feat : 表单权限处理

src/views/workflow/process/ProcessSetting.vue

@@ -1,21 +1,22 @@
 <template>
-  <el-input v-model="processData.deploymentName" placeholder="请输入流程名称"/>
-<!--  <div v-if="!processData.processDefinitionKey">-->
-    <el-select v-model="processData.processKey" placeholder="请选择流程环节">
+  <div v-if="processData.processDefinitionKey">
+    <p>
+      流程名称: {{ processData.deploymentName }}
+    </p>
+  </div>
+  <div v-if="!processData.processDefinitionKey">
+    <el-select v-model="processData.processKey" @change="processKeyChange" placeholder="请选择流程环节">
       <el-option v-for="item in optionList" :label="item.label" :value="item.value"/>
     </el-select>
-<!--  </div>-->
-<!--  <div v-else>-->
-<!--    {{processData.processName}}-->
-<!--  </div>-->
+  </div>
 
-  流程设置{{ processData.deploymentName }}
 </template>
 
 <script setup>
 import {useProcessStore} from '@/stores/processStore.js'
 import {computed, defineExpose} from "vue";
-import {getTypeOption} from "@/api/workflow/process-definition";
+import { ElNotification} from "element-plus";
+import {getTypeOption, getFromPerm} from "@/api/workflow/process-definition";
 
 const processStore = useProcessStore()
 
@@ -27,17 +28,31 @@ const processData = computed(() => {
 
 
 const validate = () => {
-  console.log("validate")
   return []
 }
 
 const init = () => {
   getTypeOption().then(res => {
-    console.log(res)
     optionList.value = res.data
   })
 }
 
+const processKeyChange = () => {
+  getFromPerm(processData.value.processKey).then(res => {
+    if (res.code === 1000) {
+      processData.value.processFromPerms = res.data
+    } else {
+      ElNotification({
+        title: '提示',
+        message: res.msg,
+        type: res.code === 1000 ? 'success' : 'error'
+      })
+    }
+  })
+
+}
+
+
 defineExpose({
   validate
 })