From ebc5ce2b6e4cba0708d4f5efd20fd049fcd774e6 Mon Sep 17 00:00:00 2001
From: CD配唱片 <CD配唱片>
Date: 星期四, 08 五月 2025 13:22:25 +0800
Subject: [PATCH] 优化,用节流控制表格下拉加载更多分页数据避免请求过多数据
---
src/views/basicData/bom/index.vue | 118 +++++++++++++++++++++++++++++++++--------------------------
1 files changed, 66 insertions(+), 52 deletions(-)
diff --git a/src/views/basicData/bom/index.vue b/src/views/basicData/bom/index.vue
index 1ece0d6..0d93fef 100644
--- a/src/views/basicData/bom/index.vue
+++ b/src/views/basicData/bom/index.vue
@@ -9,52 +9,54 @@
v-show="showSearch"
:label-width="locale === 'zh' ? '90px' : '160px'"
>
- <el-row :gutter="20">
- <el-col :span="9">
- <el-form-item :label="$t('plan.query.itemNumber')" prop="itemCode">
- <el-input
- style="width: 210px"
- v-model="queryParams.itemCode"
- :placeholder="`${$t('common.common.placeholder')}${$t(
- 'plan.query.itemNumber'
- )}`"
- clearable
- @keyup.enter="handleQuery"
- />
- </el-form-item>
- </el-col>
- <el-col :span="9">
- <el-form-item
- :label="$t('plan.table.applicableFactories')"
- prop="orgCode"
+ <!-- <el-row :gutter="20">
+ <el-col :span="10"> -->
+ <el-form-item :label="$t('plan.query.itemNumber')" prop="itemCode">
+ <el-input
+ style="width: 210px"
+ v-model="queryParams.itemCode"
+ :placeholder="`${$t('common.common.placeholder')}${$t(
+ 'plan.query.itemNumber'
+ )}`"
+ clearable
+ @keyup.enter="handleQuery"
+ />
+ </el-form-item>
+ <!-- </el-col>
+ <el-col :span="10"> -->
+ <el-form-item
+ :label="$t('plan.table.applicableFactories')"
+ prop="orgCode"
+ >
+ <el-select
+ clearable
+ v-model="queryParams.orgCode"
+ style="width: 160px"
+ :placeholder="`${$t('common.common.placeholder')}${$t(
+ 'plan.table.applicableFactories'
+ )}`"
+ >
+ <el-option
+ v-for="plant in plantList"
+ :key="plant.id"
+ :label="plant.plantName"
+ :value="plant.plantCode"
>
- <el-select
- clearable
- v-model="queryParams.orgCode"
- :style="{width: locale=='zh'?'160px':'250px'}"
- :placeholder="`${$t('common.common.placeholder')}${$t('plan.table.applicableFactories')}`"
- >
- <el-option
- v-for="plant in plantList"
- :key="plant.id"
- :label="plant.plantName"
- :value="plant.plantCode"
- >
- </el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="6" style="text-align: right">
- <el-form-item>
- <el-button type="primary" icon="Search" @click="handleQuery">{{
- $t("common.common.query")
- }}</el-button>
- <el-button icon="Refresh" @click="resetQuery">{{
- $t("common.common.reset")
- }}</el-button>
- </el-form-item>
- </el-col>
- </el-row>
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <!-- </el-col>
+ <el-col :span="4" style="text-align: right"> -->
+ <el-form-item>
+ <el-button type="primary" icon="Search" @click="handleQuery">{{
+ $t("common.common.query")
+ }}</el-button>
+ <el-button icon="Refresh" @click="resetQuery">{{
+ $t("common.common.reset")
+ }}</el-button>
+ </el-form-item>
+ <!-- </el-col>
+ </el-row> -->
</el-form>
</el-row>
<el-row :gutter="10" class="mb8">
@@ -97,7 +99,12 @@
>
</template>
</HxlhTable>
- <el-dialog :title="title" v-model="openDialog" width="900px" append-to-body>
+ <el-dialog
+ :title="$t('common.common.viewDetails')"
+ v-model="openDialog"
+ width="900px"
+ append-to-body
+ >
<HxlhTable
style="width: 100%"
:columns="subGridOptions"
@@ -106,6 +113,13 @@
:height="heightSub"
>
</HxlhTable>
+ <template #footer>
+ <span class="dialog-footer">
+ <el-button @click="openDialog = false">{{
+ $t("common.common.cancel")
+ }}</el-button>
+ </span>
+ </template>
</el-dialog>
</div>
</template>
@@ -117,7 +131,7 @@
} from "@/api/basicData/bom/bom.js";
import { listAll_plant } from "@/api/basicData/plant";
import HxlhTable from "@/components/HxlhTable/index.vue";
-import { ElMessage } from "element-plus";
+// import { ElMessage } from "element-plus";
import { useI18n } from "vue-i18n"; //瑕佸湪js涓娇鐢ㄥ浗闄呭寲
const { t, locale } = useI18n();
const { proxy } = getCurrentInstance();
@@ -134,7 +148,7 @@
const loadingSub = ref(false);
const showSearch = ref(true);
const total = ref(0);
-const height = ref(document.documentElement.clientHeight - 270 + "px;");
+const height = ref(document.documentElement.clientHeight - 210 + "px;");
const heightSub = ref(document.documentElement.clientHeight - 320 + "px;");
// 琛ㄦ牸閰嶇疆
const columns = ref([]);
@@ -145,7 +159,7 @@
pageNum: 1,
pageSize: 10,
itemCode: null,
- orgCode:""
+ orgCode: "",
},
rules: {},
});
@@ -175,7 +189,7 @@
// },
// { type: "checkbox", width: 60, align: "center" },
{
- title: "BOM_Header_ID",
+ title: "BOM ID",
field: "bomHeaderId",
},
{
@@ -221,13 +235,13 @@
];
subGridOptions.value = [
{
- title: "BOM_Line_ID",
+ title: t("plan.table.bomItemID"),
field: "bomLineId",
width: 150,
align: "center",
},
{
- title: "BOM_Header_ID",
+ title: "BOM ID",
field: "bomHeaderId",
width: 150,
align: "center",
--
Gitblit v1.9.3