优化

src/views/newUserManagement/index.vue

@@ -45,7 +45,7 @@
                     <div class="flex">
                       <span class="customTxt">{{ node.label }}</span>
                       <span v-show="treeCheckId == data.user_group_id" class="customBtn">
-                        <span v-if="data.user_group_id != 0" @click.stop="handleRemove(data)">删除</span>
+                        <span v-if="data.user_group_id" @click.stop="handleRemove(data)">删除</span>
                       </span>
                     </div>
                   </span>
@@ -320,7 +320,7 @@ export default {
       if (datas && datas.length) {
         return
       }
-      this.arrs.push({ user_group_name: '新建账号组' })
+      this.arrs.push({ user_group_name: '新建账号组', user_group_id: 'test' })
       this.type = 'add'
       this.treeCheckId = null
       this.tableData = []
@@ -331,17 +331,23 @@ export default {
     },
     async handleNodeClick (data) {
       if (data.user_group_id) {
+        const datas = this.arrTree.filter(item => item.user_group_id == data.up_user_group_id)
         this.treeCheckId = data.user_group_id
         this.treeCheckObj = _.cloneDeep(data)
         this.formInline = _.cloneDeep(data)
-        this.type = 'edit'
-        const { code, returnData } = await this.getQueryList(SERVICE_ID.getUserTableId, {
-          up_user_group_id: data.user_group_id
-        })
-        if (code == 0 && returnData && returnData.length) {
-          this.tableData = returnData
-        } else {
-          this.tableData = []
+        if (data.user_group_id != 'test') {
+          if (!data.up_user_group_id || datas.length < 1) {
+            this.formInline.up_user_group_id = ''
+          }
+          this.type = 'edit'
+          const { code, returnData } = await this.getQueryList(SERVICE_ID.getUserTableId, {
+            up_user_group_id: data.user_group_id
+          })
+          if (code == 0 && returnData && returnData.length) {
+            this.tableData = returnData
+          } else {
+            this.tableData = []
+          }
         }
       }
     },
@@ -378,11 +384,17 @@ export default {
     },
     async tableRemove () {
       if (this.rmType == '1') {
-        const { code } = await this.getChangeList(this.queryId, this.rmObj, 3)
-        if (code == 0) {
-          this.getTreeData()
-          this.rmObj = {}
-          this.clearForm()
+        const { user_group_id } = this.treeCheckObj
+        if (user_group_id == 'test') {
+          this.arrs.pop()
+        } else {
+          const { code } = await this.getChangeList(this.queryId, this.rmObj, 3)
+          if (code == 0) {
+            this.getTreeData()
+            this.rmObj = {}
+            this.clearForm()
+            this.tipMsg(code)
+          }
         }
       } else {
         const { user_name } = this.dataObj
@@ -404,16 +416,22 @@ export default {
         if (valid) {
           let code = null
           this.formInline.user_group_id = this.treeCheckId
-          const data = this.formInline
+          const data = _.cloneDeep(this.formInline)
           // console.log(this.type)
           if (this.type = 'edit') {
             const id = this.formInline.user_group_id
-            if (id) {
+            if (id && id != 'test') {
               const res = await this.getChangeList(this.queryId, data, 2, 'user_group_id')
               code = res.code
             } else {
-              const res = await this.getChangeList(this.queryId, data, 1)
-              code = res.code
+              let result = null
+              if (id == 'test') {
+                data.user_group_id = null
+                result = await this.getChangeList(this.queryId, data, 1)
+              } else {
+                result = await this.getChangeList(this.queryId, data, 1)
+              }
+              code = result.code
             }
           }
           if (code == 0) {