From e4b192185eae1d8311743bb30c163295a3a9b393 Mon Sep 17 00:00:00 2001
From: zzq <a13193816592@163.com>
Date: 星期三, 27 九月 2023 20:59:36 +0800
Subject: [PATCH] "searchCommonView冲突解决"

---
 src/views/productManage/product/index.vue |   47 ++++++++++++++++++++++++++++++++++++++---------
 1 files changed, 38 insertions(+), 9 deletions(-)

diff --git a/src/views/productManage/product/index.vue b/src/views/productManage/product/index.vue
index 6eb0622..f364068 100644
--- a/src/views/productManage/product/index.vue
+++ b/src/views/productManage/product/index.vue
@@ -31,11 +31,16 @@
       <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> -->
+            <el-image class="img-view">
+              <div slot="error" class="image-slot">
+                <i class="el-icon-picture-outline"></i>
+              </div>
+            </el-image>
           </div>
           <div class="right">
             <div class="label">
-              <span>{{ item.name }}</span>
+              {{ item.name }}
             </div>
             <div class="price">
               <span>浠锋牸:锟�</span>
@@ -100,11 +105,18 @@
       },
       isIconIndex: "1", // 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: {
@@ -181,7 +193,7 @@
         },
         {
           label: "浜у搧绫诲瀷",
-          prop: "productType",
+          prop: "model",
           isShowColumn: showcol.includes("浜у搧绫诲瀷"),
           default: false
         },
@@ -212,9 +224,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 +245,9 @@
     // 鎼滅储
     searchClick(val) {
       console.log(val)
+      this.keyWord = val
       this.pagerOptions.currPage = 1
-      this.getData(val)
+      this.getData()
     },
     // 鏂板缓
     addBtnClick() {
@@ -314,25 +328,40 @@
     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;
       }
     }
   }

--
Gitblit v1.8.0