This commit is contained in:
parent
c05299b003
commit
3e40ba462b
|
|
@ -69,8 +69,18 @@
|
||||||
<span>联系方式:{{ issuerPhone || '--' }}</span>
|
<span>联系方式:{{ issuerPhone || '--' }}</span>
|
||||||
</div>
|
</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>
|
<el-button type="primary" @click="showRectifyDialog">整改</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -135,6 +145,8 @@ const proId = route.query.proId || '0'
|
||||||
const fileList = ref([])
|
const fileList = ref([])
|
||||||
const issuerName = ref('')
|
const issuerName = ref('')
|
||||||
const issuerPhone = ref('')
|
const issuerPhone = ref('')
|
||||||
|
const rectifyStatus = ref('') // 新增:整改状态
|
||||||
|
const rectificationRecords = ref([]) // 新增:整改记录
|
||||||
|
|
||||||
// 新增:预览相关响应式变量
|
// 新增:预览相关响应式变量
|
||||||
const isViewFlag = ref(false)
|
const isViewFlag = ref(false)
|
||||||
|
|
@ -165,6 +177,10 @@ const initData = async () => {
|
||||||
// 1. 先赋值下发人信息(用于底部)
|
// 1. 先赋值下发人信息(用于底部)
|
||||||
issuerName.value = data.issuerName || '--'
|
issuerName.value = data.issuerName || '--'
|
||||||
issuerPhone.value = data.issuerPhone || '--'
|
issuerPhone.value = data.issuerPhone || '--'
|
||||||
|
// 2. 设置整改状态
|
||||||
|
rectifyStatus.value = data.rectifyStatus || ''
|
||||||
|
// 3. 设置整改记录
|
||||||
|
rectificationRecords.value = data.rectificationDtos || []
|
||||||
// 关键:把单条记录转为数组
|
// 关键:把单条记录转为数组
|
||||||
if (Object.keys(data).length > 0) {
|
if (Object.keys(data).length > 0) {
|
||||||
fileList.value = [
|
fileList.value = [
|
||||||
|
|
@ -241,6 +257,8 @@ const saveRectify = async () => {
|
||||||
ElMessage.success('整改提交成功')
|
ElMessage.success('整改提交成功')
|
||||||
// 关闭弹框
|
// 关闭弹框
|
||||||
closeRectifyDialog()
|
closeRectifyDialog()
|
||||||
|
// 刷新数据
|
||||||
|
await initData()
|
||||||
// 可选:刷新页面或更新状态
|
// 可选:刷新页面或更新状态
|
||||||
// router.go(-1) // 根据业务需求决定是否返回
|
// router.go(-1) // 根据业务需求决定是否返回
|
||||||
} else {
|
} else {
|
||||||
|
|
@ -301,6 +319,48 @@ const saveRectify = async () => {
|
||||||
padding-right: 20px;
|
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 {
|
.archive-name-cell {
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue