refactor: 优化项目创建相关代码

frontend/src/business/components/settings/system/SystemWorkspace.vue

@@ -2,7 +2,8 @@
   <div>
     <el-card class="table-card" v-loading="result.loading">
       <template v-slot:header>
-        <ms-table-header :create-permission="['SYSTEM_WORKSPACE:READ+CREATE']" :condition.sync="condition" @search="list" @create="create"
+        <ms-table-header :create-permission="['SYSTEM_WORKSPACE:READ+CREATE']" :condition.sync="condition"
+                         @search="list" @create="create"
                          :create-tip="$t('workspace.create')" :title="$t('commons.workspace')"/>
       </template>
       <!-- workspace table -->
@@ -24,7 +25,9 @@
             <div>
               <ms-table-operator :edit-permission="['SYSTEM_WORKSPACE:READ+EDIT']"
                                  :delete-permission="['SYSTEM_WORKSPACE:READ+DELETE']"
-                                 @editClick="edit(scope.row)" @deleteClick="handleDelete(scope.row)"/>
+                                 :show-delete="workspaceId !== scope.row.id"
+                                 @editClick="edit(scope.row)"
+                                 @deleteClick="handleDelete(scope.row)"/>
             </div>
           </template>
         </el-table-column>
@@ -206,23 +209,25 @@
 </template>
 
 <script>
-  import MsCreateBox from "../CreateBox";
+import MsCreateBox from "../CreateBox";
-  import {Message} from "element-ui";
+import {Message} from "element-ui";
-  import MsTablePagination from "../../common/pagination/TablePagination";
+import MsTablePagination from "../../common/pagination/TablePagination";
-  import MsTableHeader from "../../common/components/MsTableHeader";
+import MsTableHeader from "../../common/components/MsTableHeader";
-  import MsRolesTag from "../../common/components/MsRolesTag";
+import MsRolesTag from "../../common/components/MsRolesTag";
-  import MsTableOperator from "../../common/components/MsTableOperator";
+import MsTableOperator from "../../common/components/MsTableOperator";
-  import MsTableOperatorButton from "../../common/components/MsTableOperatorButton";
+import MsTableOperatorButton from "../../common/components/MsTableOperatorButton";
-  import MsDialogFooter from "../../common/components/MsDialogFooter";
+import MsDialogFooter from "../../common/components/MsDialogFooter";
-  import {
+import {
   getCurrentUser,
-    getCurrentWorkspaceId, listenGoBack,
+  getCurrentWorkspaceId,
-    refreshSessionAndCookies, removeGoBackListener
+  listenGoBack,
-  } from "@/common/js/utils";
+  refreshSessionAndCookies,
-  import {DEFAULT, GROUP_ORGANIZATION, GROUP_WORKSPACE, WORKSPACE} from "@/common/js/constants";
+  removeGoBackListener
-  import MsDeleteConfirm from "../../common/components/MsDeleteConfirm";
+} from "@/common/js/utils";
+import {DEFAULT, GROUP_WORKSPACE, WORKSPACE} from "@/common/js/constants";
+import MsDeleteConfirm from "../../common/components/MsDeleteConfirm";
 
-  export default {
+export default {
   name: "MsSystemWorkspace",
   components: {
     MsDeleteConfirm,
@@ -243,16 +248,16 @@
       this.form = {};
       this.$get("/organization/list", response => {
         this.$set(this.form, "orgList", response.data);
-        })
+      });
       listenGoBack(this.close);
     },
     dataFilter(val) {
       if (val) {
         this.memberForm.userList = this.memberForm.copyUserList.filter((item) => {
           if (!!~item.id.indexOf(val) || !!~item.id.toUpperCase().indexOf(val.toUpperCase())) {
-              return true
+            return true;
           }
-          })
+        });
       } else {
         this.memberForm.userList = this.memberForm.copyUserList;
       }
@@ -262,7 +267,7 @@
         if (valid) {
           let saveType = 'special/add';
           if (this.form.id) {
-              saveType = 'update'
+            saveType = 'update';
           }
           this.result = this.$post("/workspace/" + saveType, this.form, () => {
             this.dialogWsAddVisible = false;
@@ -282,7 +287,7 @@
       });
       this.result = this.$post('/user/group/list', {type: GROUP_WORKSPACE, resourceId: this.wsId}, response => {
         this.$set(this.memberForm, "groups", response.data);
-        })
+      });
 
       listenGoBack(this.handleClose);
     },
@@ -305,7 +310,7 @@
           this.$get(url + "/" + encodeURIComponent(this.memberLineData[i].id), response => {
             let groups = response.data;
             this.$set(this.memberLineData[i], "groups", groups);
-            })
+          });
         }
         this.dialogTotal = data.itemCount;
       });
@@ -326,7 +331,7 @@
           this.$get(url + "/" + encodeURIComponent(this.memberLineData[i].id), response => {
             let groups = response.data;
             this.$set(this.memberLineData[i], "groups", groups);
-            })
+          });
         }
         this.dialogTotal = data.itemCount;
       });
@@ -337,7 +342,7 @@
       this.form = Object.assign({}, row);
       this.$get("/organization/list", response => {
         this.$set(this.form, "orgList1", response.data);
-        })
+      });
       listenGoBack(this.close);
     },
     close() {
@@ -356,7 +361,7 @@
         } else {
           return false;
         }
-        })
+      });
     },
     handleClose() {
       this.memberForm = {};
@@ -379,12 +384,12 @@
           let param = {
             name: '',
             workspaceId: this.items[i].id
-            }
+          };
           let path = "user/special/ws/member/list/all";
           this.$post(path, param, res => {
             let member = res.data;
             this.$set(this.items[i], "memberSize", member.length);
-            })
+          });
         }
         this.total = data.itemCount;
       });
@@ -400,7 +405,7 @@
           this.result = this.$post("user/special/ws/member/add", param, () => {
             this.cellClick(this.currentWorkspaceRow);
             this.dialogWsMemberAddVisible = false;
-            })
+          });
         } else {
           return false;
         }
@@ -413,7 +418,7 @@
       let groupIds = this.memberForm.groups.map(r => r.id);
       this.result = this.$post('/user/group/list', {type: GROUP_WORKSPACE, resourceId: this.wsId}, response => {
         this.$set(this.memberForm, "allgroups", response.data);
-        })
+      });
       // console.log(this.memberForm)
       // 编辑时填充角色信息
       this.$set(this.memberForm, 'groupIds', groupIds);
@@ -474,7 +479,7 @@
         phone: this.memberForm.phone,
         groupIds: this.memberForm.groupIds,
         workspaceId: this.currentWorkspaceRow.id
-        }
+      };
       this.$refs[formName].validate((valid) => {
         if (valid) {
           this.result = this.$post("/workspace/member/update", param, () => {
@@ -486,6 +491,11 @@
       });
     },
   },
+  computed: {
+    workspaceId() {
+      return getCurrentWorkspaceId();
+    }
+  },
   data() {
     return {
       result: {},
@@ -538,39 +548,39 @@
       },
       currentWorkspaceRow: {},
       wsId: ""
+    };
   }
-    }
+};
-  }
 </script>
 
 <style scoped>
 
-  .el-table__row:hover .edit {
+.el-table__row:hover .edit {
   opacity: 1;
-  }
+}
 
-  .member-size {
+.member-size {
   text-decoration: underline;
   cursor: pointer;
-  }
+}
 
-  .ws-member-id {
+.ws-member-id {
   float: left;
-  }
+}
 
-  .ws-member-email {
+.ws-member-email {
   float: right;
   color: #8492a6;
   font-size: 13px;
-  }
+}
 
-  .select-width {
+.select-width {
   width: 100%;
-  }
+}
 
-  .dialog-css >>> .el-dialog__header {
+.dialog-css >>> .el-dialog__header {
   padding: 0;
-  }
+}
 
 </style>