From c20dc4dbdac7fc4a6d27e5cd7f5679b7b8c8c2b6 Mon Sep 17 00:00:00 2001
From: caoqianming <caoqianming@foxmail.com>
Date: Tue, 2 Jul 2024 18:07:48 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20base=20=E4=BC=98=E5=8C=96wf=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE=E9=A1=B5=E5=B1=95=E7=A4=BA=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/wf/configuration.vue | 10 ++++-----
 src/views/wf/state.vue         | 40 +++++++++++++++++++++++-----------
 src/views/wf/transform.vue     | 15 ++++++++-----
 3 files changed, 42 insertions(+), 23 deletions(-)

diff --git a/src/views/wf/configuration.vue b/src/views/wf/configuration.vue
index 075ea2b9..3ae45b41 100644
--- a/src/views/wf/configuration.vue
+++ b/src/views/wf/configuration.vue
@@ -1,10 +1,6 @@
 <template>
 	<el-container>
 		<el-tabs style="width: 100%; height:100%" type="border-card" v-model="activeName" id="workflowElTabs" @tab-click="handleClick">
-			<el-tab-pane label="自定义字段" name="customField">
-				<field v-if="activeName==='customField'"></field>
-			</el-tab-pane>
-
 			<el-tab-pane label="状态" name="state">
 				<state  v-if="activeName==='state'"></state>
 			</el-tab-pane>
@@ -12,6 +8,10 @@
 			<el-tab-pane label="流转" name="transform">
 				<transform  v-if="activeName==='transform'"></transform>
 			</el-tab-pane>
+
+			<el-tab-pane label="自定义字段" name="customField">
+				<field v-if="activeName==='customField'"></field>
+			</el-tab-pane>
 		</el-tabs>
 	</el-container>
 </template>
@@ -31,7 +31,7 @@
 		data() {
 			return {
 				workflow:null,
-				activeName:'customField',
+				activeName:'state',
 			}
 		},
 		mounted() {
diff --git a/src/views/wf/state.vue b/src/views/wf/state.vue
index d23b6304..340e67d9 100644
--- a/src/views/wf/state.vue
+++ b/src/views/wf/state.vue
@@ -12,23 +12,25 @@
     <el-main class="nopadding" style="height: 100%">
       <scTable
         ref="table"
+        v-loading="listLoading"
         :data="list"
         row-key="id"
         stripe
         highlightCurrentRow
         hidePagination
+        hideDo
       >
         <el-table-column label="#" type="index"></el-table-column>
-        <el-table-column label="ID" prop="id"></el-table-column>
+        <el-table-column label="ID" prop="id" width="160"></el-table-column>
         <el-table-column label="名称" prop="name"></el-table-column>
-        <el-table-column label="是否隐藏">
+        <el-table-column label="是否隐藏" width="80">
           <template #default="scope">
             <span v-if="scope.row.is_hidden">是</span>
             <span v-else>否</span>
           </template>
         </el-table-column>
-        <el-table-column label="顺序ID" prop="sort"></el-table-column>
-        <el-table-column label="类型">
+        <el-table-column label="顺序ID" prop="sort" width="80"></el-table-column>
+        <el-table-column label="类型" width="100">
           <template #default="scope">
             <el-tag effect="plain" v-if="scope.row.type == 0">
               普通类型
@@ -41,23 +43,28 @@
             </el-tag>
           </template>
         </el-table-column>
-        <el-table-column label="参与人类型">
+        <el-table-column label="参与人类型" width="100">
           <template #default="scope">
             {{ options_[scope.row.participant_type] }}</template
           >
         </el-table-column>
-        <el-table-column label="分配方式">
+        <el-table-column label="分配方式" width="100">
           <template #default="scope">
             {{ options2_[scope.row.distribute_type] }}</template
           >
         </el-table-column>
-        <el-table-column label="创建时间" prop="create_time"></el-table-column>
+        <el-table-column label="到达调用">
+          <template #default="scope">
+          {{ scope.row.on_reach_func }}
+        </template>
+        </el-table-column>
+        <el-table-column label="创建时间" prop="create_time" width="160"></el-table-column>
         <el-table-column label="操作" fixed="right" align="right" width="120">
           <template #default="scope">
-            <el-button link size="small" @click="handleEdit(scope.row)"
+            <el-button link size="small" type="primary" @click="handleEdit(scope.row)"
               >编辑</el-button
             >
-            <el-button link size="small" @click="handleDelete(scope.row)"
+            <el-button link size="small" type="danger" @click="handleDelete(scope.row)"
               >删除</el-button
             >
           </template>
@@ -378,6 +385,7 @@ export default {
   data() {
     return {
       id: sessionStorage.getItem("jinYuWorkflowId"),
+      listLoading: false,
       list: null,
       type: "add",
       titleMap: {
@@ -510,15 +518,12 @@ export default {
       ],
       editId: null,
       dialogVisible: false,
+      dialogInitNum: 0
     };
   },
   mounted() {
     this.id = sessionStorage.getItem("jinYuWorkflowId");
     this.getList();
-    this.getUsers();
-    this.getRole();
-    this.getPost();
-    this.getField();
   },
   methods: {
     //添加字段选项
@@ -552,6 +557,13 @@ export default {
     handleAdd() {
       this.type = "add";
       this.dialogVisible = true;
+      if(this.dialogInitNum === 0){
+        this.getUsers();
+        this.getRole();
+        this.getPost();
+        this.getField();
+        this.dialogInitNum++;
+      }
     },
     async submitHandle() {
       let that = this;
@@ -610,7 +622,9 @@ export default {
       });
     },
     async getList() {
+      this.listLoading = true
       let res = await this.$API.wf.workflow.states.req(this.id);
+      this.listLoading = false
       console.log(res);
       this.list = res;
     },
diff --git a/src/views/wf/transform.vue b/src/views/wf/transform.vue
index 0a533f53..a32a24f0 100644
--- a/src/views/wf/transform.vue
+++ b/src/views/wf/transform.vue
@@ -9,12 +9,12 @@
 		
 		<scTable
 			:data="list" ref="table"
-			row-key="id" stripe highlightCurrentRow hidePagination
+			row-key="id" stripe highlightCurrentRow hidePagination hideDo
 		>
 			<el-table-column label="#" type="index"></el-table-column>
-			<el-table-column label="ID" prop="id"></el-table-column>
+			<el-table-column label="ID" prop="id" width="160"></el-table-column>
 			<el-table-column label="名称" prop="name"></el-table-column>
-			<el-table-column label="定时器（单位秒）" prop="timer"></el-table-column>
+			<!-- <el-table-column label="定时器(s)" prop="timer" width="100"></el-table-column> -->
 			<el-table-column label="源状态">
 				<template #default="scope">
 					<span v-if="scope.row.source_state_">{{scope.row.source_state_.name}}</span>
@@ -25,7 +25,12 @@
 					<span v-if="scope.row.destination_state_">{{scope.row.destination_state_.name}}</span>
 				</template>
 			</el-table-column>
-			<el-table-column label="创建时间">
+			<el-table-column label="提交时调用">
+			<template #default="scope">
+			{{ scope.row.on_submit_func }}
+			</template>
+			</el-table-column>
+			<el-table-column label="创建时间" width="160">
 				<template #default="scope">{{ scope.row.create_time }}</template>
 			</el-table-column>
 			<el-table-column
@@ -34,7 +39,7 @@
 				width="220px"
 			>
 				<template #default="scope">
-					<el-button @click="handleEdit(scope.row)" link size="small">
+					<el-button @click="handleEdit(scope.row)" link size="small" type="primary">
 						编辑
 					</el-button>
 					<el-button