设置表单禁止点击/修改查看表单按钮样式

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

@@ -29,7 +29,8 @@
                         <el-timeline-item :type='getTaskTimelineItemType(item)'>
                             <p style='font-weight: 700; margin: 8px'>
                                 审批任务：{{ item.name }}
-                                <el-tag :type='getTaskTimelineItemType(item.status)'>
+                                <el-tag
+                                    style="margin-left: 10px;" :type='getTaskTimelineItemType(item.status)'>
                                     {{ getTaskNameItemType(item.status) }}
                                 </el-tag>
                                 <el-button
@@ -44,7 +45,11 @@
                                 <el-button
                                     class='ml-10px'
                                     size='small'
+                                    type="primary"
+                                    :icon="View"
+                                    style="margin-left: 10px;"
                                     @click='handleFormDetail(item)'
+                                    v-if="item.formId"
                                 >
                                     <Icon icon='ep:document' />
                                     查看表单
@@ -90,7 +95,10 @@
     <TaskSignList ref='taskSignListRef' @success='refresh' />
     <!-- 弹窗：表单 -->
     <el-dialog title='表单详情' v-model='taskFormVisible' width='750' @closed="closeForm">
-        <form-create ref='fApi' v-model='taskForm.value' :option='taskForm.option' :rule='taskForm.rule' />
+      <!-- pointer-events:none;设置元素无法响应鼠标 -->
+      <div  style="pointer-events:none;">
+        <form-create  ref='fApi' v-model='taskForm.value' :option='taskForm.option' :rule='taskForm.rule' />
+      </div>
     </el-dialog>
 </template>
 <script lang='ts' setup>
@@ -101,7 +109,7 @@ import { isEmpty } from '@/utils/is'
 import TaskSignList from './dialog/TaskSignList.vue'
 import type { ApiAttrs } from '@form-create/element-ui/types/config'
 import { setConfAndFields2 ,resetConfAndFields} from '@/utils/formCreate'
-
+import {View} from '@element-plus/icons-vue'
 defineOptions({ name: 'BpmProcessInstanceTaskList' })
 
 const props = defineProps({
@@ -213,7 +221,7 @@ const handleFormDetail = async (row:any) => {
     await nextTick()
     fApi.value.fapi.btn.show(false)
     fApi.value?.fapi?.resetBtn.show(false)
-    fApi.value?.fapi?.disabled(true)
+    // fApi.value?.fapi?.disabled(true)
 }
 //关闭表单
 const closeForm=()=>{