feat(xispeak): 反馈查看弹窗增加纪检字段和附件列

- 弹窗加宽至 1300px
- 新增检查情况、监督意见、措施数量纪检字段列
- 新增附件列支持查看回形针组件
- 样式优化

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
wsm
2026-05-26 10:55:14 +08:00
co-authored by Claude Opus 4.7
parent a538b3113e
commit a80600565f
@@ -1,7 +1,7 @@
<template>
<j-modal
:title="title"
:width="900"
:width="1300"
:visible="visible"
:okButtonProps="{ class: { 'jee-hidden': true } }"
@cancel="handleCancel"
@@ -20,7 +20,20 @@
:loading="loading"
:pagination="false"
:bordered="false"
/>
>
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'attachments'">
<SUploadFile
v-if="record.id"
class="feedback-view-attachment-list"
:bussiness-id="record.id"
:disabled="true"
:multiple="true"
/>
<span v-else>-</span>
</template>
</template>
</BasicTable>
</j-modal>
</template>
@@ -29,6 +42,7 @@
import { BasicTable } from '/@/components/Table';
import type { BasicColumn } from '/@/components/Table';
import JModal from '/@/components/Modal/src/JModal/JModal.vue';
import SUploadFile from '/@/components/semri/fileComponent/SUploadFile.vue';
import { bgXiSpeakFeedbackList } from '../BgXiSpeak.api';
const visible = ref(false);
@@ -67,6 +81,33 @@
align: 'center',
width: 120,
},
{
title: '检查情况(纪检)',
dataIndex: 'checkStatus',
align: 'left',
ellipsis: true,
width: 140,
},
{
title: '监督意见(纪检)',
dataIndex: 'inspectionAdvice',
align: 'left',
ellipsis: true,
width: 140,
},
{
title: '措施数量(纪检)',
dataIndex: 'measureNum',
align: 'center',
width: 100,
},
{
title: '附件',
dataIndex: 'id',
key: 'attachments',
align: 'left',
width: 280,
},
];
const title = computed(() => {
@@ -98,3 +139,41 @@
defineExpose({ open });
</script>
<style lang="less" scoped>
.feedback-view-attachment-list {
min-width: 240px;
:deep(.file-list-wrapper) {
min-height: 40px;
max-height: 120px;
padding: 4px 8px;
}
:deep(.file-list-header) {
margin-bottom: 6px;
padding-bottom: 6px;
}
:deep(.file-list .file-item) {
padding: 8px;
margin-bottom: 6px;
}
:deep(.ant-empty) {
margin: 0;
padding: 4px 0;
.ant-empty-image {
display: none;
}
.ant-empty-description {
font-size: 12px;
color: #999;
padding: 0;
margin: 0;
}
}
}
</style>