Browse Source

Update addSilder.vue

lex-xin 4 years ago
parent
commit
1daabcf885
1 changed files with 15 additions and 3 deletions
  1. 15 3
      src/views/setSilder/addSilder.vue

+ 15 - 3
src/views/setSilder/addSilder.vue

@@ -111,7 +111,7 @@
                     autocomplete="off"></el-input> -->
           <el-cascader v-model="form.parentId"
                        style="width:100%"
-                       :options="tableList"
+                       :options="cascaderList"
                        :props="optionProps"></el-cascader>
         </el-form-item>
         <el-form-item label="是否隐藏"
@@ -163,6 +163,7 @@ export default {
   data () {
     return {
       tableList: [], // 数据列表
+      cascaderList: [], // 父级元素
       formLabelWidth: '100px',
       branchStatus: false,
       operationType: 'create',
@@ -187,7 +188,8 @@ export default {
       optionProps: {
         value: 'id',
         label: 'name',
-        children: 'children'
+        children: 'children',
+        checkStrictly: true
       }
     }
   },
@@ -240,7 +242,7 @@ export default {
               name: form.name,
               permission: form.permission,
               sort: form.sort,
-              parentId: form.parentId,
+              parentId: form.parentId.pop(),
               hid: form.hid,
               type: form.type,
               parentPermission: form.parentPermission,
@@ -254,6 +256,9 @@ export default {
               }
             })
           } else if (this.operationType == 'update') {
+            if(typeof form.parentId === 'object') {
+              form.parentId = form.parentId.pop()
+            }
             resetSilder(form).then(res => {
               if (res.code == 200) {
                 this.$message.success('修改成功')
@@ -273,6 +278,13 @@ export default {
       getSilder().then(res => {
         if (res.code != 200) return
         this.tableList = this.setTableData(res.data)
+        this.cascaderList = this.setTableData(res.data)
+        this.cascaderList.unshift({
+          id: 0,
+          name: '根结点',
+          children: []
+        })
+        console.log(this.cascaderList)
       })
     },
     setTableData (result) {