From 817f8b5f25e08499e7e90b38c002e74131d57c17 Mon Sep 17 00:00:00 2001 From: zhouwx <1175765986@qq.com> Date: 星期五, 18 四月 2025 14:30:12 +0800 Subject: [PATCH] 修改 --- src/views/hazardousChemicals/useCount/index.vue | 86 ++++++++++++++++++++++++++++++++++-------- 1 files changed, 69 insertions(+), 17 deletions(-) diff --git a/src/views/hazardousChemicals/useCount/index.vue b/src/views/hazardousChemicals/useCount/index.vue index 434bb8b..3408fb1 100644 --- a/src/views/hazardousChemicals/useCount/index.vue +++ b/src/views/hazardousChemicals/useCount/index.vue @@ -12,26 +12,38 @@ format="YYYY-MM-DD HH:mm:ss" /> </el-form-item> + <el-form-item label="企业名称:" > + <el-select + clearable + v-model="state.tableData.listQuery.companyId" + filterable + remote + reserve-keyword + placeholder="请输入企业名称" + remote-show-suffix + :remote-method="getCompanyList" + style="width: 100%" + > + <el-option + v-for="item in state.tableData.companyList" + :key="item.id" + :label="item.name" + :value="item.id" + /> + </el-select> + </el-form-item> <el-form-item > + <el-button + type="primary" + @click="getList" + >查询</el-button> <el-button plain type="primary" @click="reset" >重置</el-button> - <el-button - icon="Search" - type="primary" - @click="getList" - >查询</el-button> +<!-- <el-button type="primary" icon="Download" size="default" @click="downloadExcel">导出</el-button>--> -<!-- <vue3-json-excel--> -<!-- class="ml10"--> -<!-- :json-data="state.tableData.data"--> -<!-- :fields="fields"--> -<!-- :name="state.tableData.excelName"--> -<!-- >--> - <el-button type="primary" icon="Download" size="default" @click="downloadExcel">导出</el-button> -<!-- </vue3-json-excel>--> </el-form-item> </el-form> </div> @@ -67,6 +79,7 @@ import moment from "moment"; import axios from "axios"; import {getToken} from "@/utils/auth"; +import {getCompany} from "@/api/hazardousChemicals/company"; const loading = ref(false) const state = reactive({ @@ -80,8 +93,10 @@ startTime: null, endTime: null, time: [], + companyId: null }, - excelName: '' + excelName: '', + companyList: [] }, }); const fields = ref({ @@ -96,9 +111,11 @@ }); onMounted( - () => { - getNowTime(); - getList() + async () => { + await getNowTime(); + await getCompanyList('') + await getList() + } ); const getNowTime = () => { @@ -180,7 +197,42 @@ // } } +const getCompanyList = async (val)=>{ + if(val){ + const queryParams = { + name: val + } + const res = await getCompany(queryParams) + if (res.code == 200) { + state.tableData.companyList = res.data.list + } else { + ElMessage.warning(res.message) + } + }else { + const queryParams = { + pageNum: 1, + pageSize: 10 + } + const res = await getCompany(queryParams) + if (res.code == 200) { + state.tableData.companyList = res.data.list + if(state.tableData.listQuery.companyId == null){ + state.tableData.listQuery.companyId = state.tableData.companyList[0].id + } + } else { + ElMessage.warning(res.message) + } + } +} const reset = () => { + state.tableData.listQuery = { + pageNum: 1, + pageSize: 10, + startTime: null, + endTime: null, + time: [], + } + state.tableData.listQuery.companyId = state.tableData.companyList[0].id getNowTime(); getList(); } -- Gitblit v1.9.2