From 1888b426ff2b6a529f5fdef0f0453dadef71824b Mon Sep 17 00:00:00 2001 From: haoxuan <haoxuan> Date: 星期三, 17 四月 2024 10:17:38 +0800 Subject: [PATCH] 隐藏多单位的问题 --- src/views/productManage/product/index.vue | 52 ++++++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 44 insertions(+), 8 deletions(-) diff --git a/src/views/productManage/product/index.vue b/src/views/productManage/product/index.vue index c5855a4..dc395f6 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, @@ -153,10 +160,22 @@ setTableColumn(showcol) { let tableColumn = [ { + label: "浜у搧缂栫爜", + prop: "id", + isShowColumn: true, + default: true + }, + { label: "浜у搧鍚嶇О", prop: "name", isShowColumn: true, default: true + }, + { + label: "浜у搧瑙勬牸", + prop: "specs", + isShowColumn: showcol.includes("浜у搧瑙勬牸"), + default: false }, { label: "鍐呴儴缂栫爜", @@ -242,8 +261,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 || [] @@ -261,7 +292,9 @@ // 鏂板缓 addBtnClick() { this.editConfig.title = "鏂板缓" - this.editConfig.infomation = {} + this.editConfig.infomation = { + purchaseTypeList:[] + } this.editConfig.visible = true }, // 璇︽儏 @@ -269,14 +302,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 }, // 鍒囨崲鍒楄〃灞曠幇褰㈠紡 @@ -296,7 +331,8 @@ delSelectClick() { this.categoryId = 0 this.getData() - } + }, + imgClick() {} } } </script> -- Gitblit v1.8.0