feat(xispeak): 反馈查看弹窗增加纪检字段和附件列
- 弹窗加宽至 1300px - 新增检查情况、监督意见、措施数量纪检字段列 - 新增附件列支持查看回形针组件 - 样式优化 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<j-modal
|
<j-modal
|
||||||
:title="title"
|
:title="title"
|
||||||
:width="900"
|
:width="1300"
|
||||||
:visible="visible"
|
:visible="visible"
|
||||||
:okButtonProps="{ class: { 'jee-hidden': true } }"
|
:okButtonProps="{ class: { 'jee-hidden': true } }"
|
||||||
@cancel="handleCancel"
|
@cancel="handleCancel"
|
||||||
@@ -20,7 +20,20 @@
|
|||||||
:loading="loading"
|
:loading="loading"
|
||||||
:pagination="false"
|
:pagination="false"
|
||||||
:bordered="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>
|
</j-modal>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -29,6 +42,7 @@
|
|||||||
import { BasicTable } from '/@/components/Table';
|
import { BasicTable } from '/@/components/Table';
|
||||||
import type { BasicColumn } from '/@/components/Table';
|
import type { BasicColumn } from '/@/components/Table';
|
||||||
import JModal from '/@/components/Modal/src/JModal/JModal.vue';
|
import JModal from '/@/components/Modal/src/JModal/JModal.vue';
|
||||||
|
import SUploadFile from '/@/components/semri/fileComponent/SUploadFile.vue';
|
||||||
import { bgXiSpeakFeedbackList } from '../BgXiSpeak.api';
|
import { bgXiSpeakFeedbackList } from '../BgXiSpeak.api';
|
||||||
|
|
||||||
const visible = ref(false);
|
const visible = ref(false);
|
||||||
@@ -67,6 +81,33 @@
|
|||||||
align: 'center',
|
align: 'center',
|
||||||
width: 120,
|
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(() => {
|
const title = computed(() => {
|
||||||
@@ -98,3 +139,41 @@
|
|||||||
|
|
||||||
defineExpose({ open });
|
defineExpose({ open });
|
||||||
</script>
|
</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>
|
||||||
|
|||||||
Reference in New Issue
Block a user