| | |
| | | |
| | | <template> |
| | | <view-grid |
| | | ref="grid" |
| | | @openPalletDialog="handleOpenPalletDialog" |
| | | :columns="columns" |
| | | :detail="detail" |
| | | :editFormFields="editFormFields" |
| | | :editFormOptions="editFormOptions" |
| | | :searchFormFields="searchFormFields" |
| | | :searchFormOptions="searchFormOptions" |
| | | :table="table" |
| | | :extend="extend" |
| | | > |
| | | <view-grid ref="grid" @openPalletDialog="handleOpenPalletDialog" :columns="columns" :detail="detail" |
| | | :editFormFields="editFormFields" :editFormOptions="editFormOptions" :searchFormFields="searchFormFields" |
| | | :searchFormOptions="searchFormOptions" :table="table" :extend="extend"> |
| | | </view-grid> |
| | | <!-- 2. ç»çå¼¹çªï¼ç¡®ä¿propsåäºä»¶ç»å®æ£ç¡® --> |
| | | <PalletDialog |
| | | v-model:visible="palletVisible" |
| | | :docNo="currentPalletDocNo" |
| | | @back-success="handlePalletBackSuccess" |
| | | ></PalletDialog> |
| | | |
| | | </template> |
| | | <script> |
| | | <script> |
| | | import extend from "@/extension/inbound/inboundOrder.js"; |
| | | import ViewGrid from '@/components/basic/ViewGrid/ViewGrid.vue'; |
| | | import { ref, defineComponent } from "vue"; |
| | | import PalletDialog from "@/extension/inbound/extend/Pallet.vue"; |
| | | export default defineComponent({ |
| | | components: { |
| | | // å
³é®ä¿®å¤2ï¼ç»ä»¶æ³¨åå䏿¨¡æ¿æ ç¾åéé
ï¼kebab-case对åºview-gridï¼ |
| | | viewGrid: ViewGrid, // 注å为kebab-caseï¼æ¨¡æ¿ç¨<view-grid> |
| | | PalletDialog // 注åç»çå¼¹çª |
| | | |
| | | }, |
| | | setup() { |
| | | const table = ref({ |
| | | key: "id", |
| | |
| | | inboundOrderNo: "", |
| | | upperOrderNo: "", |
| | | remark: "", |
| | | orderStatus: "", |
| | | warehouseId: "", |
| | | supplierId: "", |
| | | createType: "", |
| | | isTestMaterials: "", |
| | | operator: "", |
| | | }); |
| | | const editFormOptions = ref([ |
| | | [ |
| | | { |
| | | title: "åæ®ç±»å", |
| | | required: true, |
| | | field: "orderType", |
| | | type: "select", |
| | | dataKey: "inOrderType", |
| | | data: [], |
| | | }, |
| | | { |
| | | field: "inboundOrderNo", |
| | | title: "åæ®ç¼å·", |
| | | type: "string", |
| | | readonly: true, |
| | | }, |
| | | { |
| | | title: "䏿¸¸åæ®ç¼å·", |
| | |
| | | type: "textarea", |
| | | }, |
| | | ], |
| | | [ |
| | | { |
| | | title: "ä¸å¡ç±»å", |
| | | field: "businessType", |
| | | type: "select", |
| | | dataKey: "businessType", |
| | | data: [], |
| | | require: true, |
| | | }, |
| | | { |
| | | title: "æ¯å¦åæ¹", |
| | | field: "isBatch", |
| | | type: "select", |
| | | dataKey: "enable", |
| | | data: [], |
| | | require: true, |
| | | }, |
| | | { |
| | | title: "ååº", |
| | | field: "factoryArea", |
| | | type: "string", |
| | | }, |
| | | ] |
| | | ]); |
| | | const searchFormFields = ref({ |
| | | inboundOrderNo: "", |
| | |
| | | createType: "", |
| | | creater: "", |
| | | createDate: "", |
| | | materielCode: "", |
| | | }); |
| | | const searchFormOptions = ref([ |
| | | [ |
| | | { title: "åæ®ç¼å·", field: "inboundOrderNo", type: "like" }, |
| | | { title: "æ«æåæ®ææ¡ç ", field: "inboundOrderNo", type: "like" }, |
| | | { title: "䏿¸¸åæ®ç¼å·", field: "upperOrderNo", type: "like" }, |
| | | { |
| | | title: "åæ®ç±»å", |
| | | field: "orderType", |
| | | title: "ä¸å¡ç±»å", |
| | | field: "businessType", |
| | | type: "select", |
| | | dataKey: "inOrderType", |
| | | dataKey: "inboundbusinessType", |
| | | data: [], |
| | | }, |
| | | { |
| | |
| | | }, |
| | | { title: "å建è
", field: "creater", type: "like" }, |
| | | { title: "å建æ¶é´", field: "createDate", type: "datetime" }, |
| | | { title: "ç©æç¼å·", field: "materielCode", type: "like" }, |
| | | ], |
| | | ]); |
| | | const columns = ref([ |
| | |
| | | align: "left", |
| | | }, |
| | | { |
| | | field: "warehouseId", |
| | | title: "ä»åº", |
| | | type: "string", |
| | | width: 90, |
| | | align: "left", |
| | | bind:{key: "warehouses", data: []} |
| | | }, |
| | | { |
| | | field: "orderType", |
| | | title: "åæ®ç±»å", |
| | | type: "string", |
| | | width: 150, |
| | | align: "left", |
| | | bind: { key: "inOrderType", data: [] }, |
| | | hidden: true |
| | | }, |
| | | { |
| | | field: "businessType", |
| | | title: "ä¸å¡ç±»å", |
| | | type: "string", |
| | | width: 150, |
| | | align: "left", |
| | | bind: { key: "businessType", data: [] }, |
| | | }, |
| | | { |
| | | field: "orderStatus", |
| | |
| | | bind: { key: "inboundState", data: [] }, |
| | | }, |
| | | { |
| | | field: "orderStatistics", |
| | | title: "åæ®ç©æç»è®¡", |
| | | type: "string", |
| | | width: 300, |
| | | align: "left", |
| | | }, |
| | | { |
| | | field: "createType", |
| | | title: "å建æ¹å¼", |
| | | type: "string", |
| | | width: 120, |
| | | align: "left", |
| | | bind: { key: "createType", data: [] }, |
| | | }, |
| | | { |
| | | field: "remark", |
| | | title: "夿³¨", |
| | | type: "string", |
| | | width: 180, |
| | | align: "left" |
| | | }, |
| | | { |
| | | field: "returnToMESStatus", |
| | | title: "åä¼ MESç¶æ", |
| | | width: 120, |
| | | bind: { key: "createType", data: [{ key: 0, value: "æªåä¼ " }, { key: 1, value: "å·²åä¼ æå" }, { key: 2, value: "åä¼ å¤±è´¥" },{ key: 3, value: "é¨ååä¼ æå" },{ key: 4, value: "é¨ååä¼ å¤±è´¥" },{ key: 5, value: "æ éåä¼ " }] }, |
| | | }, |
| | | { |
| | | field: "factoryArea", |
| | | title: "ååº", |
| | | type: "string", |
| | | width: 120, |
| | | align: "left" |
| | | }, |
| | | { |
| | | field: "isTestMaterials", |
| | | title: "æ¯å¦è¯äº§", |
| | | width: 120, |
| | | bind: { key: "isTestMaterials", data: [{ key: 0, value: "éè¯äº§ç©æ" }, { key: 1, value: "è¯äº§ç©æ" }] }, |
| | | }, |
| | | { |
| | | field: "creater", |
| | |
| | | align: "left", |
| | | }, |
| | | { |
| | | field: "modifier", |
| | | field: "operator", |
| | | title: "ä¿®æ¹äºº", |
| | | type: "string", |
| | | width: 100, |
| | |
| | | title: "ä¿®æ¹æ¶é´", |
| | | type: "datetime", |
| | | width: 160, |
| | | align: "left", |
| | | }, |
| | | { |
| | | field: "remark", |
| | | title: "夿³¨", |
| | | type: "string", |
| | | width: 100, |
| | | align: "left", |
| | | }, |
| | | ]); |
| | |
| | | field: "materielCode", |
| | | title: "ç©æç¼å·", |
| | | type: "select", |
| | | width: 120, |
| | | align: "left", |
| | | edit: { type: "" }, |
| | | required: true, |
| | | }, |
| | | { |
| | | field: "materielName", |
| | | title: "ç©æåç§°", |
| | | type: "string", |
| | | width: 150, |
| | | align: "left", |
| | | edit: { type: "" }, |
| | | }, |
| | | { |
| | | field: "batchNo", |
| | | title: "æ¹æ¬¡å·", |
| | | type: "decimal", |
| | | width: 150, |
| | | align: "left", |
| | | edit: { type: "" }, |
| | | required: true, |
| | | }, |
| | | { |
| | | field: "materielCode", |
| | | title: "ç©æåç§°", |
| | | type: "string", |
| | | field: "supplyCode", |
| | | title: "ä¾åºåç¼å·", |
| | | type: "decimal", |
| | | width: 100, |
| | | align: "left", |
| | | bind: { key: "MaterielNames", data: [] }, |
| | | edit: { type: "" }, |
| | | required: true, |
| | | }, |
| | | { |
| | | field: "batchNo", |
| | | title: "æ¹æ¬¡å·", |
| | | field: "warehouseCode", |
| | | title: "ä»åºå·", |
| | | type: "decimal", |
| | | width: 90, |
| | | align: "left", |
| | | edit: { type: "" }, |
| | | required: true |
| | | }, |
| | | { |
| | | field: "barcode", |
| | | title: "æ¡ç ", |
| | | type: "decimal", |
| | | width: 180, |
| | | align: "left", |
| | | edit: { type: "" }, |
| | | required: true, |
| | | }, |
| | | { |
| | | field: "outBoxbarcodes", |
| | | title: "å¤ç®±æ¡ç ", |
| | | type: "decimal", |
| | | width: 90, |
| | | align: "left", |
| | | edit: { type: "" }, |
| | | }, |
| | | { |
| | | field: "orderQuantity", |
| | |
| | | required: true, |
| | | }, |
| | | { |
| | | field: "barcodeQty", |
| | | title: "æ¡ç æ°é", |
| | | type: "decimal", |
| | | width: 90, |
| | | align: "left", |
| | | edit: { type: "number" }, |
| | | required: true, |
| | | }, |
| | | { |
| | | field: "barcodeUnit", |
| | | title: "æ¡ç åä½", |
| | | type: "string", |
| | | width: 90, |
| | | align: "left", |
| | | edit: { type: "" }, |
| | | required: true, |
| | | }, |
| | | { |
| | | field: "receiptQuantity", |
| | | title: "ç»çæ°é", |
| | | type: "int", |
| | | width: 120, |
| | | width: 90, |
| | | align: "left", |
| | | }, |
| | | { |
| | | field: "overInQuantity", |
| | | title: "䏿¶æ°é", |
| | | type: "string", |
| | | width: 200, |
| | | width: 90, |
| | | align: "left", |
| | | }, |
| | | { |
| | | field: "unit", |
| | | title: "åä½", |
| | | type: "string", |
| | | width: 90, |
| | | align: "left", |
| | | edit: { type: "" }, |
| | | required: true, |
| | | }, |
| | | { |
| | | field: "orderDetailStatus", |
| | | title: "订åæç»ç¶æ", |
| | | type: "string", |
| | | width: 180, |
| | | width: 100, |
| | | align: "left", |
| | | bind: { key: "orderDetailStatusEnum", data: [] }, |
| | | }, |
| | | { |
| | | field: "palletCode", |
| | | title: "å·²ç»æçå·", |
| | | type: "string", |
| | | width: 100, |
| | | align: "left", |
| | | }, |
| | | { |
| | | field: "creater", |
| | |
| | | sortName: "id", |
| | | key: "id", |
| | | }); |
| | | // 6. ç»çå¼¹çªèå¨ï¼ææåéå¿
é¡»è¿åï¼ |
| | | const palletVisible = ref(false); |
| | | const currentPalletDocNo = ref(""); |
| | | |
| | | const handleOpenPalletDialog = (docNo) => { |
| | | console.log('主ç»ä»¶æ¶å°ç»çäºä»¶ï¼åæ®å·ï¼', docNo); |
| | | currentPalletDocNo.value = docNo; |
| | | palletVisible.value = true; |
| | | }; |
| | | |
| | | const handlePalletBackSuccess = () => { |
| | | console.log('ç»çåä¼ æåï¼å·æ°è¡¨æ ¼'); |
| | | grid.value?.refresh(); // æ¤æ¶gridRefå·²æè½½ï¼å¯è°ç¨æ¹æ³ |
| | | }; |
| | | |
| | | return { |
| | | table, |
| | |
| | | searchFormOptions, |
| | | columns, |
| | | detail, |
| | | // ç»çå¼¹çªç¸å
³ |
| | | PalletDialog, // å¼¹çªç»ä»¶ï¼æ éè¿åï¼æ³¨åå³å¯ï¼ä½åééè¿åï¼ |
| | | palletVisible, |
| | | currentPalletDocNo, |
| | | handleOpenPalletDialog, |
| | | handlePalletBackSuccess |
| | | // // ç»çå¼¹çªç¸å
³ |
| | | // PalletDialog, // å¼¹çªç»ä»¶ï¼æ éè¿åï¼æ³¨åå³å¯ï¼ä½åééè¿åï¼ |
| | | // palletVisible, |
| | | // currentPalletDocNo, |
| | | // handleOpenPalletDialog, |
| | | // handlePalletBackSuccess |
| | | }; |
| | | }, |
| | | }); |