文宽 史
2 years ago
20 changed files with 5678 additions and 187 deletions
-
1package.json
-
5src/api/base/normalSearch.js
-
18src/api/material/issureSo.js
-
17src/api/material/poReceive.js
-
18src/api/material/productionStock.js
-
12src/api/production/shopOrder.js
-
3src/api/shipment/detail.js
-
5src/api/shipment/index.js
-
3src/assets/scss/rq.scss
-
410src/views/modules/finshProduct/outWarehouse.vue
-
54src/views/modules/finshProduct/outWarehouse/outWarehouseDetail.vue
-
41src/views/modules/finshProduct/outWarehouse/shipmentBox.vue
-
579src/views/modules/material/com_issureSo_add_or_update.vue
-
799src/views/modules/material/com_poReceiving_add_or_update.vue
-
600src/views/modules/material/com_productionStock_add_or_update.vue
-
947src/views/modules/material/issureSo.vue
-
793src/views/modules/material/poReceiving.vue
-
947src/views/modules/material/productionStock.vue
-
593src/views/modules/production/order.vue
-
20src/views/modules/sys/user-add-or-update.vue
@ -0,0 +1,5 @@ |
|||
import { createAPI } from "@/utils/httpRequest.js"; |
|||
|
|||
export const getLocationListForSearch = data => createAPI(`/normalSearch/getLocationListForSearch`,'post',data) |
|||
export const getPartListForSearch = data => createAPI(`/normalSearch/getPartListForSearch`,'post',data) |
|||
|
|||
@ -0,0 +1,18 @@ |
|||
import { createAPI } from "@/utils/httpRequest.js"; |
|||
|
|||
export const searchTransHeader = data => createAPI(`/issureSo/searchTransHeader`,'post',data) |
|||
|
|||
export const searchTransDetail = data => createAPI(`/issureSo/searchTransDetail`,'post',data) |
|||
|
|||
export const searchTransDetailSub = data => createAPI(`/issureSo/searchTransDetailSub`,'post',data) |
|||
|
|||
|
|||
export const getWareHouseList = data => createAPI(`/issureSo/getWareHouseList`,'post',data) |
|||
export const saveTransHeaderData= data => createAPI(`/issureSo/saveTransHeaderData`,'post',data) |
|||
|
|||
export const searchTransDetailAndSubCach= data => createAPI(`/issureSo/searchTransDetailAndSubCach`,'post',data) |
|||
export const createNewCachRoll= data => createAPI(`/issureSo/createNewCachRoll`,'post',data) |
|||
export const finalSaveTransHeaderDetail= data => createAPI(`/issureSo/finalSaveTransHeaderDetail`,'post',data) |
|||
export const deleteSubCach= data => createAPI(`/issureSo/deleteSubCach`,'post',data) |
|||
export const deleteTransHeaderData= data => createAPI(`/issureSo/deleteTransHeaderData`,'post',data) |
|||
export const saveIssureCach= data => createAPI(`/issureSo/saveIssureCach`,'post',data) |
|||
@ -0,0 +1,17 @@ |
|||
import { createAPI } from "@/utils/httpRequest.js"; |
|||
|
|||
export const searchTransHeader = data => createAPI(`/poReceive/searchTransHeader`,'post',data) |
|||
|
|||
export const searchTransDetail = data => createAPI(`/poReceive/searchTransDetail`,'post',data) |
|||
|
|||
export const searchTransDetailSub = data => createAPI(`/poReceive/searchTransDetailSub`,'post',data) |
|||
|
|||
|
|||
export const getWareHouseList = data => createAPI(`/poReceive/getWareHouseList`,'post',data) |
|||
export const saveTransHeaderData= data => createAPI(`/poReceive/saveTransHeaderData`,'post',data) |
|||
|
|||
export const searchTransDetailAndSubCach= data => createAPI(`/poReceive/searchTransDetailAndSubCach`,'post',data) |
|||
export const createNewCachRoll= data => createAPI(`/poReceive/createNewCachRoll`,'post',data) |
|||
export const finalSaveTransHeaderDetail= data => createAPI(`/poReceive/finalSaveTransHeaderDetail`,'post',data) |
|||
export const deleteSubCach= data => createAPI(`/poReceive/deleteSubCach`,'post',data) |
|||
export const deleteTransHeaderData= data => createAPI(`/poReceive/deleteTransHeaderData`,'post',data) |
|||
@ -0,0 +1,18 @@ |
|||
import { createAPI } from "@/utils/httpRequest.js"; |
|||
|
|||
export const searchTransHeader = data => createAPI(`/productionStock/searchTransHeader`,'post',data) |
|||
|
|||
export const searchTransDetail = data => createAPI(`/productionStock/searchTransDetail`,'post',data) |
|||
|
|||
export const searchTransDetailSub = data => createAPI(`/productionStock/searchTransDetailSub`,'post',data) |
|||
|
|||
|
|||
export const getWareHouseList = data => createAPI(`/productionStock/getWareHouseList`,'post',data) |
|||
export const saveTransHeaderData= data => createAPI(`/productionStock/saveTransHeaderData`,'post',data) |
|||
|
|||
export const searchTransDetailAndSubCach= data => createAPI(`/productionStock/searchTransDetailAndSubCach`,'post',data) |
|||
export const createNewCachRoll= data => createAPI(`/productionStock/createNewCachRoll`,'post',data) |
|||
export const finalSaveTransHeaderDetail= data => createAPI(`/productionStock/finalSaveTransHeaderDetail`,'post',data) |
|||
export const deleteSubCach= data => createAPI(`/productionStock/deleteSubCach`,'post',data) |
|||
export const deleteTransHeaderData= data => createAPI(`/productionStock/deleteTransHeaderData`,'post',data) |
|||
export const saveStockCach= data => createAPI(`/productionStock/saveStockCach`,'post',data) |
|||
@ -0,0 +1,12 @@ |
|||
import {createAPI} from "../../utils/httpRequest"; |
|||
|
|||
export const getDataList = (data) => createAPI(`/shop/order/list`,'post',data) |
|||
export const getIFSDataList = (data) => createAPI(`/shop/order/ifs/list`,'post',data) |
|||
export const getDataPageList = (data) => createAPI(`/shop/order/page/${data.no}/${data.size}`,'post',data) |
|||
|
|||
export const saveData = (data) => createAPI(`/shop/order/add`,'post',data) |
|||
|
|||
export const editData = (data) => createAPI(`/shop/order/edit`,'post',data) |
|||
|
|||
export const deleteData = (data) => createAPI(`/shop/order/remove`,'post',data) |
|||
export const getPartDataList = (data) => createAPI(`/shop/order/part`,'post',data) |
|||
@ -0,0 +1,3 @@ |
|||
import {createAPI} from '../../utils/httpRequest' |
|||
|
|||
export const getShipmentDetailList = (data) => createAPI(`/shipment/detail/list`,'post',data) |
|||
@ -0,0 +1,5 @@ |
|||
import {createAPI} from '../../utils/httpRequest' |
|||
|
|||
export const getShipmentList = (data) => createAPI( '/shipment/list','post', data) |
|||
|
|||
export const getShipmentPage = (data) => createAPI( `/shipment/list/${data.no}/${data.size}`,'post',data) |
|||
@ -0,0 +1,410 @@ |
|||
<script> |
|||
import OutWarehouseDetail from './outWarehouse/outWarehouseDetail.vue' |
|||
import {getShipmentPage} from '../../../api/shipment' |
|||
import {getShipmentDetailList} from '../../../api/shipment/detail' |
|||
import ShipmentBox from './outWarehouse/shipmentBox.vue' |
|||
|
|||
export default { |
|||
name: "outWarehouse", |
|||
components: {ShipmentBox, OutWarehouseDetail}, |
|||
props:{ |
|||
height:{ |
|||
type: Number, |
|||
default:300, |
|||
} |
|||
}, |
|||
data(){ |
|||
return{ |
|||
loading: false, |
|||
open: false, |
|||
queryForm:{ |
|||
shipmentId: "", |
|||
startDate: "", |
|||
endDate: "", |
|||
}, |
|||
no: 1, |
|||
size: 50, |
|||
total: 0, |
|||
dataList:[], |
|||
// selectDataList:[], |
|||
form:{}, |
|||
columnList:[ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 400002, |
|||
serialNumber: '400002TableShipmentId', |
|||
tableId: "400002Table", |
|||
tableName: "shipment", |
|||
columnProp: "shipmentId", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "发货ID", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 70 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 400002, |
|||
serialNumber: '400002TableShipDate', |
|||
tableId: "400002Table", |
|||
tableName: "shipment", |
|||
columnProp: "shipDate", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "发货日期", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 400002, |
|||
serialNumber: '400002TableCustomerNo', |
|||
tableId: "400002Table", |
|||
tableName: "shipment", |
|||
columnProp: "customerNo", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "客户编码", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 70 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 400002, |
|||
serialNumber: '400002TableCustomerName', |
|||
tableId: "400002Table", |
|||
tableName: "shipment", |
|||
columnProp: "customerName", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "客户名称", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 360 |
|||
}, |
|||
], |
|||
row:{}, |
|||
activeName:'detail', |
|||
detailDataList:[], |
|||
columnDetailList:[ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 400002, |
|||
serialNumber: '400002Table2PartNo', |
|||
tableId: "400002Table2", |
|||
tableName: "ShipmentDetail", |
|||
columnProp: "partNo", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "料号", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 400002, |
|||
serialNumber: '400002Table2PartDesc', |
|||
tableId: "400002Table2", |
|||
tableName: "ShipmentDetail", |
|||
columnProp: "partDesc", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "物料描述", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 400002, |
|||
serialNumber: '400002Table2SaleQty', |
|||
tableId: "400002Table2", |
|||
tableName: "ShipmentDetail", |
|||
columnProp: "saleQty", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "数量", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 400002, |
|||
serialNumber: '400002Table2OrderRef1', |
|||
tableId: "400002Table2", |
|||
tableName: "ShipmentDetail", |
|||
columnProp: "orderRef1", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "关联单号1", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 400002, |
|||
serialNumber: '400002Table2OrderRef2', |
|||
tableId: "400002Table2", |
|||
tableName: "ShipmentDetail", |
|||
columnProp: "orderRef2", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "关联单号2", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 400002, |
|||
serialNumber: '400002Table2OrderRef3', |
|||
tableId: "400002Table2", |
|||
tableName: "ShipmentDetail", |
|||
columnProp: "orderRef3", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "关联单号3", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
} |
|||
] |
|||
} |
|||
}, |
|||
methods:{ |
|||
getDataList(){ |
|||
let params = { |
|||
...this.queryForm, |
|||
no: this.no, |
|||
size: this.size, |
|||
site:this.$store.state.user.site |
|||
} |
|||
this.dataList = []; |
|||
this.loading = true; |
|||
getShipmentPage(params).then(({data})=>{ |
|||
this.loading = false; |
|||
if (data && data.code === 0){ |
|||
this.dataList = data.page.records; |
|||
this.total = data.page.total; |
|||
if (this.total > 0){ |
|||
this.handleRowClick(this.dataList[0]) |
|||
} |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error)=>{ |
|||
this.loading = false; |
|||
this.$message.error(error) |
|||
}) |
|||
}, |
|||
handleQuery(){ |
|||
this.getDataList(); |
|||
}, |
|||
handleSizeChange(val){ |
|||
this.size = val; |
|||
this.getDataList(); |
|||
}, |
|||
handleCurrentChange(val){ |
|||
this.no = val; |
|||
this.getDataList(); |
|||
}, |
|||
handleOutWarehouse(row){ |
|||
this.form = {...row} |
|||
this.open=true; |
|||
}, |
|||
getDetailDataList(){ |
|||
let params = { |
|||
shipmentId: this.row.shipmentId, |
|||
site:this.row.site |
|||
} |
|||
this.detailDataList = []; |
|||
getShipmentDetailList(params).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.detailDataList = data.rows; |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error)=>{ |
|||
this.$message.error(error) |
|||
}) |
|||
}, |
|||
rowStyle({row}){ |
|||
if (row.site === this.row.site && row.shipmentId === this.row.shipmentId){ |
|||
return { |
|||
background: '#E8F7F6' |
|||
} |
|||
} |
|||
}, |
|||
handleRowClick(row){ |
|||
this.row = {...row}; |
|||
} |
|||
}, |
|||
watch:{ |
|||
row(newVal,oldVal){ |
|||
if (newVal){ |
|||
this.getDetailDataList(); |
|||
} |
|||
} |
|||
}, |
|||
created () { |
|||
this.getDataList(); |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<template> |
|||
<div> |
|||
<div style="width: 1100px"> |
|||
<el-form :model="queryForm" ref="queryForm" label-position="top"> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="3"> |
|||
<el-form-item label="发货ID"> |
|||
<el-input v-model="queryForm.shipmentId"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="7"> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="11"> |
|||
<el-form-item label="发货日期"> |
|||
<el-date-picker |
|||
style="width: 100%" |
|||
v-model="queryForm.startDate" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<el-form-item label=" "> |
|||
<label style="margin-left: 0px;font-size: 19px">➞</label> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="11"> |
|||
<el-form-item label=" "> |
|||
<el-date-picker |
|||
style="width: 100%" |
|||
v-model="queryForm.endDate" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item label=" "> |
|||
<el-button type="primary" @click="handleQuery">查询</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
<el-table :data="dataList" v-loading="loading" border :height="height" @row-click="handleRowClick" :row-style="rowStyle"> |
|||
<el-table-column align="center" label="操作" width="100"> |
|||
<template slot-scope="scope"> |
|||
<el-link @click="handleOutWarehouse(scope.row)">装箱出库</el-link> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
v-for="(item,index) in columnList" :key="index" |
|||
:sortable="item.columnSortable" |
|||
:prop="item.columnProp" |
|||
:header-align="item.headerAlign" |
|||
:show-overflow-tooltip="item.showOverflowTooltip" |
|||
:align="item.align" |
|||
:fixed="item.fixed==''?false:item.fixed" |
|||
:min-width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span> |
|||
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" |
|||
style="width: 100px; height: 80px"/></span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- <div style="float: left;margin-top: 10px;color: gray;font-size: 13px" v-html="`共 <span style='color: #16B3A3'>${total}</span> 条 记 录，已 选 <span style='color: #16B3A3'>${selectDataList.length}</span> 条`"></div>--> |
|||
<el-pagination |
|||
@size-change="handleSizeChange" |
|||
@current-change="handleCurrentChange" |
|||
:current-page="no" |
|||
:page-sizes="[50, 100, 1000]" |
|||
:page-size="size" |
|||
:total="total" |
|||
style="margin-top: 0px" |
|||
layout="total, sizes, prev, pager, next, jumper"> |
|||
</el-pagination> |
|||
<el-tabs v-model="activeName"> |
|||
<el-tab-pane label="出库明细" name="detail"> |
|||
<out-warehouse-detail :height="420" :data-list="detailDataList" :column-list="columnDetailList"></out-warehouse-detail> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
|
|||
<el-dialog title="装箱出库" v-drag :visible.sync="open" width="800px" :close-on-click-modal="false"> |
|||
<el-form :model="form" ref="form" label-position="top"> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="4"> |
|||
<el-form-item label="发货ID"> |
|||
<el-input v-model="form.shipmentId" disabled></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item label="客户编码"> |
|||
<el-input v-model="form.customerNo" disabled></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="客户名称"> |
|||
<el-input v-model="form.customerName" disabled></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<shipment-box :data-list="[]" :height="200"></shipment-box> |
|||
<el-footer style="height: 20px"></el-footer> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,54 @@ |
|||
<script> |
|||
export default { |
|||
name: 'outWarehouseDetail', |
|||
props:{ |
|||
height:{ |
|||
type:Number, |
|||
default:300 |
|||
}, |
|||
dataList:{ |
|||
type:Array, |
|||
default:()=>[] |
|||
}, |
|||
columnList:{ |
|||
type:Array, |
|||
default:()=>[] |
|||
}, |
|||
}, |
|||
data(){ |
|||
return{ |
|||
|
|||
} |
|||
}, |
|||
methods:{ |
|||
|
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<template> |
|||
<div> |
|||
<el-table :data="dataList" border style="width: 100%" :height="height"> |
|||
<el-table-column |
|||
v-for="(item,index) in columnList" :key="index" |
|||
:sortable="item.columnSortable" |
|||
:prop="item.columnProp" |
|||
:header-align="item.headerAlign" |
|||
:show-overflow-tooltip="item.showOverflowTooltip" |
|||
:align="item.align" |
|||
:fixed="item.fixed==''?false:item.fixed" |
|||
:min-width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span> |
|||
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" |
|||
style="width: 100px; height: 80px"/></span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
</template> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,41 @@ |
|||
<script> |
|||
export default { |
|||
name: 'shipmentBox', |
|||
props:{ |
|||
height:{ |
|||
type:Number, |
|||
default:300 |
|||
}, |
|||
dataList:{ |
|||
type:Array, |
|||
default:()=>[] |
|||
}, |
|||
}, |
|||
data(){ |
|||
|
|||
}, |
|||
|
|||
} |
|||
</script> |
|||
|
|||
<template> |
|||
<div> |
|||
<div style="display: flex;justify-content: space-between;"> |
|||
<div><el-button type="primary" >新增箱子</el-button></div> |
|||
<div><el-button type="primary" @click="$emit('lastOutShipment')">最终出库</el-button></div> |
|||
</div> |
|||
<el-table :data="dataList" style="width: 100%" border :height="height"> |
|||
<el-table-column prop="boxNo" label="箱号" width="400" header-align="center" align="left"></el-table-column> |
|||
<el-table-column align="center" label="操作"> |
|||
<template slot-scope="scope"> |
|||
<el-link >查看</el-link> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,579 @@ |
|||
<template> |
|||
<div class="mod-config"> |
|||
<el-dialog |
|||
width="40%" |
|||
title="发料单明细" |
|||
:close-on-click-modal="false" |
|||
:visible.sync="visible" |
|||
@close="closeSaveDialog"> |
|||
<el-form ref="saveForm" :model="dataForm" label-position="top" label-width="100px" > |
|||
<el-row :gutter="25"> |
|||
<el-col :span="6"> |
|||
<el-form-item label="发料单号"> |
|||
<el-input v-model="dataForm.transNo" disabled ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<!-- <el-col :span="6">--> |
|||
<!-- <el-form-item label="供应商编码">--> |
|||
<!-- <el-input v-model="dataForm.partnerID" disabled ></el-input>--> |
|||
<!-- </el-form-item>--> |
|||
<!-- </el-col>--> |
|||
<!-- <el-col :span="6">--> |
|||
<!-- <el-form-item label="供应商名称">--> |
|||
<!-- <el-input v-model="dataForm.partnerName" disabled ></el-input>--> |
|||
<!-- </el-form-item>--> |
|||
<!-- </el-col>--> |
|||
<el-col :span="6"> |
|||
<el-form-item label=" "> |
|||
<el-button type="primary" @click="visible = false">关闭</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="25"> |
|||
<el-col :span="6"> |
|||
<el-form-item label="仓库"> |
|||
<el-input v-model="dataForm.warehouseID" disabled ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="发料日期"> |
|||
<el-date-picker |
|||
style="width: 120px" |
|||
v-model="dataForm.transDate" |
|||
type="date" |
|||
disabled |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="经手人"> |
|||
<el-input v-model="dataForm.receiverName" disabled ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="生产订单"> |
|||
<el-input v-model="dataForm.orderRef1" disabled ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<el-row :gutter="25"> |
|||
<el-col :span="12"> |
|||
<el-form-item label="请扫描标签"> |
|||
<el-input v-model="dataForm.scanSerialNo" ref="scan" @keyup.enter.native="scanSaveCach()" ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label=" "> |
|||
<el-button type="primary" @click="dataFormSubmit()">{{'最终出库'}}</el-button> |
|||
<!-- <el-button type="primary" @click="visible = false">{{'关闭'}}</el-button>--> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<el-table |
|||
:data="dataList" |
|||
height="300" |
|||
border |
|||
:row-class-name="tableRowClassName" |
|||
v-loading="false" |
|||
style="width: 100%; "> |
|||
<el-table-column |
|||
header-align="center" |
|||
align="center" |
|||
width="60" |
|||
fixed="left" |
|||
label="操作"> |
|||
<template slot-scope="scope"> |
|||
<a type="text" size="small" @click="deleteCach(scope.row)">删除</a> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
v-for="(item,index) in columnList" :key="index" |
|||
:sortable="item.columnSortable" |
|||
:prop="item.columnProp" |
|||
:header-align="item.headerAlign" |
|||
:show-overflow-tooltip="item.showOverflowTooltip" |
|||
:align="item.align" |
|||
:fixed="item.fixed==''?false:item.fixed" |
|||
:min-width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span> |
|||
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" |
|||
style="width: 100px; height: 80px"/></span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-dialog> |
|||
|
|||
|
|||
<Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
|
|||
} from "@/api/base/normalSearch.js" |
|||
import { |
|||
searchTransDetailAndSubCach |
|||
,createNewCachRoll |
|||
,finalSaveTransHeaderDetail |
|||
,deleteSubCach, |
|||
saveIssureCach, |
|||
} from "@/api/material/issureSo.js" |
|||
import Chooselist from '@/views/modules/common/Chooselist' |
|||
import {searchTransDetail} from "../../../api/material/poReceive"; |
|||
export default { |
|||
model:{ |
|||
prop:'value', |
|||
event:'change', |
|||
}, |
|||
props:{ |
|||
value:{ |
|||
required:true, |
|||
type:String, |
|||
} |
|||
}, |
|||
components: { |
|||
Chooselist |
|||
}, |
|||
data () { |
|||
return { |
|||
tagNo:'', |
|||
tagNo1:'', |
|||
visible: false, |
|||
dataForm: { |
|||
site:this.$store.state.user.site, |
|||
warehouseID:'', |
|||
transNo:'', |
|||
transDate:'', |
|||
receiverName:'', |
|||
receiver:'', |
|||
scanSerialNo:'', |
|||
orderRef1:'', |
|||
}, |
|||
scanModalFlag:false, |
|||
rollData:{ |
|||
perQty:'', |
|||
rollNumber:'', |
|||
}, |
|||
dataList:[], |
|||
scanSerial:'', |
|||
columnList:[ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table4PartNo', |
|||
tableId: "200002Table4", |
|||
tableName: "发料单已扫卷", |
|||
columnProp: "partNo", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "物料编码", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table4PartDesc', |
|||
tableId: "200002Table4", |
|||
tableName: "发料单已扫卷", |
|||
columnProp: "partDesc", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "物料名", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table4RollNo', |
|||
tableId: "200002Table4", |
|||
tableName: "发料单已扫卷", |
|||
columnProp: "rollNo", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "卷号", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table4RollQty', |
|||
tableId: "200002Table4", |
|||
tableName: "发料单已扫卷", |
|||
columnProp: "rollQty", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "数量", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 60 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table4BatchNo', |
|||
tableId: "200002Table4", |
|||
tableName: "发料单已扫卷", |
|||
columnProp: "batchNo", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "批号", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
// },{ |
|||
// userId: this.$store.state.user.name, |
|||
// functionId: 200002, |
|||
// serialNumber: '200002Table4WdrNo', |
|||
// tableId: "200002Table4", |
|||
// tableName: "发料单已扫卷", |
|||
// columnProp: "wdrNo", |
|||
// headerAlign: "center", |
|||
// align: "left", |
|||
// columnLabel: "W/D/R", |
|||
// columnHidden: false, |
|||
// columnImage: false, |
|||
// columnSortable: false, |
|||
// sortLv: 0, |
|||
// status: true, |
|||
// fixed: '', |
|||
// columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table4ManufactureDate', |
|||
tableId: "200002Table4", |
|||
tableName: "发料单已扫卷", |
|||
columnProp: "manufactureDate", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "生产日期", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table4ExpiredDate', |
|||
tableId: "200002Table4", |
|||
tableName: "发料单已扫卷", |
|||
columnProp: "expiredDate", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "失效日期", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table4LocationID', |
|||
tableId: "200002Table4", |
|||
tableName: "发料单已扫卷", |
|||
columnProp: "locationID", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "库位", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 70 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table4EnterByName', |
|||
tableId: "200002Table4", |
|||
tableName: "发料单已扫卷", |
|||
columnProp: "enterByName", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "Created", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table4EnterDate', |
|||
tableId: "200002Table4", |
|||
tableName: "发料单已扫卷", |
|||
columnProp: "enterDate", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "Created Time", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 130 |
|||
}, |
|||
], |
|||
|
|||
} |
|||
}, |
|||
created () { |
|||
|
|||
}, |
|||
methods: { |
|||
// 获取基础数据列表S |
|||
getBaseList (val, type) { |
|||
this.tagNo = val |
|||
this.tagNo1 = type |
|||
this.$nextTick(() => { |
|||
let strVal = '' |
|||
if (val === 133) { |
|||
if(type==1) { |
|||
strVal = this.dataForm.partNo |
|||
} |
|||
} |
|||
|
|||
this.$refs.baseList.init(val, strVal) |
|||
}) |
|||
}, |
|||
/* 列表方法的回调 */ |
|||
getBaseData (val) { |
|||
if (this.tagNo === 133) { |
|||
if(this.tagNo1==1) { |
|||
this.dataForm.partNo = val.part_no |
|||
this.dataForm.partDesc = val.part_desc |
|||
} |
|||
} |
|||
|
|||
}, |
|||
init (row) { |
|||
this.rollData={ |
|||
perQty:'', |
|||
rollNumber:'', |
|||
} |
|||
this.cleanData() |
|||
searchTransDetailAndSubCach(row).then(({data})=>{ |
|||
//区分请求成功和失败的状况 |
|||
if (data && data.code == 0) { |
|||
let dataRow= data.row |
|||
this.dataList = data.rows |
|||
this.dataForm={ |
|||
site:dataRow.site, |
|||
warehouseID:data.row.warehouseID, |
|||
transNo:dataRow.transNo, |
|||
transDate:dataRow.transDate, |
|||
receiverName:dataRow.receiverName, |
|||
orderRef1:dataRow.orderRef1, |
|||
scanSerialNo:'', |
|||
} |
|||
this.visible = true |
|||
this.$nextTick(() => { this.$refs.scan.focus();}) |
|||
} else { |
|||
this.$message.error(data.msg) |
|||
} |
|||
}) |
|||
}, |
|||
createNewRoll(){ |
|||
if(this.dataForm.partNo===''){ |
|||
this.$alert('请输入物料！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.dataForm.locationId===''){ |
|||
this.$alert('请选择库位！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.dataForm.batchNo===''){ |
|||
this.$alert('请输入批号！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.dataForm.manufactureDate===''){ |
|||
this.$alert('请选择生产日期！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.dataForm.expiredDate===''){ |
|||
this.$alert('请选择失效日期！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.rollData.perQty===''){ |
|||
this.$alert('请输入每卷数量！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.rollData.rollNumber===''){ |
|||
this.$alert('请输入卷数量！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.rollData.rollNumber>10000){ |
|||
this.$alert('卷数量超过一万！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
let inData={ |
|||
site:this.dataForm.site, |
|||
transNo:this.dataForm.transNo, |
|||
partNo:this.dataForm.partNo, |
|||
rollNo:'', |
|||
rollQty:this.rollData.perQty, |
|||
batchNo:this.dataForm.batchNo, |
|||
wdrNo:this.dataForm.wdrNo, |
|||
locationID:this.dataForm.locationId, |
|||
manufactureDate:this.dataForm.manufactureDate, |
|||
expiredDate:this.dataForm.expiredDate, |
|||
rollNumber:this.rollData.rollNumber, |
|||
|
|||
} |
|||
createNewCachRoll(inData).then(({data})=>{ |
|||
//区分请求成功和失败的状况 |
|||
if (data && data.code == 0) { |
|||
this.$message.success( '操作成功') |
|||
searchTransDetailAndSubCach(this.dataForm).then(({data})=>{ |
|||
this.dataList = data.rows |
|||
}) |
|||
} else { |
|||
this.$message.error(data.msg) |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
// 表单提交 |
|||
dataFormSubmit () { |
|||
finalSaveTransHeaderDetail(this.dataForm).then(({data})=>{ |
|||
//区分请求成功和失败的状况 |
|||
if (data && data.code == 0) { |
|||
this.$message.success( '操作成功') |
|||
this.visible = false |
|||
this.$emit('refreshDataList') |
|||
|
|||
} else { |
|||
this.$message.error(data.msg) |
|||
} |
|||
}) |
|||
}, |
|||
closeSaveDialog(){ |
|||
this.cleanData() |
|||
}, |
|||
cleanData(){ |
|||
for (var prop in this.dataForm) { |
|||
if (this.dataForm.hasOwnProperty(prop)) { |
|||
this.dataForm[prop] = ''; |
|||
} |
|||
} |
|||
}, |
|||
deleteCach(row){ |
|||
this.$confirm('确定要删除这条数据?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
deleteSubCach(row).then(({data}) => { |
|||
//区分请求成功和失败的状况 |
|||
if (data && data.code == 0) { |
|||
this.$message.success( '操作成功') |
|||
searchTransDetailAndSubCach(this.dataForm).then(({data})=>{ |
|||
this.dataList = data.rows |
|||
}) |
|||
} else { |
|||
this.$message.error( data.msg) |
|||
} |
|||
}) |
|||
}) |
|||
}, |
|||
scanSaveCach(){ |
|||
let arr=this.dataForm.scanSerialNo.split(','); |
|||
if(arr.length<2){ |
|||
this.$message.error( '二维码格式有误！') |
|||
} |
|||
let inData={ |
|||
site:this.dataForm.site, |
|||
transNo:this.dataForm.transNo, |
|||
orderNo:this.dataForm.orderRef1, |
|||
rollNo:arr[1], |
|||
} |
|||
saveIssureCach(inData).then(({data}) => { |
|||
//区分请求成功和失败的状况 |
|||
if (data && data.code == 0) { |
|||
this.$message.success( '操作成功'+data.str) |
|||
searchTransDetailAndSubCach(this.dataForm).then(({data})=>{ |
|||
this.dataList = data.rows |
|||
}) |
|||
this.dataForm.scanSerialNo='' |
|||
} else { |
|||
this.$message.error( data.msg) |
|||
this.dataForm.scanSerialNo='' |
|||
} |
|||
}) |
|||
}, |
|||
tableRowClassName ({row, rowIndex}) { |
|||
var currentDate = new Date(); |
|||
var futureDate = new Date(); |
|||
futureDate.setDate(currentDate.getDate() + 90); |
|||
var date = new Date(row.expiredDate) |
|||
if (date.getTime() < futureDate.getTime()) { |
|||
console.log('快过期了') |
|||
return 'error-row' |
|||
} |
|||
return '' |
|||
}, |
|||
|
|||
|
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style > |
|||
|
|||
|
|||
</style> |
|||
@ -0,0 +1,799 @@ |
|||
<template> |
|||
<div class="mod-config"> |
|||
<el-dialog |
|||
width="40%" |
|||
title="入库单明细" |
|||
:close-on-click-modal="false" |
|||
:visible.sync="visible" |
|||
@close="closeSaveDialog"> |
|||
<el-form ref="saveForm" :model="dataForm" label-position="top" label-width="100px" > |
|||
<el-row :gutter="25"> |
|||
<el-col :span="6"> |
|||
<el-form-item label="入库单号"> |
|||
<el-input v-model="dataForm.transNo" disabled ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="供应商编码"> |
|||
<el-input v-model="dataForm.partnerID" disabled ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="供应商名称"> |
|||
<el-input v-model="dataForm.partnerName" disabled ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label=" "> |
|||
<el-button type="primary" @click="visible = false">关闭</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="25"> |
|||
<el-col :span="6"> |
|||
<el-form-item label="仓库"> |
|||
<el-input v-model="dataForm.warehouseID" disabled ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="入库日期"> |
|||
<el-date-picker |
|||
style="width: 120px" |
|||
v-model="dataForm.transDate" |
|||
type="date" |
|||
disabled |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="经手人"> |
|||
<el-input v-model="dataForm.receiverName" disabled ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="采购单号"> |
|||
<el-input v-model="dataForm.orderRef1" disabled ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="25"> |
|||
<el-col :span="6"> |
|||
<el-form-item > |
|||
<span slot="label" style="" @click="getBaseList(133,1)" ><a herf="#">物料编码</a></span> |
|||
<el-input v-model="dataForm.partNo" @change="getPartDesc" ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="物料描述"> |
|||
<el-input v-model="dataForm.partDesc" disabled ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="库位"> |
|||
<el-select v-model="dataForm.locationId" style="width: 100%;"> |
|||
<el-option :value="i.locationId" :label="i.locationName" v-for="i in locationList" :key="i.locationId"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label=" "> |
|||
<el-button type="primary" @click="scanModel()">{{'扫描条码入库'}}</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="25"> |
|||
<el-col :span="6"> |
|||
<el-form-item label="批号"> |
|||
<el-input v-model="dataForm.batchNo" ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="W/D/R"> |
|||
<el-input v-model="dataForm.wdrNo" ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="生产日期"> |
|||
<el-date-picker |
|||
style="width: 120px" |
|||
v-model="dataForm.manufactureDate" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="失效日期"> |
|||
<el-date-picker |
|||
style="width: 120px" |
|||
v-model="dataForm.expiredDate" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="25"> |
|||
<el-col :span="6"> |
|||
<el-form-item label="每卷数量"> |
|||
<el-input v-model="rollData.perQty" type="number" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="卷数"> |
|||
<el-input v-model="rollData.rollNumber" type="number" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label=" "> |
|||
<el-button type="primary" @click="createNewRoll()">{{'创建分卷'}}</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label=" "> |
|||
<el-button type="primary" @click="dataFormSubmit()">{{'最终保存'}}</el-button> |
|||
<!-- <el-button type="primary" @click="visible = false">{{'关闭'}}</el-button>--> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<el-table |
|||
:data="dataList" |
|||
height="300" |
|||
border |
|||
v-loading="false" |
|||
style="width: 100%; "> |
|||
<el-table-column |
|||
header-align="center" |
|||
align="center" |
|||
width="60" |
|||
fixed="left" |
|||
label="操作"> |
|||
<template slot-scope="scope"> |
|||
<a type="text" size="small" @click="deleteCach(scope.row)">删除</a> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
v-for="(item,index) in columnList" :key="index" |
|||
:sortable="item.columnSortable" |
|||
:prop="item.columnProp" |
|||
:header-align="item.headerAlign" |
|||
:show-overflow-tooltip="item.showOverflowTooltip" |
|||
:align="item.align" |
|||
:fixed="item.fixed==''?false:item.fixed" |
|||
:min-width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span> |
|||
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" |
|||
style="width: 100px; height: 80px"/></span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-dialog> |
|||
<el-dialog title="扫描入库" :close-on-click-modal="false" v-drag :visible.sync="scanModalFlag" width="620px" > |
|||
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
|||
<el-row :gutter="25"> |
|||
<el-col :span="12" > |
|||
<el-form-item label="请扫描标签"> |
|||
<el-input ref="scan" v-model="scanSerial" @keyup.enter.native="scanSaveCach()" ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="25"> |
|||
<el-col :span="6"> |
|||
<el-form-item > |
|||
<span slot="label" style="" @click="getBaseList(133,1)" ><a herf="#">物料编码</a></span> |
|||
<el-input v-model="dataForm.partNo" @change="getPartDesc" ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="物料描述"> |
|||
<el-input v-model="dataForm.partDesc" disabled ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="库位"> |
|||
<el-select v-model="dataForm.locationId" style="width: 100%;"> |
|||
<el-option :value="i.locationId" :label="i.locationName" v-for="i in locationList" :key="i.locationId"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="25"> |
|||
<el-col :span="6"> |
|||
<el-form-item label="批号"> |
|||
<el-input v-model="dataForm.batchNo" ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="W/D/R"> |
|||
<el-input v-model="dataForm.wdrNo" ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="生产日期"> |
|||
<el-date-picker |
|||
style="width: 120px" |
|||
v-model="dataForm.manufactureDate" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="失效日期"> |
|||
<el-date-picker |
|||
style="width: 120px" |
|||
v-model="dataForm.expiredDate" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="25"> |
|||
<el-col :span="6"> |
|||
<el-form-item label="每卷数量"> |
|||
<el-input v-model="rollData.perQty" type="number" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="卷数"> |
|||
<el-input v-model="rollData.rollNumber" type="number" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label=" "> |
|||
<el-button type="primary" @click="createNewRoll()">{{'创建分卷'}}</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label=" "> |
|||
<el-button type="primary" @click="scanModalFlag = false">{{'关闭'}}</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<el-footer style="height:30px;margin-top: 50px;text-align:center"> |
|||
<el-button type="primary" @click="dataFormSubmit()" >最终保存</el-button> |
|||
<el-button type="primary" @click="scanModalFlag = false">取消</el-button> |
|||
</el-footer> |
|||
</el-dialog> |
|||
|
|||
<Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getLocationListForSearch |
|||
,getPartListForSearch |
|||
} from "@/api/base/normalSearch.js" |
|||
import { |
|||
searchTransDetailAndSubCach |
|||
,createNewCachRoll |
|||
,finalSaveTransHeaderDetail |
|||
,deleteSubCach |
|||
|
|||
} from "@/api/material/poReceive.js" |
|||
import Chooselist from '@/views/modules/common/Chooselist' |
|||
import {searchTransDetail} from "../../../api/material/poReceive"; |
|||
export default { |
|||
model:{ |
|||
prop:'value', |
|||
event:'change', |
|||
}, |
|||
props:{ |
|||
value:{ |
|||
required:true, |
|||
type:String, |
|||
} |
|||
}, |
|||
components: { |
|||
Chooselist |
|||
}, |
|||
data () { |
|||
return { |
|||
tagNo:'', |
|||
tagNo1:'', |
|||
visible: false, |
|||
dataForm: { |
|||
site:this.$store.state.user.site, |
|||
warehouseID:'', |
|||
transNo:'', |
|||
partnerID:'', |
|||
partnerName:'', |
|||
transDate:'', |
|||
receiverName:'', |
|||
orderRef1:'', |
|||
partNo:'', |
|||
partDesc:'', |
|||
locationId:'', |
|||
batchNo:'', |
|||
wdrNo:'', |
|||
manufactureDate:'', |
|||
expiredDate:'', |
|||
}, |
|||
scanModalFlag:false, |
|||
rollData:{ |
|||
perQty:'', |
|||
rollNumber:'', |
|||
}, |
|||
dataList:[], |
|||
scanSerial:'', |
|||
columnList:[ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200001, |
|||
serialNumber: '200001Table4PartNo', |
|||
tableId: "200001Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "partNo", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "物料编码", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200001, |
|||
serialNumber: '200001Table4PartDesc', |
|||
tableId: "200001Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "partDesc", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "物料名", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200001, |
|||
serialNumber: '200001Table4RollNo', |
|||
tableId: "200001Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "rollNo", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "卷号", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200001, |
|||
serialNumber: '200001Table4RollQty', |
|||
tableId: "200001Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "rollQty", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "数量", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 60 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200001, |
|||
serialNumber: '200001Table4BatchNo', |
|||
tableId: "200001Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "batchNo", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "批号", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200001, |
|||
serialNumber: '200001Table4WdrNo', |
|||
tableId: "200001Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "wdrNo", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "W/D/R", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200001, |
|||
serialNumber: '200001Table4ManufactureDate', |
|||
tableId: "200001Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "manufactureDate", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "生产日期", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200001, |
|||
serialNumber: '200001Table4ExpiredDate', |
|||
tableId: "200001Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "expiredDate", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "失效日期", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200001, |
|||
serialNumber: '200001Table4LocationID', |
|||
tableId: "200001Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "locationID", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "库位", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 70 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200001, |
|||
serialNumber: '200001Table4EnterByName', |
|||
tableId: "200001Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "enterByName", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "Created", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200001, |
|||
serialNumber: '200001Table4EnterDate', |
|||
tableId: "200001Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "enterDate", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "Created Time", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 130 |
|||
}, |
|||
], |
|||
locationList:[], |
|||
} |
|||
}, |
|||
created () { |
|||
|
|||
}, |
|||
methods: { |
|||
// 获取基础数据列表S |
|||
getBaseList (val, type) { |
|||
this.tagNo = val |
|||
this.tagNo1 = type |
|||
this.$nextTick(() => { |
|||
let strVal = '' |
|||
if (val === 133) { |
|||
if(type==1) { |
|||
strVal = this.dataForm.partNo |
|||
} |
|||
} |
|||
|
|||
this.$refs.baseList.init(val, strVal) |
|||
}) |
|||
}, |
|||
/* 列表方法的回调 */ |
|||
getBaseData (val) { |
|||
if (this.tagNo === 133) { |
|||
if(this.tagNo1==1) { |
|||
this.dataForm.partNo = val.part_no |
|||
this.dataForm.partDesc = val.part_desc |
|||
} |
|||
} |
|||
|
|||
}, |
|||
init (row) { |
|||
this.rollData={ |
|||
perQty:'', |
|||
rollNumber:'', |
|||
} |
|||
this.cleanData() |
|||
searchTransDetailAndSubCach(row).then(({data})=>{ |
|||
//区分请求成功和失败的状况 |
|||
if (data && data.code == 0) { |
|||
let dataRow= data.row |
|||
this.dataList = data.rows |
|||
this.dataForm={ |
|||
site:dataRow.site, |
|||
warehouseID:data.row.warehouseID, |
|||
transNo:dataRow.transNo, |
|||
partnerID:dataRow.partnerID, |
|||
partnerName:dataRow.partnerName, |
|||
transDate:dataRow.transDate, |
|||
receiverName:dataRow.receiverName, |
|||
orderRef1:dataRow.orderRef1, |
|||
partNo:'', |
|||
partDesc:'', |
|||
locationId:'', |
|||
batchNo:'', |
|||
wdrNo:'', |
|||
manufactureDate:'', |
|||
expiredDate:'', |
|||
} |
|||
let inData2={ |
|||
site:row.site, |
|||
warehouseId:data.row.warehouseID, |
|||
active:'Y' |
|||
} |
|||
getLocationListForSearch(inData2).then(({data})=>{ |
|||
if(data.rows.length>0){ |
|||
this.locationList=data.rows |
|||
this.dataForm.locationId=data.rows[0].locationId |
|||
} |
|||
}) |
|||
this.visible = true |
|||
} else { |
|||
this.$message.error(data.msg) |
|||
} |
|||
}) |
|||
}, |
|||
createNewRoll(){ |
|||
if(this.dataForm.partNo===''){ |
|||
this.$alert('请输入物料！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.dataForm.locationId===''){ |
|||
this.$alert('请选择库位！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.dataForm.batchNo===''){ |
|||
this.$alert('请输入批号！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.dataForm.manufactureDate===''){ |
|||
this.$alert('请选择生产日期！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.dataForm.expiredDate===''){ |
|||
this.$alert('请选择失效日期！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.rollData.perQty===''){ |
|||
this.$alert('请输入每卷数量！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.rollData.rollNumber===''){ |
|||
this.$alert('请输入卷数量！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.rollData.rollNumber>10000){ |
|||
this.$alert('卷数量超过一万！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
let inData={ |
|||
site:this.dataForm.site, |
|||
transNo:this.dataForm.transNo, |
|||
partNo:this.dataForm.partNo, |
|||
rollNo:'', |
|||
rollQty:this.rollData.perQty, |
|||
batchNo:this.dataForm.batchNo, |
|||
wdrNo:this.dataForm.wdrNo, |
|||
locationID:this.dataForm.locationId, |
|||
manufactureDate:this.dataForm.manufactureDate, |
|||
expiredDate:this.dataForm.expiredDate, |
|||
rollNumber:this.rollData.rollNumber, |
|||
|
|||
} |
|||
createNewCachRoll(inData).then(({data})=>{ |
|||
//区分请求成功和失败的状况 |
|||
if (data && data.code == 0) { |
|||
this.$message.success( '操作成功') |
|||
searchTransDetailAndSubCach(this.dataForm).then(({data})=>{ |
|||
this.dataList = data.rows |
|||
}) |
|||
} else { |
|||
this.$message.error(data.msg) |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
// 表单提交 |
|||
dataFormSubmit () { |
|||
finalSaveTransHeaderDetail(this.dataForm).then(({data})=>{ |
|||
//区分请求成功和失败的状况 |
|||
if (data && data.code == 0) { |
|||
this.$message.success( '操作成功') |
|||
this.visible = false |
|||
this.$emit('refreshDataList') |
|||
|
|||
} else { |
|||
this.$message.error(data.msg) |
|||
} |
|||
}) |
|||
}, |
|||
closeSaveDialog(){ |
|||
this.cleanData() |
|||
}, |
|||
cleanData(){ |
|||
for (var prop in this.dataForm) { |
|||
if (this.dataForm.hasOwnProperty(prop)) { |
|||
this.dataForm[prop] = ''; |
|||
} |
|||
} |
|||
}, |
|||
getPartDesc(){ |
|||
let data={ |
|||
site:this.dataForm.site, |
|||
partNo:this.dataForm.partNo, |
|||
active:'Y' |
|||
} |
|||
getPartListForSearch(data).then(({data})=>{ |
|||
//区分请求成功和失败的状况 |
|||
if (data && data.code == 0) { |
|||
if(data.rows.length>0){ |
|||
this.dataForm.partDesc=data.rows[0].partDesc |
|||
}else { |
|||
this.dataForm.partDesc="" |
|||
} |
|||
|
|||
} else { |
|||
|
|||
} |
|||
}) |
|||
}, |
|||
deleteCach(row){ |
|||
this.$confirm('确定要删除这条数据?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
deleteSubCach(row).then(({data}) => { |
|||
//区分请求成功和失败的状况 |
|||
if (data && data.code == 0) { |
|||
this.$message.success( '操作成功') |
|||
searchTransDetailAndSubCach(this.dataForm).then(({data})=>{ |
|||
this.dataList = data.rows |
|||
}) |
|||
} else { |
|||
|
|||
} |
|||
}) |
|||
}) |
|||
}, |
|||
|
|||
scanModel(){ |
|||
this.scanSerial=''; |
|||
this.scanModalFlag=true; |
|||
this.$nextTick(() => { this.$refs.scan.focus();}) |
|||
}, |
|||
scanSaveCach(){ |
|||
debugger; |
|||
let str=this.scanSerial; |
|||
let arr = str.split(",") |
|||
if(arr.length<7){ |
|||
this.$message.error("二维码格式不对") |
|||
return false |
|||
} |
|||
let batchNo=arr[2] |
|||
if(batchNo.length<4){ |
|||
this.$message.error("二维码格式不对") |
|||
return false |
|||
} |
|||
let yearPrefix = '202'; // 假设年份的前缀是20，如果需要可以调整 |
|||
let year = yearPrefix + batchNo[0]; // 解析年份 |
|||
let month = ""; // 解析月份 |
|||
switch (batchNo[1]) { |
|||
case "x": |
|||
month = "10"; |
|||
break; |
|||
case "y": |
|||
month = "11"; |
|||
break; |
|||
case "z": |
|||
month = "12"; |
|||
break; |
|||
default: |
|||
month = '0'+batchNo[1]; |
|||
} |
|||
let day = batchNo.substring(2,4); // 解析日期 |
|||
let manufactureDate = this.dayjs(year+month+day, 'YYYYDDDHH').toDate(); |
|||
console.log(year) |
|||
console.log(month) |
|||
console.log(day) |
|||
console.log(year+month+day) |
|||
if (isNaN(manufactureDate.getTime())) { |
|||
this.$message.error("生产日期的日期格式不正确") |
|||
return false |
|||
} |
|||
let expiredDate = this.dayjs(arr[6], 'YYYYDDDHH').toDate(); |
|||
if (isNaN(expiredDate.getTime())) { |
|||
this.$message.error("失效日期的日期格式不正确") |
|||
return false |
|||
} |
|||
this.dataForm.manufactureDate=manufactureDate |
|||
this.dataForm.expiredDate=expiredDate |
|||
this.dataForm.batchNo=batchNo; |
|||
this.scanSerial='' |
|||
}, |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style > |
|||
|
|||
|
|||
</style> |
|||
@ -0,0 +1,600 @@ |
|||
<template> |
|||
<div class="mod-config"> |
|||
<el-dialog |
|||
width="40%" |
|||
title="入库单明细" |
|||
:close-on-click-modal="false" |
|||
:visible.sync="visible" |
|||
@close="closeSaveDialog"> |
|||
<el-form ref="saveForm" :model="dataForm" label-position="top" label-width="100px" > |
|||
<el-row :gutter="25"> |
|||
<el-col :span="6"> |
|||
<el-form-item label="入库单号"> |
|||
<el-input v-model="dataForm.transNo" disabled ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<!-- <el-col :span="6">--> |
|||
<!-- <el-form-item label="供应商编码">--> |
|||
<!-- <el-input v-model="dataForm.partnerID" disabled ></el-input>--> |
|||
<!-- </el-form-item>--> |
|||
<!-- </el-col>--> |
|||
<!-- <el-col :span="6">--> |
|||
<!-- <el-form-item label="供应商名称">--> |
|||
<!-- <el-input v-model="dataForm.partnerName" disabled ></el-input>--> |
|||
<!-- </el-form-item>--> |
|||
<!-- </el-col>--> |
|||
<el-col :span="6"> |
|||
<el-form-item label=" "> |
|||
<el-button type="primary" @click="visible = false">关闭</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="25"> |
|||
<el-col :span="6"> |
|||
<el-form-item label="仓库"> |
|||
<el-input v-model="dataForm.warehouseID" disabled ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="入库日期"> |
|||
<el-date-picker |
|||
style="width: 120px" |
|||
v-model="dataForm.transDate" |
|||
type="date" |
|||
disabled |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="经手人"> |
|||
<el-input v-model="dataForm.receiverName" disabled ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="生产订单"> |
|||
<el-input v-model="dataForm.orderRef1" disabled ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<el-row :gutter="25"> |
|||
<el-col :span="6"> |
|||
<el-form-item label="库位"> |
|||
<el-select v-model="dataForm.locationId" style="width: 100%;"> |
|||
<el-option :value="i.locationId" :label="i.locationName" v-for="i in locationList" :key="i.locationId"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="请扫描标签"> |
|||
<el-input v-model="dataForm.scanSerialNo" ref="scan" @keyup.enter.native="scanSaveCach()" ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label=" "> |
|||
<el-button type="primary" @click="dataFormSubmit()">{{'最终入库'}}</el-button> |
|||
<!-- <el-button type="primary" @click="visible = false">{{'关闭'}}</el-button>--> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<el-table |
|||
:data="dataList" |
|||
height="300" |
|||
border |
|||
:row-class-name="tableRowClassName" |
|||
v-loading="false" |
|||
style="width: 100%; "> |
|||
<el-table-column |
|||
header-align="center" |
|||
align="center" |
|||
width="60" |
|||
fixed="left" |
|||
label="操作"> |
|||
<template slot-scope="scope"> |
|||
<a type="text" size="small" @click="deleteCach(scope.row)">删除</a> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
v-for="(item,index) in columnList" :key="index" |
|||
:sortable="item.columnSortable" |
|||
:prop="item.columnProp" |
|||
:header-align="item.headerAlign" |
|||
:show-overflow-tooltip="item.showOverflowTooltip" |
|||
:align="item.align" |
|||
:fixed="item.fixed==''?false:item.fixed" |
|||
:min-width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span> |
|||
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" |
|||
style="width: 100px; height: 80px"/></span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-dialog> |
|||
|
|||
|
|||
<Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getLocationListForSearch, |
|||
} from "@/api/base/normalSearch.js" |
|||
import { |
|||
searchTransDetailAndSubCach |
|||
,createNewCachRoll |
|||
,finalSaveTransHeaderDetail |
|||
,deleteSubCach, |
|||
saveStockCach, |
|||
} from "@/api/material/productionStock.js" |
|||
import Chooselist from '@/views/modules/common/Chooselist' |
|||
import {searchTransDetail} from "../../../api/material/poReceive"; |
|||
export default { |
|||
model:{ |
|||
prop:'value', |
|||
event:'change', |
|||
}, |
|||
props:{ |
|||
value:{ |
|||
required:true, |
|||
type:String, |
|||
} |
|||
}, |
|||
components: { |
|||
Chooselist |
|||
}, |
|||
data () { |
|||
return { |
|||
locationList:[], |
|||
tagNo:'', |
|||
tagNo1:'', |
|||
visible: false, |
|||
dataForm: { |
|||
site:this.$store.state.user.site, |
|||
warehouseID:'', |
|||
transNo:'', |
|||
transDate:'', |
|||
receiverName:'', |
|||
receiver:'', |
|||
scanSerialNo:'', |
|||
orderRef1:'', |
|||
locationId:'', |
|||
}, |
|||
scanModalFlag:false, |
|||
rollData:{ |
|||
perQty:'', |
|||
rollNumber:'', |
|||
}, |
|||
dataList:[], |
|||
scanSerial:'', |
|||
columnList:[ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table4PartNo', |
|||
tableId: "200002Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "partNo", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "物料编码", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table4PartDesc', |
|||
tableId: "200002Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "partDesc", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "物料名", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table4RollNo', |
|||
tableId: "200002Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "rollNo", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "卷号", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table4RollQty', |
|||
tableId: "200002Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "rollQty", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "数量", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 60 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table4BatchNo', |
|||
tableId: "200002Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "batchNo", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "批号", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
// },{ |
|||
// userId: this.$store.state.user.name, |
|||
// functionId: 200002, |
|||
// serialNumber: '200002Table4WdrNo', |
|||
// tableId: "200002Table4", |
|||
// tableName: "入库单已扫卷", |
|||
// columnProp: "wdrNo", |
|||
// headerAlign: "center", |
|||
// align: "left", |
|||
// columnLabel: "W/D/R", |
|||
// columnHidden: false, |
|||
// columnImage: false, |
|||
// columnSortable: false, |
|||
// sortLv: 0, |
|||
// status: true, |
|||
// fixed: '', |
|||
// columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table4ManufactureDate', |
|||
tableId: "200002Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "manufactureDate", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "生产日期", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table4ExpiredDate', |
|||
tableId: "200002Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "expiredDate", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "失效日期", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table4LocationID', |
|||
tableId: "200002Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "locationID", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "库位", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 70 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table4EnterByName', |
|||
tableId: "200002Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "enterByName", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "Created", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table4EnterDate', |
|||
tableId: "200002Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "enterDate", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "Created Time", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 130 |
|||
}, |
|||
], |
|||
|
|||
} |
|||
}, |
|||
created () { |
|||
|
|||
}, |
|||
methods: { |
|||
// 获取基础数据列表S |
|||
getBaseList (val, type) { |
|||
this.tagNo = val |
|||
this.tagNo1 = type |
|||
this.$nextTick(() => { |
|||
let strVal = '' |
|||
if (val === 133) { |
|||
if(type==1) { |
|||
strVal = this.dataForm.partNo |
|||
} |
|||
} |
|||
|
|||
this.$refs.baseList.init(val, strVal) |
|||
}) |
|||
}, |
|||
/* 列表方法的回调 */ |
|||
getBaseData (val) { |
|||
if (this.tagNo === 133) { |
|||
if(this.tagNo1==1) { |
|||
this.dataForm.partNo = val.part_no |
|||
this.dataForm.partDesc = val.part_desc |
|||
} |
|||
} |
|||
|
|||
}, |
|||
init (row) { |
|||
this.rollData={ |
|||
perQty:'', |
|||
rollNumber:'', |
|||
} |
|||
this.cleanData() |
|||
searchTransDetailAndSubCach(row).then(({data})=>{ |
|||
//区分请求成功和失败的状况 |
|||
if (data && data.code == 0) { |
|||
let dataRow= data.row |
|||
this.dataList = data.rows |
|||
this.dataForm={ |
|||
site:dataRow.site, |
|||
warehouseID:data.row.warehouseID, |
|||
transNo:dataRow.transNo, |
|||
transDate:dataRow.transDate, |
|||
receiverName:dataRow.receiverName, |
|||
orderRef1:dataRow.orderRef1, |
|||
scanSerialNo:'', |
|||
} |
|||
let inData2={ |
|||
site:row.site, |
|||
warehouseId:data.row.warehouseID, |
|||
active:'Y' |
|||
} |
|||
getLocationListForSearch(inData2).then(({data})=>{ |
|||
if(data.rows.length>0){ |
|||
this.locationList=data.rows |
|||
this.dataForm.locationId=data.rows[0].locationId |
|||
} |
|||
}) |
|||
this.visible = true |
|||
this.$nextTick(() => { this.$refs.scan.focus();}) |
|||
} else { |
|||
this.$message.error(data.msg) |
|||
} |
|||
}) |
|||
}, |
|||
createNewRoll(){ |
|||
if(this.dataForm.partNo===''){ |
|||
this.$alert('请输入物料！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.dataForm.locationId===''){ |
|||
this.$alert('请选择库位！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.dataForm.batchNo===''){ |
|||
this.$alert('请输入批号！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.dataForm.manufactureDate===''){ |
|||
this.$alert('请选择生产日期！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.dataForm.expiredDate===''){ |
|||
this.$alert('请选择失效日期！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.rollData.perQty===''){ |
|||
this.$alert('请输入每卷数量！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.rollData.rollNumber===''){ |
|||
this.$alert('请输入卷数量！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.rollData.rollNumber>10000){ |
|||
this.$alert('卷数量超过一万！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
let inData={ |
|||
site:this.dataForm.site, |
|||
transNo:this.dataForm.transNo, |
|||
partNo:this.dataForm.partNo, |
|||
rollNo:'', |
|||
rollQty:this.rollData.perQty, |
|||
batchNo:this.dataForm.batchNo, |
|||
wdrNo:this.dataForm.wdrNo, |
|||
locationID:this.dataForm.locationId, |
|||
manufactureDate:this.dataForm.manufactureDate, |
|||
expiredDate:this.dataForm.expiredDate, |
|||
rollNumber:this.rollData.rollNumber, |
|||
|
|||
} |
|||
createNewCachRoll(inData).then(({data})=>{ |
|||
//区分请求成功和失败的状况 |
|||
if (data && data.code == 0) { |
|||
this.$message.success( '操作成功') |
|||
searchTransDetailAndSubCach(this.dataForm).then(({data})=>{ |
|||
this.dataList = data.rows |
|||
}) |
|||
} else { |
|||
this.$message.error(data.msg) |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
// 表单提交 |
|||
dataFormSubmit () { |
|||
finalSaveTransHeaderDetail(this.dataForm).then(({data})=>{ |
|||
//区分请求成功和失败的状况 |
|||
if (data && data.code == 0) { |
|||
this.$message.success( '操作成功') |
|||
this.visible = false |
|||
this.$emit('refreshDataList') |
|||
|
|||
} else { |
|||
this.$message.error(data.msg) |
|||
} |
|||
}) |
|||
}, |
|||
closeSaveDialog(){ |
|||
this.cleanData() |
|||
}, |
|||
cleanData(){ |
|||
for (var prop in this.dataForm) { |
|||
if (this.dataForm.hasOwnProperty(prop)) { |
|||
this.dataForm[prop] = ''; |
|||
} |
|||
} |
|||
}, |
|||
deleteCach(row){ |
|||
this.$confirm('确定要删除这条数据?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
deleteSubCach(row).then(({data}) => { |
|||
//区分请求成功和失败的状况 |
|||
if (data && data.code == 0) { |
|||
this.$message.success( '操作成功') |
|||
searchTransDetailAndSubCach(this.dataForm).then(({data})=>{ |
|||
this.dataList = data.rows |
|||
}) |
|||
} else { |
|||
this.$message.error( data.msg) |
|||
} |
|||
}) |
|||
}) |
|||
}, |
|||
scanSaveCach(){ |
|||
let arr=this.dataForm.scanSerialNo.split(','); |
|||
if(arr.length<2){ |
|||
this.$message.error( '二维码格式有误！') |
|||
} |
|||
let inData={ |
|||
site:this.dataForm.site, |
|||
transNo:this.dataForm.transNo, |
|||
orderNo:this.dataForm.orderRef1, |
|||
locationID:this.dataForm.locationId, |
|||
rollNo:arr[1], |
|||
} |
|||
saveStockCach(inData).then(({data}) => { |
|||
//区分请求成功和失败的状况 |
|||
if (data && data.code == 0) { |
|||
this.$message.success( '操作成功'+data.str) |
|||
searchTransDetailAndSubCach(this.dataForm).then(({data})=>{ |
|||
this.dataList = data.rows |
|||
}) |
|||
this.dataForm.scanSerialNo='' |
|||
} else { |
|||
this.$message.error( data.msg) |
|||
this.dataForm.scanSerialNo='' |
|||
} |
|||
}) |
|||
}, |
|||
tableRowClassName ({row, rowIndex}) { |
|||
// var currentDate = new Date(); |
|||
// var futureDate = new Date(); |
|||
// futureDate.setDate(currentDate.getDate() + 90); |
|||
// var date = new Date(row.expiredDate) |
|||
// if (date.getTime() < futureDate.getTime()) { |
|||
// console.log('快过期了') |
|||
// return 'error-row' |
|||
// } |
|||
return '' |
|||
}, |
|||
|
|||
|
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style > |
|||
|
|||
|
|||
</style> |
|||
@ -0,0 +1,947 @@ |
|||
<template> |
|||
<div class="mod-config"> |
|||
<el-form label-position="top" style="margin-top: 1px; margin-left: 0px;"> |
|||
<el-form :inline="true" label-position="top" style="margin-top: 0px"> |
|||
<el-form-item :label="'生产订单'"> |
|||
<el-input v-model="searchData.orderRef1" style="width: 120px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'发料单日期'"> |
|||
<el-date-picker |
|||
style="width: 120px" |
|||
v-model="searchData.startDate" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item style="margin-top: 23px;"> |
|||
<label style="margin-left: 0px;font-size: 19px">➞</label> |
|||
</el-form-item> |
|||
<el-form-item :label="' '"> |
|||
<el-date-picker |
|||
style="width: 120px" |
|||
v-model="searchData.endDate" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item :label="' '"> |
|||
<el-button type="primary" @click="searchTable()">查询</el-button> |
|||
<el-button type="primary" @click="addModal()">新增</el-button> |
|||
<download-excel |
|||
:fields="fields()" |
|||
:data="exportData" |
|||
type="xls" |
|||
:name="exportName" |
|||
:header="exportHeader" |
|||
:footer="exportFooter" |
|||
:fetch="createExportData" |
|||
:before-generate="startDownload" |
|||
:before-finish="finishDownload" |
|||
worksheet="导出信息" |
|||
class="el-button el-button--primary el-button--medium"> |
|||
{{ '导出' }} |
|||
</download-excel> |
|||
</el-form-item> |
|||
</el-form> |
|||
</el-form> |
|||
<el-table |
|||
:data="dataList" |
|||
@row-click="changeData" |
|||
:height="height" |
|||
border |
|||
highlight-current-row |
|||
ref="mainTable" |
|||
v-loading="dataListLoading" |
|||
style="width: 100%; "> |
|||
<el-table-column |
|||
v-for="(item,index) in columnList1" :key="index" |
|||
:sortable="item.columnSortable" |
|||
:prop="item.columnProp" |
|||
:header-align="item.headerAlign" |
|||
:show-overflow-tooltip="item.showOverflowTooltip" |
|||
:align="item.align" |
|||
:fixed="item.fixed==''?false:item.fixed" |
|||
:min-width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span> |
|||
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" |
|||
style="width: 100px; height: 80px"/></span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
header-align="center" |
|||
align="center" |
|||
width="150" |
|||
fixed="left" |
|||
label="操作"> |
|||
<template slot-scope="scope"> |
|||
<a type="text" size="small" @click="updateModel(scope.row)">编辑</a> |
|||
<a type="text" size="small" @click="deleteData(scope.row)">删除</a> |
|||
<a type="text" size="small" @click="scanRoll(scope.row)">扫描</a> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<el-pagination |
|||
@size-change="sizeChangeHandle" |
|||
@current-change="currentChangeHandle" |
|||
:current-page="pageIndex" |
|||
:page-sizes="[20, 50, 100, 1000]" |
|||
:page-size="pageSize" |
|||
:total="totalPage" |
|||
layout="total, sizes, prev, pager, next, jumper"> |
|||
</el-pagination> |
|||
|
|||
|
|||
<el-tabs style="font-size: 12px;min-height: 200px" class="customer-tab" v-model="activeName" type="border-card" @tab-click="tabClick"> |
|||
<el-tab-pane label="明细" name="detail"> |
|||
<el-table |
|||
:data="dataList2" |
|||
:height="height" |
|||
border |
|||
v-loading="dataListLoading" |
|||
style="width: 100%; "> |
|||
<el-table-column |
|||
v-for="(item,index) in columnList2" :key="index" |
|||
:sortable="item.columnSortable" |
|||
:prop="item.columnProp" |
|||
:header-align="item.headerAlign" |
|||
:show-overflow-tooltip="item.showOverflowTooltip" |
|||
:align="item.align" |
|||
:fixed="item.fixed==''?false:item.fixed" |
|||
:min-width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span> |
|||
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" |
|||
style="width: 100px; height: 80px"/></span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
</el-tab-pane> |
|||
<el-tab-pane label="卷明细" name="sub"> |
|||
<el-table |
|||
:data="dataList3" |
|||
:height="height" |
|||
border |
|||
v-loading="dataListLoading" |
|||
style="width: 100%; "> |
|||
<el-table-column |
|||
v-for="(item,index) in columnList3" :key="index" |
|||
:sortable="item.columnSortable" |
|||
:prop="item.columnProp" |
|||
:header-align="item.headerAlign" |
|||
:show-overflow-tooltip="item.showOverflowTooltip" |
|||
:align="item.align" |
|||
:fixed="item.fixed==''?false:item.fixed" |
|||
:min-width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span> |
|||
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" |
|||
style="width: 100px; height: 80px"/></span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
|
|||
|
|||
<el-dialog title="生产发料-新增" :close-on-click-modal="false" v-drag :visible.sync="modelFlag" width="480px" > |
|||
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
|||
<el-form-item label="仓库"> |
|||
<el-select v-model="modelData.warehouseID" style="width: 100%;"> |
|||
<el-option :value="i.wareHouseId" :label="i.wareHouseName" v-for="i in wareHouseList" :key="i.menuId"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="发料日期"> |
|||
<el-date-picker |
|||
style="width: 100%" |
|||
v-model="modelData.transDate" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label=" " > |
|||
<el-checkbox v-model="jumpFlag">保存后直接扫描</el-checkbox> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
|||
<el-form-item label="经手人"> |
|||
<el-input v-model="modelData.receiver" style="width: 204px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="生产订单"> |
|||
<el-input v-model="modelData.orderRef1" style="width: 200px"></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
<!-- <el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;">--> |
|||
<!-- <el-form-item >--> |
|||
<!-- <span slot="label" style="" @click="getBaseList(23,1)" ><a herf="#">供应商编码</a></span>--> |
|||
<!-- <el-input v-model="modelData.supplierId" style="width: 204px"></el-input>--> |
|||
<!-- </el-form-item>--> |
|||
<!-- <el-form-item label="供应商名称">--> |
|||
<!-- <el-input v-model="modelData.supplierName" disabled style="width: 200px"></el-input>--> |
|||
<!-- </el-form-item>--> |
|||
<!-- </el-form>--> |
|||
<el-footer style="height:40px;margin-top: 20px;text-align:center"> |
|||
<el-button type="primary" @click="saveHeaderData()">保存</el-button> |
|||
<el-button type="primary" @click="modelFlag = false">关闭</el-button> |
|||
</el-footer> |
|||
</el-dialog> |
|||
|
|||
|
|||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="searchTable" v-drag></add-or-update> |
|||
<Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
searchTransHeader |
|||
,searchTransDetail |
|||
,searchTransDetailSub |
|||
,getWareHouseList |
|||
,saveTransHeaderData |
|||
,deleteTransHeaderData |
|||
} from "@/api/material/issureSo.js" |
|||
import { |
|||
getLocationListForSearch |
|||
} from "@/api/base/normalSearch.js" |
|||
import addOrUpdate from './com_issureSo_add_or_update' |
|||
import Chooselist from '@/views/modules/common/Chooselist' |
|||
export default { |
|||
components: { |
|||
Chooselist |
|||
,addOrUpdate |
|||
}, |
|||
data() { |
|||
return { |
|||
height:200, |
|||
modelFlag:false, |
|||
activeName: 'detail', |
|||
dataList: [], |
|||
dataList2: [], |
|||
dataList3: [], |
|||
addOrUpdateVisible:false, |
|||
searchData: { |
|||
page: 1, |
|||
limit: 100, |
|||
site:this.$store.state.user.site, |
|||
username: this.$store.state.user.name, |
|||
orderRef1: '', |
|||
startDate: '', |
|||
endDate: '', |
|||
transTypeDb:'SI', |
|||
}, |
|||
wareHouseList:[], |
|||
jumpFlag:true, |
|||
modelData:{ |
|||
transNo:'', |
|||
site:this.$store.state.user.site, |
|||
transDate:new Date(), |
|||
warehouseID:'', |
|||
receiver:'', |
|||
orderRef1:'', |
|||
supplierId:'', |
|||
supplierName:'', |
|||
enterBy:'', |
|||
}, |
|||
exportList:[], |
|||
pageIndex: 1, |
|||
pageSize: 100, |
|||
totalPage: 0, |
|||
dataListLoading: false, |
|||
currentRow:'', |
|||
headerData:'', |
|||
columnList1:[ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table1TransNo', |
|||
tableId: "200002Table1", |
|||
tableName: "生产发料主表", |
|||
columnProp: "transNo", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "发料单号", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table1TransType', |
|||
tableId: "200002Table1", |
|||
tableName: "生产发料主表", |
|||
columnProp: "transType", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "发料类型", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table1TransDate', |
|||
tableId: "200002Table1", |
|||
tableName: "生产发料主表", |
|||
columnProp: "transDate", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "发料日期", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table1WareHouseID', |
|||
tableId: "200002Table1", |
|||
tableName: "生产发料主表", |
|||
columnProp: "warehouseID", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "仓库编码", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table1OrderRef1', |
|||
tableId: "200002Table1", |
|||
tableName: "生产发料主表", |
|||
columnProp: "orderRef1", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "生产订单", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table1ReceiverName', |
|||
tableId: "200002Table1", |
|||
tableName: "生产发料主表", |
|||
columnProp: "receiverName", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "经手人", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table1EnterDate', |
|||
tableId: "200002Table1", |
|||
tableName: "生产发料主表", |
|||
columnProp: "enterDate", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "录入时间", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table1EnterName', |
|||
tableId: "200002Table1", |
|||
tableName: "生产发料主表", |
|||
columnProp: "enterName", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "录入人", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
}, |
|||
], |
|||
columnList2:[ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table2PartNo', |
|||
tableId: "200002Table2", |
|||
tableName: "生产发料明细", |
|||
columnProp: "partNo", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "料号", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table2PartDesc', |
|||
tableId: "200002Table2", |
|||
tableName: "生产发料明细", |
|||
columnProp: "partDesc", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "料号描述", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 150 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table2TransQty', |
|||
tableId: "200002Table2", |
|||
tableName: "生产发料明细", |
|||
columnProp: "transQty", |
|||
headerAlign: "center", |
|||
align: "right", |
|||
columnLabel: "发料数量", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table2BatchNo', |
|||
tableId: "200002Table2", |
|||
tableName: "生产发料明细", |
|||
columnProp: "batchNo", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "批号", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table2LocationID', |
|||
tableId: "200002Table2", |
|||
tableName: "生产发料明细", |
|||
columnProp: "locationID", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "库位", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
// },{ |
|||
// userId: this.$store.state.user.name, |
|||
// functionId: 200002, |
|||
// serialNumber: '200002Table2WdrNo', |
|||
// tableId: "200002Table2", |
|||
// tableName: "生产发料明细", |
|||
// columnProp: "wdrNo", |
|||
// headerAlign: "center", |
|||
// align: "left", |
|||
// columnLabel: "W/D/R", |
|||
// columnHidden: false, |
|||
// columnImage: false, |
|||
// columnSortable: false, |
|||
// sortLv: 0, |
|||
// status: true, |
|||
// fixed: '', |
|||
// columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table2ManufactureDate', |
|||
tableId: "200002Table2", |
|||
tableName: "生产发料明细", |
|||
columnProp: "manufactureDate", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "生产日期", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table2ExpiredDate', |
|||
tableId: "200002Table2", |
|||
tableName: "生产发料明细", |
|||
columnProp: "expiredDate", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "失效日期", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table2EnterDate', |
|||
tableId: "200002Table2", |
|||
tableName: "生产发料明细", |
|||
columnProp: "enterDate", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "录入日期", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table2EnterName', |
|||
tableId: "200002Table2", |
|||
tableName: "生产发料明细", |
|||
columnProp: "enterName", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "录入人", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 70 |
|||
}, |
|||
], |
|||
columnList3:[ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table3RollNo', |
|||
tableId: "200002Table3", |
|||
tableName: "生产发料卷明细", |
|||
columnProp: "rollNo", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "卷号", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table3RollQty', |
|||
tableId: "200002Table3", |
|||
tableName: "生产发料卷明细", |
|||
columnProp: "rollQty", |
|||
headerAlign: "center", |
|||
align: "right", |
|||
columnLabel: "数量", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table3ManufactureDate', |
|||
tableId: "200002Table3", |
|||
tableName: "生产发料卷明细", |
|||
columnProp: "manufactureDate", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "生产日期", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table3ExpiredDate', |
|||
tableId: "200002Table3", |
|||
tableName: "生产发料卷明细", |
|||
columnProp: "expiredDate", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "失效日期", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table3EnterName', |
|||
tableId: "200002Table3", |
|||
tableName: "生产发料卷明细", |
|||
columnProp: "enterName", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "录入人", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table3EnterDate', |
|||
tableId: "200002Table3", |
|||
tableName: "生产发料卷明细", |
|||
columnProp: "enterDate", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "录入时间", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
}, |
|||
], |
|||
dataRole: { |
|||
partTypeDesc: [ |
|||
{ |
|||
required: true, |
|||
message: ' ', |
|||
trigger: 'change' |
|||
} |
|||
], |
|||
partName: [ |
|||
{ |
|||
required: true, |
|||
message: ' ', |
|||
trigger: 'change' |
|||
} |
|||
], |
|||
}, |
|||
// 导出 start |
|||
exportData: [], |
|||
exportName: '生产发料主表'+this.dayjs().format('YYYYMMDDHHmmss'), |
|||
exportHeader: ["生产发料主表"], |
|||
exportFooter: [], |
|||
// 导出 end |
|||
} |
|||
}, |
|||
mounted () { |
|||
this.$nextTick(() => { |
|||
this.height = (window.innerHeight- 260) / 2 |
|||
|
|||
}) |
|||
}, |
|||
methods: { |
|||
// 获取基础数据列表S |
|||
getBaseList (val, type) { |
|||
this.tagNo = val |
|||
this.tagNo1 = type |
|||
this.$nextTick(() => { |
|||
let strVal = '' |
|||
if (val === 1013) { |
|||
if(type==23) { |
|||
strVal = this.modelData.supplierId |
|||
} |
|||
} |
|||
this.$refs.baseList.init(val, strVal) |
|||
}) |
|||
}, |
|||
/* 列表方法的回调 */ |
|||
getBaseData (val) { |
|||
if (this.tagNo === 23) { |
|||
if(this.tagNo1==1) { |
|||
this.modelData.supplierId = val.SupplierID |
|||
this.modelData.supplierName = val.SupplierName |
|||
} |
|||
} |
|||
}, |
|||
// 每页数 |
|||
sizeChangeHandle (val) { |
|||
this.pageSize = val |
|||
this.pageIndex = 1 |
|||
this.searchTable() |
|||
}, |
|||
// 当前页 |
|||
currentChangeHandle (val) { |
|||
this.pageIndex = val |
|||
this.searchTable() |
|||
}, |
|||
tabClick (tab, event) { |
|||
// 刷新列表数据 |
|||
this.refreshCurrentTabTable() |
|||
}, |
|||
changeData(row){ |
|||
this.currentRow = JSON.parse(JSON.stringify(row)); |
|||
this.headerData=row; |
|||
this.refreshCurrentTabTable (); |
|||
}, |
|||
refreshCurrentTabTable(){ |
|||
if(this.currentRow===''||this.currentRow===null){ |
|||
this.currentRow={site:'',transNo:''} |
|||
} |
|||
if(this.activeName==='detail'){ |
|||
searchTransDetail(this.currentRow).then(({data}) => { |
|||
//区分请求成功和失败的状况 |
|||
if (data && data.code == 0) { |
|||
this.dataList2 = data.rows |
|||
|
|||
} else { |
|||
this.dataList2 = []; |
|||
} |
|||
}); |
|||
}else { |
|||
searchTransDetailSub(this.currentRow).then(({data}) => { |
|||
//区分请求成功和失败的状况 |
|||
if (data && data.code == 0) { |
|||
this.dataList3 = data.rows |
|||
|
|||
} else { |
|||
this.dataList3 = []; |
|||
} |
|||
}); |
|||
} |
|||
}, |
|||
searchTable(){ |
|||
this.searchData.limit = this.pageSize |
|||
this.searchData.page = this.pageIndex |
|||
searchTransHeader(this.searchData).then(({data}) => { |
|||
//区分请求成功和失败的状况 |
|||
if (data && data.code == 0) { |
|||
this.dataList = data.page.list |
|||
this.pageIndex = data.page.currPage |
|||
this.pageSize = data.page.pageSize |
|||
this.totalPage = data.page.totalCount |
|||
if(this.dataList.length>0){ |
|||
this.$refs.mainTable.setCurrentRow(this.dataList[0]); |
|||
this.changeData(this.dataList[0]) |
|||
}else { |
|||
this.changeData(null) |
|||
} |
|||
} else { |
|||
this.dataList = []; |
|||
} |
|||
}); |
|||
}, |
|||
addModal(){ |
|||
this.getWareHouseList(); |
|||
setTimeout(() => { |
|||
this.modelData={ |
|||
transNo:"0", |
|||
site:this.$store.state.user.site, |
|||
transDate:new Date(), |
|||
warehouseID:this.wareHouseList.length>0?this.wareHouseList[0].wareHouseId:'', |
|||
receiver:this.$store.state.user.name, |
|||
orderRef1:'', |
|||
supplierId:'', |
|||
supplierName:'', |
|||
enterBy:this.$store.state.user.name, |
|||
}; |
|||
this.modelFlag=true; |
|||
},200) |
|||
}, |
|||
updateModel(row){ |
|||
this.getWareHouseList(); |
|||
this.modelData={ |
|||
transNo:row.transNo, |
|||
site:row.site, |
|||
transDate:row.transDate, |
|||
warehouseID:row.warehouseID, |
|||
receiver:row.receiver, |
|||
orderRef1:row.orderRef1, |
|||
supplierId:row.partnerID, |
|||
supplierName:row.partnerName, |
|||
enterBy:row.userName, |
|||
} |
|||
this.modelFlag=true; |
|||
}, |
|||
deleteData(row){ |
|||
this.$confirm('确定要删除这条数据?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
deleteTransHeaderData(row).then(({data}) => { |
|||
if (data && data.code === 0) { |
|||
this.$message.success( '操作成功') |
|||
this.searchTable(); |
|||
} else { |
|||
this.$message.error(data.msg) |
|||
} |
|||
}) |
|||
}).catch(() => { |
|||
}) |
|||
}, |
|||
saveHeaderData(){ |
|||
if(this.modelData.warehouseID===''){ |
|||
this.$alert('请选择仓库！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.modelData.receiver===''){ |
|||
this.$alert('请选择经手人！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.modelData.transDate===''){ |
|||
this.$alert('请选择发料日期！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
saveTransHeaderData(this.modelData).then(({data}) => { |
|||
if (data && data.code === 0) { |
|||
var transNo=data.transNo |
|||
this.$message.success( '操作成功') |
|||
this.modelFlag = false |
|||
this.searchTable() |
|||
if(this.jumpFlag){ |
|||
this.$nextTick(function () { |
|||
setTimeout(() => { |
|||
let data={ |
|||
site:this.$store.state.user.site, |
|||
transNo:transNo, |
|||
} |
|||
this.addOrUpdateVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.addOrUpdate.init(data) |
|||
}) |
|||
},500) |
|||
}) |
|||
} |
|||
|
|||
} else { |
|||
this.$message.error(data.msg) |
|||
} |
|||
}) |
|||
}, |
|||
getWareHouseList(){ |
|||
getWareHouseList({site:this.$store.state.user.site}).then(({data}) => { |
|||
if (data && data.code === 0) { |
|||
this.wareHouseList=data.rows |
|||
|
|||
} |
|||
}) |
|||
}, |
|||
scanRoll(row){ |
|||
let data={ |
|||
site:row.site, |
|||
transNo:row.transNo, |
|||
} |
|||
this.addOrUpdateVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.addOrUpdate.init(data) |
|||
}) |
|||
}, |
|||
//导出excel |
|||
//导出excel |
|||
async createExportData() { |
|||
this.searchData.limit = -1 |
|||
this.searchData.page = 1 |
|||
await searchTransHeader(this.searchData).then(({data}) => { |
|||
this.exportList= data.page.list; |
|||
}) |
|||
|
|||
return this.exportList; |
|||
}, |
|||
startDownload() { |
|||
// this.exportData = this.dataList |
|||
|
|||
}, |
|||
finishDownload() { |
|||
}, |
|||
fields() { |
|||
let json = "{" |
|||
this.columnList1.forEach((item, index) => { |
|||
if (index == this.columnList1.length - 1) { |
|||
json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" |
|||
} else { |
|||
json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" + "," |
|||
} |
|||
}) |
|||
json += "}" |
|||
let s = eval("(" + json + ")") |
|||
|
|||
return s |
|||
}, |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
793
src/views/modules/material/poReceiving.vue
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,947 @@ |
|||
<template> |
|||
<div class="mod-config"> |
|||
<el-form label-position="top" style="margin-top: 1px; margin-left: 0px;"> |
|||
<el-form :inline="true" label-position="top" style="margin-top: 0px"> |
|||
<el-form-item :label="'生产订单'"> |
|||
<el-input v-model="searchData.orderRef1" style="width: 120px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'入库单日期'"> |
|||
<el-date-picker |
|||
style="width: 120px" |
|||
v-model="searchData.startDate" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item style="margin-top: 23px;"> |
|||
<label style="margin-left: 0px;font-size: 19px">➞</label> |
|||
</el-form-item> |
|||
<el-form-item :label="' '"> |
|||
<el-date-picker |
|||
style="width: 120px" |
|||
v-model="searchData.endDate" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item :label="' '"> |
|||
<el-button type="primary" @click="searchTable()">查询</el-button> |
|||
<el-button type="primary" @click="addModal()">新增</el-button> |
|||
<download-excel |
|||
:fields="fields()" |
|||
:data="exportData" |
|||
type="xls" |
|||
:name="exportName" |
|||
:header="exportHeader" |
|||
:footer="exportFooter" |
|||
:fetch="createExportData" |
|||
:before-generate="startDownload" |
|||
:before-finish="finishDownload" |
|||
worksheet="导出信息" |
|||
class="el-button el-button--primary el-button--medium"> |
|||
{{ '导出' }} |
|||
</download-excel> |
|||
</el-form-item> |
|||
</el-form> |
|||
</el-form> |
|||
<el-table |
|||
:data="dataList" |
|||
@row-click="changeData" |
|||
:height="height" |
|||
border |
|||
highlight-current-row |
|||
ref="mainTable" |
|||
v-loading="dataListLoading" |
|||
style="width: 100%; "> |
|||
<el-table-column |
|||
v-for="(item,index) in columnList1" :key="index" |
|||
:sortable="item.columnSortable" |
|||
:prop="item.columnProp" |
|||
:header-align="item.headerAlign" |
|||
:show-overflow-tooltip="item.showOverflowTooltip" |
|||
:align="item.align" |
|||
:fixed="item.fixed==''?false:item.fixed" |
|||
:min-width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span> |
|||
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" |
|||
style="width: 100px; height: 80px"/></span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
header-align="center" |
|||
align="center" |
|||
width="150" |
|||
fixed="left" |
|||
label="操作"> |
|||
<template slot-scope="scope"> |
|||
<a type="text" size="small" @click="updateModel(scope.row)">编辑</a> |
|||
<a type="text" size="small" @click="deleteData(scope.row)">删除</a> |
|||
<a type="text" size="small" @click="scanRoll(scope.row)">扫描</a> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<el-pagination |
|||
@size-change="sizeChangeHandle" |
|||
@current-change="currentChangeHandle" |
|||
:current-page="pageIndex" |
|||
:page-sizes="[20, 50, 100, 1000]" |
|||
:page-size="pageSize" |
|||
:total="totalPage" |
|||
layout="total, sizes, prev, pager, next, jumper"> |
|||
</el-pagination> |
|||
|
|||
|
|||
<el-tabs style="font-size: 12px;min-height: 200px" class="customer-tab" v-model="activeName" type="border-card" @tab-click="tabClick"> |
|||
<el-tab-pane label="明细" name="detail"> |
|||
<el-table |
|||
:data="dataList2" |
|||
:height="height" |
|||
border |
|||
v-loading="dataListLoading" |
|||
style="width: 100%; "> |
|||
<el-table-column |
|||
v-for="(item,index) in columnList2" :key="index" |
|||
:sortable="item.columnSortable" |
|||
:prop="item.columnProp" |
|||
:header-align="item.headerAlign" |
|||
:show-overflow-tooltip="item.showOverflowTooltip" |
|||
:align="item.align" |
|||
:fixed="item.fixed==''?false:item.fixed" |
|||
:min-width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span> |
|||
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" |
|||
style="width: 100px; height: 80px"/></span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
</el-tab-pane> |
|||
<el-tab-pane label="卷明细" name="sub"> |
|||
<el-table |
|||
:data="dataList3" |
|||
:height="height" |
|||
border |
|||
v-loading="dataListLoading" |
|||
style="width: 100%; "> |
|||
<el-table-column |
|||
v-for="(item,index) in columnList3" :key="index" |
|||
:sortable="item.columnSortable" |
|||
:prop="item.columnProp" |
|||
:header-align="item.headerAlign" |
|||
:show-overflow-tooltip="item.showOverflowTooltip" |
|||
:align="item.align" |
|||
:fixed="item.fixed==''?false:item.fixed" |
|||
:min-width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span> |
|||
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" |
|||
style="width: 100px; height: 80px"/></span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
|
|||
|
|||
<el-dialog title="生产入库-新增" :close-on-click-modal="false" v-drag :visible.sync="modelFlag" width="480px" > |
|||
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
|||
<el-form-item label="仓库"> |
|||
<el-select v-model="modelData.warehouseID" style="width: 100%;"> |
|||
<el-option :value="i.wareHouseId" :label="i.wareHouseName" v-for="i in wareHouseList" :key="i.menuId"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="入库日期"> |
|||
<el-date-picker |
|||
style="width: 100%" |
|||
v-model="modelData.transDate" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label=" " > |
|||
<el-checkbox v-model="jumpFlag">保存后直接扫描</el-checkbox> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
|||
<el-form-item label="经手人"> |
|||
<el-input v-model="modelData.receiver" style="width: 204px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="生产订单"> |
|||
<el-input v-model="modelData.orderRef1" style="width: 200px"></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
<!-- <el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;">--> |
|||
<!-- <el-form-item >--> |
|||
<!-- <span slot="label" style="" @click="getBaseList(23,1)" ><a herf="#">供应商编码</a></span>--> |
|||
<!-- <el-input v-model="modelData.supplierId" style="width: 204px"></el-input>--> |
|||
<!-- </el-form-item>--> |
|||
<!-- <el-form-item label="供应商名称">--> |
|||
<!-- <el-input v-model="modelData.supplierName" disabled style="width: 200px"></el-input>--> |
|||
<!-- </el-form-item>--> |
|||
<!-- </el-form>--> |
|||
<el-footer style="height:40px;margin-top: 20px;text-align:center"> |
|||
<el-button type="primary" @click="saveHeaderData()">保存</el-button> |
|||
<el-button type="primary" @click="modelFlag = false">关闭</el-button> |
|||
</el-footer> |
|||
</el-dialog> |
|||
|
|||
|
|||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="searchTable" v-drag></add-or-update> |
|||
<Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
searchTransHeader |
|||
,searchTransDetail |
|||
,searchTransDetailSub |
|||
,getWareHouseList |
|||
,saveTransHeaderData |
|||
,deleteTransHeaderData |
|||
} from "@/api/material/productionStock.js" |
|||
import { |
|||
getLocationListForSearch |
|||
} from "@/api/base/normalSearch.js" |
|||
import addOrUpdate from './com_productionStock_add_or_update' |
|||
import Chooselist from '@/views/modules/common/Chooselist' |
|||
export default { |
|||
components: { |
|||
Chooselist |
|||
,addOrUpdate |
|||
}, |
|||
data() { |
|||
return { |
|||
height:200, |
|||
modelFlag:false, |
|||
activeName: 'detail', |
|||
dataList: [], |
|||
dataList2: [], |
|||
dataList3: [], |
|||
addOrUpdateVisible:false, |
|||
searchData: { |
|||
page: 1, |
|||
limit: 100, |
|||
site:this.$store.state.user.site, |
|||
username: this.$store.state.user.name, |
|||
orderRef1: '', |
|||
startDate: '', |
|||
endDate: '', |
|||
transTypeDb:'SR', |
|||
}, |
|||
wareHouseList:[], |
|||
jumpFlag:true, |
|||
modelData:{ |
|||
transNo:'', |
|||
site:this.$store.state.user.site, |
|||
transDate:new Date(), |
|||
warehouseID:'', |
|||
receiver:'', |
|||
orderRef1:'', |
|||
supplierId:'', |
|||
supplierName:'', |
|||
enterBy:'', |
|||
}, |
|||
exportList:[], |
|||
pageIndex: 1, |
|||
pageSize: 100, |
|||
totalPage: 0, |
|||
dataListLoading: false, |
|||
currentRow:'', |
|||
headerData:'', |
|||
columnList1:[ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table1TransNo', |
|||
tableId: "200002Table1", |
|||
tableName: "生产入库主表", |
|||
columnProp: "transNo", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "入库单号", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table1TransType', |
|||
tableId: "200002Table1", |
|||
tableName: "生产入库主表", |
|||
columnProp: "transType", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "入库类型", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table1TransDate', |
|||
tableId: "200002Table1", |
|||
tableName: "生产入库主表", |
|||
columnProp: "transDate", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "入库日期", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table1WareHouseID', |
|||
tableId: "200002Table1", |
|||
tableName: "生产入库主表", |
|||
columnProp: "warehouseID", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "仓库编码", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table1OrderRef1', |
|||
tableId: "200002Table1", |
|||
tableName: "生产入库主表", |
|||
columnProp: "orderRef1", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "生产订单", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table1ReceiverName', |
|||
tableId: "200002Table1", |
|||
tableName: "生产入库主表", |
|||
columnProp: "receiverName", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "经手人", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table1EnterDate', |
|||
tableId: "200002Table1", |
|||
tableName: "生产入库主表", |
|||
columnProp: "enterDate", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "录入时间", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table1EnterName', |
|||
tableId: "200002Table1", |
|||
tableName: "生产入库主表", |
|||
columnProp: "enterName", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "录入人", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
}, |
|||
], |
|||
columnList2:[ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table2PartNo', |
|||
tableId: "200002Table2", |
|||
tableName: "生产入库明细", |
|||
columnProp: "partNo", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "料号", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table2PartDesc', |
|||
tableId: "200002Table2", |
|||
tableName: "生产入库明细", |
|||
columnProp: "partDesc", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "料号描述", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 150 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table2TransQty', |
|||
tableId: "200002Table2", |
|||
tableName: "生产入库明细", |
|||
columnProp: "transQty", |
|||
headerAlign: "center", |
|||
align: "right", |
|||
columnLabel: "入库数量", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table2BatchNo', |
|||
tableId: "200002Table2", |
|||
tableName: "生产入库明细", |
|||
columnProp: "batchNo", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "批号", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table2LocationID', |
|||
tableId: "200002Table2", |
|||
tableName: "生产入库明细", |
|||
columnProp: "locationID", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "库位", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
// },{ |
|||
// userId: this.$store.state.user.name, |
|||
// functionId: 200002, |
|||
// serialNumber: '200002Table2WdrNo', |
|||
// tableId: "200002Table2", |
|||
// tableName: "生产入库明细", |
|||
// columnProp: "wdrNo", |
|||
// headerAlign: "center", |
|||
// align: "left", |
|||
// columnLabel: "W/D/R", |
|||
// columnHidden: false, |
|||
// columnImage: false, |
|||
// columnSortable: false, |
|||
// sortLv: 0, |
|||
// status: true, |
|||
// fixed: '', |
|||
// columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table2ManufactureDate', |
|||
tableId: "200002Table2", |
|||
tableName: "生产入库明细", |
|||
columnProp: "manufactureDate", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "生产日期", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table2ExpiredDate', |
|||
tableId: "200002Table2", |
|||
tableName: "生产入库明细", |
|||
columnProp: "expiredDate", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "失效日期", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table2EnterDate', |
|||
tableId: "200002Table2", |
|||
tableName: "生产入库明细", |
|||
columnProp: "enterDate", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "录入日期", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table2EnterName', |
|||
tableId: "200002Table2", |
|||
tableName: "生产入库明细", |
|||
columnProp: "enterName", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "录入人", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 70 |
|||
}, |
|||
], |
|||
columnList3:[ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table3RollNo', |
|||
tableId: "200002Table3", |
|||
tableName: "生产入库卷明细", |
|||
columnProp: "rollNo", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "卷号", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table3RollQty', |
|||
tableId: "200002Table3", |
|||
tableName: "生产入库卷明细", |
|||
columnProp: "rollQty", |
|||
headerAlign: "center", |
|||
align: "right", |
|||
columnLabel: "数量", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table3ManufactureDate', |
|||
tableId: "200002Table3", |
|||
tableName: "生产入库卷明细", |
|||
columnProp: "manufactureDate", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "生产日期", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table3ExpiredDate', |
|||
tableId: "200002Table3", |
|||
tableName: "生产入库卷明细", |
|||
columnProp: "expiredDate", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "失效日期", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table3EnterName', |
|||
tableId: "200002Table3", |
|||
tableName: "生产入库卷明细", |
|||
columnProp: "enterName", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "录入人", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200002, |
|||
serialNumber: '200002Table3EnterDate', |
|||
tableId: "200002Table3", |
|||
tableName: "生产入库卷明细", |
|||
columnProp: "enterDate", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "录入时间", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
}, |
|||
], |
|||
dataRole: { |
|||
partTypeDesc: [ |
|||
{ |
|||
required: true, |
|||
message: ' ', |
|||
trigger: 'change' |
|||
} |
|||
], |
|||
partName: [ |
|||
{ |
|||
required: true, |
|||
message: ' ', |
|||
trigger: 'change' |
|||
} |
|||
], |
|||
}, |
|||
// 导出 start |
|||
exportData: [], |
|||
exportName: '生产入库主表'+this.dayjs().format('YYYYMMDDHHmmss'), |
|||
exportHeader: ["生产入库主表"], |
|||
exportFooter: [], |
|||
// 导出 end |
|||
} |
|||
}, |
|||
mounted () { |
|||
this.$nextTick(() => { |
|||
this.height = (window.innerHeight- 260) / 2 |
|||
|
|||
}) |
|||
}, |
|||
methods: { |
|||
// 获取基础数据列表S |
|||
getBaseList (val, type) { |
|||
this.tagNo = val |
|||
this.tagNo1 = type |
|||
this.$nextTick(() => { |
|||
let strVal = '' |
|||
if (val === 1013) { |
|||
if(type==23) { |
|||
strVal = this.modelData.supplierId |
|||
} |
|||
} |
|||
this.$refs.baseList.init(val, strVal) |
|||
}) |
|||
}, |
|||
/* 列表方法的回调 */ |
|||
getBaseData (val) { |
|||
if (this.tagNo === 23) { |
|||
if(this.tagNo1==1) { |
|||
this.modelData.supplierId = val.SupplierID |
|||
this.modelData.supplierName = val.SupplierName |
|||
} |
|||
} |
|||
}, |
|||
// 每页数 |
|||
sizeChangeHandle (val) { |
|||
this.pageSize = val |
|||
this.pageIndex = 1 |
|||
this.searchTable() |
|||
}, |
|||
// 当前页 |
|||
currentChangeHandle (val) { |
|||
this.pageIndex = val |
|||
this.searchTable() |
|||
}, |
|||
tabClick (tab, event) { |
|||
// 刷新列表数据 |
|||
this.refreshCurrentTabTable() |
|||
}, |
|||
changeData(row){ |
|||
this.currentRow = JSON.parse(JSON.stringify(row)); |
|||
this.headerData=row; |
|||
this.refreshCurrentTabTable (); |
|||
}, |
|||
refreshCurrentTabTable(){ |
|||
if(this.currentRow===''||this.currentRow===null){ |
|||
this.currentRow={site:'',transNo:''} |
|||
} |
|||
if(this.activeName==='detail'){ |
|||
searchTransDetail(this.currentRow).then(({data}) => { |
|||
//区分请求成功和失败的状况 |
|||
if (data && data.code == 0) { |
|||
this.dataList2 = data.rows |
|||
|
|||
} else { |
|||
this.dataList2 = []; |
|||
} |
|||
}); |
|||
}else { |
|||
searchTransDetailSub(this.currentRow).then(({data}) => { |
|||
//区分请求成功和失败的状况 |
|||
if (data && data.code == 0) { |
|||
this.dataList3 = data.rows |
|||
|
|||
} else { |
|||
this.dataList3 = []; |
|||
} |
|||
}); |
|||
} |
|||
}, |
|||
searchTable(){ |
|||
this.searchData.limit = this.pageSize |
|||
this.searchData.page = this.pageIndex |
|||
searchTransHeader(this.searchData).then(({data}) => { |
|||
//区分请求成功和失败的状况 |
|||
if (data && data.code == 0) { |
|||
this.dataList = data.page.list |
|||
this.pageIndex = data.page.currPage |
|||
this.pageSize = data.page.pageSize |
|||
this.totalPage = data.page.totalCount |
|||
if(this.dataList.length>0){ |
|||
this.$refs.mainTable.setCurrentRow(this.dataList[0]); |
|||
this.changeData(this.dataList[0]) |
|||
}else { |
|||
this.changeData(null) |
|||
} |
|||
} else { |
|||
this.dataList = []; |
|||
} |
|||
}); |
|||
}, |
|||
addModal(){ |
|||
this.getWareHouseList(); |
|||
setTimeout(() => { |
|||
this.modelData={ |
|||
transNo:"0", |
|||
site:this.$store.state.user.site, |
|||
transDate:new Date(), |
|||
warehouseID:this.wareHouseList.length>0?this.wareHouseList[0].wareHouseId:'', |
|||
receiver:this.$store.state.user.name, |
|||
orderRef1:'', |
|||
supplierId:'', |
|||
supplierName:'', |
|||
enterBy:this.$store.state.user.name, |
|||
}; |
|||
this.modelFlag=true; |
|||
},200) |
|||
}, |
|||
updateModel(row){ |
|||
this.getWareHouseList(); |
|||
this.modelData={ |
|||
transNo:row.transNo, |
|||
site:row.site, |
|||
transDate:row.transDate, |
|||
warehouseID:row.warehouseID, |
|||
receiver:row.receiver, |
|||
orderRef1:row.orderRef1, |
|||
supplierId:row.partnerID, |
|||
supplierName:row.partnerName, |
|||
enterBy:row.userName, |
|||
} |
|||
this.modelFlag=true; |
|||
}, |
|||
deleteData(row){ |
|||
this.$confirm('确定要删除这条数据?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
deleteTransHeaderData(row).then(({data}) => { |
|||
if (data && data.code === 0) { |
|||
this.$message.success( '操作成功') |
|||
this.searchTable(); |
|||
} else { |
|||
this.$message.error(data.msg) |
|||
} |
|||
}) |
|||
}).catch(() => { |
|||
}) |
|||
}, |
|||
saveHeaderData(){ |
|||
if(this.modelData.warehouseID===''){ |
|||
this.$alert('请选择仓库！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.modelData.receiver===''){ |
|||
this.$alert('请选择经手人！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.modelData.transDate===''){ |
|||
this.$alert('请选择入库日期！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
saveTransHeaderData(this.modelData).then(({data}) => { |
|||
if (data && data.code === 0) { |
|||
var transNo=data.transNo |
|||
this.$message.success( '操作成功') |
|||
this.modelFlag = false |
|||
this.searchTable() |
|||
if(this.jumpFlag){ |
|||
this.$nextTick(function () { |
|||
setTimeout(() => { |
|||
let data={ |
|||
site:this.$store.state.user.site, |
|||
transNo:transNo, |
|||
} |
|||
this.addOrUpdateVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.addOrUpdate.init(data) |
|||
}) |
|||
},500) |
|||
}) |
|||
} |
|||
|
|||
} else { |
|||
this.$message.error(data.msg) |
|||
} |
|||
}) |
|||
}, |
|||
getWareHouseList(){ |
|||
getWareHouseList({site:this.$store.state.user.site}).then(({data}) => { |
|||
if (data && data.code === 0) { |
|||
this.wareHouseList=data.rows |
|||
|
|||
} |
|||
}) |
|||
}, |
|||
scanRoll(row){ |
|||
let data={ |
|||
site:row.site, |
|||
transNo:row.transNo, |
|||
} |
|||
this.addOrUpdateVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.addOrUpdate.init(data) |
|||
}) |
|||
}, |
|||
//导出excel |
|||
//导出excel |
|||
async createExportData() { |
|||
this.searchData.limit = -1 |
|||
this.searchData.page = 1 |
|||
await searchTransHeader(this.searchData).then(({data}) => { |
|||
this.exportList= data.page.list; |
|||
}) |
|||
|
|||
return this.exportList; |
|||
}, |
|||
startDownload() { |
|||
// this.exportData = this.dataList |
|||
|
|||
}, |
|||
finishDownload() { |
|||
}, |
|||
fields() { |
|||
let json = "{" |
|||
this.columnList1.forEach((item, index) => { |
|||
if (index == this.columnList1.length - 1) { |
|||
json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" |
|||
} else { |
|||
json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" + "," |
|||
} |
|||
}) |
|||
json += "}" |
|||
let s = eval("(" + json + ")") |
|||
|
|||
return s |
|||
}, |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,593 @@ |
|||
<script> |
|||
import { |
|||
deleteData, |
|||
editData, |
|||
getDataList, |
|||
getDataPageList, getIFSDataList, |
|||
getPartDataList, |
|||
saveData |
|||
} from '../../../api/production/shopOrder' |
|||
import dayjs from "dayjs"; |
|||
export default { |
|||
name: 'order', |
|||
props:{ |
|||
height:{ |
|||
type:Number, |
|||
default:500 |
|||
} |
|||
}, |
|||
data(){ |
|||
return{ |
|||
open:false, |
|||
loading:true, |
|||
queryForm:{ |
|||
orderNo: '', |
|||
partNo: '', |
|||
startDate:'', |
|||
endDate:'' |
|||
}, |
|||
no:1, |
|||
size:50, |
|||
total:0, |
|||
form:{}, |
|||
rules:{ |
|||
orderNo: [{ required: true, message: '请输入订单号', trigger: 'blur' }], |
|||
partNo: [{ required: true, message: '请输入产品编码', trigger: 'blur' }], |
|||
partDesc: [{ required: true, message: '请输入产品描述', trigger: 'blur' }], |
|||
lotSize: [{ required: true, message: '请输入订单数量', trigger: 'blur' }], |
|||
planStartDate: [{ required: true, message: '请选择订单日期', trigger: 'blur' }], |
|||
}, |
|||
dataList:[], |
|||
|
|||
columnList:[ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 300001, |
|||
serialNumber: '300001TableOrderNo', |
|||
tableId: "300001Table", |
|||
tableName: "ShopOrder", |
|||
columnProp: "orderNo", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "订单号", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 300001, |
|||
serialNumber: '300001TablePlanStartDate', |
|||
tableId: "300001Table", |
|||
tableName: "ShopOrder", |
|||
columnProp: "planStartDate", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "订单日期", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 300001, |
|||
serialNumber: '300001TablePartNo', |
|||
tableId: "300001Table", |
|||
tableName: "ShopOrder", |
|||
columnProp: "partNo", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "产品编码", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 300001, |
|||
serialNumber: '300001TablePartDesc', |
|||
tableId: "300001Table", |
|||
tableName: "ShopOrder", |
|||
columnProp: "partDesc", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "产品描述", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 300001, |
|||
serialNumber: '300001TableLotSize', |
|||
tableId: "300001Table", |
|||
tableName: "ShopOrder", |
|||
columnProp: "lotSize", |
|||
headerAlign: "center", |
|||
align: "right", |
|||
columnLabel: "订单数量", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 300001, |
|||
serialNumber: '300001TableStatus', |
|||
tableId: "300001Table", |
|||
tableName: "ShopOrder", |
|||
columnProp: "status", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "状态", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 300001, |
|||
serialNumber: '300001TableUserName', |
|||
tableId: "300001Table", |
|||
tableName: "ShopOrder", |
|||
columnProp: "username", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "录入人", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 300001, |
|||
serialNumber: '300001TableEnterDate', |
|||
tableId: "300001Table", |
|||
tableName: "ShopOrder", |
|||
columnProp: "enterDate", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "录入时间", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
}, |
|||
], |
|||
partOpen:false, |
|||
partForm: { |
|||
partNo: '', |
|||
partDesc: '', |
|||
}, |
|||
partDataList:[], |
|||
|
|||
importOpen:false, |
|||
importDataList:[], |
|||
importForm:{ |
|||
orderNo: '', |
|||
}, |
|||
} |
|||
}, |
|||
methods:{ |
|||
getList(){ |
|||
let params = { |
|||
...this.queryForm, |
|||
site:this.$store.state.user.site, |
|||
no:this.no, |
|||
size:this.size |
|||
} |
|||
this.loading = true |
|||
getDataPageList(params).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.dataList = data.rows.records |
|||
this.total = data.rows.total |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
this.loading = false |
|||
}).catch((error)=>{ |
|||
this.$message.error(error) |
|||
}) |
|||
}, |
|||
handleSizeChange(val){ |
|||
this.size = val |
|||
this.getList() |
|||
}, |
|||
handleCurrentChange(val){ |
|||
this.no = val |
|||
this.getList() |
|||
}, |
|||
handleQuery(){ |
|||
this.no = 1; |
|||
this.getList() |
|||
}, |
|||
handleAdd(){ |
|||
this.form={ |
|||
orderNo:'', |
|||
partNo:'', |
|||
partDesc:'', |
|||
lotSize:'', |
|||
planStartDate:'', |
|||
status:'', |
|||
remark:'', |
|||
} |
|||
this.open = true; |
|||
}, |
|||
handleEdit(row){ |
|||
this.form={...row} |
|||
this.open = true; |
|||
}, |
|||
handleDelete(row){ |
|||
this.$confirm('确定要删除这条数据?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
deleteData(row).then(({data}) => { |
|||
if (data && data.code === 0){ |
|||
this.handleQuery(); |
|||
this.$message.success(data.msg) |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}) |
|||
}) |
|||
}, |
|||
handleSave(){ |
|||
this.$refs.form.validate((valid,obj) => { |
|||
if (valid){ |
|||
if (!this.form.site){ |
|||
// 新增 |
|||
let params = { |
|||
...this.form, |
|||
site:this.$store.state.user.site, |
|||
username:this.$store.state.user.name, |
|||
enterDate:dayjs().format('YYYY-MM-DD HH:mm:ss') |
|||
} |
|||
saveData(params).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.getList(); |
|||
this.open = false; |
|||
this.$message.success(data.msg) |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error)=>{ |
|||
this.$message.error(error) |
|||
}) |
|||
}else { |
|||
// 修改 |
|||
editData(this.form).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.getList(); |
|||
this.open = false; |
|||
this.$message.success(data.msg) |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error)=>{ |
|||
this.$message.error(error) |
|||
}) |
|||
} |
|||
}else { |
|||
let i = 0; |
|||
Object.keys(obj).forEach(key => { |
|||
if (i === 0){ |
|||
this.$message.warning(obj[key][0].message) |
|||
return |
|||
} |
|||
i++; |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
handleQueryPart(){ |
|||
this.partOpen = true; |
|||
let params = { |
|||
...this.partForm, |
|||
site:this.$store.state.user.site, |
|||
} |
|||
this.partDataList = [] |
|||
getPartDataList(params).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.partDataList = data.rows |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error)=>{ |
|||
this.$message.error(error) |
|||
}) |
|||
}, |
|||
partRowClick(row){ |
|||
this.form.partNo = row.partNo |
|||
this.form.partDesc = row.partDesc |
|||
this.partOpen = false |
|||
}, |
|||
ifsOrderRowClick(row){ |
|||
this.form.orderNo = row.orderNo |
|||
this.form.partNo = row.partNo |
|||
this.form.partDesc = row.partDesc |
|||
this.form.lotSize = row.lotSize |
|||
this.form.planStartDate = row.planStartDate |
|||
this.importOpen = false |
|||
}, |
|||
handleValidatePart(){ |
|||
let params = { |
|||
partNo: this.form.partNo, |
|||
site: this.$store.state.user.site, |
|||
} |
|||
getPartDataList(params).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
if (data.rows.length === 1){ |
|||
this.partRowClick(data.rows[0]) |
|||
} |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error)=>{ |
|||
this.$message.error(error) |
|||
}) |
|||
}, |
|||
handleImportIFS(){ |
|||
this.importOpen = true; |
|||
let params = { |
|||
...this.importForm, |
|||
site: this.$store.state.user.site, |
|||
} |
|||
getIFSDataList(params).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.importDataList = data.rows |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error)=>{ |
|||
this.$message.error(error) |
|||
}) |
|||
}, |
|||
}, |
|||
watch:{ |
|||
'form.partNo'(newVal,oldVal){ |
|||
if (newVal){ |
|||
this.partForm.partNo = newVal.toUpperCase() |
|||
this.partForm.partNo = this.form.partNo |
|||
} |
|||
}, |
|||
'form.orderNo'(newVal,oldVal){ |
|||
if (newVal){ |
|||
this.form.orderNo = newVal.toUpperCase() |
|||
} |
|||
}, |
|||
'queryForm.partNo'(newVal,oldVal){ |
|||
if (newVal){ |
|||
this.queryForm.partNo = newVal.toUpperCase() |
|||
} |
|||
}, |
|||
'queryForm.orderNo'(newVal,oldVal){ |
|||
if (newVal){ |
|||
this.queryForm.orderNo = newVal.toUpperCase() |
|||
} |
|||
}, |
|||
'importForm.orderNo'(newVal,oldVal){ |
|||
if (newVal) { |
|||
this.importForm.orderNo = newVal.toUpperCase() |
|||
} |
|||
} |
|||
}, |
|||
created() { |
|||
this.getList(); |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<template> |
|||
<div> |
|||
<div style="width: 1100px"> |
|||
<el-form label-position="top" :model="queryForm" ref="queryForm"> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="3"> |
|||
<el-form-item label="订单号"> |
|||
<el-input v-model="queryForm.orderNo"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="物料编码"> |
|||
<el-input v-model="queryForm.partNo"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="7"> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="11"> |
|||
<el-form-item label="订单日期"> |
|||
<el-date-picker |
|||
style="width: 100%" |
|||
v-model="queryForm.startDate" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<el-form-item label=" "> |
|||
<label style="margin-left: 0px;font-size: 19px">➞</label> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="11"> |
|||
<el-form-item label=" "> |
|||
<el-date-picker |
|||
style="width: 100%" |
|||
v-model="queryForm.endDate" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item label=" "> |
|||
<el-button type="primary" @click="handleQuery">查询</el-button> |
|||
<el-button type="primary" @click="handleAdd">新增</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
<el-table :data="dataList" border :height="height" v-loading="loading"> |
|||
<el-table-column label="操作" align="center" width="80"> |
|||
<template slot-scope="{row,$index}"> |
|||
<el-link @click="handleEdit(row)">编辑</el-link> |
|||
<el-link @click="handleDelete(row)">删除</el-link> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
v-for="(item,index) in columnList" :key="index" |
|||
:sortable="item.columnSortable" |
|||
:prop="item.columnProp" |
|||
:header-align="item.headerAlign" |
|||
:show-overflow-tooltip="item.showOverflowTooltip" |
|||
:align="item.align" |
|||
:fixed="item.fixed==''?false:item.fixed" |
|||
:min-width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span> |
|||
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" |
|||
style="width: 100px; height: 80px"/></span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<el-pagination |
|||
@size-change="handleSizeChange" |
|||
@current-change="handleCurrentChange" |
|||
:current-page="no" |
|||
:page-sizes="[50, 100, 1000]" |
|||
:page-size="size" |
|||
:total="total" |
|||
layout="total, sizes, prev, pager, next, jumper"> |
|||
</el-pagination> |
|||
|
|||
<el-dialog title="订单详情" :close-on-click-modal="false" v-drag :visible.sync="open" width="500px"> |
|||
<el-form :model="form" ref="form" label-position="top" :rules="rules"> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="6"> |
|||
<el-form-item label="订单号" prop="orderNo" :show-message="false"> |
|||
<el-input v-model="form.orderNo" :disabled="form.site"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item label=" " > |
|||
<el-button v-if="!form.site" type="primary" @click="handleImportIFS">从IFS导入</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="10"> |
|||
<el-form-item label="产品编码" prop="partNo" :show-message="false"> |
|||
<span slot="label" style="" @click="handleQueryPart" ><a herf="#">产品编码</a></span> |
|||
<el-input v-model="form.partNo" @change="handleValidatePart"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="14"> |
|||
<el-form-item label="产品名称" prop="partDesc" :show-message="false"> |
|||
<el-input v-model="form.partDesc" disabled></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8" > |
|||
<el-form-item label="订单日期" prop="planStartDate" :show-message="false"> |
|||
<el-date-picker |
|||
style="width: 100%" |
|||
v-model="form.planStartDate" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="14" :offset="2"> |
|||
<el-form-item label="订单数量" prop="lotSize" :show-message="false"> |
|||
<el-input-number :min="0" :controls="false" :step="0" v-model="form.lotSize"></el-input-number> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="备注" prop="remark" :show-message="false"> |
|||
<el-input v-model="form.remark"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<el-footer style="height:30px;text-align:center"> |
|||
<el-button type="primary" @click="handleSave">保存</el-button> |
|||
<el-button type="primary" @click="open = false">取 消</el-button> |
|||
</el-footer> |
|||
</el-dialog> |
|||
|
|||
<el-dialog :title="`产品信息`" v-drag :visible.sync="partOpen" :close-on-click-modal="false" width="500px"> |
|||
<el-form :model="partForm" :inline="true" ref="partForm" label-position="top"> |
|||
<el-form-item label="产品编码" prop="partNo"> |
|||
<el-input v-model="partForm.partNo"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="产品名称" prop="partDesc"> |
|||
<el-input v-model="partForm.partDesc"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label=" " > |
|||
<el-button type="primary" @click="handleQueryPart">查询</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-table :data="partDataList" border height="300" @row-dblclick="partRowClick"> |
|||
<el-table-column label="产品编码" prop="partNo"></el-table-column> |
|||
<el-table-column label="产品名称" prop="partDesc"></el-table-column> |
|||
</el-table> |
|||
</el-dialog> |
|||
|
|||
<el-dialog :title="`IFS订单`" v-drag :visible.sync="importOpen" :close-on-click-modal="false" width="600px"> |
|||
<el-form :model="importForm" :inline="true" ref="importForm" label-position="top"> |
|||
<el-form-item label="订单号"> |
|||
<el-input v-model="importForm.orderNo"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label=" "> |
|||
<el-button type="primary" @click="handleImportIFS">查询</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-table :data="importDataList" border height="300" @row-dblclick="ifsOrderRowClick"> |
|||
<el-table-column label="订单号" prop="orderNo"></el-table-column> |
|||
<el-table-column label="产品编码" prop="partNo"></el-table-column> |
|||
<el-table-column label="产品名称" prop="partDesc"></el-table-column> |
|||
<el-table-column label="订单数量" prop="lotSize"></el-table-column> |
|||
<el-table-column label="订单日期" prop="planStartDate"></el-table-column> |
|||
</el-table> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue