修复优惠券选择适用门店 && 运营后台产品列表

admin/src/components/SelectBiz/index.vue

@@ -165,7 +165,7 @@
     },
     watch: {
       visible(visible) {
-        if (visible && !this.allBiz.length) {
+        if (visible) {
           this.query();
         }
       },

admin/src/views/car/product/index.vue

@@ -165,6 +165,52 @@
         </template>
         <!-- 状态列 -->
         <template v-slot:title="{ row }">
+          <div class="ele-cell-content">
+            <el-image
+              v-if="row.banner"
+              :src="row.banner[0]['url']"
+              class="table-image"
+            />
+          </div>
+          <div>
+            <el-link
+              type="primary"
+              :underline="false"
+              class="table-text"
+              style="width: 100%"
+              @click="showEditRow(row)"
+            >
+              <div>{{ row.title }}</div>
+              <div>{{ row.guide_price }}</div>
+              <div>
+                <template v-for="item in priceRange">
+                  <el-tag
+                    :key="item.dictDataId"
+                    v-if="row.labels.includes(item.dictDataId)"
+                    size="mini"
+                    >{{ item.dictDataName }}</el-tag
+                  >
+                </template>
+                <template v-for="item in productLevel">
+                  <el-tag
+                    :key="item.dictDataId"
+                    v-if="row.labels.includes(item.dictDataId)"
+                    size="mini"
+                    >{{ item.dictDataName }}</el-tag
+                  >
+                </template>
+                <template v-for="item in carProductLabel">
+                  <el-tag
+                    :key="item.dictDataId"
+                    v-if="row.labels.includes(item.dictDataId)"
+                    size="mini"
+                    >{{ item.dictDataName }}</el-tag
+                  >
+                </template>
+              </div>
+            </el-link>
+          </div>
+          <!--
           <div class="cell-content">
             <el-image
               v-if="row.banner && row.banner[0]"
@@ -173,6 +219,7 @@
             />
             <span class="table-text">{{ row.title }}</span>
           </div>
+          -->
         </template>
         <template v-slot:status="{ row }">
           <el-switch
@@ -300,8 +347,9 @@
             prop: 'title',
             label: '产品信息',
             slot: 'title',
-            showOverflowTooltip: true,
-            minWidth: 150
+            align: 'center',
+            width: 200,
+            fixed: 'left'
           },
           {
             prop: 'cityName',
@@ -382,8 +430,7 @@
       /* 下拉按钮点击 */
       dropClick(command, row) {
         if (command === 'edit') {
-          this.current = row;
-          this.showEdit = true;
+          this.showEditRow(row);
         } else if (command === 'brokerage') {
           this.current = row;
           this.showEditBrokerage = true;
@@ -400,6 +447,10 @@
           this.showEditCps = true;
         }
       },
+      showEditRow(row) {
+        this.current = row;
+        this.showEdit = true;
+      },
       /* 表格数据源 */
       datasource({ page, limit, where, order }) {
         return pageProduct({ ...where, ...order, page, limit });
@@ -483,19 +534,34 @@
   };
 </script>
 <style scoped>
-  .cell-content {
-    display: flex;
-    align-items: center;
-  }
-
   .table-image {
-    width: 80px;
+    width: 100px;
     height: 80px;
     margin-right: 5px;
   }
-
   .table-text {
     /* 文本样式 */
     overflow: hidden;
   }
+  .el-dialog__body {
+    padding: 0;
+  }
+  /* 容器确保图片居中 */
+  .image-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+  }
+  /* 图片样式 */
+  .sliding-image {
+    max-width: 100%;
+    height: 100%;
+    display: block;
+    margin: 0 auto;
+  }
+  ::v-deep .el-cascader__tags input::-webkit-input-placeholder {
+    color: white;
+    opacity: 0;
+  }
 </style>