From b2ddefe4a0611949bd5ae7e5e2dc96baf22f4699 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Wed, 19 Feb 2025 22:22:36 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E4=BB=A3=E7=A0=81=E8=AF=84=E5=AE=A1?=
 =?UTF-8?q?=E3=80=91BPM=EF=BC=9A=E8=A1=A8=E5=8D=95=E5=AD=97=E6=AE=B5?=
 =?UTF-8?q?=EF=BC=8C=E6=89=B9=E9=87=8F=E9=80=89=E4=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/nodes-config/CopyTaskNodeConfig.vue   | 43 ++++++++---------
 .../src/nodes-config/StartUserNodeConfig.vue  | 48 +++++++------------
 .../src/nodes-config/UserTaskNodeConfig.vue   | 47 +++++++-----------
 3 files changed, 56 insertions(+), 82 deletions(-)

diff --git a/src/components/SimpleProcessDesignerV2/src/nodes-config/CopyTaskNodeConfig.vue b/src/components/SimpleProcessDesignerV2/src/nodes-config/CopyTaskNodeConfig.vue
index 9b74e7e7..8274e314 100644
--- a/src/components/SimpleProcessDesignerV2/src/nodes-config/CopyTaskNodeConfig.vue
+++ b/src/components/SimpleProcessDesignerV2/src/nodes-config/CopyTaskNodeConfig.vue
@@ -134,7 +134,7 @@
                   :key="idx"
                   :label="item.title"
                   :value="item.field"
-                  :disabled ="!item.required"
+                  :disabled="!item.required"
                 />
               </el-select>
             </el-form-item>
@@ -149,7 +149,7 @@
                   :key="idx"
                   :label="item.title"
                   :value="item.field"
-                  :disabled ="!item.required"
+                  :disabled="!item.required"
                 />
               </el-select>
             </el-form-item>
@@ -195,12 +195,14 @@
           <div class="field-permit-title">
             <div class="setting-title-label first-title"> 字段名称 </div>
             <div class="other-titles">
-              <span class="setting-title-label">只读
-                              <el-switch v-model="readSwitch" @change="updatePermission('READ')" />
+              <span class="setting-title-label cursor-pointer" @click="updatePermission('READ')">
+                只读
               </span>
-              <span class="setting-title-label">可编辑</span>
-              <span class="setting-title-label">隐藏
-                                <el-switch v-model="noneSwitch" @change="updatePermission('NONE')" />
+              <span class="setting-title-label cursor-pointer" @click="updatePermission('WRITE')">
+                可编辑
+              </span>
+              <span class="setting-title-label cursor-pointer" @click="updatePermission('NONE')">
+                隐藏
               </span>
             </div>
           </div>
@@ -371,23 +373,20 @@ const showCopyTaskNodeConfig = (node: SimpleFlowNode) => {
   // 表单字段权限
   getNodeConfigFormFields(node.fieldsPermission)
 }
-const readSwitch = ref(false);
-const noneSwitch = ref(false);
+
+/** 批量更新权限 */
+// TODO @lesan：要不要 bpmn 也加下？
 const updatePermission = (type: string) => {
-  if (type === 'READ') {
-    readSwitch.value = true;
+  fieldsPermissionConfig.value.forEach((field) => {
+    field.permission =
+      type === 'READ'
+        ? FieldPermissionType.READ
+        : type === 'WRITE'
+          ? FieldPermissionType.WRITE
+          : FieldPermissionType.NONE
+  })
+}
 
-    noneSwitch.value = false;
-  }  else if (type === 'NONE') {
-    readSwitch.value = false;
-
-    noneSwitch.value = true;
-  }
-
-  fieldsPermissionConfig.value.forEach(field => {
-    field.permission = type === 'READ' ? FieldPermissionType.READ : FieldPermissionType.NONE;
-  });
-};
 defineExpose({ openDrawer, showCopyTaskNodeConfig }) // 暴露方法给父组件
 </script>
 
diff --git a/src/components/SimpleProcessDesignerV2/src/nodes-config/StartUserNodeConfig.vue b/src/components/SimpleProcessDesignerV2/src/nodes-config/StartUserNodeConfig.vue
index 11c43a47..663b4db0 100644
--- a/src/components/SimpleProcessDesignerV2/src/nodes-config/StartUserNodeConfig.vue
+++ b/src/components/SimpleProcessDesignerV2/src/nodes-config/StartUserNodeConfig.vue
@@ -36,7 +36,8 @@
             placement="top"
             :content="getUserNicknames(startUserIds)"
           >
-            {{ getUserNicknames(startUserIds.slice(0,2)) }} 等 {{ startUserIds.length }} 人可发起流程
+            {{ getUserNicknames(startUserIds.slice(0, 2)) }} 等
+            {{ startUserIds.length }} 人可发起流程
           </el-tooltip>
         </el-text>
       </el-tab-pane>
@@ -46,14 +47,14 @@
           <div class="field-permit-title">
             <div class="setting-title-label first-title"> 字段名称 </div>
             <div class="other-titles">
-              <span class="setting-title-label">只读
-                <el-switch v-model="readSwitch" @change="updatePermission('READ')" />
+              <span class="setting-title-label cursor-pointer" @click="updatePermission('READ')">
+                只读
               </span>
-              <span class="setting-title-label">可编辑
-                <el-switch v-model="writeSwitch" @change="updatePermission('WRITE')" />
+              <span class="setting-title-label cursor-pointer" @click="updatePermission('WRITE')">
+                可编辑
               </span>
-              <span class="setting-title-label">隐藏
-                <el-switch v-model="noneSwitch" @change="updatePermission('NONE')" />
+              <span class="setting-title-label cursor-pointer" @click="updatePermission('NONE')">
+                隐藏
               </span>
             </div>
           </div>
@@ -162,32 +163,19 @@ const showStartUserNodeConfig = (node: SimpleFlowNode) => {
   // 表单字段权限
   getNodeConfigFormFields(node.fieldsPermission)
 }
-const readSwitch = ref(false)
-const writeSwitch = ref(false)
-const noneSwitch = ref(false)
-const updatePermission = (type) => {
-  if (type === 'READ') {
-    readSwitch.value = true;
-    writeSwitch.value = false;
-    noneSwitch.value = false;
-  } else if (type === 'WRITE') {
-    readSwitch.value = false;
-    writeSwitch.value = true;
-    noneSwitch.value = false;
-  } else if (type === 'NONE') {
-    readSwitch.value = false;
-    writeSwitch.value = false;
-    noneSwitch.value = true;
-  }
 
-  fieldsPermissionConfig.value.forEach(item => {
-    item.permission = type === 'READ' ? FieldPermissionType.READ :
-      type === 'WRITE' ? FieldPermissionType.WRITE :
-        FieldPermissionType.NONE;
-  });
+/** 批量更新权限 */
+const updatePermission = (type: string) => {
+  fieldsPermissionConfig.value.forEach((field) => {
+    field.permission =
+      type === 'READ'
+        ? FieldPermissionType.READ
+        : type === 'WRITE'
+          ? FieldPermissionType.WRITE
+          : FieldPermissionType.NONE
+  })
 }
 defineExpose({ openDrawer, showStartUserNodeConfig }) // 暴露方法给父组件
-
 </script>
 
 <style lang="scss" scoped></style>
diff --git a/src/components/SimpleProcessDesignerV2/src/nodes-config/UserTaskNodeConfig.vue b/src/components/SimpleProcessDesignerV2/src/nodes-config/UserTaskNodeConfig.vue
index dfe5a4e9..433864b0 100644
--- a/src/components/SimpleProcessDesignerV2/src/nodes-config/UserTaskNodeConfig.vue
+++ b/src/components/SimpleProcessDesignerV2/src/nodes-config/UserTaskNodeConfig.vue
@@ -454,14 +454,14 @@
           <div class="field-permit-title">
             <div class="setting-title-label first-title"> 字段名称 </div>
             <div class="other-titles">
-              <span class="setting-title-label">只读
-                <el-switch v-model="readSwitch" @change="updatePermission('READ')" />
-                </span>
-              <span class="setting-title-label">可编辑
-                <el-switch v-model="writeSwitch" @change="updatePermission('WRITE')" />
+              <span class="setting-title-label cursor-pointer" @click="updatePermission('READ')">
+                只读
               </span>
-              <span class="setting-title-label">隐藏
-                <el-switch v-model="noneSwitch" @change="updatePermission('NONE')" />
+              <span class="setting-title-label cursor-pointer" @click="updatePermission('WRITE')">
+                可编辑
+              </span>
+              <span class="setting-title-label cursor-pointer" @click="updatePermission('NONE')">
+                隐藏
               </span>
             </div>
           </div>
@@ -959,31 +959,18 @@ function useTimeoutHandler() {
     cTimeoutMaxRemindCount
   }
 }
-const readSwitch = ref(false);
-const writeSwitch = ref(false);
-const noneSwitch = ref(false);
 
+/** 批量更新权限 */
 const updatePermission = (type: string) => {
-  if (type === 'READ') {
-    readSwitch.value = true;
-    writeSwitch.value = false;
-    noneSwitch.value = false;
-  } else if (type === 'WRITE') {
-    readSwitch.value = false;
-    writeSwitch.value = true;
-    noneSwitch.value = false;
-  } else if (type === 'NONE') {
-    readSwitch.value = false;
-    writeSwitch.value = false;
-    noneSwitch.value = true;
-  }
-
-  fieldsPermissionConfig.value.forEach(field => {
-    field.permission = type === 'READ' ? FieldPermissionType.READ :
-      type === 'WRITE' ? FieldPermissionType.WRITE :
-        FieldPermissionType.NONE;
-  });
-};
+  fieldsPermissionConfig.value.forEach((field) => {
+    field.permission =
+      type === 'READ'
+        ? FieldPermissionType.READ
+        : type === 'WRITE'
+          ? FieldPermissionType.WRITE
+          : FieldPermissionType.NONE
+  })
+}
 </script>
 
 <style lang="scss" scoped>