微调

src/views/system/bpm/processInstance/detail/ProcessInstanceTaskList.vue

@@ -39,7 +39,7 @@
                     @click='openChildrenTask(item)'
                     size='small'
                 >
-                                    <Icon icon='ep:memo' />
+                  <Icon icon='ep:memo'/>
                   子任务
                 </el-button>
                 <el-button
@@ -49,9 +49,9 @@
                     :icon="View"
                     style="margin-left: 10px;"
                     @click='handleFormDetail(item)'
-                                    v-if="item.formId"
+                    v-if="item.formId && item.status!=3"
                 >
-                                    <Icon icon='ep:document' />
+                  <Icon icon='ep:document'/>
                   查看表单
                 </el-button>
               </p>
@@ -92,25 +92,26 @@
     </el-col>
   </el-card>
   <!-- 弹窗：子任务  -->
-    <TaskSignList ref='taskSignListRef' @success='refresh' />
+  <TaskSignList ref='taskSignListRef' @success='refresh'/>
   <!-- 弹窗：表单 -->
   <el-dialog title='表单详情' v-model='taskFormVisible' width='750' @closed="closeForm">
     <!-- pointer-events:none;设置元素无法响应鼠标 -->
     <div style="pointer-events:none;">
-        <form-create  ref='fApi' v-model='taskForm.value' :option='taskForm.option' :rule='taskForm.rule' />
+      <form-create ref='fApi' v-model='taskForm.value' :option='taskForm.option' :rule='taskForm.rule'/>
     </div>
   </el-dialog>
 </template>
 <script lang='ts' setup>
-import { ref, watch, nextTick } from 'vue'
+import {ref, watch, nextTick} from 'vue'
-import { formatDate, formatPast2 } from '@/utils/formatTime'
+import {formatDate, formatPast2} from '@/utils/formatTime'
-import { propTypes } from '@/utils/propTypes'
+import {propTypes} from '@/utils/propTypes'
-import { isEmpty } from '@/utils/is'
+import {isEmpty} from '@/utils/is'
 import TaskSignList from './dialog/TaskSignList.vue'
-import type { ApiAttrs } from '@form-create/element-ui/types/config'
+import type {ApiAttrs} from '@form-create/element-ui/types/config'
-import { setConfAndFields2 ,resetConfAndFields} from '@/utils/formCreate'
+import {setConfAndFields2, resetConfAndFields} from '@/utils/formCreate'
 import {View} from '@element-plus/icons-vue'
-defineOptions({ name: 'BpmProcessInstanceTaskList' })
+
+defineOptions({name: 'BpmProcessInstanceTaskList'})
 
 const props = defineProps({
   loading: propTypes.bool, // 是否加载中
@@ -212,7 +213,7 @@ const taskForm = ref({
   value: {}
 }) // 流程任务的表单详情
 const taskFormVisible = ref(false)
-const handleFormDetail = async (row:any) => {
+const handleFormDetail = async (row: any) => {
   // 设置表单
   setConfAndFields2(taskForm, row.formConf, row.formFields, row.formVariables)
   // 弹窗打开
@@ -224,7 +225,7 @@ const handleFormDetail = async (row:any) => {
   // fApi.value?.fapi?.disabled(true)
 }
 //关闭表单
-const closeForm=()=>{
+const closeForm = () => {
   resetConfAndFields(taskForm)
 }