yc/template-10561
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整取证单样式

Browse Source
This commit is contained in:
b2894lxlx
2026-01-30 19:04:01 +08:00
parent 3cf727430a
commit 3abf43e054
1 changed files with 119 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

168
src/views/pwl/pwlProject/components/components/EvidenceModal.vue
View File

@@ -12,7 +12,9 @@
<a-button @click="resetFields">重置内容</a-button> <a-button @click="resetFields">重置内容</a-button>
<a-button type="primary" @click="printEvidence">打印/导出</a-button> <a-button type="primary" @click="printEvidence">打印/导出</a-button>
</a-space> </a-space>
<div class="action-tip">可直接在表格中编辑，打印即可生成与效果图一致的取证单</div> <div class="action-tip"
>可直接在表格中编辑，打印即可生成与效果图一致的取证单</div
>
</div> </div>
<div class="evidence-container"> <div class="evidence-container">
@@ -74,84 +76,77 @@
</tr> </tr>
<tr> <tr>
<th rowspan="5" class="vertical-header"> <th class="vertical-header">
<div class="vertical-text"> <div class="vertical-text">
<span>审</span> <span>审计</span>
<span>计</span> <span>（调查）</span>
<span>（</span> <span>事项</span>
<span>调</span> <span>摘要</span>
<span>查</span>
<span>）</span>
<span>事</span>
<span>项</span>
<span>摘</span>
<span>要</span>
</div> </div>
</th> </th>
<td class="summary-cell"> <td class="summary-cell">
<div class="summary-title"> <div class="summary-title">
审计（调查）事项摘要包括：标题、审计记录、审计发现、定性依据。 审计（调查）事项摘要包括：标题、审计记录、审计发现、定性依据。
</div> </div>
<div class="summary-content"> <!-- <div class="summary-content">-->
<div class="summary-item"> <!-- <div class="summary-item">-->
<strong>1.标题：</strong>突出核心问题，采用观点性语句，一般为审计内容、审计目标的结论性描述。例如： <!-- <strong>1.标题：</strong-->
</div> <!-- >突出核心问题，采用观点性语句，一般为审计内容、审计目标的结论性描述。例如：-->
<div class="summary-example"> <!-- </div>-->
在审计期间，XX单位存在"服务费，其流通"行为。 <!-- <div class="summary-example">-->
</div> <!-- 在审计期间，XX单位存在"服务费，其流通"行为。-->
<div class="summary-item"> <!-- </div>-->
<strong>2.审计记录：</strong>仅客观记录审计核查的具体事实（时间、地点、主体、行为、数据等）；不使用主观评价性语言（如"违规""不合理"）或问题定性（引证合同条款、凭证等等原始凭证形式："经核查[凭证描述]……"例如： <!-- <div class="summary-item">-->
</div> <!-- <strong>2.审计记录：</strong-->
<div class="summary-example"> <!-- >仅客观记录审计核查的具体事实（时间、地点、主体、行为、数据等）；不使用主观评价性语言（如"违规""不合理"）或问题定性（引证合同条款、凭证等等原始凭证形式："经核查[凭证描述]……"例如：-->
① 经查2019年1月1日签订的《XX服务合同》（编号：XYZ-2019-001）第3条约定："乙方（服务商）员工薪酬中甲方考勤费，甲方有权对乙方员工薪酬进行审核并支付"。 <!-- </div>-->
</div> <!-- <div class="summary-example">-->
<div class="summary-example"> <!-- ①-->
② 调取2019年6月外包人员考勤表显示：实际出勤人数为8人，缺勤2人由甲方部门主管确认，缺勤2人由甲方资源部核实无。 <!-- 经查2019年1月1日签订的《XX服务合同》（编号：XYZ-2019-001）第3条约定："乙方（服务商）员工薪酬中甲方考勤费，甲方有权对乙方员工薪酬进行审核并支付"。-->
</div> <!-- </div>-->
<div class="summary-example"> <!-- <div class="summary-example">-->
③ 查证2020年3月服务费结算凭证（凭证号：FV20200315）：所附明细清单显示人员名单为8人且月计薪资×□工资标准结算费用。 <!-- ②-->
</div> <!-- 调取2019年6月外包人员考勤表显示：实际出勤人数为8人，缺勤2人由甲方部门主管确认，缺勤2人由甲方资源部核实无。-->
</div> <!-- </div>-->
</td> <!-- <div class="summary-example">-->
</tr> <!-- ③-->
<!-- 查证2020年3月服务费结算凭证（凭证号：FV20200315）：所附明细清单显示人员名单为8人且月计薪资×□工资标准结算费用。-->
<tr> <!-- </div>-->
<td> <!-- </div>-->
<div class="summary-editor">
<div class="summary-field">
<div class="summary-field-label">标题：</div>
<textarea <textarea
v-model="form.summaryTitle" v-model="form.summaryTitle"
class="cell-input medium" class="cell-input summary-textarea medium"
placeholder="填写核心标题或要点" placeholder="填写核心标题或要点"
></textarea> ></textarea>
</td> </div>
</tr> <div class="summary-field">
<div class="summary-field-label">审计记录：</div>
<tr>
<td>
<textarea <textarea
v-model="form.auditRecord" v-model="form.auditRecord"
class="cell-input tall" class="cell-input summary-textarea tall"
placeholder="客观记录审计核查的过程与事实" placeholder="客观记录审计核查的过程与事实"
></textarea> ></textarea>
</td> </div>
</tr> <div class="summary-field">
<div class="summary-field-label">审计发现：</div>
<tr>
<td>
<textarea <textarea
v-model="form.auditFinding" v-model="form.auditFinding"
class="cell-input tall" class="cell-input summary-textarea tall"
placeholder="写明审计发现的事实、性质及影响" placeholder="写明审计发现的事实、性质及影响"
></textarea> ></textarea>
</td> </div>
</tr> <div class="summary-field">
<div class="summary-field-label">定性依据：</div>
<tr>
<td>
<textarea <textarea
v-model="form.evidenceBasis" v-model="form.evidenceBasis"
class="cell-input medium" class="cell-input summary-textarea medium"
placeholder="引用法规、制度或合同条款作为依据" placeholder="引用法规、制度或合同条款作为依据"
></textarea> ></textarea>
</div>
</div>
</td> </td>
</tr> </tr>
@@ -242,11 +237,11 @@
class="inline-input long" class="inline-input long"
placeholder="填写反馈期限" placeholder="填写反馈期限"
/> />
前反馈意见，逾期未反馈视为无异议； 前反馈意见，以生成的编制日期为基础，往后推10天填充日期；
</div>
<div class="note">
2. 证据提供单位意见栏如填写不下，可另附说明。
</div> </div>
<!-- <div class="note">-->
<!-- 2. 证据提供单位意见栏如填写不下，可另附说明。-->
<!-- </div>-->
</div> </div>
</div> </div>
</div> </div>
@@ -324,21 +319,28 @@
// 直接将后端返回的数据映射到表单字段 // 直接将后端返回的数据映射到表单字段
form.caseIndex = evidenceData.caseIndex || form.caseIndex || ''; form.caseIndex = evidenceData.caseIndex || form.caseIndex || '';
form.projectName = evidenceData.projectName || form.projectName || ''; form.projectName = evidenceData.projectName || form.projectName || '';
form.auditedTarget = evidenceData.auditedTarget || form.auditedTarget || ''; form.auditedTarget =
evidenceData.auditedTarget || form.auditedTarget || '';
form.auditMatter = evidenceData.auditMatter || form.auditMatter || ''; form.auditMatter = evidenceData.auditMatter || form.auditMatter || '';
form.summaryTitle = evidenceData.summaryTitle || form.summaryTitle || ''; form.summaryTitle = evidenceData.summaryTitle || form.summaryTitle || '';
form.auditRecord = evidenceData.auditRecord || form.auditRecord || ''; form.auditRecord = evidenceData.auditRecord || form.auditRecord || '';
form.auditFinding = evidenceData.auditFinding || form.auditFinding || ''; form.auditFinding = evidenceData.auditFinding || form.auditFinding || '';
form.evidenceBasis = evidenceData.evidenceBasis || form.evidenceBasis || ''; form.evidenceBasis =
evidenceData.evidenceBasis || form.evidenceBasis || '';
form.handling = evidenceData.handling || form.handling || ''; form.handling = evidenceData.handling || form.handling || '';
form.suggestion = evidenceData.suggestion || form.suggestion || ''; form.suggestion = evidenceData.suggestion || form.suggestion || '';
form.auditors = evidenceData.auditors || form.auditors || ''; form.auditors = evidenceData.auditors || form.auditors || '';
form.compileDate = evidenceData.compileDate || form.compileDate || ''; form.compileDate = evidenceData.compileDate || form.compileDate || '';
form.providerOpinion = evidenceData.providerOpinion || form.providerOpinion || ''; // form.providerOpinion =
form.providerDate = evidenceData.providerDate || form.providerDate || ''; // evidenceData.providerOpinion || form.providerOpinion || '';
form.attachmentPages = evidenceData.attachmentPages || form.attachmentPages || ''; // form.providerDate = evidenceData.providerDate || form.providerDate || '';
form.feedbackDeadline = evidenceData.feedbackDeadline || form.feedbackDeadline || ''; form.providerOpinion = '';
form.providerDate = '';
form.attachmentPages =
evidenceData.attachmentPages || form.attachmentPages || '';
// form.feedbackDeadline =
// evidenceData.feedbackDeadline || form.feedbackDeadline || '';
form.feedbackDeadline = 'XX年XX月XX日';
// 处理attachment字段（数组转字符串） // 处理attachment字段（数组转字符串）
if (evidenceData.attachment) { if (evidenceData.attachment) {
form.attachment = Array.isArray(evidenceData.attachment) form.attachment = Array.isArray(evidenceData.attachment)
@@ -364,7 +366,10 @@
if (!form.pageIndex) form.pageIndex = '1'; if (!form.pageIndex) form.pageIndex = '1';
if (!form.pageTotal) form.pageTotal = '1'; if (!form.pageTotal) form.pageTotal = '1';
console.log('Form data after applyBaseInfo:', JSON.stringify(form, null, 2)); console.log(
'Form data after applyBaseInfo:',
JSON.stringify(form, null, 2)
);
}; };
watch( watch(
@@ -386,7 +391,6 @@
{ deep: true } { deep: true }
); );
watch( watch(
() => props.selectedRows, () => props.selectedRows,
() => { () => {
@@ -435,7 +439,7 @@
.vertical-header { padding: 4px 2px; font-weight: 600; } .vertical-header { padding: 4px 2px; font-weight: 600; }
.vertical-text { display: flex; flex-direction: column; align-items: center; gap: 2px; } .vertical-text { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.vertical-text span { display: block; line-height: 1.1; } .vertical-text span { display: block; line-height: 1.1; }
.cell-input { width: 100%; border: none; resize: none; min-height: 32px; font-size: 14px; line-height: 1.6; font-family: inherit; background: transparent; } .cell-input { width: 100%; border: none; resize: none; min-height: 32px; font-size: 14px; line-height: 1.6; font-family: inherit; background: transparent; overflow: hidden; field-sizing: content; }
.cell-input:focus { outline: none; } .cell-input:focus { outline: none; }
.cell-input.single { min-height: 30px; } .cell-input.single { min-height: 30px; }
.cell-input.medium { min-height: 90px; } .cell-input.medium { min-height: 90px; }
@@ -446,6 +450,10 @@
.summary-content { text-align: left; line-height: 1.7; font-size: 12px; } .summary-content { text-align: left; line-height: 1.7; font-size: 12px; }
.summary-item { margin-bottom: 6px; } .summary-item { margin-bottom: 6px; }
.summary-example { margin-left: 16px; margin-bottom: 6px; color: #000; } .summary-example { margin-left: 16px; margin-bottom: 6px; color: #000; }
.summary-editor { margin-top: 8px; }
.summary-field { margin-bottom: 6px; }
.summary-field-label { font-weight: 600; margin-bottom: 4px; }
.summary-textarea { margin: 0; padding: 0; }
.split-row { display: flex; align-items: stretch; gap: 0; min-height: 36px; } .split-row { display: flex; align-items: stretch; gap: 0; min-height: 36px; }
.split-left { flex: 1; padding-right: 8px; } .split-left { flex: 1; padding-right: 8px; }
.split-right { display: flex; align-items: center; gap: 4px; white-space: nowrap; border-left: 1px solid #000; padding-left: 8px; } .split-right { display: flex; align-items: center; gap: 4px; white-space: nowrap; border-left: 1px solid #000; padding-left: 8px; }
@@ -599,6 +607,8 @@
line-height: 1.6; line-height: 1.6;
font-family: inherit; font-family: inherit;
background: transparent; background: transparent;
overflow: hidden;
field-sizing: content;
} }
.cell-input:focus { .cell-input:focus {
@@ -647,6 +657,24 @@
color: #000; color: #000;
} }
.summary-editor {
margin-top: 8px;
}
.summary-field {
margin-bottom: 6px;
}
.summary-field-label {
font-weight: 600;
margin-bottom: 4px;
}
.summary-textarea {
margin: 0;
padding: 0;
}
.split-row { .split-row {
display: flex; display: flex;
align-items: stretch; align-items: stretch;