From 4b39f6a2e482110224bbef93af8d6518870178ba Mon Sep 17 00:00:00 2001
From: dy-hu <dy-hu@haihangyun.com>
Date: Wed, 5 Jun 2024 15:44:21 +0800
Subject: [PATCH] =?UTF-8?q?1.=E5=95=86=E5=AE=B6=E7=AB=AF=E5=88=86=E7=B1=BB?=
 =?UTF-8?q?=E5=88=86=E7=B1=BB=E5=88=97=E8=A1=A8=E8=8E=B7=E5=8F=96=E4=B8=9A?=
 =?UTF-8?q?=E5=8A=A1=E5=8A=9F=E8=83=BD=E6=B7=BB=E5=8A=A0=E5=AD=90=E5=88=86?=
 =?UTF-8?q?=E7=B1=BB=E4=BF=A1=E6=81=AF=E4=B8=9A=E5=8A=A1=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=202.=E5=95=86=E5=AE=B6=E7=AB=AF=E5=88=86=E7=B1=BB=E8=A7=A3?=
 =?UTF-8?q?=E5=86=B3=E4=B8=80=E7=BA=A7=E5=88=86=E7=B1=BB=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E6=97=A0=E6=B3=95=E6=98=BE=E7=A4=BA=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/commodity/commdityClass/index.vue | 52 ++++++++++++++++++++++-------
 1 file changed, 40 insertions(+), 12 deletions(-)

diff --git a/src/views/commodity/commdityClass/index.vue b/src/views/commodity/commdityClass/index.vue
index 1ba5e21..bd56ffd 100644
--- a/src/views/commodity/commdityClass/index.vue
+++ b/src/views/commodity/commdityClass/index.vue
@@ -7,14 +7,26 @@
       :data="tableData"
       style="width: 100%"
       border
-      row-key="id"
+      row-key="classifyId"
       :header-cell-style="{ background: '#EEF3FF', color: '#333333' }"
-      :tree-props="{ children: 'childs' }"
+      :tree-props="{ children: 'childs', hasChildren: 'hasChildren' }"
     >
     <el-table-column prop="classifyName_ZH" label="商品类别(中文)" />
     <el-table-column prop="classifyName_EN" label="商品类别(英文)" />
+      <el-table-column
+        align="center"
+        label="分类图片"
+      >
+        <template v-slot="scope">
+          <el-image :src="scope.row.classifyImage" :preview-src-list="[scope.row.classifyImage]" style="width: 50px;height: 50px" >
+            <div slot="error" class="image-slot" style="line-height:60px;text-align: center;color: orange">
+              无图片
+            </div>
+          </el-image>
+        </template>
+      </el-table-column>
     <el-table-column prop="status" :label="$t('common.operate')">
-        <template slot-scope="scope">
+        <template slot-scope="scope" v-if="!scope.row.classifyPid">
           <el-button type="text" @click.native.prevent="checkRow(scope.row)">{{ $t('common.view') }}</el-button>
           <el-button type="text" @click.native.prevent="updateRow(scope.row)">{{ $t('common.edit') }}</el-button>
           <el-button type="text" @click.native.prevent="deleteRow(scope.row)">{{ $t('common.delete') }}</el-button>
@@ -156,19 +168,35 @@ export default {
       const res = await commdityClassGetAll(formParams, {project: getBusinessId()})
       let tempData = res.data.list;
       tempData.forEach((itemData) => {
-        if(itemData && itemData.langInfoMap && itemData.langInfoMap['zh']){
-          itemData.classifyName_ZH = itemData.langInfoMap['zh'].classifyName;
-        }else{
-          itemData.classifyName_ZH = "";
-        }
-        if(itemData && itemData.langInfoMap && itemData.langInfoMap['en']){
-          itemData.classifyName_EN = itemData.langInfoMap['en'].classifyName;
-        }else{
-          itemData.classifyName_EN = "";
+       this.initLangInfo(itemData)
+        if (itemData.childs){
+          itemData.childs.forEach((secondChildData) => {
+              this.initLangInfo(secondChildData)
+              if (secondChildData.childs){
+                secondChildData.childs.forEach((thirdChildData) => {
+                    this.initLangInfo(thirdChildData)
+                  }
+                )
+              }
+            }
+          )
         }
       });
       this.tableData = tempData;
       this.total = res.data.total;
+    },
+
+    initLangInfo(itemData) {
+      if(itemData && itemData.langInfoMap && itemData.langInfoMap['zh']){
+        itemData.classifyName_ZH = itemData.langInfoMap['zh'].classifyName;
+      }else{
+        itemData.classifyName_ZH = "";
+      }
+      if(itemData && itemData.langInfoMap && itemData.langInfoMap['en']){
+        itemData.classifyName_EN = itemData.langInfoMap['en'].classifyName;
+      }else{
+        itemData.classifyName_EN = "";
+      }
     }
   }
 }