ÎļþÃû´Ó LA24030_LuLiPackageLine_Web/src/views/main/WmsOrder/wmsOrderAsn/index.vue ÐÞ¸Ä |
| | |
| | | <template> |
| | | <template> |
| | | <div class="wmsOrderPurchase-container"> |
| | | <el-card shadow="hover" :body-style="{ paddingBottom: '0' }"> |
| | | <el-form :model="queryParams" ref="queryForm" labelWidth="90"> |
| | | <el-row> |
| | | <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="6" class="mb10"> |
| | | <!-- <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="6" class="mb10"> |
| | | <el-form-item label="å
³é®å"> |
| | | <el-input v-model="queryParams.searchKey" clearable="" placeholder="POåå·,ä¾åºåç¼å·,ä¾åºååç§°,ERPåå·,项ç®å·" /> |
| | | <el-input v-model="queryParams.searchKey" clearable="" placeholder="å
³é®å" /> |
| | | </el-form-item> |
| | | </el-col> --> |
| | | <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="6" class="mb10"> |
| | | <el-form-item label="å
è£
å·"> |
| | | <el-input v-model="queryParams.packageCode" clearable="" placeholder="请è¾å
¥å
è£
å·" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUI"> |
| | | <!-- <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUI"> |
| | | <el-form-item label="POåå·"> |
| | | <el-input v-model="queryParams.purchaseNo" clearable="" placeholder="请è¾å
¥POåå·" /> |
| | | </el-form-item> |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <!-- <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUI"> |
| | | <el-form-item label="åæ®ç¶æåç§°"> |
| | | <el-input v-model="queryParams.poStatusName" clearable="" placeholder="请è¾å
¥åæ®ç¶æåç§°"/> |
| | | |
| | | </el-form-item> |
| | | </el-col> --> |
| | | <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUI"> |
| | | <!-- <el-form-item label="ä¾åºåç¼å·"> |
| | | <el-input v-model="queryParams.supplierCode" clearable="" placeholder="请è¾å
¥ä¾åºåç¼å·" /> |
| | | </el-form-item> --> |
| | | |
| | | |
| | | <el-form-item label="ä¾åºå" prop="supplierCode"> |
| | | <el-select |
| | |
| | | <el-input v-model="queryParams.supplierName" clearable="" placeholder="请è¾å
¥ä¾åºååç§°" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <!-- <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUI"> |
| | | <el-form-item label="æ¶è´§éå£"> --> |
| | | <!-- <el-input v-model="queryParams.dock" clearable="" placeholder="请è¾å
¥æ¶è´§éå£" /> --> |
| | | <!-- <el-select clearable v-model="queryParams.dock" placeholder="è¯·éæ©æ¶è´§éå£"> |
| | | <el-option |
| | | v-for="(item, index) in getEnumDockData" |
| | | :key="index" |
| | | :value="item.value" |
| | | :label="`${item.describe}`" |
| | | ></el-option> |
| | | </el-select> --> |
| | | <!-- </el-form-item> |
| | | </el-col> --> |
| | | |
| | | <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUI"> |
| | | <el-form-item label="ERPåå·"> |
| | | <el-input v-model="queryParams.erpOrderNo" clearable="" placeholder="请è¾å
¥ERPåå·" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <!-- <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUI"> |
| | | <el-form-item label="项ç®ID"> |
| | | <el-input v-model="queryParams.projectId" clearable="" placeholder="请è¾å
¥é¡¹ç®ID"/> |
| | | |
| | | </el-form-item> |
| | | </el-col> --> |
| | | <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUI"> |
| | | <el-form-item label="项ç®å·"> |
| | | <el-input v-model="queryParams.projectNo" clearable="" placeholder="请è¾å
¥é¡¹ç®å·" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <!-- <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUI"> |
| | | <el-form-item label="项ç®åç§°"> |
| | | <el-input v-model="queryParams.projectName" clearable="" placeholder="请è¾å
¥é¡¹ç®åç§°"/> |
| | | |
| | | </el-form-item> |
| | | </el-col> --> |
| | | |
| | | |
| | | <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" class="mb10"> |
| | | <el-form-item> |
| | | <el-button-group style="display: flex; align-items: center"> |
| | | <el-button type="primary" icon="ele-Search" @click="handleQuery"> æ¥è¯¢ </el-button> |
| | | <el-button icon="ele-Refresh" @click="() => (queryParams = {})"> éç½® </el-button> |
| | | <el-button icon="ele-ZoomIn" @click="changeAdvanceQueryUI" v-if="!showAdvanceQueryUI" style="margin-left: 5px"> é«çº§æ¥è¯¢ </el-button> |
| | | <el-button icon="ele-ZoomOut" @click="changeAdvanceQueryUI" v-if="showAdvanceQueryUI" style="margin-left: 5px"> éè </el-button> |
| | | <!-- <el-button type="primary" style="margin-left:5px;" icon="ele-Plus" @click="openAddWmsOrderPurchase" v-auth="'wmsOrderPurchase:add'"> æ°å¢ </el-button> --> |
| | | <!-- æ°å¢POå-ly --> |
| | | <!-- <el-button type="primary" style="margin-left:5px;" icon="ele-Plus" @click="showProp(1)"> æ°å¢ </el-button> --> |
| | | <!-- <el-button type="primary" style="margin-left:5px;" icon="ele-Upload" @click="openImportExcelWmsOrderDeliver"> 导å
¥ </el-button> --> |
| | | <!-- <el-button type="primary" style="margin-left:5px;" icon="ele-Download" @click="handExport"> å¯¼åº </el-button> --> |
| | | <!-- <el-button icon="ele-ZoomIn" @click="changeAdvanceQueryUI" v-if="!showAdvanceQueryUI" style="margin-left: 5px"> é«çº§æ¥è¯¢ </el-button> |
| | | <el-button icon="ele-ZoomOut" @click="changeAdvanceQueryUI" v-if="showAdvanceQueryUI" style="margin-left: 5px"> éè </el-button> --> |
| | | |
| | | </el-button-group> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | <div class="left-table"> |
| | | <p class="text-xtiny">é½å¥å表</p> |
| | | |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | v-loading="loading" |
| | | tooltip-effect="light" |
| | | ref="tableRef" |
| | | row-key="id" |
| | | @sort-change="sortChange" |
| | | :summary-method="getExportTitle" |
| | | border="" |
| | | > |
| | | <el-table :data="tableData" style="width: 100%" v-loading="loading" tooltip-effect="light" ref="tableRef" row-key="id" @sort-change="sortChange" :summary-method="getExportTitle" border=""> |
| | | <el-table-column type="index" label="åºå·" width="55" align="center" /> |
| | | <!-- <el-table-column prop="packageCode" label="å
è£
å·" show-overflow-tooltip="" /> --> |
| | | <el-table-column label="å
è£
å·" prop="packageCode" width="150" align="left" show-overflow-tooltip> |
| | |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="count" label="æ°é" show-overflow-tooltip="" /> |
| | | |
| | | <el-table-column prop="placeCode" label="åºä½ç¼ç " show-overflow-tooltip="" /> |
| | | <!-- <el-table-column prop="placeCode" label="åºä½ç¼ç " show-overflow-tooltip="" /> |
| | | <el-table-column prop="inTime" label="è¿å
¥æ¶é´" width="80" :formatter="formatDate_T_Date" show-overflow-tooltip="" /> |
| | | <el-table-column prop="upi" label="é¨ä»¶æ¡ç " show-overflow-tooltip="" /> |
| | | <el-table-column prop="detailName" label="é¨ä»¶åç§°" show-overflow-tooltip="" /> |
| | |
| | | <el-table-column prop="orderId" label="订åå·" show-overflow-tooltip="" /> |
| | | <el-table-column prop="length" label="é¿" show-overflow-tooltip="" /> |
| | | <el-table-column prop="width" label="宽" show-overflow-tooltip="" /> |
| | | <el-table-column prop="thk" label="å" show-overflow-tooltip="" /> |
| | | <el-table-column prop="thk" label="å" show-overflow-tooltip="" /> --> |
| | | </el-table> |
| | | </div> |
| | | |
| | |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="placeCode" label="åºä½ç¼ç " show-overflow-tooltip="" /> |
| | | <el-table-column prop="count" label="æ°é" show-overflow-tooltip="" /> |
| | | |
| | | <!-- <el-table-column prop="placeCode" label="åºä½ç¼ç " show-overflow-tooltip="" /> |
| | | <el-table-column prop="inTime" label="è¿å
¥æ¶é´" width="80" :formatter="formatDate_T_Date" show-overflow-tooltip="" /> |
| | | <el-table-column prop="upi" label="é¨ä»¶æ¡ç " show-overflow-tooltip="" /> |
| | | <el-table-column prop="detailName" label="é¨ä»¶åç§°" show-overflow-tooltip="" /> |
| | |
| | | <el-table-column prop="orderId" label="订åå·" show-overflow-tooltip="" /> |
| | | <el-table-column prop="length" label="é¿" show-overflow-tooltip="" /> |
| | | <el-table-column prop="width" label="宽" show-overflow-tooltip="" /> |
| | | <el-table-column prop="thk" label="å" show-overflow-tooltip="" /> |
| | | <el-table-column prop="thk" label="å" show-overflow-tooltip="" /> --> |
| | | </el-table> |
| | | </div> |
| | | </div> |
| | |
| | | importExcelWmsOrderPurchase, |
| | | downloadExcelTemplateWmsOrderPurchase, |
| | | downloadExcelTemplateWmsOrderPurchaseAll, |
| | | packList, |
| | | } from '/@/api/main/WmsOrder/wmsOrderPurchase'; |
| | | import { handleSlectDataWmsBusinessType } from '/@/utils/selectData'; |
| | | import { getAPI } from '/@/utils/axios-utils'; |
| | |
| | | return 'æ°è¡¨æ ¼å¯¼åºæ é¢'; |
| | | }; |
| | | |
| | | // æ¥è¯¢æä½ |
| | | // 88888888æ¥è¯¢æä½ |
| | | const handleQuery = async () => { |
| | | loading.value = true; |
| | | var res = await pageWmsOrderPurchase(Object.assign(queryParams.value, tableParams.value)); |
| | | var res = await packList(Object.assign(queryParams.value, { |
| | | ...tableParams.value, |
| | | IsPack:true |
| | | })); |
| | | tableData.value = res.data.result ?? []; |
| | | var res2 = await packList(Object.assign(queryParams.value, { |
| | | ...tableParams.value, |
| | | IsPack:false |
| | | })); |
| | | |
| | | newTableData.value = res.data.result ?? []; |
| | | newTableData.value = res2.data.result ?? []; |
| | | |
| | | // tableParams.value.total = res.data.result?.total; |
| | | loading.value = false; |