新购三方签名

This commit is contained in:
hongchao 2025-01-21 13:37:59 +08:00
parent 5633a14764
commit 5bf14644a8
4 changed files with 132 additions and 75 deletions

View File

@ -224,7 +224,7 @@
/>
<el-table-column label="验收情况" align="center">
<el-table-column
label="采购数量"
label="到货数量"
align="center"
prop="purchaseNum"
/>
@ -257,15 +257,23 @@
"
>
<div class="item" style="width: 33%">
<div>
<div >
<span>供应科{{printData.supplyDept}}</span>
</div>
</div>
<div class="item" style="width: 33%">
<!-- <div class="item" style="width: 33%">
<div>
<span>生产技术科{{printData.productionTechDept}}</span>
</div>
</div> -->
<div class="item" style="width: 33%">
<div>
<span>生产技术科</span>
<el-select v-model="printData.productionTechDept" placeholder="请选择生产技术科">
<el-option v-for="item in productionTechDeptOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</div>
</div>
<div class="item" style="width: 33%">
@ -329,6 +337,11 @@ import { passAll,rejectAll } from '@/api/part/partAccept';
openPrint: false,
printData: {},
printTableData: [],
productionTechDeptOptions: [
{ value: '0', label: '张三' },
{ value: '1', label: '李四' },
{ value: '2', label: '王五' },
],
};
},
created() {

View File

@ -332,10 +332,18 @@
</div>
</div>
<div class="item" style="width: 33%">
<!-- <div class="item" style="width: 33%">
<div>
<span>生产技术科</span>
</div>
</div> -->
<div class="item" style="width: 33%">
<div>
<span>生产技术科</span>
<el-select v-model="printData.productionTechDept" placeholder="请选择生产技术科">
<el-option v-for="item in productionTechDeptOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</div>
</div>
<div class="item" style="width: 33%">
@ -426,6 +434,12 @@ export default {
printTableData: [],
//
supplierStr: "",
productionTechDeptOptions: [
{ value: '0', label: '张三' },
{ value: '1', label: '李四' },
{ value: '2', label: '王五' },
],
};
},
created() {

View File

@ -402,7 +402,7 @@ export default {
console.log(param);
acceptInnerVerifyer(param).then((response) => {
if (response.code == 200) {
this.$modal.msgSuccess("操作成功");
this.$modal.msgSuccess(response.msg);
this.confirmShow = false;
this.getList();
this.$refs.multipleTable.clearSelection();

View File

@ -133,67 +133,83 @@
@pagination="getList"
/>
<!-- 验收单弹窗 -->
<el-dialog :title="title" :visible.sync="openPrint" width="1100px" append-to-body>
<div style="height: 500px; overflow-y: scroll">
<vue-easy-print tableShow ref="remarksPrintRef" class="print">
<div class="title" style="text-align: center; font-weight: 600; font-size: 16px">
机具设备到货验收单
</div>
<div class="info" style="margin-top: 10px; display: flex; flex-wrap: wrap">
<div class="item" style="width: 100%;flex-shrink: 0;margin-bottom: 5px;font-size: 14px;">
<span>单据编号</span>
</div>
<div class="item" style="width: 50%;flex-shrink: 0;margin-bottom: 5px;font-size: 14px;">
<span>生产厂家供应商</span>
</div>
<div class="item" style="width: 50%;flex-shrink: 0;margin-bottom: 5px;font-size: 14px;">
<span>到货日期</span>
</div>
</div>
<el-table :data="printTableData" class="table" style="margin-top: 20px; width: 1000px; padding-bottom: 1px" border>
<!--<el-table-column type="selection" width="55" align="center" />-->
<el-table-column label="序号" align="center" type="index" row="2" />
<el-table-column label="物资名称" align="center" prop="machine" />
<el-table-column label="规格型号" align="center" prop="specifica" />
<el-table-column label="单位" align="center" prop="unitName" />
<el-table-column label="配送信息" align="center">
<el-table-column label="到货数量" align="center" prop="purchaseNum"/>
<el-table-column label="验收结论" align="center" prop="purchaseNum"/>
<el-table-column label="质保质量" align="center">
<el-table-column label="实收份数" align="center" prop="purchaseNum"/>
<el-table-column label="符合要求" align="center" prop="purchaseNum"/>
</el-table-column>
</el-table-column>
<el-table-column label="备注" align="center" prop="unitName"/>
</el-table>
<!-- 验收单弹窗 -->
<el-dialog :title="title" :visible.sync="openPrint" width="1100px" append-to-body>
<div style="height: 500px; overflow-y: scroll">
<vue-easy-print tableShow ref="remarksPrintRef" class="print">
<div class="title" style="text-align: center;font-weight: 600;font-size: 16px;">
机具设备到货验收单
</div>
<div class="info" style="margin-top: 10px; display: flex; flex-wrap: wrap">
<div class="item" style="width: 100%;flex-shrink: 0;margin-bottom: 5px;font-size: 14px;">
<span>单据编号{{printData.code}}</span>
</div>
<div
class="item"
style="width: 50%;flex-shrink: 0;margin-bottom: 5px;font-size: 14px;">
<span>生产厂家供应商{{printData.supplierName}}</span>
</div>
<div
class="item"
style="width: 50%;flex-shrink: 0;margin-bottom: 5px;font-size: 14px;">
<span>到货日期{{printData.arrivalDate}}</span>
</div>
</div>
<el-table :data="printTableData" class="table" style="margin-top: 20px;width: 1000px;padding-bottom: 1px;" border>
<!-- <el-table-column type="selection" width="55" align="center" />-->
<el-table-column label="序号" align="center" type="index" row="2" />
<el-table-column label="物资名称" align="center" prop="maTypeName"/>
<el-table-column label="规格型号" align="center" prop="typeName"/>
<el-table-column label="单位" align="center" prop="unitName"/>
<el-table-column label="配送信息" align="center">
<el-table-column label="采购数量" align="center" prop="purchaseNum"/>
<el-table-column label="验收结论" align="center" prop="checkResult"/>
<el-table-column label="质保质量" align="center">
<el-table-column label="实收份数" align="center" prop="checkNum"/>
<el-table-column label="符合要求" align="center"/>
</el-table-column>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark"/>
</el-table>
<div class="fillIn" style="margin-top: 20px;display: flex;justify-content: space-between;">
<div class="item" style="width: 33%">
<div>
<span>供应科</span>
</div>
</div>
<div class="item" style="width: 33%">
<div>
<span>生产技术科</span>
</div>
</div>
<div class="item" style="width: 33%">
<div>
<span>库管班</span>
</div>
<div class="fillIn" style="margin-top: 20px;display: flex;justify-content: space-between;" >
<div class="item" style="width: 33%;display: flex;align-items: center;">
<div style="width: 25%;">供应科</div>
<div style="width: 75%;display: flex;align-items: center;flex-wrap: wrap;" v-if="printData.gySignUrl">
<div v-for="(sign, index) in printData.gySignUrl" :key="index" style="width: 35%;margin-left: 5px;">
<img :src="sign.signUrl" :class="sign.signType=='0' ? 'image-type':'sign-type'" alt="">
</div>
</div>
</div>
<div class="item" style="width: 33%;display: flex;align-items: center;">
<div style="width: 30%;">生产技术科</div>
<div style="width: 70%;display: flex;align-items: center;flex-wrap: wrap;" v-if="printData.scSignUrl">
<div v-for="(sign, index) in printData.scSignUrl" :key="index" style="width: 35%;margin-left: 5px;">
<img :src="sign.signUrl" :class="sign.signType=='0' ? 'image-type':'sign-type'" alt="">
</div>
</div>
</div>
<div class="item" style="width: 33%;display: flex;align-items: center;">
<div style="width: 25%;">库管班</div>
<div style="width: 75%;display: flex;align-items: center;flex-wrap: wrap;" v-if="printData.kgSignUrl">
<div v-for="(sign, index) in printData.kgSignUrl" :key="index" style="width: 35%;margin-left: 5px;">
<img :src="sign.signUrl" :class="sign.signType=='0' ? 'image-type':'sign-type'" alt="">
</div>
</div>
<!-- <div>
<span>库管班{{printData.warehouseTeam}}</span>
</div> -->
</div>
</div>
</vue-easy-print>
</div>
</div>
</vue-easy-print>
</div>
<div slot="footer" class="dialog-footer" style="text-align: center">
<el-button type="primary" @click="print"> </el-button>
<el-button @click="openPrint = false"> </el-button>
</div>
</el-dialog>
<div slot="footer" class="dialog-footer" style="text-align: center">
<el-button type="primary" @click="print"> </el-button>
<el-button @click="openPrint = false"> </el-button>
</div>
</el-dialog>
<!-- 通知弹窗 -->
<el-dialog :title="title" :visible.sync="showPeople" width="800px" append-to-body @close="cancel">
@ -263,7 +279,7 @@ import {
bmNoticeInfo,
delPeople,
} from "@/api/purchase/goodsArrived";
import {getPurchaseCheckFormByTaskId } from "@/api/purchase/goodsAccept";
export default {
name: "Home",
dicts: ["purchase_task_status"],
@ -547,25 +563,25 @@ export default {
//
getPrintTable(taskId) {
getAcceptanceForm({ taskId: taskId }).then((response) => {
getPurchaseCheckFormByTaskId(taskId).then((response) => {
this.printData = response.data;
this.printTableData = response.data.checkDetailsList;
this.printTableData = response.data.materialList;
let supplierList = [];
this.printTableData.forEach((e) => {
if (e.supplier) {
supplierList.push(e.supplier);
}
});
supplierList = [...new Set(supplierList)];
// let supplierList = [];
// this.printTableData.forEach((e) => {
// if (e.supplier) {
// supplierList.push(e.supplier);
// }
// });
// supplierList = [...new Set(supplierList)];
this.supplierStr = supplierList.join(",");
// this.supplierStr = supplierList.join(",");
});
},
//
handlePrint(row) {
// this.query.taskId = row.taskId
// this.getPrintTable(row.taskId)
this.getPrintTable(row.taskId)
this.openPrint = true;
this.title = "机具设备到货验收单";
},
@ -613,6 +629,20 @@ export default {
};
</script>
<style lang="scss" scoped>
.image-type {
/* 旋转图片 */
transform: rotate(-90deg);
/* 确保旋转后的图片不会超出容器 */
max-width: 100%;
/* 保持图片的宽高比 */
width: 40px;
height: 80px;
}
.sign-type{
width: 80px;
height: 40px;
}
::v-deep.el-table .fixed-width .el-button--mini {
width: 70px !important;
margin-bottom: 10px;