样式调制器
This commit is contained in:
parent
98b85e8132
commit
5d32f01548
@ -1,15 +1,15 @@
|
|||||||
<template>
|
<template>
|
||||||
<Dialog :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-section">
|
<div class="basic-info-section">
|
||||||
<span class="basic-info-item">服刑人员:{{ selectedReport.prisonerName }} ({{ selectedReport.prisonerNo }})</span>
|
<div class="basic-info-item">服刑人员:{{ selectedReport.prisonerName }} ({{ selectedReport.prisonerNo }})</div>
|
||||||
<span class="basic-info-item">监区:{{ selectedReport.areaName || '-' }}</span>
|
<div class="basic-info-item">监区:{{ selectedReport.areaName || '-' }}</div>
|
||||||
<span class="basic-info-item">评估日期:{{ formatDateTime(selectedReport.evaluationDate, 'YYYY-MM-DD') }}</span>
|
<div class="basic-info-item">评估日期:{{ formatDateTime(selectedReport.evaluationDate, 'YYYY-MM-DD') }}</div>
|
||||||
<span class="basic-info-item">模板:{{ selectedReport.templateName }}</span>
|
<div class="basic-info-item">模板:{{ selectedReport.templateName }}</div>
|
||||||
<span class="basic-info-item">风险等级:{{ getDictLabel(DICT_TYPE.PRISON_RISK_LEVEL, selectedReport.riskLevel) }}</span>
|
<div class="basic-info-item">风险等级:{{ getDictLabel(DICT_TYPE.PRISON_RISK_LEVEL, selectedReport.riskLevel) }}</div>
|
||||||
<span class="basic-info-item">状态:{{ getDictLabel(DICT_TYPE.PRISON_REPORT_STATUS, selectedReport.status) }}</span>
|
<div class="basic-info-item">状态:{{ getDictLabel(DICT_TYPE.PRISON_REPORT_STATUS, selectedReport.status) }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 维度分析区 - 新版维度分析面板 -->
|
<!-- 维度分析区 - 新版维度分析面板 -->
|
||||||
|
|||||||
@ -338,7 +338,7 @@ const exportToWord = async () => {
|
|||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
font-family: 'Microsoft YaHei', '微软雅黑', SimSun, Arial, sans-serif;
|
font-family: 'Microsoft YaHei', '微软雅黑', SimSun, Arial, sans-serif;
|
||||||
font-size: 14px;
|
font-size: 16px;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
margin: 20px;
|
margin: 20px;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
@ -350,18 +350,18 @@ const exportToWord = async () => {
|
|||||||
}
|
}
|
||||||
.section-title {
|
.section-title {
|
||||||
margin: 15px 0;
|
margin: 15px 0;
|
||||||
font-size: 16px;
|
font-size: 18px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
.description-content {
|
.description-content {
|
||||||
color: #000;
|
color: #000;
|
||||||
line-height: 1.8;
|
line-height: 1.8;
|
||||||
font-size: 14px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
.instruction-content {
|
.instruction-content {
|
||||||
color: #000;
|
color: #000;
|
||||||
font-size: 16px;
|
font-size: 18px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
line-height: 1.8;
|
line-height: 1.8;
|
||||||
}
|
}
|
||||||
@ -369,20 +369,20 @@ const exportToWord = async () => {
|
|||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
margin-top: 24px;
|
margin-top: 24px;
|
||||||
color: #000;
|
color: #000;
|
||||||
font-size: 15px;
|
font-size: 17px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
.partition-title:first-child {
|
.partition-title:first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.question-count {
|
.question-count {
|
||||||
font-size: 12px;
|
font-size: 14px;
|
||||||
color: #909399;
|
color: #909399;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
}
|
}
|
||||||
.question-item {
|
.question-item {
|
||||||
font-size: 14px;
|
font-size: 16px;
|
||||||
color: #000;
|
color: #000;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
@ -400,7 +400,7 @@ const exportToWord = async () => {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 6px;
|
gap: 6px;
|
||||||
color: #909399;
|
color: #909399;
|
||||||
font-size: 13px;
|
font-size: 15px;
|
||||||
padding: 4px 8px;
|
padding: 4px 8px;
|
||||||
background: #f4f4f5;
|
background: #f4f4f5;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
@ -436,7 +436,7 @@ const exportToWord = async () => {
|
|||||||
}
|
}
|
||||||
.question-input-inline {
|
.question-input-inline {
|
||||||
color: #000;
|
color: #000;
|
||||||
font-size: 14px;
|
font-size: 16px;
|
||||||
line-height: 2.2;
|
line-height: 2.2;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user