27250

project/sass/apps/AppSpecialMental/components/Add.vue

@@ -98,9 +98,11 @@
                 :props="treeObj.defaultProps"
                 node-key="id"
                 ref="tree"
-                :check-strictly="true" show-checkbox
+                :check-strictly="true"
+                show-checkbox
                 :default-checked-keys="treeObj.checkedKeys"
-                default-expand-all highlight-current>
+                default-expand-all
+                @check="onCheckChange">
               </el-tree>
             </div>
           </ai-dialog>
@@ -278,10 +280,19 @@ export default {
       this.showGrid = false
     },
 
+    onCheckChange (e) {
+      this.$nextTick(() => {
+        this.$refs.tree.getCheckedKeys().forEach(v => {
+          this.$refs.tree.setChecked(v, false)
+        })
+        this.$refs.tree.setChecked(e.id, true)
+      })
+    },
+
     getGridList() {
       this.instance.post(`/app/appgirdinfo/listAll`).then((res) => {
         if (res.code == 0) {
-          this.treeObj.treeList = res.data
+          this.treeObj.treeList = this.format(res.data)
           if (this.formData.girdId) {
             this.$set(this.treeObj, 'checkedKeys', [this.formData.girdId])
           }
@@ -289,6 +300,20 @@ export default {
       })
     },
 
+    format (list) {
+      return list.map(item => {
+        if (item.girdLevel !== '2') {
+          item.disabled = true
+        }
+
+        if (item.girdList && item.girdList.length) {
+          item.girdList = this.format(item.girdList)
+        }
+
+        return item
+      })
+    },
+
     getDetail() {
       this.instance.post(`/app/appspecialmental/queryDetailById?id=${this.params.id}`).then((res) => {
         if (res.data) {