This commit is contained in:
parent
c05299b003
commit
3e40ba462b
|
|
@ -69,8 +69,18 @@
|
|||
<span>联系方式:{{ issuerPhone || '--' }}</span>
|
||||
</div>
|
||||
|
||||
<!-- 整改记录区域 -->
|
||||
<div v-if= "rectificationRecords.length > 0" class="rectification-records-section">
|
||||
<p>责任单位整改反馈</p>
|
||||
<div class="record-item" v-for="(record, index) in rectificationRecords" :key="index">
|
||||
<div class="record-header">
|
||||
<span class="record-user">{{ record.name }}:{{ record.description }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 整改按钮 -->
|
||||
<div class="rectify-button-section">
|
||||
<div v-if="rectifyStatus === '0'" class="rectify-button-section">
|
||||
<el-button type="primary" @click="showRectifyDialog">整改</el-button>
|
||||
</div>
|
||||
|
||||
|
|
@ -135,6 +145,8 @@ const proId = route.query.proId || '0'
|
|||
const fileList = ref([])
|
||||
const issuerName = ref('')
|
||||
const issuerPhone = ref('')
|
||||
const rectifyStatus = ref('') // 新增:整改状态
|
||||
const rectificationRecords = ref([]) // 新增:整改记录
|
||||
|
||||
// 新增:预览相关响应式变量
|
||||
const isViewFlag = ref(false)
|
||||
|
|
@ -165,6 +177,10 @@ const initData = async () => {
|
|||
// 1. 先赋值下发人信息(用于底部)
|
||||
issuerName.value = data.issuerName || '--'
|
||||
issuerPhone.value = data.issuerPhone || '--'
|
||||
// 2. 设置整改状态
|
||||
rectifyStatus.value = data.rectifyStatus || ''
|
||||
// 3. 设置整改记录
|
||||
rectificationRecords.value = data.rectificationDtos || []
|
||||
// 关键:把单条记录转为数组
|
||||
if (Object.keys(data).length > 0) {
|
||||
fileList.value = [
|
||||
|
|
@ -241,6 +257,8 @@ const saveRectify = async () => {
|
|||
ElMessage.success('整改提交成功')
|
||||
// 关闭弹框
|
||||
closeRectifyDialog()
|
||||
// 刷新数据
|
||||
await initData()
|
||||
// 可选:刷新页面或更新状态
|
||||
// router.go(-1) // 根据业务需求决定是否返回
|
||||
} else {
|
||||
|
|
@ -301,6 +319,48 @@ const saveRectify = async () => {
|
|||
padding-right: 20px;
|
||||
}
|
||||
|
||||
/* 整改记录区域 */
|
||||
.rectification-records-section {
|
||||
margin: 24px 0;
|
||||
padding: 16px;
|
||||
//border: 1px solid #ebeef5;
|
||||
border-radius: 4px;
|
||||
//background-color: #fafafa;
|
||||
}
|
||||
|
||||
.rectification-records-section h3 {
|
||||
margin: 0 0 16px 0;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
//color: #333;
|
||||
}
|
||||
|
||||
.record-item {
|
||||
margin-bottom: 16px;
|
||||
padding: 12px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ebeef5;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.record-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 8px;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.record-time {
|
||||
color: #909399;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* 最后一个记录项不显示下边距 */
|
||||
.record-item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.archive-name-cell {
|
||||
white-space: normal;
|
||||
word-break: break-word;
|
||||
|
|
|
|||
Loading…
Reference in New Issue