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 18:05:19 +08:00
parent 43a8e6e599
commit 3cf727430a
2 changed files with 247 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -20,11 +20,11 @@
<div class="sheet-title">审计取证单</div>
<div class="sheet-meta">
<div class="meta-left">
<span>案引号：</span>
<span>索引号：</span>
<input
v-model="form.caseIndex"
class="inline-input long"
placeholder="填写案件编号"
placeholder="填写索引号"
/>
</div>
<div class="meta-right">
@@ -38,15 +38,13 @@
<table class="sheet-table">
<colgroup>
<col style="width: 18%" />
<col style="width: 32%" />
<col style="width: 18%" />
<col style="width: 32%" />
<col style="width: 16%" />
<col style="width: 84%" />
</colgroup>
<tbody>
<tr>
<th>项目名称</th>
<td colspan="3">
<td>
<textarea
v-model="form.projectName"
class="cell-input single"
@@ -56,7 +54,7 @@
</tr>
<tr>
<th>被审计（调查）单位或个人</th>
<td colspan="3">
<td>
<textarea
v-model="form.auditedTarget"
class="cell-input single"
@@ -66,7 +64,7 @@
</tr>
<tr>
<th>审计（调查）事项</th>
<td colspan="3">
<td>
<textarea
v-model="form.auditMatter"
class="cell-input single"
@@ -76,37 +74,59 @@
</tr>
<tr>
<th>摘要提示</th>
<td colspan="3" class="summary-cell">
<th rowspan="5" class="vertical-header">
<div class="vertical-text">
<span>审</span>
<span>计</span>
<span>（</span>
<span>调</span>
<span>查</span>
<span>）</span>
<span>事</span>
<span>项</span>
<span>摘</span>
<span>要</span>
</div>
</th>
<td class="summary-cell">
<div class="summary-title">
审计（调查）事项摘要包括：标题、审计记录、审计发现、定性依据。
</div>
<div class="summary-hint">
1. 标题：突出核心问题，采用观点性语句，可作为审计内容、审计目标的结论性描述。
</div>
<div class="summary-hint">
2. 审计记录：客观记录审计核查的具体事实（时间、地点、主体、行为、数据等），避免主观评价。
</div>
<div class="summary-hint">
3. 审计发现：基于审计记录提出具体问题性质，先事实后定性，避免夸大。
<div class="summary-content">
<div class="summary-item">
<strong>1.标题：</strong>突出核心问题，采用观点性语句，一般为审计内容、审计目标的结论性描述。例如：
</div>
<div class="summary-example">
在审计期间，XX单位存在"服务费，其流通"行为。
</div>
<div class="summary-item">
<strong>2.审计记录：</strong>仅客观记录审计核查的具体事实（时间、地点、主体、行为、数据等）；不使用主观评价性语言（如"违规""不合理"）或问题定性（引证合同条款、凭证等等原始凭证形式："经核查[凭证描述]……"例如：
</div>
<div class="summary-example">
① 经查2019年1月1日签订的《XX服务合同》（编号：XYZ-2019-001）第3条约定："乙方（服务商）员工薪酬中甲方考勤费，甲方有权对乙方员工薪酬进行审核并支付"。
</div>
<div class="summary-example">
② 调取2019年6月外包人员考勤表显示：实际出勤人数为8人，缺勤2人由甲方部门主管确认，缺勤2人由甲方资源部核实无。
</div>
<div class="summary-example">
③ 查证2020年3月服务费结算凭证（凭证号：FV20200315）：所附明细清单显示人员名单为8人且月计薪资×□工资标准结算费用。
</div>
</div>
</td>
</tr>
<tr>
<th>标题</th>
<td colspan="3">
<td>
<textarea
v-model="form.summaryTitle"
class="cell-input"
class="cell-input medium"
placeholder="填写核心标题或要点"
></textarea>
</td>
</tr>
<tr>
<th>审计记录</th>
<td colspan="3">
<td>
<textarea
v-model="form.auditRecord"
class="cell-input tall"
@@ -116,8 +136,7 @@
</tr>
<tr>
<th>审计发现</th>
<td colspan="3">
<td>
<textarea
v-model="form.auditFinding"
class="cell-input tall"
@@ -127,44 +146,32 @@
</tr>
<tr>
<th>定性依据</th>
<td colspan="3">
<td>
<textarea
v-model="form.evidenceBasis"
class="cell-input"
class="cell-input medium"
placeholder="引用法规、制度或合同条款作为依据"
></textarea>
</td>
</tr>
<tr>
<th>处理</th>
<td colspan="3">
<th>处理建议</th>
<td>
<textarea
v-model="form.handling"
class="cell-input"
class="cell-input medium"
placeholder="拟采取的处理措施"
></textarea>
</td>
</tr>
<tr>
<th>建议</th>
<td colspan="3">
<textarea
v-model="form.suggestion"
class="cell-input"
placeholder="提出改进或整改建议"
></textarea>
</td>
</tr>
<tr>
<th>附件</th>
<td colspan="3">
<td>
<textarea
v-model="form.attachment"
class="cell-input"
class="cell-input single"
placeholder="列示随附的证明材料"
></textarea>
</td>
@@ -172,39 +179,47 @@
<tr>
<th>审计人员</th>
<td colspan="2">
<input
v-model="form.auditors"
class="cell-input input-line"
placeholder="填写审计人员"
/>
</td>
<th>编制日期</th>
<td>
<input
v-model="form.compileDate"
class="cell-input input-line"
placeholder="YYYY-MM-DD"
/>
<div class="split-row">
<div class="split-left">
<input
v-model="form.auditors"
class="cell-input input-line"
placeholder="填写审计人员"
/>
</div>
<div class="split-right">
<span class="label">编制日期：</span>
<input
v-model="form.compileDate"
class="cell-input input-line"
placeholder="YYYY-MM-DD"
/>
</div>
</div>
</td>
</tr>
<tr>
<th>证据提供单位或个人意见</th>
<td colspan="2">
<textarea
v-model="form.providerOpinion"
class="cell-input tall"
placeholder="盖章并填写确认意见"
></textarea>
</td>
<td class="date-cell">
<div class="date-label">日期</div>
<input
v-model="form.providerDate"
class="cell-input input-line"
placeholder="YYYY-MM-DD"
/>
<td>
<div class="provider-row">
<div class="provider-opinion">
<textarea
v-model="form.providerOpinion"
class="cell-input tall"
placeholder="证据提供单位盖章，负责人或其他定的人员签名"
></textarea>
</div>
<div class="provider-date">
<div class="date-label">日期</div>
<input
v-model="form.providerDate"
class="cell-input input-line"
placeholder="YYYY-MM-DD"
/>
</div>
</div>
</td>
</tr>
</tbody>
@@ -406,27 +421,41 @@
const style = `
* { box-sizing: border-box; }
body { margin: 0; padding: 24px; font-family: 'Songti SC', 'SimSun', serif; }
.sheet-title { text-align: center; font-size: 28px; letter-spacing: 4px; margin-bottom: 12px; }
.sheet-meta { display: flex; justify-content: space-between; font-size: 14px; margin-bottom: 8px; }
.inline-input { border: none; border-bottom: 1px solid #000; min-width: 60px; padding: 2px 4px; font-size: 14px; }
.inline-input.small { width: 48px; text-align: center; }
body { margin: 0; padding: 12px; font-family: 'SimSun', 'Songti SC', serif; color: #000; }
.evidence-sheet { padding: 14px 16px; border: 1px solid #000; }
.sheet-title { text-align: center; font-size: 24px; letter-spacing: 8px; margin-bottom: 6px; font-weight: 700; }
.sheet-meta { display: flex; justify-content: space-between; align-items: flex-end; font-size: 14px; margin-bottom: 8px; }
.meta-left, .meta-right { display: flex; align-items: flex-end; gap: 4px; }
.inline-input { border: none; border-bottom: 1px solid #000; min-width: 70px; padding: 2px 4px; font-size: 14px; background: transparent; outline: none; height: 20px; line-height: 20px; }
.inline-input.small { width: 44px; text-align: center; }
.inline-input.long { min-width: 180px; }
.sheet-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.sheet-table th, .sheet-table td { border: 1px solid #000; padding: 8px 10px; vertical-align: top; font-size: 14px; }
.sheet-table th { background: #fafafa; font-weight: 600; text-align: center; }
.cell-input { width: 100%; border: none; resize: vertical; min-height: 34px; font-size: 14px; line-height: 1.5; font-family: inherit; }
.sheet-table th, .sheet-table td { border: 1px solid #000; padding: 6px 8px; vertical-align: top; font-size: 14px; line-height: 1.6; }
.sheet-table th { background: #fff; font-weight: 600; text-align: center; vertical-align: middle; }
.vertical-header { padding: 4px 2px; font-weight: 600; }
.vertical-text { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.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:focus { outline: none; }
.cell-input.single { min-height: 32px; }
.cell-input.tall { min-height: 120px; }
.input-line { height: 32px; }
.summary-title { font-weight: 700; margin-bottom: 4px; }
.summary-hint { color: #555; line-height: 1.5; margin-bottom: 2px; }
.summary-cell { background: #fcfcfc; }
.date-cell { display: flex; flex-direction: column; gap: 6px; }
.cell-input.single { min-height: 30px; }
.cell-input.medium { min-height: 90px; }
.cell-input.tall { min-height: 170px; }
.input-line { height: 30px; }
.summary-cell { padding: 8px 12px; }
.summary-title { font-weight: 600; margin-bottom: 6px; text-align: left; }
.summary-content { text-align: left; line-height: 1.7; font-size: 12px; }
.summary-item { margin-bottom: 6px; }
.summary-example { margin-left: 16px; margin-bottom: 6px; color: #000; }
.split-row { display: flex; align-items: stretch; gap: 0; min-height: 36px; }
.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; }
.provider-row { display: flex; gap: 0; min-height: 140px; align-items: stretch; }
.provider-opinion { flex: 1; padding-right: 8px; }
.provider-date { width: 110px; display: flex; flex-direction: column; gap: 8px; justify-content: center; align-items: center; border-left: 1px solid #000; padding-left: 6px; }
.date-label { font-weight: 600; }
.footer-note { margin-top: 12px; font-size: 14px; line-height: 1.6; }
.note-row { margin-bottom: 4px; }
.footer-note { margin-top: 10px; font-size: 12px; line-height: 1.6; }
.note-row { margin-bottom: 6px; text-align: right; }
.note { margin-bottom: 4px; }
.note input { vertical-align: middle; }
`;
@@ -461,42 +490,60 @@
.evidence-container {
max-height: 70vh;
overflow: auto;
background: #f5f5f5;
padding: 12px;
background: #f2f2f2;
padding: 16px;
}
.evidence-sheet {
background: #fff;
padding: 16px 20px;
border: 1px solid #e5e5e5;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
padding: 14px 16px;
border: 1px solid #000;
box-shadow: none;
width: 794px;
max-width: 100%;
min-height: 1123px;
margin: 0 auto;
font-family: 'SimSun', 'Songti SC', serif;
color: #000;
}
.sheet-title {
text-align: center;
font-size: 28px;
letter-spacing: 4px;
margin-bottom: 12px;
font-weight: 600;
font-size: 24px;
letter-spacing: 8px;
margin-bottom: 6px;
font-weight: 700;
}
.sheet-meta {
display: flex;
justify-content: space-between;
align-items: flex-end;
font-size: 14px;
margin-bottom: 10px;
margin-bottom: 8px;
}
.meta-left,
.meta-right {
display: flex;
align-items: flex-end;
gap: 4px;
}
.inline-input {
border: none;
border-bottom: 1px solid #000;
min-width: 60px;
min-width: 70px;
padding: 2px 4px;
font-size: 14px;
background: transparent;
outline: none;
height: 20px;
line-height: 20px;
}
.inline-input.small {
width: 48px;
width: 44px;
text-align: center;
}
@@ -513,25 +560,45 @@
.sheet-table th,
.sheet-table td {
border: 1px solid #000;
padding: 8px 10px;
padding: 6px 8px;
vertical-align: top;
font-size: 14px;
line-height: 1.6;
}
.sheet-table th {
background: #fafafa;
background: #fff;
font-weight: 600;
text-align: center;
vertical-align: middle;
}
.vertical-header {
padding: 4px 2px;
font-weight: 600;
}
.vertical-text {
display: flex;
flex-direction: column;
align-items: center;
gap: 2px;
}
.vertical-text span {
display: block;
line-height: 1.1;
}
.cell-input {
width: 100%;
border: none;
resize: vertical;
min-height: 34px;
resize: none;
min-height: 32px;
font-size: 14px;
line-height: 1.5;
line-height: 1.6;
font-family: inherit;
background: transparent;
}
.cell-input:focus {
@@ -539,36 +606,89 @@
}
.cell-input.single {
min-height: 32px;
min-height: 30px;
}
.cell-input.medium {
min-height: 90px;
}
.cell-input.tall {
min-height: 120px;
min-height: 170px;
}
.input-line {
height: 32px;
height: 30px;
}
.summary-cell {
background: #fcfcfc;
padding: 8px 12px;
}
.summary-title {
font-weight: 700;
margin-bottom: 4px;
font-weight: 600;
margin-bottom: 6px;
text-align: left;
}
.summary-hint {
color: #555;
line-height: 1.5;
margin-bottom: 2px;
.summary-content {
text-align: left;
line-height: 1.7;
font-size: 12px;
}
.date-cell {
.summary-item {
margin-bottom: 6px;
}
.summary-example {
margin-left: 16px;
margin-bottom: 6px;
color: #000;
}
.split-row {
display: flex;
align-items: stretch;
gap: 0;
min-height: 36px;
}
.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;
}
.provider-row {
display: flex;
gap: 0;
min-height: 140px;
align-items: stretch;
}
.provider-opinion {
flex: 1;
padding-right: 8px;
}
.provider-date {
width: 110px;
display: flex;
flex-direction: column;
gap: 6px;
gap: 8px;
justify-content: center;
align-items: center;
border-left: 1px solid #000;
padding-left: 6px;
}
.date-label {
@@ -576,12 +696,17 @@
}
.footer-note {
margin-top: 12px;
font-size: 14px;
margin-top: 10px;
font-size: 12px;
line-height: 1.6;
}
.note-row {
margin-bottom: 6px;
text-align: right;
}
.note {
margin-bottom: 4px;
}
</style>