级联菜单处理

src/views/modules/plugins/power/poweraxis.vue

@@ -35,14 +35,14 @@
             >
             <el-table-column prop="name" label="动力主轴"></el-table-column>
             <el-table-column prop="sort" label="排序" ></el-table-column>
-            <el-table-column prop="categoryCode" label="类别" ></el-table-column>
+            <el-table-column prop="categoryCode" :formatter="categoryCodeFormatter" label="类别" ></el-table-column>
             <el-table-column prop="leaderName" label="负责人"></el-table-column>
             <el-table-column prop="leaderMobile" label="联系方式" ></el-table-column>
-            <el-table-column prop="sort" label="排序"></el-table-column>
             <el-table-column label="操作" align="center">
                 <template slot-scope="row">
                     <el-button size="mini" type="text" icon="el-icon-edit">修改</el-button>
                     <el-button size="mini" type="text" icon="el-icon-edit" @click="del(row)">删除</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-user">负责人</el-button>
                 </template>
             </el-table-column>
         </el-table>
@@ -59,7 +59,7 @@
                     <el-select v-model="addOrgForm.categoryCode" placeholder="请选择动力主轴标签"  
                     @change="handelChange">
                         <el-option
-                        v-for="item in listSimple"
+                        v-for="item in tagCategoryArr"
                         :key="item.categoryCode"
                         :label="item.categoryName"
                         :value="item.categoryCode">
@@ -71,14 +71,12 @@
                 </el-form-item>
                 <!-- 下拉框组织的参数 -->
                 <el-form-item label="绑定组织" v-show="orgListSwitch">
-                    <el-select v-model="addOrgForm.agencyName" placeholder="请选择要绑定的组织" @change="handelAgencyTree">
+                    <el-cascader
-                        <el-option
+                        v-model="addOrgForm.agencyName"
-                        v-for="item in agencytree"
+                        :options="agencytree"
-                        :key="item.orgId"
+                        placeholder="请选择要绑定的组织"
-                        :label="item.orgName"
+                        :props="{ expandTrigger: 'hover', label: 'orgName', value: 'orgId', children: 'subOrgList' }"
-                        :value="item.orgId">
+                        @change="handelAgencyTree"></el-cascader>
-                        </el-option>
-                    </el-select>
                 </el-form-item>
                 <!-- 网格党支部下拉框 -->
                 <el-form-item label="所属上级网格党支部" v-show="GridPartyBranchSwitch">
@@ -167,10 +165,10 @@ export default {
             },
             // 树状结构列表
             powerAxisTreeList: [],
-            // 查询动力主轴机构标签
+            // 查询动力主轴标签类别
-            listSimple:[],
+            tagCategoryArr: [],
             // 绑定组织列表
-            agencytree:[],
+            agencytree: [],
             // 上级网格党支部列表
             GridPartyBranchList:[],
             // 党委列表
@@ -195,6 +193,8 @@ export default {
     created(){
         // this.getTreeList()
         this.initTreeData()
+        this.getTagCategoryArr()
+        this.getAgencyTree()
     },
     mounted(){
         this.customerId = localStorage.getItem('customerId')
@@ -231,15 +231,15 @@ export default {
             }
         },
         // 获取动力主轴标签
-        async getListSimple(){
+        async getTagCategoryArr(){
             const url = '/pli/power/axisTag/listSimple/struct'
 
             let params = {}
 
-            const { data, code, msg } = await requestPost(url,params)
+            const { data, code, msg } = await requestPost(url, params)
 
             if (code === 0) {
-                this.listSimple = data
+                this.tagCategoryArr = data
             } else {
                 this.$message.error(msg)
             }
@@ -256,9 +256,7 @@ export default {
             const { data, code, msg } = await requestPost(url,params)
 
             if (code === 0) {
-                console.log(data)
+                this.agencytree = this.removeEmptySubOrgList(data)
-                this.agencytree = data[0].subOrgList
-                
             } else {
                 this.$message.error(msg)
             }
@@ -331,7 +329,7 @@ export default {
         addNewOrg(){
             this.addDialogBox = true
             this.addOrgForm.pid = ''
-            this.getListSimple()
+            this.getTagCategoryArr()
             this.getAgencyTree()
         },
 
@@ -435,8 +433,28 @@ export default {
         },
         handelGridParty(val){
             console.log(val)
+        },
+        categoryCodeFormatter (row, column) {
+            let ca = ''
+            this.tagCategoryArr.forEach((tagCategory) => {
+                if (tagCategory.categoryCode === row.categoryCode) {
+                    ca = tagCategory.categoryName
+                }
+            })
+            return ca
+        },
+        removeEmptySubOrgList (orgArray) {
+            orgArray.forEach((orgInfo) => {
+                if (orgInfo && orgInfo.subOrgList) {
+                    if (orgInfo.subOrgList.length === 0) {
+                        orgInfo.subOrgList = undefined
+                    } else {
+                        this.removeEmptySubOrgList(orgInfo.subOrgList)
+                    }
+                }
+            })
+            return orgArray;
         }
-
         
     }
 }