From 84138b3f42b218ecc2efaa54ec31a1c1be29e326 Mon Sep 17 00:00:00 2001
From: liuying <1427574514@qq.com>
Date: 周一, 25 11月 2024 19:30:59 +0800
Subject: [PATCH] 前端页面
---
LA24030_LuLiPackageLine_Web/src/views/main/WmsOrder/wmsOrderPurchase/index.vue | 675 +++++++++++++++++++++++++++++--------------------------
1 files changed, 353 insertions(+), 322 deletions(-)
diff --git a/LA24030_LuLiPackageLine_Web/src/views/main/WmsOrder/wmsOrderPurchase/index.vue b/LA24030_LuLiPackageLine_Web/src/views/main/WmsOrder/wmsOrderPurchase/index.vue
index 092bab5..14310c0 100644
--- a/LA24030_LuLiPackageLine_Web/src/views/main/WmsOrder/wmsOrderPurchase/index.vue
+++ b/LA24030_LuLiPackageLine_Web/src/views/main/WmsOrder/wmsOrderPurchase/index.vue
@@ -1,95 +1,79 @@
<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-form-item label="鍏抽敭瀛�">
- <el-input v-model="queryParams.searchKey" clearable="" placeholder="PO鍗曞彿,渚涘簲鍟嗙紪鍙�,渚涘簲鍟嗗悕绉�,ERP鍗曞彿,椤圭洰鍙�" />
+ <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-form-item label="鍏抽敭瀛�">
+ <el-input v-model="queryParams.searchKey" clearable="" placeholder="PO鍗曞彿,渚涘簲鍟嗙紪鍙�,渚涘簲鍟嗗悕绉�,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="PO鍗曞彿">
+ <el-input v-model="queryParams.purchaseNo" clearable="" placeholder="璇疯緭鍏O鍗曞彿" />
+ </el-form-item>
+ </el-col>
- </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="PO鍗曞彿">
- <el-input v-model="queryParams.purchaseNo" clearable="" placeholder="璇疯緭鍏O鍗曞彿" />
+ <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUI">
+ <el-form-item label="涓氬姟绫诲瀷">
+ <el-select clearable="" v-model="queryParams.businessType" placeholder="璇烽�夋嫨涓氬姟绫诲瀷">
+ <el-option v-for="(item, index) in getBusinessTypeData_Index" :key="index" :value="item.businessTypeValue" :label="`[${item.businessTypeValue}] ${item.businessTypeName}`" />
+ </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-select clearable="" v-model="queryParams.orderSocure" placeholder="璇烽�夋嫨鍗曟嵁鏉ユ簮">
+ <el-option v-for="(item, index) in getEnumOrderSocureData_Index" :key="index" :value="item.describe" :label="`${item.describe}`" />
+ </el-select>
+ </el-form-item>
+ </el-col>
- </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-select clearable="" v-model="queryParams.businessType" placeholder="璇烽�夋嫨涓氬姟绫诲瀷">
- <el-option v-for="(item, index) in getBusinessTypeData_Index" :key="index" :value="item.businessTypeValue"
- :label="`[${item.businessTypeValue}] ${item.businessTypeName}`" />
-
- </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-select clearable="" v-model="queryParams.orderSocure" placeholder="璇烽�夋嫨鍗曟嵁鏉ユ簮">
- <el-option v-for="(item,index) in getEnumOrderSocureData_Index" :key="index" :value="item.describe" :label="`${item.describe}`" />
- </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-select clearable="" v-model="queryParams.poStatus" placeholder="璇烽�夋嫨鍗曟嵁鐘舵��">
- <el-option v-for="(item, index) in getEnumPoStatusData_Index" :key="index" :value="item.value"
- :label="`${item.describe}`" />
-
- </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-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUI">
+ <el-form-item label="鍗曟嵁鐘舵��">
+ <el-select clearable="" v-model="queryParams.poStatus" placeholder="璇烽�夋嫨鍗曟嵁鐘舵��">
+ <el-option v-for="(item, index) in getEnumPoStatusData_Index" :key="index" :value="item.value" :label="`${item.describe}`" />
+ </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-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
- v-model="queryParams.supplierCode"
- filterable
- remote
- reserve-keyword
- remote-show-suffix
- :remote-method="remoteMethod"
- :loading="loading"
- placeholder="璇烽�夋嫨渚涘簲鍟�"
- clearable
- style="width: 100%"
- @change="changeXmbh(queryParams.supplierCode)"
- >
- <el-option
- v-for="(item, index) in arrTdp"
- :key="index"
- :value="item.custCode"
- :label="`[${item.custCode}]${item.custChinaName}`"
- ></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="渚涘簲鍟嗗悕绉�">
- <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="渚涘簲鍟�" prop="supplierCode">
+ <el-select
+ v-model="queryParams.supplierCode"
+ filterable
+ remote
+ reserve-keyword
+ remote-show-suffix
+ :remote-method="remoteMethod"
+ :loading="loading"
+ placeholder="璇烽�夋嫨渚涘簲鍟�"
+ clearable
+ style="width: 100%"
+ @change="changeXmbh(queryParams.supplierCode)"
+ >
+ <el-option v-for="(item, index) in arrTdp" :key="index" :value="item.custCode" :label="`[${item.custCode}]${item.custChinaName}`"></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="渚涘簲鍟嗗悕绉�">
+ <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-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"
@@ -97,176 +81,186 @@
:label="`${item.describe}`"
></el-option>
</el-select> -->
- <!-- </el-form-item>
+ <!-- </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="璇疯緭鍏RP鍗曞彿" />
-
- </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="ERP鍗曞彿">
+ <el-input v-model="queryParams.erpOrderNo" clearable="" placeholder="璇疯緭鍏RP鍗曞彿" />
+ </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="璇疯緭鍏ラ」鐩甀D"/>
</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-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" v-auth="'wmsOrderPurchase:page'"> 鏌ヨ
- </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)"
- v-auth="'wmsOrderPurchase:add'"> 鏂板 </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-group>
- </el-form-item>
+ <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-group>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ </el-card>
+ <el-card class="full-table" shadow="hover" style="margin-top: 5px">
+ <div class="table-container">
+ <!-- 宸︿晶琛ㄦ牸 -->
+ <div class="left-table">
+ <p class="text-xtiny">榻愬寘鍒楄〃</p>
- </el-col>
- </el-row>
- </el-form>
- </el-card>
- <el-card class="full-table" shadow="hover" style="margin-top: 5px">
- <el-table :data="tableData" style="width: 100%" v-loading="loading" tooltip-effect="light" ref="tableRef"
- row-key="id" @sort-change="sortChange" :summary-method="getExportTitle" show-summary border="">
- <el-table-column fixed="left" type="index" label="搴忓彿" width="55" align="center" />
+ <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>
+ <template #default="scope">
+ <span class="under_line" @click="openDrawer(1, scope.row)">
+ {{ scope.row.packageCode }}
+ </span>
+ </template>
+ </el-table-column>
- <el-table-column fixed="left" label="PO鍗曞彿" prop="purchaseNo" width="150" align="left" show-overflow-tooltip>
- <template #default="scope">
- <span class="under_line" @click="openDrawer(1, scope.row)">
- {{ scope.row.purchaseNo }}
- </span>
- </template>
- </el-table-column>
+ <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="planNo" 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>
+ </div>
- <el-table-column prop="businessTypeName" label="涓氬姟绫诲瀷" show-overflow-tooltip="" min-width="90px">
- <template #default="scope">
- {{ scope.row.businessTypeName }}
- </template>
- </el-table-column>
+ <!-- 鍙充晶琛ㄦ牸 -->
+ <div class="right-table">
+ <p class="text-xtiny">涓嶉綈鍖呭垪琛�</p>
+ <el-table
+ :data="newTableData"
+ style="width: 100%"
+ v-loading="loading"
+ tooltip-effect="light"
+ ref="newTableRef"
+ row-key="newId"
+ @sort-change="newSortChange"
+ :summary-method="getNewExportTitle"
+ 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>
+ <template #default="scope">
+ <span class="under_line" @click="openDrawer(1, scope.row)">
+ {{ scope.row.packageCode }}
+ </span>
+ </template>
+ </el-table-column>
+ <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="planNo" 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>
+ </div>
+ </div>
+ </el-card>
- <el-table-column prop="poStatus" label="鍗曟嵁鐘舵��" show-overflow-tooltip="">
- <template #default="scope">
-
- <el-tag :type="getTypeStatus(1, getEnumDesc(scope.row.poStatus, getEnumPoStatusData_Index))"> {{
- getEnumDesc(scope.row.poStatus, getEnumPoStatusData_Index) }}</el-tag>
- </template>
- </el-table-column>
-
- <el-table-column prop="orderSocure" label="鍗曟嵁鏉ユ簮" show-overflow-tooltip="" />
-
- <el-table-column prop="supplierCode" label="渚涘簲鍟嗙紪鍙�" show-overflow-tooltip="" />
- <el-table-column prop="supplierName" label="渚涘簲鍟嗗悕绉�" show-overflow-tooltip="" />
- <!-- <el-table-column prop="dock" label="鏀惰揣閬撳彛" show-overflow-tooltip="" /> -->
- <el-table-column prop="erpOrderNo" label="ERP鍗曞彿" show-overflow-tooltip="" />
- <el-table-column prop="projectNo" label="椤圭洰鍙�" show-overflow-tooltip="" />
- <!-- <el-table-column prop="remark" label="澶囨敞" show-overflow-tooltip="" /> -->
-
- <el-table-column prop="createTime" label="鍒涘缓鏃堕棿" width="130" :formatter="formatDate_T_Time"
- show-overflow-tooltip="" />
- <el-table-column prop="updateTime" label="淇敼鏃堕棿" width="130" :formatter="formatDate_T_Time"
- show-overflow-tooltip="" />
- <el-table-column prop="createUserName" label="鍒涘缓浜�" show-overflow-tooltip="" />
- <el-table-column prop="updateUserName" label="淇敼浜�" show-overflow-tooltip="" />
- <el-table-column label="鎿嶄綔" width="140" align="center" fixed="right" show-overflow-tooltip=""
- v-if="auth('wmsOrderPurchase:update') || auth('wmsOrderPurchase:delete')">
- <template #default="scope">
- <!-- <el-button icon="ele-Edit" size="small" text="" type="primary" @click="openEditWmsOrderPurchase(scope.row)" v-auth="'wmsOrderPurchase:update'"> 缂栬緫 </el-button> -->
-
- <el-button icon="ele-Edit" size="small" text="" type="primary" @click="showProp(scope.row)"
- v-auth="'wmsOrderPurchase:update'" :disabled="scope.row.poStatus!=0"> 缂栬緫 </el-button>
-
- <el-button icon="ele-Delete" size="small" text="" type="primary" @click="delWmsOrderPurchase(scope.row)"
- v-auth="'wmsOrderPurchase:delete'" :disabled="scope.row.poStatus!=0"> 鍙栨秷 </el-button>
- </template>
- </el-table-column>
- </el-table>
- <el-pagination v-model:currentPage="tableParams.page" v-model:page-size="tableParams.pageSize"
- :total="tableParams.total" :page-sizes="[10, 20, 50, 100, 200, 500]" small="" background=""
- @size-change="handleSizeChange" @current-change="handleCurrentChange"
- layout="total, sizes, prev, pager, next, jumper" />
- <printDialog ref="printDialogRef" :title="printWmsOrderPurchaseTitle" @reloadTable="handleQuery" />
- <editDialog ref="editDialogRef" :title="editWmsOrderPurchaseTitle" @reloadTable="handleQuery" />
- </el-card>
-
- <editDialogWmsOrderDeliver ref="editDialogRefWmsOrderDeliver" :title="editWmsOrderDeliverTitle"
- @reloadTable="handleQuery" />
- <importExcelDialog ref="importExcelDialogRefWmsOrderDeliver" :title="importExcelTitleWmsOrderDeliver"
- @parentUploadFun="handleImportExcelWmsOrderDeliver" @parentDownFun="handleDownExcelWmsOrderDeliver" />
- <!-- 鎵�鏈夊脊妗� 锛氭柊澧� 缂栬緫 璇︽儏 -->
- <open-allprop titleAuthor="1" hexiao="0" ref="propALlProp" @getTabelData="handleQuery"></open-allprop>
- </div>
+ <editDialogWmsOrderDeliver ref="editDialogRefWmsOrderDeliver" :title="editWmsOrderDeliverTitle" @reloadTable="handleQuery" />
+ <importExcelDialog
+ ref="importExcelDialogRefWmsOrderDeliver"
+ :title="importExcelTitleWmsOrderDeliver"
+ @parentUploadFun="handleImportExcelWmsOrderDeliver"
+ @parentDownFun="handleDownExcelWmsOrderDeliver"
+ />
+ <!-- 鎵�鏈夊脊妗� 锛氭柊澧� 缂栬緫 璇︽儏 -->
+ <open-allprop titleAuthor="1" hexiao="0" ref="propALlProp" @getTabelData="handleQuery"></open-allprop>
+ </div>
</template>
<script lang="ts" setup="" name="wmsOrderPurchase">
-import { getCurrentInstance, nextTick, onMounted, ref } from "vue";
-import { ElMessageBox, ElMessage } from "element-plus";
+import { getCurrentInstance, nextTick, onMounted, ref } from 'vue';
+import { ElMessageBox, ElMessage } from 'element-plus';
import { auth } from '/@/utils/authFunction';
import { getDictDataItem as di, getDictDataList as dl } from '/@/utils/dict-utils';
import { formatDate, formatDate_T_Date, formatDate_T_Time, defaultTimeRange } from '/@/utils/formatTime';
-import { pageBaseCustomer } from "/@/api/main/WmsBase/baseCustomer";
+import { pageBaseCustomer } from '/@/api/main/WmsBase/baseCustomer';
+import { formatUtcToData, getTypeStatus } from '/@/utils/formate';
+import printDialog from '/@/views/system/print/component/hiprint/preview.vue';
+import editDialog from '/@/views/main/WmsOrder/wmsOrderPurchase/component/editDialog.vue';
import {
-formatUtcToData,
- getTypeStatus
-} from "/@/utils/formate";
-import printDialog from '/@/views/system/print/component/hiprint/preview.vue'
-import editDialog from '/@/views/main/WmsOrder/wmsOrderPurchase/component/editDialog.vue'
-import { pageWmsOrderPurchase, deleteWmsOrderPurchase, importExcelWmsOrderPurchase, downloadExcelTemplateWmsOrderPurchase, downloadExcelTemplateWmsOrderPurchaseAll } from '/@/api/main/WmsOrder/wmsOrderPurchase';
-import { handleSlectDataWmsBusinessType } from "/@/utils/selectData";
+ pageWmsOrderPurchase,
+ deleteWmsOrderPurchase,
+ importExcelWmsOrderPurchase,
+ downloadExcelTemplateWmsOrderPurchase,
+ downloadExcelTemplateWmsOrderPurchaseAll,
+} from '/@/api/main/WmsOrder/wmsOrderPurchase';
+import { handleSlectDataWmsBusinessType } from '/@/utils/selectData';
import { getAPI } from '/@/utils/axios-utils';
import { SysEnumApi } from '/@/api-services/api';
import commonFunction from '/@/utils/commonFunction';
-import importExcelDialog from '/@/components/importExcel/index.vue' //寮曞叆瀵煎叆缁勪欢
-import { exportPageExcel } from '/@/utils/exportPageExcel' //寮曞叆瀵煎嚭鏂规硶
-import OpenAllprop from "./component/openAllprop.vue";
-import { ExcellTableDataExport } from "/@/hooks/exportTableDataExcell";
+import importExcelDialog from '/@/components/importExcel/index.vue'; //寮曞叆瀵煎叆缁勪欢
+import { exportPageExcel } from '/@/utils/exportPageExcel'; //寮曞叆瀵煎嚭鏂规硶
+import OpenAllprop from './component/openAllprop.vue';
+import { ExcellTableDataExport } from '/@/hooks/exportTableDataExcell';
const { proxy }: any = getCurrentInstance(); // 璁块棶瀹炰緥涓婁笅鏂� proxy鍚屾椂鏀寔寮�鍙� 绾夸笂鐜
-const moveType = 10;//绉诲姩绫诲瀷 鍏ュ簱
+const moveType = 10; //绉诲姩绫诲瀷 鍏ュ簱
// ------------灏佽瀵煎嚭鍔熻兘--鍓嶇瀵煎嚭+琛ㄦ牸鏍囬---------------
const jsonExcellTableExport = {
- titleName: "", //瀵煎嚭琛ㄦ牸鍚嶇О
- interfaceListName: '',//瀵煎嚭鎺ュ彛鍚嶇О
-}
-const { getExportTitle, handleExportExcell, formExport, entozhExcell } = ExcellTableDataExport(jsonExcellTableExport)
+ titleName: '', //瀵煎嚭琛ㄦ牸鍚嶇О
+ interfaceListName: '', //瀵煎嚭鎺ュ彛鍚嶇О
+};
+const { getExportTitle, handleExportExcell, formExport, entozhExcell } = ExcellTableDataExport(jsonExcellTableExport);
// --------------end 灏佽瀵煎嚭鍔熻兘--鍓嶇瀵煎嚭+琛ㄦ牸鏍囬-----------------
// ---------------鏂板-----------------------
const showProp = (item?: any) => {
- if (item == 1) {
- proxy.$refs['propALlProp'].openDialog(1);
- } else {
- proxy.$refs['propALlProp'].openDialog(2, item);
- }
-}
+ if (item == 1) {
+ proxy.$refs['propALlProp'].openDialog(1);
+ } else {
+ proxy.$refs['propALlProp'].openDialog(2, item);
+ }
+};
// ---------------璇︽儏-----------------------
const openDrawer = (type: number, item?: any) => {
- proxy.$refs['propALlProp'].openDrawer(type, item, entozhExcell);
-}
+ proxy.$refs['propALlProp'].openDrawer(type, item, entozhExcell);
+};
// ---------------end璇︽儏-----------------------
-
-const getBusinessTypeData_Index = ref<any>([]);//涓氬姟绫诲瀷 create by liuwq
+const getBusinessTypeData_Index = ref<any>([]); //涓氬姟绫诲瀷 create by liuwq
const getEnumOrderTypeData_Index = ref<any>([]);
// const getEnumBusinessTypeData_Index = ref<any>([]); //update by liuwq
const getEnumPoStatusData_Index = ref<any>([]);
@@ -282,205 +276,242 @@
const tableData = ref<any>([]);
const queryParams = ref<any>({});
const tableParams = ref({
- page: 1,
- pageSize: 10,
- total: 0,
+ page: 1,
+ pageSize: 10,
+ total: 0,
});
-const printWmsOrderPurchaseTitle = ref("");
-const editWmsOrderPurchaseTitle = ref("");
+const printWmsOrderPurchaseTitle = ref('');
+const editWmsOrderPurchaseTitle = ref('');
// 鏀瑰彉楂樼骇鏌ヨ鐨勬帶浠舵樉绀虹姸鎬�
const changeAdvanceQueryUI = () => {
- showAdvanceQueryUI.value = !showAdvanceQueryUI.value;
-}
+ showAdvanceQueryUI.value = !showAdvanceQueryUI.value;
+};
+const newTableData = ref([]);
+
+const fetchNewTableData = async () => {
+ loading.value = true;
+ try {
+ const response = await fetch('your-api-endpoint'); // 鏇挎崲涓烘偍鐨凙PI鍦板潃
+ const data = await response.json();
+ newTableData.value = data;
+ } catch (error) {
+ console.error('鑾峰彇鏂拌〃鏁版嵁閿欒:', error);
+ } finally {
+ loading.value = false;
+ }
+};
+
+const newSortChange = ({ prop, order }) => {
+ console.log(`鎺掑簭瀛楁: ${prop}, 鎺掑簭椤哄簭: ${order}`);
+ // 澶勭悊鎺掑簭閫昏緫
+};
+
+const openNewDrawer = (type, row) => {
+ console.log('鎵撳紑鏂扮殑鎶藉眽锛岀被鍨�:', type, ', 鏁版嵁:', row);
+};
+
+const getNewExportTitle = () => {
+ return '鏂拌〃鏍煎鍑烘爣棰�';
+};
// 鏌ヨ鎿嶄綔
const handleQuery = async () => {
- loading.value = true;
- var res = await pageWmsOrderPurchase(Object.assign(queryParams.value, tableParams.value));
- tableData.value = res.data.result?.items ?? [];
- tableParams.value.total = res.data.result?.total;
- loading.value = false;
- getEnumOrderTypeData_Index.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('OrderTypeEnum')).data.result ?? [];
+ loading.value = true;
+ var res = await pageWmsOrderPurchase(Object.assign(queryParams.value, tableParams.value));
+ tableData.value = res.data.result ?? [];
- getEnumPoStatusData_Index.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('OrderStatusEnum')).data.result ?? [];
+ newTableData.value = res.data.result ?? [];
+
+ // tableParams.value.total = res.data.result?.total;
+ loading.value = false;
+ // getEnumOrderTypeData_Index.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('OrderTypeEnum')).data.result ?? [];
+
+ // getEnumPoStatusData_Index.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('OrderStatusEnum')).data.result ?? [];
};
// 鍒楁帓搴�
const sortChange = async (column: any) => {
- queryParams.value.field = column.prop;
- queryParams.value.order = column.order;
- await handleQuery();
+ queryParams.value.field = column.prop;
+ queryParams.value.order = column.order;
+ await handleQuery();
};
// 鎵撳紑鏂板椤甸潰
const openAddWmsOrderPurchase = () => {
- editWmsOrderPurchaseTitle.value = '娣诲姞PO鍗�';
- editDialogRef.value.openDialog({});
+ editWmsOrderPurchaseTitle.value = '娣诲姞PO鍗�';
+ editDialogRef.value.openDialog({});
};
// 鎵撳紑鎵撳嵃椤甸潰
const openPrintWmsOrderPurchase = async (row: any) => {
- printWmsOrderPurchaseTitle.value = '鎵撳嵃PO鍗�';
-}
+ printWmsOrderPurchaseTitle.value = '鎵撳嵃PO鍗�';
+};
// 鎵撳紑缂栬緫椤甸潰
const openEditWmsOrderPurchase = (row: any) => {
- editWmsOrderPurchaseTitle.value = '缂栬緫PO鍗�';
- editDialogRef.value.openDialog(row);
+ editWmsOrderPurchaseTitle.value = '缂栬緫PO鍗�';
+ editDialogRef.value.openDialog(row);
};
// 鍒犻櫎
const delWmsOrderPurchase = (row: any) => {
- ElMessageBox.confirm(`纭畾瑕佸彇娑堝悧?`, "鎻愮ず", {
- confirmButtonText: "纭畾",
- cancelButtonText: "鍙栨秷",
- type: "warning",
- })
- .then(async () => {
- await deleteWmsOrderPurchase(row);
- handleQuery();
- ElMessage.success("鍙栨秷鎴愬姛");
- })
- .catch(() => { });
+ ElMessageBox.confirm(`纭畾瑕佸彇娑堝悧?`, '鎻愮ず', {
+ confirmButtonText: '纭畾',
+ cancelButtonText: '鍙栨秷',
+ type: 'warning',
+ })
+ .then(async () => {
+ await deleteWmsOrderPurchase(row);
+ handleQuery();
+ ElMessage.success('鍙栨秷鎴愬姛');
+ })
+ .catch(() => {});
};
// 鏀瑰彉椤甸潰瀹归噺
const handleSizeChange = (val: number) => {
- tableParams.value.pageSize = val;
- handleQuery();
+ tableParams.value.pageSize = val;
+ handleQuery();
};
// 鏀瑰彉椤电爜搴忓彿
const handleCurrentChange = (val: number) => {
- tableParams.value.page = val;
- handleQuery();
+ tableParams.value.page = val;
+ handleQuery();
};
// 鏍规嵁businessTypeValue鑾峰彇businessTypeName
const getBusinessTypeByValue = (key: any, itemLst: any) => {
-
- return itemLst.find((x: any) => x.businessTypeValue == key)?.businessTypeName;
+ return itemLst.find((x: any) => x.businessTypeValue == key)?.businessTypeName;
};
handleQuery();
-
//================
const arrTdp = ref<any[]>([]);
const queryParamsW = ref<any>({});
const tableParamsW = ref({
- page: 1,
- pageSize: 200,
- total: 0,
- custType: "渚涘簲鍟�",
+ page: 1,
+ pageSize: 200,
+ total: 0,
+ custType: '渚涘簲鍟�',
});
//-----------------杩滅▼鎼滅储----------------
const handleQueryTdp = async () => {
- var res = await pageBaseCustomer(Object.assign(queryParamsW.value, tableParamsW.value));
- arrTdp.value = res.data.result?.items ?? [];
+ var res = await pageBaseCustomer(Object.assign(queryParamsW.value, tableParamsW.value));
+ arrTdp.value = res.data.result?.items ?? [];
};
const changeXmbh = async (query?: any) => {
- loading.value = true;
- var res = await pageBaseCustomer({
- page: 1,
- pageSize: 200,
- custCode: query,
- custType: "渚涘簲鍟�",
- });
- loading.value = false;
- arrTdp.value = res.data.result?.items ?? [];
+ loading.value = true;
+ var res = await pageBaseCustomer({
+ page: 1,
+ pageSize: 200,
+ custCode: query,
+ custType: '渚涘簲鍟�',
+ });
+ loading.value = false;
+ arrTdp.value = res.data.result?.items ?? [];
};
// 杩滅▼鎼滅储 杈撳叆鍏抽敭瀛椾互浠庤繙绋嬫湇鍔″櫒涓煡鎵炬暟鎹��
const remoteMethod = async (query: string) => {
- loading.value = true;
- var res = await pageBaseCustomer({
- page: 1,
- pageSize: 200,
- custCode: query,
- custType: "渚涘簲鍟�",
- });
- loading.value = false;
- arrTdp.value = res.data.result?.items ?? [];
+ loading.value = true;
+ var res = await pageBaseCustomer({
+ page: 1,
+ pageSize: 200,
+ custCode: query,
+ custType: '渚涘簲鍟�',
+ });
+ loading.value = false;
+ arrTdp.value = res.data.result?.items ?? [];
};
//-----------------杩滅▼鎼滅储----------------
const getEnumDockData = ref<any>([]);
onMounted(async () => {
- nextTick(async () => {
- getBusinessTypeData_Index.value = await handleSlectDataWmsBusinessType(moveType); //涓嬫媺璇诲彇鎺ュ彛
- getEnumDockData.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('DockEnum')).data.result ?? [];
- getEnumOrderSocureData_Index.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('SourceByEnum')).data.result ?? [];
- });
+ nextTick(async () => {
+ // getBusinessTypeData_Index.value = await handleSlectDataWmsBusinessType(moveType); //涓嬫媺璇诲彇鎺ュ彛
+ // getEnumDockData.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('DockEnum')).data.result ?? [];
+ // getEnumOrderSocureData_Index.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('SourceByEnum')).data.result ?? [];
+ });
});
-
-
-
/***************************************************[DO鍗曟搷浣淽缁撴潫***************************************************/
/***************************************************[DO鍗曞鍏寮�濮�***************************************************/
-const printWmsOrderDeliverTitle = ref("");
-const editWmsOrderDeliverTitle = ref("");
-const importExcelTitleWmsOrderDeliver = ref("");
+const printWmsOrderDeliverTitle = ref('');
+const editWmsOrderDeliverTitle = ref('');
+const importExcelTitleWmsOrderDeliver = ref('');
const importExcelDialogRefWmsOrderDeliver = ref();
//鎵撳紑瀵煎叆鐣岄潰
const openImportExcelWmsOrderDeliver = () => {
- importExcelTitleWmsOrderDeliver.value = '瀵煎叆PO鍗�';
- importExcelDialogRefWmsOrderDeliver.value.openDialog({});
+ importExcelTitleWmsOrderDeliver.value = '瀵煎叆PO鍗�';
+ importExcelDialogRefWmsOrderDeliver.value.openDialog({});
};
//瀵煎叆鏁版嵁
const handleImportExcelWmsOrderDeliver = async (formData: Blob) => {
- var result = await importExcelWmsOrderPurchase(formData);
- importExcelDialogRefWmsOrderDeliver.value.callBackUploadFun(result.data);//鍥炶皟瀵煎叆瀛愰〉闈㈢殑鏂规硶
- if (result.data.type == "success") {
- handleQuery();
- }
+ var result = await importExcelWmsOrderPurchase(formData);
+ importExcelDialogRefWmsOrderDeliver.value.callBackUploadFun(result.data); //鍥炶皟瀵煎叆瀛愰〉闈㈢殑鏂规硶
+ if (result.data.type == 'success') {
+ handleQuery();
+ }
};
//涓嬭浇瀵煎叆妯℃澘
const handleDownExcelWmsOrderDeliver = async () => {
- var result = await downloadExcelTemplateWmsOrderPurchase();
- importExcelDialogRefWmsOrderDeliver.value.callBackDownFun(result);//鍥炶皟瀵煎叆瀛愰〉闈㈢殑鏂规硶
+ var result = await downloadExcelTemplateWmsOrderPurchase();
+ importExcelDialogRefWmsOrderDeliver.value.callBackDownFun(result); //鍥炶皟瀵煎叆瀛愰〉闈㈢殑鏂规硶
};
/***************************************************[DO鍗曞鍏缁撴潫***************************************************/
/***************************************************[DO鍗曞鍑篯寮�濮�***************************************************/
-
-
//瀵煎嚭
const handExport = () => {
- downloadExcelTemplateWmsOrderPurchaseAll(queryParams.value)
- .then((res) => {
- if(res.status == 200){
- const link = document.createElement("a"); //鍒涘缓a鏍囩
- let blob = new Blob([res.data], { type: "application/vnd.ms-excel" }); // response灏辨槸鎺ュ彛杩斿洖鐨勬枃浠舵祦
- let objectUrl = URL.createObjectURL(blob);
- link.href = objectUrl;
- link.download = `PO鍗曞鍑�${formatUtcToData(
- new Date().toString(),
- "YYYY-MM-DD hh:mm:ss"
- )}`; // 鑷畾涔夋枃浠跺悕
- link.click(); // 涓嬭浇鏂囦欢
- URL.revokeObjectURL(objectUrl); // 閲婃斁鍐呭瓨
- }
- })
+ downloadExcelTemplateWmsOrderPurchaseAll(queryParams.value).then((res) => {
+ if (res.status == 200) {
+ const link = document.createElement('a'); //鍒涘缓a鏍囩
+ let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' }); // response灏辨槸鎺ュ彛杩斿洖鐨勬枃浠舵祦
+ let objectUrl = URL.createObjectURL(blob);
+ link.href = objectUrl;
+ link.download = `PO鍗曞鍑�${formatUtcToData(new Date().toString(), 'YYYY-MM-DD hh:mm:ss')}`; // 鑷畾涔夋枃浠跺悕
+ link.click(); // 涓嬭浇鏂囦欢
+ URL.revokeObjectURL(objectUrl); // 閲婃斁鍐呭瓨
+ }
+ });
};
-
</script>
<style scoped>
:deep(.el-input),
:deep(.el-select),
:deep(.el-input-number) {
- width: 100%;
+ width: 100%;
}
.under_line {
- color: #F18201;
- text-decoration: underline;
- cursor: pointer;
+ color: #f18201;
+ text-decoration: underline;
+ cursor: pointer;
+}
+.table-container {
+ display: flex; /* 浣跨敤 flexbox 甯冨眬 */
+ justify-content: space-between; /* 琛ㄦ牸涔嬮棿淇濇寔闂磋窛 */
+}
+
+.table-container .left-table,
+.table-container .right-table {
+ flex: 1; /* 浣挎瘡涓〃鏍煎崰鎹浉鍚屽搴� */
+ margin-right: 10px; /* 瀹氫箟鍙充晶鐨勯棿璺� */
+ width: 50%;
+}
+.text-xtiny {
+ font-size: 14px;
+ font-weight: 700;
+ display: block;
+ padding: 0 0 10px 0;
+}
+.table-container .right-table {
+ margin-right: 0; /* 鏈�鍚庝竴涓〃鏍兼病鏈夊彸闂磋窛 */
}
</style>
-
--
Gitblit v1.9.3