| | |
| | | *ä¸å¡è¯·å¨@/extension/widesea_wcs/order/Dt_CheckOrder.jsæ¤å¤ç¼å |
| | | --> |
| | | <template> |
| | | <view-grid ref="grid" :columns="columns" :editFormFields="editFormFields" |
| | | <view-grid ref="grid" @openPalletDialog="handleOpenPalletDialog" :columns="columns" :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> |
| | | import extend from "@/extension/check/recheckOrder.js"; |
| | | import ViewGrid from '@/components/basic/ViewGrid/ViewGrid.vue'; |
| | | import { ref, defineComponent } from "vue"; |
| | | import PalletDialog from "@/extension/inbound/extend/PickingRetuenPallet.vue"; |
| | | export default defineComponent({ |
| | | components: { |
| | | viewGrid: ViewGrid, |
| | | PalletDialog // 注åç»çå¼¹çª |
| | | |
| | | }, |
| | | setup() { |
| | | const table = ref({ |
| | | key: 'id', |
| | |
| | | { field: 'warehouseCode', title: 'ä»åºç¼ç ', type: 'string', width: 160, require: true, align: 'left' }, |
| | | { field: 'unit', title: 'åä½', type: 'string', width: 100, require: true, align: 'left' }, |
| | | { field: 'factoryArea', title: 'ååº', type: 'string', width: 120, require: true, align: 'left' }, |
| | | { field: 'result', title: 'æ£éªç»æ', type: 'int', width: 110, require: true, align: 'left',bind: { key: "inOrderType", data: [] },}, |
| | | { field: 'result', title: 'æ£éªç»æ', type: 'int', width: 110, require: true, align: 'left',bind: { key: "result", data: [] },}, |
| | | { field: 'inspectionNumber', title: 'æ£éªæ¬¡æ°', type: 'int', width: 110, require: true, align: 'left' }, |
| | | { field: 'qty', title: 'æ°é', type: 'float', width: 110, require: true, align: 'left' }, |
| | | { field: 'signSeq', title: 'ç¾å顺åº', type: 'int', width: 110, require: true, align: 'left' }, |
| | |
| | | { field: 'modifier', title: 'ä¿®æ¹äºº', type: 'string', width: 100, align: 'left' }, |
| | | { field: 'modifyDate', title: 'ä¿®æ¹æ¥æ', type: 'datetime', width: 150, align: 'left', sort: true }, |
| | | ]); |
| | | // 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, |
| | | extend, |
| | |
| | | editFormOptions, |
| | | searchFormFields, |
| | | searchFormOptions, |
| | | columns |
| | | columns, |
| | | PalletDialog, // å¼¹çªç»ä»¶ï¼æ éè¿åï¼æ³¨åå³å¯ï¼ä½åééè¿åï¼ |
| | | palletVisible, |
| | | currentPalletDocNo, |
| | | handleOpenPalletDialog, |
| | | handlePalletBackSuccess |
| | | }; |
| | | }, |
| | | }); |