From 334a27a12bc2504d4d0f10b4ee23389c7040be85 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?lemon=E6=A9=AA?= <17633066053@163.com>
Date: Mon, 16 Aug 2021 11:31:59 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=A5=BC=E5=B1=82=E8=A3=85?=
 =?UTF-8?q?=E4=BF=AE=E4=B8=AD=E5=95=86=E5=93=81=E8=A3=85=E4=BF=AE=E5=87=BA?=
 =?UTF-8?q?=E7=8E=B0=E7=9A=84=E9=BB=98=E8=AE=A4=E4=B8=8D=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../wap/template/tpl_goods.vue                | 41 ++++++++-----------
 1 file changed, 18 insertions(+), 23 deletions(-)

diff --git a/manager/src/views/lili-floor-renovation/wap/template/tpl_goods.vue b/manager/src/views/lili-floor-renovation/wap/template/tpl_goods.vue
index c1913e5e..a4fd074a 100644
--- a/manager/src/views/lili-floor-renovation/wap/template/tpl_goods.vue
+++ b/manager/src/views/lili-floor-renovation/wap/template/tpl_goods.vue
@@ -1,32 +1,15 @@
 <template>
   <div class="layout">
     <div class="goods-cell-title">
-      <div
-        class="goods-item-title"
-        :class="{ selected: selected.index == index }"
-        @click="handleClickTitle(title, index)"
-        v-for="(title, index) in res.list[0].titleWay"
-        :key="index"
-      >
+      <div class="goods-item-title" :class="{ selected: selected.index == index }" @click="handleClickTitle(title, index)" v-for="(title, index) in res.list[0].titleWay" :key="index">
         <h4>{{ title.title }}</h4>
         <div>{{ title.desc }}</div>
       </div>
     </div>
     <div class="goods-list">
-      <div
-        v-if="selected.val == item.type"
-        class="goods-item"
-        v-for="(item, item_index) in res.list[0].listWay"
-        :key="item_index"
-      >
+      <div v-if="selected.val == item.type" class="goods-item" v-for="(item, item_index) in res.list[0].listWay" :key="item_index">
         <div class="goods-img">
-          <Icon
-            size="20"
-            color="#e1251b"
-            @click="closeGoods(item, item_index)"
-            class="goods-icon"
-            type="ios-close-circle"
-          />
+          <Icon size="20" color="#e1251b" @click="closeGoods(item, item_index)" class="goods-icon" type="ios-close-circle" />
           <img :src="item.img" alt />
         </div>
         <div class="goods-desc">
@@ -45,17 +28,29 @@
 export default {
   data() {
     return {
-      selected: { // 已选数据
+      selected: {
+        // 已选数据
         index: 0,
-        val: "精选",
+        val: "",
       },
     };
   },
   props: ["res"],
+  watch: {
+    res: {
+      handler(val) {
+        // 监听父级的值 如果有值将值赋给selected
+        if (val) {
+          this.selected.val = this.res.list[0].listWay[0].type;
+        }
+      },
+      immediate: true,
+    },
+  },
   methods: {
     // 删除商品
     closeGoods(val, index) {
-      this.res.list[0].listWay.splice(index,1)
+      this.res.list[0].listWay.splice(index, 1);
     },
     // 切换商品列表
     handleClickTitle(val, index) {