From ed9f239c21cf3e4b5f68b0c6ca0cdb6a8a3ec41a Mon Sep 17 00:00:00 2001
From: zengh <123456>
Date: Fri, 26 Mar 2021 08:58:54 +0800
Subject: [PATCH] Merge branch 'master' of http://s16s652780.51mypc.cn:49896/r/jfpt-Vue
---
src/views/parcel/parcelKind.vue | 44 +++++++++++++++++++++++++++++++++-----------
1 files changed, 33 insertions(+), 11 deletions(-)
diff --git a/src/views/parcel/parcelKind.vue b/src/views/parcel/parcelKind.vue
index 7eb1424..64fc854 100644
--- a/src/views/parcel/parcelKind.vue
+++ b/src/views/parcel/parcelKind.vue
@@ -31,12 +31,23 @@
</avue-crud>
+ <el-dialog
+ :visible.sync="dialogTableVisible"
+ :append-to-body="true"
+ :close-on-click-modal="false"
+ @opened="parcelConversation = true"
+ @close="(parcelConversation = false), (oldParcelSatart = false)" >
+ <div>
+ <el-image :src="'data:image/png;base64,'+imgUrl" :preview-src-list="'data:image/png;base64,'+imgUrl">
+ </el-image>
+ </div>
+ </el-dialog>
<!-- <template>
- <div>
- <img v-image-preview src="'data:image/png;base64,'+imgUrl"/>
+ <div style="width: 100%; height: 100%;">
+ <el-image ref="image" v-image-preview :src="'data:image/png;base64,'+imgUrl"/>
</div>
- </template> -->
+ </template> -->
</basic-container>
</template>
@@ -46,7 +57,10 @@
import VueDirectiveImagePreviewer from 'vue-directive-image-previewer';
import 'vue-directive-image-previewer/dist/assets/style.css';
import Vue from 'vue';
- Vue.use(VueDirectiveImagePreviewer);
+ Vue.use(VueDirectiveImagePreviewer, {
+ zIndex: 9999, //层级显示
+ previewSize: 3 //三倍图
+ });
export default {
data() {
@@ -54,7 +68,11 @@
form: {},
query: {},
imgUrl:'',
+ isShow:true,
loading: true,
+ dialogTableVisible: false,
+ parcelConversation:false,
+ oldParcelSatart:false,
page: {
pageSize: 10,
currentPage: 1,
@@ -185,11 +203,7 @@
},
methods: {
beforeOpen(done, type) {
- if (["edit", "view"].includes(type)) {
- getDetail(this.form.id).then(res => {
- this.form = res.data.data;
- });
- }
+
done();
},
searchReset() {
@@ -264,12 +278,20 @@
this.selectionClear();
});
},
+ // handleParcelPic(row) {
+ // getParcelPic(row.imgUrl).then(res => {
+ // this.imgUrl = res.data.data.imgBase64;
+ // });
+ // setTimeout(() => {
+ // //代码
+ // this.$refs.image.$el.click();
+ // }, 1000);
+ // },
handleParcelPic(row) {
- console.log(row.imgUrl);
getParcelPic(row.imgUrl).then(res => {
this.imgUrl = res.data.data.imgBase64;
});
- this.dialogTableVisible = true;
+ this.dialogTableVisible=true;
}
}
};
--
Gitblit v1.9.3