199 lines
5.1 KiB
Plaintext
199 lines
5.1 KiB
Plaintext
<template>
|
|
<div class="app-container" style="width: 1000px">
|
|
<div class="main">
|
|
<div class="query" ref="formData">
|
|
<el-form
|
|
:model="formData"
|
|
ref="formDataParams"
|
|
:inline="true"
|
|
label-width="120px"
|
|
>
|
|
<el-row>
|
|
<el-form-item label="报工起始时间">
|
|
<el-date-picker
|
|
v-model="formData.spotDtStart"
|
|
type="datetime"
|
|
placeholder="选择日期时间"
|
|
value-format="yyyy-MM-dd hh:mm:ss"
|
|
>
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="报工截至时间">
|
|
<el-date-picker
|
|
v-model="formData.spotDtEnd"
|
|
type="datetime"
|
|
placeholder="选择日期时间"
|
|
value-format="yyyy-MM-dd hh:mm:ss"
|
|
>
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-row>
|
|
</el-form>
|
|
<el-divider></el-divider>
|
|
<el-button :disabled="isShow" type="primary" @click="addThis"
|
|
>确定</el-button
|
|
>
|
|
<div>
|
|
<el-table
|
|
highlight-current-row
|
|
:data="tableData"
|
|
border
|
|
max-height="400"
|
|
style="width: 100%"
|
|
v-loading="loading"
|
|
@selection-change="handleSelectionChange"
|
|
ref="tableToggle"
|
|
>
|
|
<el-table-column type="selection" width="55"> </el-table-column>
|
|
<el-table-column
|
|
label="生产线"
|
|
align="center"
|
|
prop="workCenterName"
|
|
:show-overflow-tooltip="true"
|
|
/>
|
|
<el-table-column
|
|
label="工单号"
|
|
align="center"
|
|
prop="orderWorkNumber"
|
|
:show-overflow-tooltip="true"
|
|
/>
|
|
<el-table-column
|
|
label="报工备注"
|
|
align="center"
|
|
prop="memo"
|
|
:show-overflow-tooltip="true"
|
|
/>
|
|
<el-table-column
|
|
label="计划数量"
|
|
align="center"
|
|
prop="planQty"
|
|
:show-overflow-tooltip="true"
|
|
/>
|
|
<el-table-column
|
|
label="报工数量"
|
|
align="center"
|
|
prop="sonQty"
|
|
:show-overflow-tooltip="true"
|
|
/>
|
|
<el-table-column
|
|
label="合格数量"
|
|
align="center"
|
|
prop="receiveQty"
|
|
:show-overflow-tooltip="true"
|
|
/>
|
|
<el-table-column
|
|
label="抽检数量"
|
|
align="center"
|
|
prop="spotQty"
|
|
:show-overflow-tooltip="true"
|
|
/>
|
|
<el-table-column
|
|
label="抽检不合格数量"
|
|
align="center"
|
|
prop="ngQty"
|
|
:show-overflow-tooltip="true"
|
|
/>
|
|
<el-table-column
|
|
label="退回数量"
|
|
align="center"
|
|
prop="returnQty"
|
|
:show-overflow-tooltip="true"
|
|
/>
|
|
</el-table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "add",
|
|
props: {
|
|
layerid: {
|
|
type: String,
|
|
default: "",
|
|
},
|
|
lydata: {
|
|
type: Object,
|
|
default: () => {
|
|
return {};
|
|
},
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
formData: {},
|
|
loading: true,
|
|
tableData: [],
|
|
isShow: true,
|
|
arr: [],
|
|
isShow: true,
|
|
};
|
|
},
|
|
mounted() {
|
|
setTimeout(() => {
|
|
if ([...this.lydata.CarrList].length > 0) {
|
|
var arr = [...this.lydata.CarrList];
|
|
this.tableData.forEach((e) => {
|
|
arr.forEach((i) => {
|
|
if (e.id == i) {
|
|
this.$nextTick(() => {
|
|
this.$refs.tableToggle.toggleRowSelection(e);
|
|
});
|
|
}
|
|
});
|
|
});
|
|
}
|
|
}, 500);
|
|
},
|
|
created() {
|
|
this.getList(this.lydata.orderWorkNumber);
|
|
},
|
|
methods: {
|
|
addThis() {
|
|
var prodInStockQtyT = 0;
|
|
prodInStockQtyT = this.arr.reduce((prev, next) => {
|
|
return prev + next.receiveQty;
|
|
}, 0);
|
|
this.$parent.prodInStockQtyT = prodInStockQtyT;
|
|
var arrList = [];
|
|
this.arr.forEach((element) => {
|
|
arrList.push(element.id);
|
|
});
|
|
this.$parent.arrList = arrList;
|
|
this.$layer.close(this.layerid);
|
|
},
|
|
handleSelectionChange(val) {
|
|
val.length > 0 ? (this.isShow = false) : (this.isShow = true);
|
|
this.arr = val;
|
|
},
|
|
async getList(orderWorkNumber) {
|
|
let parmas = {
|
|
orderWorkNumber: orderWorkNumber,
|
|
dictStatus: 10,
|
|
};
|
|
let resp = await this.$finishedGoodsWarehous.inspectionList(parmas);
|
|
if (resp.data.code == 200) {
|
|
// console.log(resp.data.data, "任务重");
|
|
this.tableData = resp.data.data;
|
|
this.loading = false;
|
|
} else {
|
|
this.$message.error(resp.data.msg);
|
|
this.loading = false;
|
|
}
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.el-divider--horizontal {
|
|
display: block;
|
|
height: 1px;
|
|
width: 100%;
|
|
margin: 2px 0;
|
|
}
|
|
</style>
|