From a11d38dff8d7beca6d33251557b7e370c155faf1 Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期三, 18 十月 2023 17:10:41 +0800
Subject: [PATCH] 新建调拨弹窗样式调整(5288)

---
 src/views/productManage/product/index.vue |   57 +++++++++++++++++++++++++++++++++++++++------------------
 1 files changed, 39 insertions(+), 18 deletions(-)

diff --git a/src/views/productManage/product/index.vue b/src/views/productManage/product/index.vue
index 7120876..5a49b4d 100644
--- a/src/views/productManage/product/index.vue
+++ b/src/views/productManage/product/index.vue
@@ -14,16 +14,16 @@
         <div class="icon-view">
           <span
             class="icon-label"
-            @click="selIconSwitchClick('1')"
-            :class="{ blueBackgroud: isIconIndex === '1', whiteBackgroud: isIconIndex === '2' }"
-            ><i class="el-icon-menu"></i
-          ></span>
-          <span
-            class="icon-label"
             @click="selIconSwitchClick('2')"
             :class="{ whiteBackgroud: isIconIndex === '1', blueBackgroud: isIconIndex === '2' }"
             style="margin-left: 5px"
             ><i class="el-icon-s-unfold"></i
+          ></span>
+          <span
+            class="icon-label"
+            @click="selIconSwitchClick('1')"
+            :class="{ blueBackgroud: isIconIndex === '1', whiteBackgroud: isIconIndex === '2' }"
+            ><i class="el-icon-menu"></i
           ></span>
         </div>
       </div>
@@ -31,7 +31,10 @@
       <div v-if="isIconIndex === '1'" class="product-view">
         <div class="product-box" v-for="item in tableList.tableInfomation" :key="item.id" @click="tableRowClick(item)">
           <div class="left">
-            <el-image style="width: 60px; height: 80px" :src="url"></el-image>
+            <!-- <el-image style="width: 60px; height: 80px" :src="url"></el-image> -->
+            <div class="img-view">
+              <i class="el-icon-picture-outline"></i>
+            </div>
           </div>
           <div class="right">
             <div class="label">
@@ -86,7 +89,7 @@
   data() {
     return {
       tableList: {},
-      showcol: ["鍐呴儴鍙傝��", "璐熻矗浜�", "浜у搧鏍囩", "閿�鍞环鏍�", "鎴愭湰", "鍦ㄥ簱鏁伴噺", "棰勬祴鏁伴噺", "璁¢噺鍗曚綅"],
+      showcol: ["鍐呴儴缂栫爜", "璐熻矗浜�", "浜у搧鏍囩", "閿�鍞环鏍�", "鎴愭湰", "鍦ㄥ簱鏁伴噺", "棰勬祴鏁伴噺", "璁¢噺鍗曚綅"],
       searchOptions: [],
       commonDetail: {
         visible: false,
@@ -98,13 +101,20 @@
         title: "鏂板缓",
         infomation: {}
       },
-      isIconIndex: "1", // 1 鍥炬爣 2 鍒楄〃
+      isIconIndex: "2", // 1 鍥炬爣 2 鍒楄〃
       url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
-      pageSizes: [15, 30]
+      pageSizes: [15, 30],
+      keyWord: "",
+      categoryId: null
     }
   },
   created() {
     this.setTable()
+    let query = this.$route.query
+    if (query) {
+      this.categoryId = query.id ? Number(query.id) : null
+      this.pagerOptions.currPage = 1
+    }
     this.getData()
   },
   methods: {
@@ -115,7 +125,8 @@
       }
       this.tableList = {
         tableInfomation: [],
-        selectBox: true,
+        selectBox: false,
+        selectIndex: true,
         showcol: this.showcol,
         allcol: [],
         tableColumn: this.setTableColumn(this.showcol)
@@ -138,9 +149,9 @@
           default: true
         },
         {
-          label: "鍐呴儴鍙傝��",
+          label: "鍐呴儴缂栫爜",
           prop: "internalReference",
-          isShowColumn: showcol.includes("鍐呴儴鍙傝��"),
+          isShowColumn: showcol.includes("鍐呴儴缂栫爜"),
           default: false
         },
         {
@@ -181,7 +192,7 @@
         },
         {
           label: "浜у搧绫诲瀷",
-          prop: "productType",
+          prop: "model",
           isShowColumn: showcol.includes("浜у搧绫诲瀷"),
           default: false
         },
@@ -212,9 +223,10 @@
       this.tableList.tableColumn = this.setTableColumn(val)
     },
     // 璇锋眰鏁版嵁
-    async getData(val) {
+    async getData() {
       await getProductList({
-        keyWord: val,
+        keyWord: this.keyWord,
+        categoryId: this.categoryId ? this.categoryId : null,
         page: this.pagerOptions.currPage,
         pageSize: this.pagerOptions.pageSize
       }).then((res) => {
@@ -232,8 +244,9 @@
     // 鎼滅储
     searchClick(val) {
       console.log(val)
+      this.keyWord = val
       this.pagerOptions.currPage = 1
-      this.getData(val)
+      this.getData()
     },
     // 鏂板缓
     addBtnClick() {
@@ -318,6 +331,14 @@
     .left {
       width: 60px;
       text-align: center;
+      .img-view {
+        width: 60px;
+        height: 80px;
+        line-height: 80px;
+        border: 1px solid #dee2e6;
+        font-size: 22px;
+        color: #b8babb;
+      }
     }
     .right {
       flex: 1;
@@ -345,7 +366,7 @@
   }
 }
 .product-list {
-  height: calc(100% - 65px);
+  height: calc(100% - 70px);
 }
 ::v-deep {
   .el-table {

--
Gitblit v1.8.0