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 | 28 +++++++++++++++++++++++++---
1 files changed, 25 insertions(+), 3 deletions(-)
diff --git a/src/views/productManage/product/index.vue b/src/views/productManage/product/index.vue
index cf639f7..c701e34 100644
--- a/src/views/productManage/product/index.vue
+++ b/src/views/productManage/product/index.vue
@@ -37,6 +37,9 @@
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>
@@ -99,7 +102,7 @@
data() {
return {
tableList: {},
- showcol: ["鍐呴儴缂栫爜", "璐熻矗浜�", "浜у搧鏍囩", "閿�鍞环鏍�", "鎴愭湰", "鍦ㄥ簱鏁伴噺", "棰勬祴鏁伴噺", "璁￠噺鍗曚綅"],
+ showcol: ["鍐呴儴缂栫爜",'浜у搧瑙勬牸', "璐熻矗浜�", "浜у搧鏍囩", "鎴愭湰", "鍦ㄥ簱鏁伴噺", "棰勬祴鏁伴噺", "璁￠噺鍗曚綅"],
searchOptions: [],
commonDetail: {
visible: false,
@@ -161,6 +164,12 @@
prop: "name",
isShowColumn: true,
default: true
+ },
+ {
+ label: "浜у搧瑙勬牸",
+ prop: "spex",
+ isShowColumn: showcol.includes("浜у搧瑙勬牸"),
+ default: false
},
{
label: "鍐呴儴缂栫爜",
@@ -246,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 || []
@@ -302,7 +323,8 @@
delSelectClick() {
this.categoryId = 0
this.getData()
- }
+ },
+ imgClick() {}
}
}
</script>
--
Gitblit v1.8.0