页面修改

src/components/Share/shareCategory.vue

@@ -39,8 +39,8 @@
                   </el-col>
                   <el-col :span="7">
                     <el-tooltip class="item" effect="dark" content="编辑" placement="top">
-                      <img @click="getCategory(item.Id)" style="margin-right:9px" src="../../assets/img/userman/edit.png"
-                        alt="">
+                      <img @click="getCategory(item.Id)" style="margin-right:9px"
+                        src="../../assets/img/userman/edit.png" alt="">
                     </el-tooltip>
                     <el-tooltip class="item" effect="dark" content="删除" placement="top">
                       <img @click="removeCategory(item.Id)" src="../../assets/img/userman/del.png" alt="">
@@ -71,15 +71,13 @@
                     </div>
                   </el-col>
                   <el-col :span="7">
-                    <!-- <template v-if="!dragState"> -->
                     <el-tooltip class="item" effect="dark" content="编辑" placement="top">
-                      <img @click="getCategory(item.Id)" style="margin-right:9px" src="../../assets/img/userman/edit.png"
-                        alt="">
+                      <img @click="getCategory(item.Id)" style="margin-right:9px"
+                        src="../../assets/img/userman/edit.png" alt="">
                     </el-tooltip>
                     <el-tooltip class="item" effect="dark" content="删除" placement="top">
                       <img @click="removeCategory(item.Id)" src="../../assets/img/userman/del.png" alt="">
                     </el-tooltip>
-                    <!-- </template> -->
                   </el-col>
                 </el-row>
               </div>
@@ -108,8 +106,8 @@
                   <el-col :span="7">
                     <!-- <template v-if="!dragState"> -->
                     <el-tooltip class="item" effect="dark" content="编辑" placement="top">
-                      <img @click="getCategory(item.Id)" style="margin-right:9px" src="../../assets/img/userman/edit.png"
-                        alt="">
+                      <img @click="getCategory(item.Id)" style="margin-right:9px"
+                        src="../../assets/img/userman/edit.png" alt="">
                     </el-tooltip>
                     <el-tooltip class="item" effect="dark" content="删除" placement="top">
                       <img @click="removeCategory(item.Id)" src="../../assets/img/userman/del.png" alt="">
@@ -175,7 +173,7 @@
           </div>
         </div>
         <ul class="tierUl">
-          <li @click="SelectTier1(item,index,2)" :class="active1==index ? 'SelectLi' :''"
+          <li style="cursor:pointer" @click="SelectTier1(item,index,2)" :class="active1==index ? 'SelectLi' :''"
             v-for="(item,index) in dataList" :key="index">
             <span>{{item.Name}}</span>
             <span v-if="addMsg.Level==3 && item.children.length>0" style="float:right">
@@ -187,7 +185,7 @@
           </div>
         </ul>
         <ul v-if="addMsg.Level==3" class="tierUl" style="margin-left:10px">
-          <li @click="SelectTier2(item,index,3)" :class="active2==index ? 'SelectLi' :''"
+          <li style="cursor:pointer" @click="SelectTier2(item,index,3)" :class="active2==index ? 'SelectLi' :''"
             v-show="tableData2 && tableData2.children" v-for="(item,index) in tableData2.children" :key="index">
             <span>{{item.Name}}</span>
           </li>
@@ -201,7 +199,6 @@
         </div>
       </div>
     </el-dialog>
-
   </div>
 </template>
 <script>
@@ -246,48 +243,32 @@
         tableData2: [],
         active1: -1,
         active2: -1,
-
-        commonMSG:{}
       };
     },
     methods: {
       //获取分类列表
       getList() {
+        this.dataFirst = [];
+        this.dataSecond = [];
+        this.dataThird = [];
         this.loading = true;
         this.apipost("/api/Share/GetShareCategoryList", this.msg,
           res => {
             this.loading = false;
             if (res.data.resultCode === 1) {
               this.dataList = res.data.data;
-              console.log("this.dataList", this.dataList);
-              this.dataFirst=[];
-              this.dataSecond=[];
-              this.dataThird=[];
-              this.setNodes(this.dataList);
+              this.dataFirst = res.data.data;
+              if (this.dataList && this.dataList.length > 0) {
+                this.dataSecond = this.dataList[0].children;
+                if (this.dataList[0].children && this.dataList[0].children.length > 0) {
+                  this.dataThird = this.dataList[0].children[0].children
+                }
+              }
             }
           },
           null
         );
       },
-      //递归遍历数据
-      setNodes(datas) { //遍历树  获取id数组
-        for (var i in datas) {
-          if (datas[i].Level == 1) {
-            this.dataFirst.push(datas[i]);
-          }
-          if (datas[i].Level == 2) {
-            this.dataSecond.push(datas[i]);
-          }
-          if (datas[i].Level == 3) {
-            this.dataThird.push(datas[i]);
-          }
-          if (datas[i].children) {
-            this.setNodes(datas[i].children);
-          }
-        }
-      },
-
-
       //新增修改分类
       submitform() {
         this.apipost("/api/Share/SetShareCategory", this.addMsg,