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 |   76 +++++++++++++++++++++++++++++--------
 1 files changed, 59 insertions(+), 17 deletions(-)

diff --git a/src/views/productManage/product/index.vue b/src/views/productManage/product/index.vue
index 0c79ece..dc395f6 100644
--- a/src/views/productManage/product/index.vue
+++ b/src/views/productManage/product/index.vue
@@ -5,8 +5,10 @@
         :add-title="'鏂板缓'"
         :placeholder="'璇疯緭鍏ヤ骇鍝佸悕绉�'"
         :amount-view="false"
+        :search-task-map="searchTaskMap"
         @addCommonClick="addBtnClick"
         @searchClick="searchClick"
+        @delSelectClick="delSelectClick"
       />
     </div>
     <div class="list-view">
@@ -31,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>
@@ -54,11 +63,7 @@
       </div>
       <!-- 鍒楄〃褰㈠紡 -->
       <div v-if="isIconIndex === '2'" class="product-list">
-        <TableCommonView
-          ref="tableListRef"
-          :table-list="tableList"
-          @selTableCol="selTableCol"
-        >
+        <TableCommonView ref="tableListRef" :table-list="tableList" @selTableCol="selTableCol">
           <template slot="tableButton">
             <el-table-column label="鎿嶄綔" width="90" align="center">
               <template slot-scope="scope">
@@ -97,7 +102,7 @@
   data() {
     return {
       tableList: {},
-      showcol: ["鍐呴儴缂栫爜", "璐熻矗浜�", "浜у搧鏍囩", "閿�鍞环鏍�", "鎴愭湰", "鍦ㄥ簱鏁伴噺", "棰勬祴鏁伴噺", "璁¢噺鍗曚綅"],
+      showcol: ["鍐呴儴缂栫爜",'浜у搧瑙勬牸', "璐熻矗浜�", "浜у搧鏍囩", "鎴愭湰", "鍦ㄥ簱鏁伴噺", "棰勬祴鏁伴噺", "璁¢噺鍗曚綅"],
       searchOptions: [],
       commonDetail: {
         visible: false,
@@ -114,15 +119,18 @@
       url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
       pageSizes: [15, 30],
       keyWord: "",
-      categoryId: null
+      categoryId: null,
+      searchTaskMap: []
     }
   },
   created() {
     this.setTable()
     let query = this.$route.query
     if (query) {
+      console.log("ssssss")
       this.categoryId = query.id ? Number(query.id) : null
       this.pagerOptions.currPage = 1
+      this.searchTaskMap = query.id ? [{ categoryId: this.categoryId, title: query.categoryName }] : []
     }
     this.getData()
   },
@@ -152,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: "鍐呴儴缂栫爜",
@@ -241,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 || []
@@ -259,23 +291,27 @@
     },
     // 鏂板缓
     addBtnClick() {
-      this.editConfig.visible = true
       this.editConfig.title = "鏂板缓"
-      this.editConfig.infomation = {}
+      this.editConfig.infomation = {
+        purchaseTypeList:[]
+      }
+      this.editConfig.visible = true
     },
     // 璇︽儏
     showDetail(row) {
       console.log(row)
-      this.editConfig.visible = true
       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){
+    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
     },
     // 鍒囨崲鍒楄〃灞曠幇褰㈠紡
@@ -290,7 +326,13 @@
         this.pagerOptions.pageSize = 15
       }
       this.getData()
-    }
+    },
+    // 鍒犻櫎浜у搧绫诲瀷
+    delSelectClick() {
+      this.categoryId = 0
+      this.getData()
+    },
+    imgClick() {}
   }
 }
 </script>

--
Gitblit v1.8.0