From 563c60ab9d465e275bf18b57fde7b51c4bc020da Mon Sep 17 00:00:00 2001
From: zuozhengqing <a13193816592@163.com>
Date: 星期三, 29 十一月 2023 15:32:56 +0800
Subject: [PATCH] 出入库明细单打印功能调整，新引入三方库:html2Canvas,jsPdf,vue-office
---
src/views/productManage/product/index.vue | 43 +++++++++++++++++++++++++++++++++++--------
1 files changed, 35 insertions(+), 8 deletions(-)
diff --git a/src/views/productManage/product/index.vue b/src/views/productManage/product/index.vue
index 2eed6ad..c701e34 100644
--- a/src/views/productManage/product/index.vue
+++ b/src/views/productManage/product/index.vue
@@ -33,8 +33,15 @@
<div v-if="isIconIndex === '1'" class="product-view">
<div class="product-box" v-for="item in tableList.tableInfomation" :key="item.id" @click="showDetail(item)">
<div class="left">
- <!-- <el-image style="width: 60px; height: 80px" :src="url"></el-image> -->
- <div class="img-view">
+ <el-image
+ v-if="item.attachmentList?.length > 0"
+ style="width: 60px; height: 80px"
+ :src="item.attachmentList[0].FileUrl"
+ :preview-src-list="item.srcList"
+ :z-index="9999"
+ @click.stop="imgClick"
+ ></el-image>
+ <div v-else class="img-view">
<i class="el-icon-picture-outline"></i>
</div>
</div>
@@ -95,7 +102,7 @@
data() {
return {
tableList: {},
- showcol: ["鍐呴儴缂栫爜", "璐熻矗浜�", "浜у搧鏍囩", "閿�鍞环鏍�", "鎴愭湰", "鍦ㄥ簱鏁伴噺", "棰勬祴鏁伴噺", "璁￠噺鍗曚綅"],
+ showcol: ["鍐呴儴缂栫爜",'浜у搧瑙勬牸', "璐熻矗浜�", "浜у搧鏍囩", "鎴愭湰", "鍦ㄥ簱鏁伴噺", "棰勬祴鏁伴噺", "璁￠噺鍗曚綅"],
searchOptions: [],
commonDetail: {
visible: false,
@@ -125,7 +132,6 @@
this.pagerOptions.currPage = 1
this.searchTaskMap = query.id ? [{ categoryId: this.categoryId, title: query.categoryName }] : []
}
-
this.getData()
},
methods: {
@@ -158,6 +164,12 @@
prop: "name",
isShowColumn: true,
default: true
+ },
+ {
+ label: "浜у搧瑙勬牸",
+ prop: "spex",
+ isShowColumn: showcol.includes("浜у搧瑙勬牸"),
+ default: false
},
{
label: "鍐呴儴缂栫爜",
@@ -243,8 +255,20 @@
}).then((res) => {
if (res.code === 200) {
const list = res.data.map((item) => {
+ let srcList = []
+ if (item.attachmentList?.length > 0) {
+ item.attachmentList.forEach((ele) => {
+ if (ele.fileType === "picture") {
+ srcList.push(ele.FileUrl)
+ }
+ })
+ } else {
+ srcList = []
+ }
+
return {
- ...item
+ ...item,
+ srcList
}
})
this.tableList.tableInfomation = list || []
@@ -270,14 +294,16 @@
console.log(row)
this.editConfig.autoEdit = false
this.editConfig.title = "缂栬緫"
- this.editConfig.infomation = { ...row }
+ let imageSrc = row.attachmentList?.length > 0 ? row.attachmentList[0].FileUrl : ""
+ this.editConfig.infomation = { ...row, imageSrc: imageSrc }
this.editConfig.visible = true
},
// 缂栬緫
editRow(row) {
this.editConfig.autoEdit = true
this.editConfig.title = "缂栬緫"
- this.editConfig.infomation = { ...row }
+ let imageSrc = row.attachmentList?.length > 0 ? row.attachmentList[0].FileUrl : ""
+ this.editConfig.infomation = { ...row, imageSrc: imageSrc }
this.editConfig.visible = true
},
// 鍒囨崲鍒楄〃灞曠幇褰㈠紡
@@ -297,7 +323,8 @@
delSelectClick() {
this.categoryId = 0
this.getData()
- }
+ },
+ imgClick() {}
}
}
</script>
--
Gitblit v1.8.0