From e1d380a930e73d8355a4695ca5f5b91f471c2394 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: Mon, 28 Apr 2025 13:32: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