This commit is contained in:
2026-07-01 15:23:35 +08:00

View File

@@ -80,7 +80,7 @@
<!-- 基本信息 --> <!-- 基本信息 -->
<div class="pf-tb"> <div class="pf-tb">
<!-- 第1行表头5按纸质单样式 --> <!-- 第1行表头5按纸质单样式 -->
<div class="pf-tr" style="grid-template-columns:23fr 24fr 26fr 7fr 20fr"> <div class="pf-tr" style="grid-template-columns:23fr 24fr 25fr 8fr 20fr">
<div class="pf-td pf-lbl">请购部门</div> <div class="pf-td pf-lbl">请购部门</div>
<div class="pf-td pf-lbl"> </div> <div class="pf-td pf-lbl"> </div>
<div class="pf-td pf-lbl"> </div> <div class="pf-td pf-lbl"> </div>
@@ -88,7 +88,7 @@
<div class="pf-td pf-lbl">请购量</div> <div class="pf-td pf-lbl">请购量</div>
</div> </div>
<!-- 第2行输入区域 --> <!-- 第2行输入区域 -->
<div class="pf-tr" style="grid-template-columns:23fr 24fr 26fr 7fr 20fr"> <div class="pf-tr" style="grid-template-columns:23fr 24fr 25fr 8fr 20fr">
<div class="pf-td pf-val"><el-form-item prop="reqDept"><el-input v-model="form.reqDept" size="mini" /></el-form-item></div> <div class="pf-td pf-val"><el-form-item prop="reqDept"><el-input v-model="form.reqDept" size="mini" /></el-form-item></div>
<div class="pf-td pf-val"><el-form-item prop="itemName"><el-input v-model="form.itemName" size="mini" /></el-form-item></div> <div class="pf-td pf-val"><el-form-item prop="itemName"><el-input v-model="form.itemName" size="mini" /></el-form-item></div>
<div class="pf-td pf-val"><el-form-item prop="specification"><el-input v-model="form.specification" size="mini" /></el-form-item></div> <div class="pf-td pf-val"><el-form-item prop="specification"><el-input v-model="form.specification" size="mini" /></el-form-item></div>
@@ -149,7 +149,7 @@
<!-- 采购处理 --> <!-- 采购处理 -->
<div class="pf-tb pf-pt"> <div class="pf-tb pf-pt">
<!-- 品检条件 + 前期采购记录 --> <!-- 品检条件 + 前期采购记录 -->
<div class="pf-tr" style="grid-template-columns:8fr 42fr 17fr 33fr"> <div class="pf-tr" style="grid-template-columns:10fr 40fr 17fr 33fr">
<div class="pf-td pf-lbl">品检条件</div> <div class="pf-td pf-lbl">品检条件</div>
<div class="pf-td pf-val pf-chk-group" style="flex-wrap:wrap"> <div class="pf-td pf-val pf-chk-group" style="flex-wrap:wrap">
<el-checkbox-group v-model="inspectionChecks" size="mini"> <el-checkbox-group v-model="inspectionChecks" size="mini">
@@ -166,15 +166,15 @@
<div class="pf-td pf-val"><el-form-item prop="prevPurchaseRecord"><el-input v-model="form.prevPurchaseRecord" size="mini" /></el-form-item></div> <div class="pf-td pf-val"><el-form-item prop="prevPurchaseRecord"><el-input v-model="form.prevPurchaseRecord" size="mini" /></el-form-item></div>
</div> </div>
<!-- 采购拟办 + 付款条件 --> <!-- 采购拟办 + 付款条件 -->
<div class="pf-tr" style="grid-template-columns:10fr 40fr 8fr 42fr"> <div class="pf-tr" style="grid-template-columns:10fr 40fr 17fr 33fr">
<div class="pf-td pf-lbl">采购拟办</div> <div class="pf-td pf-lbl">采购拟办</div>
<div class="pf-td pf-val"><el-form-item prop="purchaseProposal"><el-input v-model="form.purchaseProposal" size="mini" /></el-form-item></div> <div class="pf-td pf-val"><el-form-item prop="purchaseProposal"><el-input v-model="form.purchaseProposal" size="mini" /></el-form-item></div>
<div class="pf-td pf-lbl">付款条件</div> <div class="pf-td pf-lbl">付款条件</div>
<div class="pf-td pf-val"><el-form-item prop="paymentTerms"><el-input v-model="form.paymentTerms" size="mini" /></el-form-item></div> <div class="pf-td pf-val"><el-form-item prop="paymentTerms"><el-input v-model="form.paymentTerms" size="mini" /></el-form-item></div>
</div> </div>
<!-- 采购金额(人民币) --> <!-- 采购金额(人民币) -->
<div class="pf-tr" style="grid-template-columns:18fr 82fr"> <div class="pf-tr" style="grid-template-columns:10fr 90fr">
<div class="pf-td pf-lbl">采购金额(人民币)</div> <div class="pf-td pf-lbl" style="white-space:normal">采购金额(人民币)</div>
<div class="pf-td pf-val"><el-form-item prop="totalAmount"><el-input v-model="form.totalAmount" size="mini" /></el-form-item></div> <div class="pf-td pf-val"><el-form-item prop="totalAmount"><el-input v-model="form.totalAmount" size="mini" /></el-form-item></div>
</div> </div>
</div> </div>
@@ -219,7 +219,7 @@
</div> </div>
<!-- 状态 + 备注 --> <!-- 状态 + 备注 -->
<div class="pf-tb"> <div class="pf-tb">
<div class="pf-tr" style="grid-template-columns:8fr 20fr 8fr 64fr"> <div class="pf-tr" style="grid-template-columns:20fr 30fr 8fr 42fr">
<div class="pf-td pf-lbl">状态</div> <div class="pf-td pf-lbl">状态</div>
<div class="pf-td pf-val"> <div class="pf-td pf-val">
<el-select v-model="form.formStatus" size="mini" style="width:100%"> <el-select v-model="form.formStatus" size="mini" style="width:100%">
@@ -247,7 +247,7 @@
<div class="pr-view"> <div class="pr-view">
<div class="pf-tb"> <div class="pf-tb">
<!-- 第1行表头 --> <!-- 第1行表头 -->
<div class="pf-tr" style="grid-template-columns:23fr 24fr 26fr 7fr 20fr"> <div class="pf-tr" style="grid-template-columns:23fr 24fr 25fr 8fr 20fr">
<div class="pf-td pf-lbl">请购部门</div> <div class="pf-td pf-lbl">请购部门</div>
<div class="pf-td pf-lbl"> </div> <div class="pf-td pf-lbl"> </div>
<div class="pf-td pf-lbl"> </div> <div class="pf-td pf-lbl"> </div>
@@ -255,7 +255,7 @@
<div class="pf-td pf-lbl">请购量</div> <div class="pf-td pf-lbl">请购量</div>
</div> </div>
<!-- 第2行 --> <!-- 第2行 -->
<div class="pf-tr" style="grid-template-columns:23fr 24fr 26fr 7fr 20fr"> <div class="pf-tr" style="grid-template-columns:23fr 24fr 25fr 8fr 20fr">
<div class="pf-td pf-val pf-val-read">{{ viewForm.reqDept || '—' }}</div> <div class="pf-td pf-val pf-val-read">{{ viewForm.reqDept || '—' }}</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.itemName || '—' }}</div> <div class="pf-td pf-val pf-val-read">{{ viewForm.itemName || '—' }}</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.specification || '—' }}</div> <div class="pf-td pf-val pf-val-read">{{ viewForm.specification || '—' }}</div>
@@ -293,20 +293,20 @@
<!-- 采购处理 --> <!-- 采购处理 -->
<div class="pf-tb pf-pt"> <div class="pf-tb pf-pt">
<div class="pf-tr" style="grid-template-columns:8fr 42fr 17fr 33fr"> <div class="pf-tr" style="grid-template-columns:10fr 40fr 17fr 33fr">
<div class="pf-td pf-lbl">品检条件</div> <div class="pf-td pf-lbl">品检条件</div>
<div class="pf-td pf-val pf-val-read" style="text-align:left">{{ formatInsp(viewForm.inspectionCondition, viewForm.trialDays) }}</div> <div class="pf-td pf-val pf-val-read" style="text-align:left">{{ formatInsp(viewForm.inspectionCondition, viewForm.trialDays) }}</div>
<div class="pf-td pf-lbl">前期采购记录</div> <div class="pf-td pf-lbl">前期采购记录</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.prevPurchaseRecord || '—' }}</div> <div class="pf-td pf-val pf-val-read">{{ viewForm.prevPurchaseRecord || '—' }}</div>
</div> </div>
<div class="pf-tr" style="grid-template-columns:10fr 40fr 8fr 42fr"> <div class="pf-tr" style="grid-template-columns:10fr 40fr 17fr 33fr">
<div class="pf-td pf-lbl">采购拟办</div> <div class="pf-td pf-lbl">采购拟办</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.purchaseProposal || '—' }}</div> <div class="pf-td pf-val pf-val-read">{{ viewForm.purchaseProposal || '—' }}</div>
<div class="pf-td pf-lbl">付款条件</div> <div class="pf-td pf-lbl">付款条件</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.paymentTerms || '—' }}</div> <div class="pf-td pf-val pf-val-read">{{ viewForm.paymentTerms || '—' }}</div>
</div> </div>
<div class="pf-tr" style="grid-template-columns:18fr 82fr"> <div class="pf-tr" style="grid-template-columns:10fr 90fr">
<div class="pf-td pf-lbl">采购金额(人民币)</div> <div class="pf-td pf-lbl" style="white-space:normal">采购金额(人民币)</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.totalAmount || '—' }}</div> <div class="pf-td pf-val pf-val-read">{{ viewForm.totalAmount || '—' }}</div>
</div> </div>
</div> </div>
@@ -348,7 +348,7 @@
<div class="pf-td pf-lbl">置于</div> <div class="pf-td pf-lbl">置于</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.unloadOther || '—' }}</div> <div class="pf-td pf-val pf-val-read">{{ viewForm.unloadOther || '—' }}</div>
</div> </div>
<div class="pf-tr" style="grid-template-columns:8fr 20fr 8fr 64fr"> <div class="pf-tr" style="grid-template-columns:20fr 30fr 8fr 42fr">
<div class="pf-td pf-lbl">状态</div> <div class="pf-td pf-lbl">状态</div>
<div class="pf-td pf-val pf-val-read"> <div class="pf-td pf-val pf-val-read">
<span class="pv-status" :class="'s' + viewForm.formStatus">{{ statusText(viewForm.formStatus) }}</span> <span class="pv-status" :class="'s' + viewForm.formStatus">{{ statusText(viewForm.formStatus) }}</span>
@@ -423,10 +423,10 @@
<tr> <tr>
<td class="pp-lbl">用途类别</td> <td class="pp-lbl">用途类别</td>
<td colspan="2" class="pp-val" style="text-align:left;font-size:8.5pt"> <td colspan="2" class="pp-val" style="text-align:left;font-size:8.5pt">
<span :class="ppCheck(printData.category === '原料物料')"></span>原料物料 <span>{{ printData.category === '原料物料' ? '☑' : '□' }}</span>原料物料
<span :class="ppCheck(printData.category === '设备增添')"></span>设备增添 <span>{{ printData.category === '设备增添' ? '☑' : '□' }}</span>设备增添
<span :class="ppCheck(printData.category === '工程劳务')"></span>工程劳务 <span>{{ printData.category === '工程劳务' ? '☑' : '□' }}</span>工程劳务
<span :class="ppCheck(printData.category === '其它用途')"></span>其它用途 <span>{{ printData.category === '其它用途' ? '☑' : '□' }}</span>其它用途
</td> </td>
<td class="pp-lbl">需求日期</td> <td class="pp-lbl">需求日期</td>
<td class="pp-val">{{ printData.requiredDate || '' }}</td> <td class="pp-val">{{ printData.requiredDate || '' }}</td>
@@ -838,10 +838,6 @@ export default {
const keywords = { 1: '一般', 2: '品保', 3: '工程', 4: '试用' } const keywords = { 1: '一般', 2: '品保', 3: '工程', 4: '试用' }
return val.includes(keywords[code]) return val.includes(keywords[code])
}, },
// PDF 复选框样式
ppCheck(cond) {
return cond ? 'pp-chk pp-on' : 'pp-chk'
}
} }
} }
</script> </script>
@@ -1124,11 +1120,4 @@ $sub: #909399;
padding: 5px 4px; padding: 5px 4px;
} }
/* 复选框 */
.pp-chk {
font-family: '宋体', SimSun, serif;
}
.pp-chk.pp-on {
font-weight: 700;
}
</style> </style>