From 04aee828454fc9a66383c070258da4d2d1fe4005 Mon Sep 17 00:00:00 2001
From: luofann <fannluowork@gmail.com>
Date: Tue, 8 Oct 2024 12:29:08 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E5=B9=B3=E5=8F=B0/=E9=A1=B9?=
 =?UTF-8?q?=E7=9B=AE=E9=83=A8=E5=88=86=E8=B5=84=E6=BA=90=E9=89=B4=E6=9D=83?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91=E8=B0=83=E6=95=B4=20--story=3D119946365?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../apiConfigure/apiTable.vue                 | 84 ++++++++++---------
 .../apiConfigure/apiTree.vue                  | 57 +++++++------
 .../processManagement/publicField/index.vue   | 11 ++-
 .../processManagement/taskTemplate/index.vue  | 45 ++++------
 4 files changed, 97 insertions(+), 100 deletions(-)

diff --git a/frontend/pc/src/views/processManagement/apiConfigure/apiTable.vue b/frontend/pc/src/views/processManagement/apiConfigure/apiTable.vue
index bb173c98a..af5f34151 100644
--- a/frontend/pc/src/views/processManagement/apiConfigure/apiTable.vue
+++ b/frontend/pc/src/views/processManagement/apiConfigure/apiTable.vue
@@ -36,8 +36,8 @@
           <ul class="bk-dropdown-list" slot="dropdown-content">
             <li>
               <a href="javascript:;"
-                v-cursor="{ active: !hasPermission(['system_settings_manage'], $store.state.project.projectAuthActions) }"
-                :class="{ 'text-permission-disable': !hasPermission(['system_settings_manage'], $store.state.project.projectAuthActions) }"
+                v-cursor="{ active: !hasPermission(targetPerms, curPerms) }"
+                :class="{ 'text-permission-disable': !hasPermission(targetPerms, curPerms) }"
                 :title="$t(`m.systemConfig['接入API']`)"
                 data-test-id="api_a_apiTableAccessApi"
                 @click="openShade('JOIN')">
@@ -47,8 +47,8 @@
             <li>
               <a href="javascript:;"
                 data-test-id="api_a_apiTableCreateApi"
-                v-cursor="{ active: !hasPermission(['system_settings_manage'], $store.state.project.projectAuthActions) }"
-                :class="{ 'text-permission-disable': !hasPermission(['system_settings_manage'], $store.state.project.projectAuthActions) }"
+                v-cursor="{ active: !hasPermission(targetPerms, curPerms) }"
+                :class="{ 'text-permission-disable': !hasPermission(targetPerms, curPerms) }"
                 :title="$t(`m.systemConfig['新增API']`)"
                 @click="openShade('ADD')">
                 {{$t(`m.systemConfig['新增API']`)}}
@@ -60,16 +60,16 @@
           data-test-id="api_button_apiTableuploadApi"
           :theme="'default'"
           :disabled="disableImport"
-          v-cursor="{ active: !hasPermission(['system_settings_manage'], $store.state.project.projectAuthActions) }"
-          :class="['mr10 bk-btn-file', { 'btn-permission-disable': !hasPermission(['system_settings_manage'], $store.state.project.projectAuthActions) }]"
+          v-cursor="{ active: !hasPermission(targetPerms, curPerms) }"
+          :class="['mr10 bk-btn-file', { 'btn-permission-disable': !hasPermission(targetPerms, curPerms) }]"
           :title="$t(`m.systemConfig['点击上传']`)">
-          <input :disabled="disableImport" :type="!hasPermission(['system_settings_manage'], $store.state.project.projectAuthActions) ? 'button' : 'file'" :value="fileVal" class="bk-input-file" @change="handleFile" @click="hasImportPermission">
+          <input :disabled="disableImport" :type="!hasPermission(targetPerms, curPerms) ? 'button' : 'file'" :value="fileVal" class="bk-input-file" @change="handleFile" @click="hasImportPermission">
           {{$t(`m.systemConfig['导入']`)}}
         </bk-button>
         <bk-button :theme="'default'"
-          v-cursor="{ active: !hasPermission(['system_settings_manage'], $store.state.project.projectAuthActions) }"
+          v-cursor="{ active: !hasPermission(targetPerms, curPerms) }"
           data-test-id="api_button_apiTableBatchDeleteApi"
-          :class="['mr10 batch-remove-btn', { 'btn-permission-disable': !hasPermission(['system_settings_manage'], $store.state.project.projectAuthActions) }]"
+          :class="['mr10 batch-remove-btn', { 'btn-permission-disable': !hasPermission(targetPerms, curPerms) }]"
           :title="$t(`m.systemConfig['批量移除']`)"
           :disabled="!checkList.length"
           @click="deleteCheck">
@@ -111,8 +111,8 @@
           <!-- :disabled="props.row.is_builtin || !!props.row.count" -->
           <span class="bk-lable-primary"
             data-test-id="api_span_apiTableViewDetail"
-            v-cursor="{ active: !hasPermission(['system_settings_manage'], $store.state.project.projectAuthActions) }"
-            :class="{ 'text-permission-disable': !hasPermission(['system_settings_manage'], $store.state.project.projectAuthActions) }"
+            v-cursor="{ active: !hasPermission(targetPerms, curPerms) }"
+            :class="{ 'text-permission-disable': !hasPermission(targetPerms, curPerms) }"
             :title="props.row.name"
             @click="entryOne(props.row)">
             {{props.row.name || '--'}}
@@ -163,8 +163,8 @@
           </bk-button>
           <bk-button theme="primary" text
             data-test-id="api_button_apiTableEditApi"
-            v-cursor="{ active: !hasPermission(['system_settings_manage'], $store.state.project.projectAuthActions) }"
-            :class="{ 'text-permission-disable': !hasPermission(['system_settings_manage'], $store.state.project.projectAuthActions) }"
+            v-cursor="{ active: !props.row.is_builtin && !props.row.count && !hasPermission(targetPerms, curPerms) }"
+            :class="{ 'text-permission-disable': !props.row.is_builtin && !props.row.count && !hasPermission(targetPerms, curPerms) }"
             :title="$t(`m.systemConfig['编辑']`)"
             :disabled="props.row.is_builtin || !!props.row.count"
             @click="entryOne(props.row)">
@@ -172,8 +172,8 @@
           </bk-button>
           <bk-button theme="primary" text
             data-test-id="api_button_apiTableDeleteApi"
-            v-cursor="{ active: !hasPermission(['system_settings_manage'], $store.state.project.projectAuthActions) }"
-            :class="{ 'text-permission-disable': !hasPermission(['system_settings_manage'], $store.state.project.projectAuthActions) }"
+            v-cursor="{ active: !props.row.is_builtin && !hasPermission(targetPerms, curPerms) }"
+            :class="{ 'text-permission-disable': !props.row.is_builtin && !hasPermission(targetPerms, curPerms) }"
             :title="$t(`m.systemConfig['移除']`)"
             :disabled="props.row.is_builtin"
             @click="openDelete(props.row)">
@@ -309,17 +309,18 @@
       disableImport() {
         return Number(this.remoteSystem) === 0;
       },
-    },
-    watch: {
-    },
-    mounted() {
-
+      targetPerms() {
+        return this.projectId ? ['system_settings_manage'] : ['public_apis_manage'];
+      },
+      curPerms() {
+        return this.projectId ? this.$store.state.project.projectAuthActions : this.$store.state.common.systemPermission;
+      },
     },
     methods: {
       async entryOne(item) {
         // 公共api
-        if (!this.hasPermission(['system_settings_manage'], this.$store.state.project.projectAuthActions)) {
-          this.applyProjectManagePerm();
+        if (!this.hasPermission(this.targetPerms, this.curPerms)) {
+          this.applyPerm();
           return;
         }
         this.$parent.displayInfo.level_1 = item;
@@ -344,20 +345,23 @@
       changTitle(item, index) {
         this.checkIndex = index;
       },
-      applyProjectManagePerm() {
-        const projectInfo = this.$store.state.project.projectInfo;
-        const resourceData = {
-          project: [{
-            id: projectInfo.key,
-            name: projectInfo.name,
-          }],
-        };
-        this.applyForPermission(['system_settings_manage'], this.$store.state.project.projectAuthActions, resourceData);
+      applyPerm() {
+        let resourceData = {};
+        if (this.projectId) {
+          const projectInfo = this.$store.state.project.projectInfo;
+          resourceData = {
+            project: [{
+              id: projectInfo.key,
+              name: projectInfo.name,
+            }],
+          };
+        }
+        this.applyForPermission(this.targetPerms, this.curPerms, resourceData);
       },
       // 新增
       openShade(type) {
-        if (!this.hasPermission(['system_settings_manage'], this.$store.state.project.projectAuthActions)) {
-          this.applyProjectManagePerm();
+        if (!this.hasPermission(this.targetPerms, this.curPerms)) {
+          this.applyPerm();
         } else {
           this.typeInfo = type;
           this.entryInfo.title = type === 'ADD'
@@ -413,14 +417,14 @@
       },
       disabledFn(item) {
         if (!this.projectId) {
-          return this.hasPermission(['public_api_manage'], item.auth_actions) && !item.is_builtin;
+          return this.hasPermission(this.targetPerms, this.curPerms) && !item.is_builtin;
         }
         return !item.is_builtin;
       },
       // 二次弹窗确认
       openDelete(item) {
-        if (!this.hasPermission(['system_settings_manage'], this.$store.state.project.projectAuthActions)) {
-          this.applyProjectManagePerm();
+        if (!this.hasPermission(this.targetPerms, this.curPerms)) {
+          this.applyPerm();
           return;
         }
         this.$bkInfo({
@@ -450,8 +454,8 @@
         });
       },
       deleteCheck() {
-        if (!this.hasPermission(['system_settings_manage'], this.$store.state.project.projectAuthActions)) {
-          this.applyProjectManagePerm();
+        if (!this.hasPermission(this.targetPerms, this.curPerms)) {
+          this.applyPerm();
           return;
         }
         this.$bkInfo({
@@ -482,8 +486,8 @@
       },
       //
       hasImportPermission() {
-        if (!this.hasPermission(['system_settings_manage'], this.$store.state.project.projectAuthActions)) {
-          this.applyProjectManagePerm();
+        if (!this.hasPermission(this.targetPerms, this.curPerms)) {
+          this.applyPerm();
         }
       },
       // 上传文件模板
diff --git a/frontend/pc/src/views/processManagement/apiConfigure/apiTree.vue b/frontend/pc/src/views/processManagement/apiConfigure/apiTree.vue
index 08d2570d1..4356bde44 100644
--- a/frontend/pc/src/views/processManagement/apiConfigure/apiTree.vue
+++ b/frontend/pc/src/views/processManagement/apiConfigure/apiTree.vue
@@ -42,8 +42,8 @@
                 <li>
                   <a href="javascript:;"
                     data-test-id="api_a_accessApi"
-                    v-cursor="{ active: !hasPermission(['system_settings_manage'], $store.state.project.projectAuthActions) }"
-                    :class="{ 'text-permission-disable': !hasPermission(['system_settings_manage'], $store.state.project.projectAuthActions) }"
+                    v-cursor="{ active: !hasPermission(targetPerms, curPerms) }"
+                    :class="{ 'text-permission-disable': !hasPermission(targetPerms, curPerms) }"
                     :title="$t(`m.systemConfig['系统接入']`)"
                     @click="openDictionary('JION')">
                     {{ $t(`m.systemConfig['系统接入']`) }}
@@ -52,8 +52,8 @@
                 <li>
                   <a href="javascript:;"
                     data-test-id="api_a_createApi"
-                    v-cursor="{ active: !hasPermission(['system_settings_manage'], $store.state.project.projectAuthActions) }"
-                    :class="{ 'text-permission-disable': !hasPermission(['system_settings_manage'], $store.state.project.projectAuthActions) }"
+                    v-cursor="{ active: !hasPermission(targetPerms, curPerms) }"
+                    :class="{ 'text-permission-disable': !hasPermission(targetPerms, curPerms) }"
                     :title="$t(`m.systemConfig['系统新增']`)"
                     @click="openDictionary('ADD')">
                     {{$t(`m.systemConfig['系统新增']`)}}
@@ -90,15 +90,15 @@
                       <li
                         v-if="!item.is_builtin"
                         data-test-id="api_li_deleteApiDirectory"
-                        v-cursor="{ active: !hasPermission(['system_settings_manage'], $store.state.project.projectAuthActions) }"
-                        :class="{ 'text-permission-disable': !hasPermission(['system_settings_manage'], $store.state.project.projectAuthActions) }"
+                        v-cursor="{ active: !hasPermission(targetPerms, curPerms) }"
+                        :class="{ 'text-permission-disable': !hasPermission(targetPerms, curPerms) }"
                         @click.stop="openDelete(item)">
                         <span>{{ $t('m.systemConfig["删除"]') }}</span>
                       </li>
                       <li
                         data-test-id="api_li_editApiDirectory"
-                        v-cursor="{ active: !hasPermission(['system_settings_manage'], $store.state.project.projectAuthActions) }"
-                        :class="{ 'text-permission-disable': !hasPermission(['system_settings_manage'], $store.state.project.projectAuthActions) }"
+                        v-cursor="{ active: !hasPermission(targetPerms, curPerms) }"
+                        :class="{ 'text-permission-disable': !hasPermission(targetPerms, curPerms) }"
                         @click.stop="openDictionary('CHANGE' ,item)">
                         <span>{{ $t('m.systemConfig["编辑"]') }}</span>
                       </li>
@@ -320,6 +320,12 @@
           });
         },
       },
+      targetPerms() {
+        return this.projectId ? ['system_settings_manage'] : ['public_apis_manage'];
+      },
+      curPerms() {
+        return this.projectId ? this.$store.state.project.projectAuthActions : this.$store.state.common.systemPermission;
+      },
     },
     async mounted() {
       await this.treeListOri;
@@ -443,15 +449,8 @@
         });
       },
       openDictionary(type, item) {
-        if (!this.hasPermission(['system_settings_manage'], this.$store.state.project.projectAuthActions)) {
-          const projectInfo = this.$store.state.project.projectInfo;
-          const resourceData = {
-            project: [{
-              id: projectInfo.key,
-              name: projectInfo.name,
-            }],
-          };
-          this.applyForPermission(['system_settings_manage'], this.$store.state.project.projectAuthActions, resourceData);
+        if (!this.hasPermission(this.targetPerms, this.curPerms)) {
+          this.applyPerm();
           return;
         }
         this.dictDataTable.showDialog = true;
@@ -484,15 +483,8 @@
       },
       // 二次弹窗确认
       openDelete(item) {
-        if (!this.hasPermission(['system_settings_manage'], this.$store.state.project.projectAuthActions)) {
-          const projectInfo = this.$store.state.project.projectInfo;
-          const resourceData = {
-            project: [{
-              id: projectInfo.key,
-              name: projectInfo.name,
-            }],
-          };
-          this.applyForPermission(['system_settings_manage'], this.$store.state.project.projectAuthActions, resourceData);
+        if (!this.hasPermission(this.targetPerms, this.curPerms)) {
+          this.applyPerm();
           return;
         }
         this.$bkInfo({
@@ -521,6 +513,19 @@
           },
         });
       },
+      applyPerm() {
+        let resourceData = {};
+        if (this.projectId) {
+          const projectInfo = this.$store.state.project.projectInfo;
+          resourceData = {
+            project: [{
+              id: projectInfo.key,
+              name: projectInfo.name,
+            }],
+          };
+        }
+        this.applyForPermission(this.targetPerms, this.curPerms, resourceData);
+      },
     },
   };
 </script>
diff --git a/frontend/pc/src/views/processManagement/publicField/index.vue b/frontend/pc/src/views/processManagement/publicField/index.vue
index a6d95dc94..dc949c0be 100644
--- a/frontend/pc/src/views/processManagement/publicField/index.vue
+++ b/frontend/pc/src/views/processManagement/publicField/index.vue
@@ -379,14 +379,17 @@
         }
         return status;
       },
+      viewFieldPerm() {
+        return this.projectId ? ['field_view'] : ['public_fields_manage'];
+      },
       createFieldPerm() {
-        return this.projectId ? ['field_create'] : ['public_field_create'];
+        return this.projectId ? ['field_create'] : ['public_fields_manage'];
       },
       editFieldPerm() {
-        return this.projectId ? ['field_edit'] : ['public_field_edit'];
+        return this.projectId ? ['field_edit'] : ['public_fields_manage'];
       },
       deleteFieldPerm() {
-        return this.projectId ? ['field_delete'] : ['public_field_delete'];
+        return this.projectId ? ['field_delete'] : ['public_fields_manage'];
       },
       sliderStatus() {
         return this.$store.state.common.slideStatus;
@@ -395,7 +398,7 @@
         return this.$store.state.common.configurInfo;
       },
       curPermission() {
-        return this.projectId ? this.$store.state.project.projectAuthActions : [];
+        return this.projectId ? this.$store.state.project.projectAuthActions : this.$store.state.common.systemPermission;
       },
     },
     mounted() {
diff --git a/frontend/pc/src/views/processManagement/taskTemplate/index.vue b/frontend/pc/src/views/processManagement/taskTemplate/index.vue
index c8a665046..f5826e92c 100644
--- a/frontend/pc/src/views/processManagement/taskTemplate/index.vue
+++ b/frontend/pc/src/views/processManagement/taskTemplate/index.vue
@@ -47,12 +47,12 @@
           <div class="bk-normal-search">
             <bk-button
               data-test-id="taskTemplate-button-create"
-              v-cursor="{ active: !hasPermission(['task_template_create']) }"
+              v-cursor="{ active: !hasPermission(['public_task_template_manage'], curPerms) }"
               :theme="'primary'"
               :title="$t(`m.systemConfig['新增']`)"
               icon="plus"
               :class="['mr10', 'plus-cus', {
-                'btn-permission-disable': !hasPermission(['task_template_create'])
+                'btn-permission-disable': !hasPermission(['public_task_template_manage'], curPerms)
               }]"
               @click="addTemplate">
               {{$t(`m.systemConfig['新增']`)}}
@@ -75,9 +75,9 @@
                   <i class="bk-icon icon-info-circle"></i>
                   <span>{{$t(`m.taskTemplate['尚未创建任一任务模板，']`)}}</span>
                   <span
-                    v-cursor="{ active: !hasPermission(['task_template_create']) }"
+                    v-cursor="{ active: !hasPermission(['public_task_template_manage'], curPerms) }"
                     :class="['bk-primary', {
-                      'text-permission-disable': !hasPermission(['task_template_create'])
+                      'text-permission-disable': !hasPermission(['public_task_template_manage'], curPerms)
                     }]"
                     @click="addTemplate">
                     {{$t(`m.taskTemplate['立即创建']`)}}
@@ -267,6 +267,9 @@
       globalChoise() {
         return this.$store.state.common.configurInfo;
       },
+      curPerms() {
+        return this.$store.state.common.systemPermission;
+      },
     },
     async mounted() {
       await this.initData();
@@ -296,14 +299,8 @@
           });
       },
       cloneTemplate(item) {
-        if (!this.hasPermission(['task_template_manage'], item.auth_actions)) {
-          const resourceData = {
-            task_template: [{
-              id: item.id,
-              name: item.name,
-            }],
-          };
-          this.applyForPermission(['task_template_manage'], item.auth_actions, resourceData);
+        if (!this.hasPermission(['public_task_template_manage'], this.curPerms)) {
+          this.applyForPermission(['public_task_template_manage'], this.curPerms, {});
           return;
         }
         if (item.component_type === 'SOPS') {
@@ -328,14 +325,8 @@
         });
       },
       deleteTemplate(item) {
-        if (!this.hasPermission(['task_template_manage'], item.auth_actions)) {
-          const resourceData = {
-            task_template: [{
-              id: item.id,
-              name: item.name,
-            }],
-          };
-          this.applyForPermission(['task_template_manage'], item.auth_actions, resourceData);
+        if (!this.hasPermission(['public_task_template_manage'], this.curPerms)) {
+          this.applyForPermission(['public_task_template_manage'], this.curPerms, {});
           return;
         }
         if (item.is_builtin) {
@@ -363,22 +354,16 @@
       },
       // 编辑列表数据
       editTemplate(item) {
-        if (!this.hasPermission(['task_template_view'], item.auth_actions)) {
-          const resourceData = {
-            task_template: [{
-              id: item.id,
-              name: item.name,
-            }],
-          };
-          this.applyForPermission(['task_template_view'], item.auth_actions, resourceData);
+        if (!this.hasPermission(['public_task_template_manage'], this.curPerms)) {
+          this.applyForPermission(['public_task_template_manage'], this.curPerms, {});
           return;
         }
         this.changeStep(item);
       },
       // 新增模板
       addTemplate() {
-        if (!this.hasPermission(['task_template_create'])) {
-          this.applyForPermission(['task_template_create'], [], {});
+        if (!this.hasPermission(['public_task_template_manage'], this.curPerms)) {
+          this.applyForPermission(['public_task_template_manage'], this.curPerms, {});
           return;
         }
         this.firstStepInfo.desc = '';