From d48dadd0ec802da506e311cd115db2e633fc233a Mon Sep 17 00:00:00 2001
From: Administrator <admin>
Date: Wed, 24 Mar 2021 11:58:52 +0800
Subject: [PATCH] 包裹页面图片修改
---
src/api/parcel/parcel.js | 2 +-
src/views/parcel/parcel.vue | 37 +++++++++++++++++++++++++++++--------
2 files changed, 30 insertions(+), 9 deletions(-)
diff --git a/src/api/parcel/parcel.js b/src/api/parcel/parcel.js
index c56e68b..ac672c8 100644
--- a/src/api/parcel/parcel.js
+++ b/src/api/parcel/parcel.js
@@ -24,7 +24,7 @@
})
}
-export const getDetail = (imgUrl) => {
+export const getParcelPic = (imgUrl) => {
return request({
url: '/api/blade-jfpts/parcel/parcel/getParcelPic',
method: 'get',
diff --git a/src/views/parcel/parcel.vue b/src/views/parcel/parcel.vue
index 4321237..1385463 100644
--- a/src/views/parcel/parcel.vue
+++ b/src/views/parcel/parcel.vue
@@ -19,21 +19,32 @@
@refresh-change="refreshChange"
@on-load="onLoad">
- <template slot="menu">
- <el-button type="text" @click="dialogVisible=true">查看包裹图片</el-button>
+ <template slot-scope="{ type, size, row }" slot="menu">
- <el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
- <span>这是一段信息</span>
- </el-dialog>
+ <el-button
+ v-if="row.imgUrl != null || row.imgUrl != ''"
+ icon="el-icon-view"
+ :size="size"
+ :type="type"
+ @click.stop="handleParcelPic(row)"
+ >查看包裹图片
+ </el-button>
+
</template>
-
+
</avue-crud>
+ <el-dialog class="parcel-dialog" title="包裹图片" :visible.sync="dialogTableVisible" :append-to-body="true" :close-on-click-modal="false"
+ @opened="parcelConversation = true" @close="(parcelConversation = false), (oldParcelSatart = false)" >
+ <div>
+ <img :src="'data:image/png;base64,'+imgUrl" >
+ </div>
+ </el-dialog>
</basic-container>
</template>
<script>
- import {getList, getDetail, add, update, remove} from "@/api/parcel/parcel";
+ import {getList, getDetail, getParcelPic} from "@/api/parcel/parcel";
import {mapGetters} from "vuex";
export default {
@@ -41,8 +52,11 @@
return {
form: {},
query: {},
+ imgUrl:'',
loading: true,
- dialogVisible: false,
+ dialogTableVisible: false,
+ parcelConversation:false,
+ oldParcelSatart:false,
page: {
pageSize: 10,
currentPage: 1,
@@ -267,6 +281,13 @@
this.loading = false;
this.selectionClear();
});
+ },
+ handleParcelPic(row) {
+ console.log(row.imgUrl);
+ getParcelPic(row.imgUrl).then(res => {
+ this.imgUrl = res.data.data.imgBase64;
+ });
+ this.dialogTableVisible = true;
}
}
};
--
Gitblit v1.9.3