Browse Source

ui: 流程设计器超时配置优化

- 超时动作选项精简为「提醒」和「无」,移除自动通过/自动驳回
- 移除超时动作下方的文字说明
- 审批时限说明改为标签旁的问号图标,鼠标悬停显示 tooltip
ye-zhaojia 1 week ago
parent
commit
484729b703
1 changed files with 8 additions and 5 deletions
  1. 8 5
      src/views/flow/designer/index.vue

+ 8 - 5
src/views/flow/designer/index.vue

@@ -66,7 +66,13 @@
               <el-option label="会签(全部通过)" value="and" />
               <el-option label="会签(全部通过)" value="and" />
             </el-select>
             </el-select>
           </el-form-item>
           </el-form-item>
-          <el-form-item label="审批时限">
+          <el-form-item>
+            <template #label>
+              审批时限
+              <el-tooltip placement="top" content="单位:小时,为空则不计算超时">
+                <el-icon style="margin-left: 4px; cursor: help;"><QuestionFilled /></el-icon>
+              </el-tooltip>
+            </template>
             <el-input-number
             <el-input-number
               v-model="nodeProps.timeoutHours"
               v-model="nodeProps.timeoutHours"
               :min="1"
               :min="1"
@@ -76,15 +82,12 @@
               controls-position="right"
               controls-position="right"
               style="width: 100%"
               style="width: 100%"
             />
             />
-            <div class="form-tip">单位:小时,为空则不计算超时</div>
           </el-form-item>
           </el-form-item>
           <el-form-item label="超时动作">
           <el-form-item label="超时动作">
             <el-select v-model="nodeProps.timeoutAction" placeholder="请选择" style="width: 100%">
             <el-select v-model="nodeProps.timeoutAction" placeholder="请选择" style="width: 100%">
               <el-option label="提醒" value="remind" />
               <el-option label="提醒" value="remind" />
-              <el-option label="自动通过" value="pass" />
-              <el-option label="自动驳回" value="reject" />
+              <el-option label="无" value="" />
             </el-select>
             </el-select>
-            <div class="form-tip">目前仅实现「提醒」,自动通过/驳回预留</div>
           </el-form-item>
           </el-form-item>
         </template>
         </template>
         <template v-if="selectedNode.type === 'condition-node'">
         <template v-if="selectedNode.type === 'condition-node'">