From 247f3a1f330127abe2993b2e049ad6450bc0dc1c Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期四, 19 十月 2023 11:56:32 +0800
Subject: [PATCH] 仓库，位置 增加操作栏 编辑 查看

---
 src/views/productManage/product/index.vue |   70 ++++++++++++++++++++++++----------
 1 files changed, 49 insertions(+), 21 deletions(-)

diff --git a/src/views/productManage/product/index.vue b/src/views/productManage/product/index.vue
index 6eb0622..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,11 +31,14 @@
       <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">
-              <span>{{ item.name }}</span>
+              {{ item.name }}
             </div>
             <div class="price">
               <span>浠锋牸:锟�</span>
@@ -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() {
@@ -314,31 +327,46 @@
     padding: 8px;
     display: flex;
     align-items: center;
+    cursor: pointer;
     .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;
       font-size: 13px;
       margin-left: 10px;
       .label {
+        // max-height: 30px;
         color: #212529;
-        margin-top: -10px;
+        // margin-top: -5px;
         margin-right: 15px;
         word-break: break-all;
         word-wrap: break-word;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        text-overflow: ellipsis;
       }
       .price,
       .library {
         color: #495057;
-        margin-top: 15px;
+        margin-top: 10px;
       }
     }
   }
 }
 .product-list {
-  height: calc(100% - 65px);
+  height: calc(100% - 70px);
 }
 ::v-deep {
   .el-table {

--
Gitblit v1.8.0