feat: 流程加入pinia中

src/store/index.ts

@@ -3,13 +3,15 @@ import useAppStore from './modules/app'
 import usePermissionStore from './modules/permission'
 import useSettingStore from './modules/settings'
 import useTagsViewStore from './modules/tagsView'
+import useFlowStore from './modules/flow'
 
 const useStore = () => ({
 	app: useAppStore(),
 	user: useUserStore(),
 	permission: usePermissionStore(),
 	setting: useSettingStore(),
-	tagsView: useTagsViewStore()
+	tagsView: useTagsViewStore(),
+	flow: useFlowStore()
 })
 
 export default useStore

src/store/modules/flow.ts

@@ -0,0 +1,21 @@
+import { defineStore } from 'pinia'
+
+// 审核条目
+export const useFlowStore = defineStore({
+	id: 'flow',
+	state: () => {
+		return {
+			storeInfoName: ''
+		}
+	},
+	getters: {},
+	actions: {
+		initState(title: string) {
+			console.log('init materialInfoStore')
+			this.storeInfoName = title || '流程审核'
+		}
+	},
+	persist: true
+})
+
+export default useFlowStore

src/views/flow/create/components/BasicInfo.vue

@@ -18,38 +18,33 @@ const nodeRoleManageList = ref([])
 const currentNode = ref('nodeRoleList')
 const formRef = ref()
 const form = ref({
-	图标: '',
-	名称: 'test@example.com',
-	分组: '',
-	谁可以发起该流程: '100',
-	管理员: '',
-	说明: ''
+	processIcon: '',
+	processName: 'test@example.com',
+	categoryId: '',
+	useScope: 0, // 使用范围 0，全员 1，指定人员（业务关联） 2，均不可提交
+	processActorList: [{ actorId: '', actorName: '', actorType: '' }], // 指定人员 id name 参与者类型 0，用户 1，部门 2，用户组
+	processPermissionList: [{ userId: '', userName: '' }], // 流程定义权限
+	displayName: ''
 })
 const options = ref([])
 const rules = {
-	图标: [
+	processIcon: [
 		{
 			required: true,
 			message: '请选择图标'
 		}
 	],
-	名称: [
+	processName: [
 		{
 			required: true,
 			message: '请输入名称'
 		}
 	],
-	分组: [
+	categoryId: [
 		{
 			required: true,
 			message: '请选择分组'
 		}
-	],
-	管理员: [
-		{
-			required: true,
-			message: '请选择管理员'
-		}
 	]
 }
 // const submitHandler = (cb: ((value: any) => any)) => {
@@ -115,7 +110,7 @@ defineExpose({
 	<div class="base-info">
 		<div class="base-info-panel">
 			<el-form ref="formRef" :model="form" :rules="rules" label-position="top">
-				<el-form-item label="图标" prop="图标">
+				<el-form-item label="图标" prop="processIcon">
 					<el-space>
 						<div class="icon-shower">
 							<img src="https://lf3-ea.bytetos.com/obj/goofy/ee/approval/approval-admin/image/iconLib/v5/cart.svg" alt="" />
@@ -135,14 +130,14 @@ defineExpose({
 						</template>
 					</el-popover>
 				</el-form-item>
-				<el-form-item label="名称" prop="名称">
-					<el-input v-model="form.名称" clearable></el-input>
+				<el-form-item label="名称" prop="processName">
+					<el-input v-model="form.processName" clearable></el-input>
 				</el-form-item>
-				<el-form-item label="说明" prop="说明">
-					<el-input v-model="form.说明" clearable></el-input>
+				<el-form-item label="说明" prop="displayName">
+					<el-input v-model="form.displayName" clearable></el-input>
 				</el-form-item>
-				<el-form-item label="分组" prop="分组">
-					<el-select v-model="form.分组">
+				<el-form-item label="分组" prop="categoryId">
+					<el-select v-model="form.categoryId">
 						<el-option v-for="item in options" :key="item.categoryId" :label="item.categoryName" :value="item.categoryId" />
 					</el-select>
 				</el-form-item>