|
|
@@ -1,17 +1,27 @@
|
|
|
<template>
|
|
|
- <div id="printSection" style="padding: 20px; background-color: white">
|
|
|
- <div class="table1">
|
|
|
- <h2 style="text-align: center; font-size: 24px; margin-bottom: 10px"
|
|
|
- >{{ basicInfoData.groupName || '湖南特瑞精密医疗器器械有限公司'}}</h2
|
|
|
- >
|
|
|
- <h1
|
|
|
+ <div
|
|
|
+ id="printSection"
|
|
|
+ style="
|
|
|
+ padding: 20px;
|
|
|
+ background-color: white;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ width: 1200px;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <div class="table1" style="width: 100%">
|
|
|
+ <div
|
|
|
style="
|
|
|
text-align: center;
|
|
|
- font-size: 24px;
|
|
|
- margin-bottom: 20px;
|
|
|
+ font-size: 20px;
|
|
|
+ margin-bottom: 5px;
|
|
|
font-weight: bold;
|
|
|
"
|
|
|
- >不合格品通知及评审处置表</h1
|
|
|
+ >{{ basicInfoData.groupName || '湖南特瑞精密医疗器器械有限公司' }}</div
|
|
|
+ >
|
|
|
+ <div style="text-align: center; font-size: 18px; margin-bottom: 5px"
|
|
|
+ >不合格品通知及评审处置表</div
|
|
|
>
|
|
|
|
|
|
<!-- 编号和报告单号 -->
|
|
|
@@ -81,7 +91,7 @@
|
|
|
</el-checkbox-group>
|
|
|
</td>
|
|
|
<td style="width: 150px">处置编号</td>
|
|
|
- <td style="width: 150px">
|
|
|
+ <td style="width: 180px">
|
|
|
<el-input
|
|
|
v-if="!isView"
|
|
|
v-model="basicInfoData.disposalNumber"
|
|
|
@@ -94,14 +104,14 @@
|
|
|
</tr>
|
|
|
<tr align="center"
|
|
|
><td colspan="6"
|
|
|
- ><span style="font-weight: 800; font-size: 16px"
|
|
|
+ ><span style="font-weight: 800; font-size: 15px"
|
|
|
>基本信息</span
|
|
|
></td
|
|
|
></tr
|
|
|
>
|
|
|
<tr align="center"
|
|
|
- ><td>品名</td><td>型号规格</td><td>批号</td><td>数量</td
|
|
|
- ><td colspan="2">来源</td>
|
|
|
+ ><td>品名</td><td>型号规格</td><td>批号</td
|
|
|
+ ><td style="width: 80px">数量</td><td colspan="2">来源</td>
|
|
|
</tr>
|
|
|
<tr align="center"
|
|
|
><td>{{ basicInfoData.productName }}</td
|
|
|
@@ -183,7 +193,7 @@
|
|
|
></image-upload>
|
|
|
<template v-else>
|
|
|
<img
|
|
|
- style="width: 300px;height: 280px;margin-left: 5px;"
|
|
|
+ style="width: 300px; height: 280px; margin-left: 5px"
|
|
|
v-for="url in basicInfoData.vehiclePhotoUrl"
|
|
|
:src="getFmImagePath(url)"
|
|
|
alt=""
|
|
|
@@ -202,7 +212,7 @@
|
|
|
>，受影响的物料/中间产品/成品批次如下）：</div
|
|
|
>
|
|
|
<div style="display: flex; margin-top: 25px"
|
|
|
- ><span style="font-size: 16px; font-weight: 800"
|
|
|
+ ><span style="font-size: 15px; font-weight: 800"
|
|
|
>处置建议：</span
|
|
|
>
|
|
|
<el-checkbox-group
|
|
|
@@ -240,116 +250,107 @@
|
|
|
</div>
|
|
|
|
|
|
<div style="margin-top: 25px">
|
|
|
- <el-row
|
|
|
- :gutter="20"
|
|
|
- style="display: flex; align-items: center"
|
|
|
- >
|
|
|
- <el-col :span="8">
|
|
|
- <div
|
|
|
+ <div style="display: flex; align-items: center">
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <span
|
|
|
style="
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- margin-bottom: 10px;
|
|
|
+ font-weight: bold;
|
|
|
+ min-width: 80px;
|
|
|
+ font-size: 15px;
|
|
|
"
|
|
|
+ >反馈部门：</span
|
|
|
>
|
|
|
- <span
|
|
|
- style="
|
|
|
- font-weight: bold;
|
|
|
- min-width: 100px;
|
|
|
- font-size: 16px;
|
|
|
- "
|
|
|
- >反馈部门：</span
|
|
|
+ <span style="flex: 1; min-width: 150px">
|
|
|
+ <div
|
|
|
+ v-if="!isView"
|
|
|
+ style="display: flex; align-items: center"
|
|
|
>
|
|
|
- <span style="flex: 1">
|
|
|
- <div
|
|
|
- v-if="!isView"
|
|
|
- style="display: flex; align-items: center"
|
|
|
- >
|
|
|
- <el-input
|
|
|
- v-model="basicInfoData.feedbackDepartment"
|
|
|
- placeholder="请输入反馈部门"
|
|
|
- style="width: 140px"
|
|
|
- ></el-input>
|
|
|
- </div>
|
|
|
- <div v-else>{{
|
|
|
- basicInfoData.feedbackDepartment || ''
|
|
|
- }}</div>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <div
|
|
|
- style="
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- margin-bottom: 10px;
|
|
|
- "
|
|
|
+ <el-input
|
|
|
+ v-model="basicInfoData.feedbackDepartment"
|
|
|
+ placeholder="请输入反馈部门"
|
|
|
+ style="width: 140px"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ <div v-else>{{
|
|
|
+ basicInfoData.feedbackDepartment || ''
|
|
|
+ }}</div>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <span style="font-weight: bold; min-width: 100px"
|
|
|
+ >反馈人/日期:</span
|
|
|
>
|
|
|
- <span style="font-weight: bold; min-width: 100px"
|
|
|
- >反馈人/日期:</span
|
|
|
+ <span style="flex: 1; min-width: 150px">
|
|
|
+ <div
|
|
|
+ v-if="!isView"
|
|
|
+ style="display: flex; align-items: center"
|
|
|
>
|
|
|
- <span style="flex: 1">
|
|
|
- <div
|
|
|
- v-if="!isView"
|
|
|
- style="display: flex; align-items: center"
|
|
|
- >
|
|
|
- <el-input
|
|
|
- v-model="basicInfoData.feedbackPerson"
|
|
|
- placeholder="请输入反馈人"
|
|
|
- style="width: 140px"
|
|
|
- ></el-input>
|
|
|
- <el-date-picker
|
|
|
- v-model="basicInfoData.feedbackDate"
|
|
|
- type="date"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- placeholder="选择日期"
|
|
|
- style="width: 160px"
|
|
|
- />
|
|
|
- </div>
|
|
|
- <div v-else
|
|
|
- >{{ basicInfoData.feedbackPerson || '' }} /
|
|
|
- {{ basicInfoData.feedbackDate || '' }}</div
|
|
|
- >
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <div
|
|
|
- style="
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- margin-bottom: 10px;
|
|
|
- "
|
|
|
+ <el-input
|
|
|
+ v-model="basicInfoData.feedbackPerson"
|
|
|
+ placeholder="请输入反馈人"
|
|
|
+ style="width: 120px"
|
|
|
+ ></el-input>
|
|
|
+ <el-date-picker
|
|
|
+ v-model="basicInfoData.feedbackDate"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="选择日期"
|
|
|
+ style="width: 140px"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div v-else
|
|
|
+ >{{ basicInfoData.feedbackPerson || '' }} /
|
|
|
+ {{ basicInfoData.feedbackDate || '' }}</div
|
|
|
+ >
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <span style="font-weight: bold; min-width: 100px">
|
|
|
+ 部门负责人/日期:</span
|
|
|
>
|
|
|
- <span style="font-weight: bold; min-width: 100px">
|
|
|
- 部门负责人/日期:</span
|
|
|
+ <span style="flex: 1; min-width: 150px">
|
|
|
+ <div
|
|
|
+ v-if="!isView"
|
|
|
+ style="display: flex; align-items: center"
|
|
|
>
|
|
|
- <span style="flex: 1">
|
|
|
- <div
|
|
|
- v-if="!isView"
|
|
|
- style="display: flex; align-items: center"
|
|
|
- >
|
|
|
- <el-input
|
|
|
- v-model="basicInfoData.deptHeadPerson"
|
|
|
- placeholder="请输入部门负责人"
|
|
|
- style="width: 140px"
|
|
|
- ></el-input>
|
|
|
- <el-date-picker
|
|
|
- v-model="basicInfoData.deptHeadDate"
|
|
|
- type="date"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- placeholder="选择日期"
|
|
|
- style="width: 160px"
|
|
|
- />
|
|
|
- </div>
|
|
|
- <div v-else
|
|
|
- >{{ basicInfoData.deptHeadPerson || '' }} /
|
|
|
- {{ basicInfoData.deptHeadDate || '' }}</div
|
|
|
- >
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <el-input
|
|
|
+ v-model="basicInfoData.deptHeadPerson"
|
|
|
+ placeholder="请输入部门负责人"
|
|
|
+ style="width: 120px"
|
|
|
+ ></el-input>
|
|
|
+ <el-date-picker
|
|
|
+ v-model="basicInfoData.deptHeadDate"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="选择日期"
|
|
|
+ style="width: 140px"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div v-else
|
|
|
+ >{{ basicInfoData.deptHeadPerson || '' }} /
|
|
|
+ {{ basicInfoData.deptHeadDate || '' }}</div
|
|
|
+ >
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
@@ -436,13 +437,13 @@
|
|
|
>
|
|
|
<tr align="center"
|
|
|
><td colspan="6"
|
|
|
- ><span style="font-weight: 800; font-size: 16px"
|
|
|
+ ><span style="font-weight: 800; font-size: 15px"
|
|
|
>不合格评审</span
|
|
|
></td
|
|
|
></tr
|
|
|
>
|
|
|
<tr align="center"
|
|
|
- ><td rowspan="6"><span style="font-size: 16px">评审意见</span></td>
|
|
|
+ ><td rowspan="6"><span style="font-size: 15px">评审意见</span></td>
|
|
|
<td>部门</td>
|
|
|
<td colspan="3">意见</td>
|
|
|
<td>评审人签字/日期</td>
|
|
|
@@ -490,18 +491,18 @@
|
|
|
</table>
|
|
|
</div>
|
|
|
|
|
|
- <div class="table2">
|
|
|
- <h2 style="text-align: center; font-size: 24px; margin-bottom: 10px"
|
|
|
- >湖南特瑞精密医疗器器械有限公司</h2
|
|
|
- >
|
|
|
- <h1
|
|
|
+ <div class="table2" style="width: 100%">
|
|
|
+ <div
|
|
|
style="
|
|
|
text-align: center;
|
|
|
- font-size: 24px;
|
|
|
- margin-bottom: 20px;
|
|
|
+ font-size: 20px;
|
|
|
+ margin-bottom: 5px;
|
|
|
font-weight: bold;
|
|
|
"
|
|
|
- >不合格品通知及评审处置表</h1
|
|
|
+ >{{ basicInfoData.groupName || '湖南特瑞精密医疗器器械有限公司' }}</div
|
|
|
+ >
|
|
|
+ <div style="text-align: center; font-size: 18px; margin-bottom: 5px"
|
|
|
+ >不合格品通知及评审处置表</div
|
|
|
>
|
|
|
|
|
|
<!-- 编号和报告单号（与 table1 共用字段） -->
|
|
|
@@ -683,7 +684,7 @@
|
|
|
</td>
|
|
|
<td style="width: 40%; padding: 15px">
|
|
|
<div
|
|
|
- style="font-weight: bold; margin-bottom: 10px; font-size: 16px"
|
|
|
+ style="font-weight: bold; margin-bottom: 10px; font-size: 15px"
|
|
|
>
|
|
|
总经理/副总经理审批:
|
|
|
<span style="font-size: 12px"
|
|
|
@@ -735,7 +736,7 @@
|
|
|
<!-- 不合格品的处置记录标题 -->
|
|
|
<tr align="center"
|
|
|
><td colspan="3"
|
|
|
- ><span style="font-weight: 800; font-size: 16px"
|
|
|
+ ><span style="font-weight: 800; font-size: 15px"
|
|
|
>不合格品的处置记录</span
|
|
|
></td
|
|
|
></tr
|
