yxk-20260526-查询督办流程modal：少量样式和字段调整

src/components/semri/process/BusinessProcessListModal.vue

@@ -1,14 +1,7 @@
 <template>
-  <j-modal
+  <j-modal :title="title" :width="1400" :visible="visible" :footer="null" @cancel="handleCancel" cancelText="关闭">
-    :title="title"
-    :width="1400"
-    :visible="visible"
-    :footer="null"
-    @cancel="handleCancel"
-    cancelText="关闭"
-  >
     <div class="business-process-list-modal">
-      <BasicTable @register="registerTable">
+      <BasicTable class="business-process-table" @register="registerTable">
         <template #action="{ record }">
           <TableAction :actions="getTableAction(record)" />
         </template>
@@ -38,6 +31,8 @@
   const visible = ref(false);
   const currentBusinessId = ref('');
   const defaultColumns = columns;
+  // 固定表体高度，让横向滚动条停留在弹窗底部，而不是跟随少量数据行出现在中间。
+  const tableBodyHeight = 500;
   const { createMessage } = useMessage();
   const onDeleteProcessRef = ref<OpenParams['onDeleteProcess']>();
   const [registerBpmModal, { openModal: bpmPicModal }] = useModal();
@@ -59,6 +54,7 @@
     },
     scroll: {
       x: 3600,
+      y: tableBodyHeight,
     },
   });
 
@@ -150,5 +146,9 @@
     :deep(.vben-basic-table) {
       padding: 0;
     }
+
+    :deep(.business-process-table .ant-table-body) {
+      height: 500px;
+    }
   }
 </style>

src/components/semri/process/QueryProcessList.data.ts

@@ -30,31 +30,31 @@ export const columns: BasicColumn[] = [
     align: "center",
     dataIndex: 'processInstId'
   },
-  {
+  // {
-    title: '流程类型',
+  //   title: '流程类型',
-    align: "center",
+  //   align: "center",
-    dataIndex: 'processType'
+  //   dataIndex: 'processType'
-  },
+  // },
   {
     title: '流程状态',
     align: "center",
     dataIndex: 'bpmStatus'
   },
-  {
+  // {
-    title: '关联台账事项ID',
+  //   title: '关联台账事项ID',
-    align: "center",
+  //   align: "center",
-    dataIndex: 'businessId'
+  //   dataIndex: 'businessId'
-  },
+  // },
-  {
+  // {
-    title: '关联台账根节点id',
+  //   title: '关联台账根节点id',
-    align: "center",
+  //   align: "center",
-    dataIndex: 'parentBusinessId'
+  //   dataIndex: 'parentBusinessId'
-  },
+  // },
-  {
+  // {
-    title: '关联台账表名',
+  //   title: '关联台账表名',
-    align: "center",
+  //   align: "center",
-    dataIndex: 'businessTablename'
+  //   dataIndex: 'businessTablename'
-  },
+  // },
   // {
   //   title: '外部来源 ID',
   //   align: "center",
@@ -62,7 +62,7 @@ export const columns: BasicColumn[] = [
   // },
 
   {
-    title: '紧急程度（一般/紧急/特急）',
+    title: '是否紧急',
     align: "center",
     dataIndex: 'urgencyLevel_dictText'
   },
@@ -96,11 +96,11 @@ export const columns: BasicColumn[] = [
     align: "center",
     dataIndex: 'deptId'
   },
-  {
+  // {
-    title: '被督办部门名称（冗余）',
+  //   title: '被督办部门名称（冗余）',
-    align: "center",
+  //   align: "center",
-    dataIndex: 'deptName'
+  //   dataIndex: 'deptName'
-  },
+  // },
   // {
   //   title: '部门负责人id',
   //   align: "center",
@@ -132,7 +132,7 @@ export const columns: BasicColumn[] = [
   //   dataIndex: 'followerNames'
   // },
   {
-    title: '要求完成日期（业务层面的硬性要求）',
+    title: '要求完成日期',
     align: "center",
     dataIndex: 'requireFinishDate',
     customRender:({text}) =>{
@@ -145,32 +145,32 @@ export const columns: BasicColumn[] = [
     align: "center",
     dataIndex: 'startTime'
   },
-  {
+  // {
-    title: '截止时间（精确到时分，与 require_finish_date 互补）',
+  //   title: '截止时间（精确到时分，与 require_finish_date 互补）',
-    align: "center",
+  //   align: "center",
-    sorter: true,
+  //   sorter: true,
-    dataIndex: 'deadline'
+  //   dataIndex: 'deadline'
-  },
+  // },
   {
     title: '实际完成时间',
     align: "center",
     dataIndex: 'actualFinishTime'
   },
-  {
+  // {
-    title: '是否已逾期',
+  //   title: '是否已逾期',
-    align: "center",
+  //   align: "center",
-    dataIndex: 'isOverdue'
+  //   dataIndex: 'isOverdue'
-  },
+  // },
-  {
+  // {
-    title: '逾期时长',
+  //   title: '逾期时长',
-    align: "center",
+  //   align: "center",
-    dataIndex: 'overdueDuration'
+  //   dataIndex: 'overdueDuration'
-  },
+  // },
-  {
+  // {
-    title: '持续时长',
+  //   title: '持续时长',
-    align: "center",
+  //   align: "center",
-    dataIndex: 'duration'
+  //   dataIndex: 'duration'
-  },
+  // },
   // {
   //   title: '子任务完成进度（0.00~100.00，参考飞书子任务进度）',
   //   align: "center",

src/views/super/bpm/process/manage/components/BpmPictureModal.vue

@@ -1,6 +1,6 @@
 <template>
   <!--流程图弹窗-->
-  <BasicModal v-bind="$attrs" :bodyStyle="bodyStyle" :width="900" destroyOnClose :footer="null" @register="registerModal" title="流程图">
+  <BasicModal v-bind="$attrs" :bodyStyle="bodyStyle" :width="1200" destroyOnClose :footer="null" @register="registerModal" title="流程图">
     <BpmGraphic :instanceId="procInsId"></BpmGraphic>
   </BasicModal>
 </template>