| ÎļþÃû´Ó ÏîÄ¿´úÂë/WMS/WMSClient/src/extension/outbound/extend/outOrderDetail.vue ÐÞ¸Ä |
| | |
| | | <vol-box |
| | | v-model="showDetialBox" |
| | | :lazy="true" |
| | | width="75%" |
| | | width="80%" |
| | | :padding="15" |
| | | title="åæ®æç»ä¿¡æ¯" |
| | | > |
| | |
| | | <el-row> |
| | | <el-col :span="16"> |
| | | <span>å·²éä¸ {{ selection.length }} 项</span> |
| | | <el-divider direction="vertical"></el-divider> |
| | | <span>åå· {{ row.orderId }} </span> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <!-- <el-link |
| | |
| | | <script> |
| | | import VolBox from "@/components/basic/VolBox.vue"; |
| | | import VolForm from "@/components/basic/VolForm.vue"; |
| | | import StockSelect from "./StockSelect.vue"; |
| | | import SelectedStock from "./SelectedStock.vue"; |
| | | export default { |
| | | components: { VolBox, VolForm, StockSelect, SelectedStock }, |
| | | components: { VolBox, VolForm, SelectedStock }, |
| | | data() { |
| | | return { |
| | | row: null, |
| | |
| | | hidden: true, |
| | | }, |
| | | { |
| | | prop: "outBSTOrderId", |
| | | prop: "outSGOrderId", |
| | | title: "åºåºå主é®", |
| | | type: "string", |
| | | type: "int", |
| | | width: 90, |
| | | hidden: true, |
| | | }, |
| | | { |
| | | prop: "materialId", |
| | | title: "䏿¸¸ç©æID", |
| | | type: "string", |
| | | width: 120, |
| | | prop: "å
³èçæç»ID(䏿¸¸)", |
| | | title: "åºåºåå·", |
| | | type: "int", |
| | | width: 90, |
| | | hidden: true, |
| | | }, |
| | | { |
| | | prop: "materialNo", |
| | |
| | | width: 150, |
| | | }, |
| | | { |
| | | prop: "materielName", |
| | | prop: "materialName", |
| | | title: "ç©æåç§°", |
| | | type: "string", |
| | | width: 150, |
| | | hidden: true, |
| | | }, |
| | | { |
| | | prop: "boardFluteNo", |
| | | title: "æ¥å«", |
| | | type: "string", |
| | | width: 110, |
| | | }, |
| | | { |
| | | prop: "machineName", |
| | | title: "æºå°", |
| | | type: "string", |
| | | width: 110, |
| | | }, |
| | | { |
| | | prop: "width", |
| | |
| | | width: 130, |
| | | }, |
| | | { |
| | | prop: "outBSTOrderDetailStatus", |
| | | prop: "outSGOrderDetailStatus", |
| | | title: "订åæç»ç¶æ", |
| | | type: "tag", |
| | | width: 180, |
| | |
| | | type: "datetime", |
| | | width: 170, |
| | | }, |
| | | { |
| | | prop: "modifyDate", |
| | | title: "ä¿®æ¹æ¶é´", |
| | | type: "datetime", |
| | | width: 170, |
| | | }, |
| | | // { |
| | | // prop: "modifyDate", |
| | | // title: "ä¿®æ¹æ¶é´", |
| | | // type: "datetime", |
| | | // width: 170, |
| | | // }, |
| | | ], |
| | | paginations: { |
| | | sort: "id", |
| | |
| | | Foots: "", |
| | | total: 0, |
| | | // 2020.08.29å¢å èªå®ä¹å页æ¡å¤§å° |
| | | sizes: [60, 100, 120], |
| | | sizes: [60], |
| | | size: 60, // é»è®¤åé¡µå¤§å° |
| | | Wheres: [], |
| | | page: 1, |
| | |
| | | open(row) { |
| | | this.row = row; |
| | | this.showDetialBox = true; |
| | | console.log(row); |
| | | this.getDictionaryData(); |
| | | this.getData(); |
| | | }, |
| | |
| | | // ä»
对æ°å¼åæ±å |
| | | if (column.property === 'xqLen' || column.property === 'assignTotalUsage' || column.property === 'outTotalUsage' || column.property === 'totalUsage') { |
| | | const values = data.map(item => Number(item[column.property])) |
| | | console.log(values); |
| | | if (!values.every(value => isNaN(value))) { |
| | | sums[index] = values.reduce((prev, curr) => { |
| | | return prev + (isNaN(curr) ? 0 : curr) |
| | | }, 0); |
| | | //ä¿ç两ä½å°æ° |
| | | //ä¿ç4ä½å°æ° |
| | | sums[index] = sums[index].toFixed(4) |
| | | } else { |
| | | sums[index] = '-' |
| | |
| | | return sums |
| | | }, |
| | | getData() { |
| | | var wheres = [{ name: "outBSTOrderId", value: this.row.id }]; |
| | | var wheres = [{ name: "outSGOrderId", value: this.row.id }]; |
| | | var param = { |
| | | page: this.paginations.page, |
| | | rows: this.paginations.rows, |
| | |
| | | wheres: JSON.stringify(wheres), // æ¥è¯¢æ¡ä»¶ï¼æ ¼å¼ä¸º[{ name: "åæ®µ", value: "xx" }] |
| | | }; |
| | | this.http |
| | | .post("api/OutBSTOrderDetail/GetPageData", param, "æ¥è¯¢ä¸") |
| | | .post("api/OutSGOrderDetail/GetPageData", param, "æ¥è¯¢ä¸") |
| | | .then((x) => { |
| | | this.tableData = x.rows; |
| | | }); |
| | |
| | | this.$refs.selectedStock.open(row,this.row.outBSTOrderNo); |
| | | } |
| | | }, |
| | | // lockstocks() { |
| | | // if (this.selection.length === 0) { |
| | | // return this.$message.error("è¯·éæ©åæ®æç»"); |
| | | // } |
| | | // var keys = this.selection.map((item) => item.id); // è·åéä¸è¡çid |
| | | // this.http |
| | | // .post("api/OutboundOrderDetail/LockOutboundStocks", keys, "æ°æ®å¤çä¸") |
| | | // .then((x) => { |
| | | // if (!x.status) return this.$message.error(x.message); |
| | | // this.$message.success("æä½æå"); |
| | | // this.showDetialBox = false; |
| | | // this.$emit("parentCall", ($vue) => { |
| | | // $vue.getData(); |
| | | // }); |
| | | // }); |
| | | // }, |
| | | outbound() { |
| | | if (this.selection.length === 0) { |
| | | return this.$message.error("è¯·éæ©åæ®æç»"); |
| | |
| | | getButtonEnable(propName, row) { |
| | | if (propName == "assignStock") { |
| | | if ( |
| | | row.orderDetailStatus !== 0 && |
| | | row.orderDetailStatus !== 60 && |
| | | row.orderDetailStatus !== 70 && |
| | | row.orderDetailStatus !== 80 |
| | | row.outSGOrderDetailStatus !== 0 && |
| | | row.outSGOrderDetailStatus !== 60 && |
| | | row.outSGOrderDetailStatus !== 70 && |
| | | row.outSGOrderDetailStatus !== 80 |
| | | ) { |
| | | return true; |
| | | } else { |
| | |
| | | var item = this.dictionaryList.find((x) => x.dicNo == column.bindKey); |
| | | if (item) { |
| | | var dicItem = item.data.find((x) => x.key == row[column.prop]); |
| | | console.log(dicItem); |
| | | // console.log(dicItem); |
| | | if (dicItem) { |
| | | return dicItem.value; |
| | | } else { |