样式调整
This commit is contained in:
parent
5d32f01548
commit
fa2dada682
@ -2,23 +2,19 @@
|
|||||||
<Dialog style="display: none;" :title="'评估报告'" v-model="dialogVisible" width="900px">
|
<Dialog style="display: none;" :title="'评估报告'" v-model="dialogVisible" width="900px">
|
||||||
<div v-loading="loading" class="report-edit-container" ref="previewRef">
|
<div v-loading="loading" class="report-edit-container" ref="previewRef">
|
||||||
<template v-if="selectedReport">
|
<template v-if="selectedReport">
|
||||||
|
<div class="basic-info-title">{{ selectedReport.templateName }}</div>
|
||||||
<!-- 基本信息区 -->
|
<!-- 基本信息区 -->
|
||||||
<div class="basic-info-section">
|
<div class="basic-info-section">
|
||||||
<div class="basic-info-item">服刑人员:{{ selectedReport.prisonerName }} ({{ selectedReport.prisonerNo }})</div>
|
<div class="basic-info-item">服刑人员:{{ selectedReport.prisonerName }} ({{ selectedReport.prisonerNo }})</div>
|
||||||
<div class="basic-info-item">监区:{{ selectedReport.areaName || '-' }}</div>
|
<div class="basic-info-item">监区:{{ selectedReport.areaName || '-' }}</div>
|
||||||
<div class="basic-info-item">评估日期:{{ formatDateTime(selectedReport.evaluationDate, 'YYYY-MM-DD') }}</div>
|
<div class="basic-info-item">评估日期:{{ formatDateTime(selectedReport.evaluationDate, 'YYYY-MM-DD') }}</div>
|
||||||
<div class="basic-info-item">模板:{{ selectedReport.templateName }}</div>
|
|
||||||
<div class="basic-info-item">风险等级:{{ getDictLabel(DICT_TYPE.PRISON_RISK_LEVEL, selectedReport.riskLevel) }}</div>
|
<div class="basic-info-item">风险等级:{{ getDictLabel(DICT_TYPE.PRISON_RISK_LEVEL, selectedReport.riskLevel) }}</div>
|
||||||
<div class="basic-info-item">状态:{{ getDictLabel(DICT_TYPE.PRISON_REPORT_STATUS, selectedReport.status) }}</div>
|
<div class="basic-info-item">状态:{{ getDictLabel(DICT_TYPE.PRISON_REPORT_STATUS, selectedReport.status) }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 维度分析区 - 新版维度分析面板 -->
|
|
||||||
<div class="dimension-section" v-if="dimensions.length > 0 && selectedReport">
|
|
||||||
维度分析
|
|
||||||
</div>
|
|
||||||
<div v-for="item in dimensionAnalysisPanelRef" :key="item.id" class="dimension-item">
|
<div v-for="item in dimensionAnalysisPanelRef" :key="item.id" class="dimension-item">
|
||||||
<div class="dimension-item-title">{{ item.name }}</div>
|
<div class="dimension-item-title">{{ item.name }}</div>
|
||||||
<div style="white-space: pre-line; line-height: 1.5;">{{ item.aiAnalysis?.replace(/##/g, '') }}</div>
|
<div style="white-space: pre-line; line-height: 1.5;">{{ item.aiAnalysis?.replace(/## 综合分析建议\n\n/g, '') }}</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -200,29 +196,30 @@ const exportToWord = async () => {
|
|||||||
margin: 20px;
|
margin: 20px;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
|
.basic-info-title{
|
||||||
|
font-family: '黑体', 'Microsoft YaHei', SimSun, Arial, sans-serif;
|
||||||
|
font-size: 21px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: black;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
.basic-info-section {
|
.basic-info-section {
|
||||||
padding: 15px 20px;
|
padding: 15px 20px;
|
||||||
color: black;
|
color: black;
|
||||||
font-size: 14px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
.basic-info-item{
|
.basic-info-item{
|
||||||
margin-right: 30px;
|
margin-right: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dimension-section {
|
|
||||||
flex: 1;
|
|
||||||
padding: 15px 20px 0;
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: 500;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
.dimension-item {
|
.dimension-item {
|
||||||
padding: 0 40px;
|
padding: 0 40px;
|
||||||
font-size: 14px;
|
font-size: 12px;
|
||||||
color: black;
|
color: black;
|
||||||
}
|
}
|
||||||
.dimension-item-title {
|
.dimension-item-title {
|
||||||
font-size: 15px;
|
font-size: 21px;
|
||||||
padding: 15px 0;
|
padding: 15px 0;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: black;
|
color: black;
|
||||||
@ -276,13 +273,6 @@ defineExpose({ open })
|
|||||||
margin-right: 30px;
|
margin-right: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dimension-section {
|
|
||||||
flex: 1;
|
|
||||||
padding: 15px 20px 0;
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: 500;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
.dimension-item {
|
.dimension-item {
|
||||||
padding: 0 40px;
|
padding: 0 40px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user