refactor(workflow): 优化工作流启动页面布局和功能

- 移除了审批人设置卡片，改为在表单中直接选择指定审批人
- 调整了表单布局，优化了用户界面
- 在加载表单数据时隐藏了表单按钮
- 保留了提交和重置功能

klp-ui/src/views/workflow/work/start.vue

@@ -8,23 +8,11 @@
         <div class="form-conf" v-if="formOpen">
           <parser :key="new Date().getTime()" :form-conf="formData" ref="parser" @getData="getData"/>
         </div>
-        
+
         <!-- 审批负责人设置 -->
-        <el-card class="box-card" shadow="hover" v-if="formOpen">
+        <el-col :span="10" :offset="3">
-          <div slot="header" class="clearfix">
-            <span>审批人设置</span>
-          </div>
           <el-form ref="approvalForm" :model="approvalForm" label-width="120px">
-            <el-form-item label="审批负责人">
+            <el-form-item label="指定审批人">
-              <el-radio-group v-model="approvalForm.approvalType">
-                <el-radio :label="1">指定用户</el-radio>
-                <el-radio :label="2">角色</el-radio>
-                <el-radio :label="3">部门</el-radio>
-                <el-radio :label="4">发起人</el-radio>
-              </el-radio-group>
-            </el-form-item>
-            
-            <el-form-item v-if="approvalForm.approvalType === 1">
               <el-tag
                 :key="index"
                 v-for="(item, index) in approvalUsers"
@@ -36,8 +24,8 @@
               <el-button class="button-new-tag" type="primary" icon="el-icon-plus" size="mini" circle @click="onSelectUsers" />
             </el-form-item>
           </el-form>
-        </el-card>
+        </el-col>
-        
+
         <!-- 提交和重置按钮 -->
         <div class="submit-buttons" v-if="formOpen">
           <el-button type="primary" @click="submitForm">提交</el-button>
@@ -45,7 +33,7 @@
         </div>
       </el-col>
     </el-card>
-    
+
     <!-- 用户选择对话框 -->
     <el-dialog title="选择审批人" :visible.sync="userData.open" width="60%" append-to-body>
       <el-row type="flex" :gutter="20">
@@ -162,6 +150,8 @@ export default {
       }).then(res => {
         if (res.data) {
           this.formData = res.data;
+          // 表单按钮隐藏
+          this.formData.formBtns = false;
           this.formOpen = true
         }
       })
@@ -195,15 +185,15 @@ export default {
         this.$modal.msgError("表单未加载完成");
         return;
       }
-      
+
       // 获取表单数据
       parserRef.getData();
-      
+
       // 验证表单
       parserRef.$refs[parserRef.formConfCopy.formRef].validate(valid => {
         if (valid) {
           const formData = parserRef[parserRef.formConfCopy.formModel];
-          
+
           // 添加审批人信息到表单数据
           // 根据审批类型添加不同的审批人信息
           if (this.approvalForm.approvalType === 1 && this.approvalUsers.length > 0) {
@@ -228,7 +218,7 @@ export default {
             formData.flowable.candidateUsers = '';
             formData.flowable.candidateGroups = '';
           }
-          
+
           // 启动流程并将表单数据加入流程变量
           if (this.definitionId) {
             startProcess(this.definitionId, JSON.stringify(formData)).then(res => {
@@ -245,7 +235,7 @@ export default {
         }
       });
     },
-    
+
     // 重置表单
     resetForm() {
       const parserRef = this.$refs.parser;