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/overdueWarning/index.vue | 139 ++++++++++++++++++++++++++++++----------------
1 files changed, 90 insertions(+), 49 deletions(-)
diff --git a/src/views/hazardousChemicals/overdueWarning/index.vue b/src/views/hazardousChemicals/overdueWarning/index.vue
index 7fa70a0..585f786 100644
--- a/src/views/hazardousChemicals/overdueWarning/index.vue
+++ b/src/views/hazardousChemicals/overdueWarning/index.vue
@@ -1,41 +1,53 @@
<template>
<div class="app-container">
- <div style="display: flex;justify-content: flex-end;margin-bottom: 10px;font-size: 20px;font-weight: 600">
- <span>当前存在未处理预警 <span style="color: #1890ff;cursor: pointer" @click="toDetail">{{data.untreatedTotal}}</span> 条</span>
- <el-button
- type="primary"
- plain
- @click="reset"
- style="margin-left: 40px"
- >重置</el-button>
- </div>
-<!--/* <div style="display: flex;justify-content: space-between">*/-->
+ <div style="display: flex;justify-content: space-between;margin-bottom: 10px;font-size: 20px;font-weight: 600">
+ <div style="display: flex;justify-content: space-between">
+ <el-form :inline="true" style="display: flex;align-items: center;flex-wrap: wrap;" >
+ <el-form-item label="企业名称:" >
+ <el-select
+ clearable
+ v-model="data.queryParams.companyId"
+ filterable
+ remote
+ reserve-keyword
+ placeholder="请输入企业名称"
+ remote-show-suffix
+ :remote-method="getCompanyList"
+ style="width: 100%"
+ >
+ <el-option
+ v-for="item in data.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
+ type="primary"
+ plain
+ @click="reset"
+ >重置</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div>
+ <span>当前存在未处理预警 <span style="color: #1890ff;cursor: pointer" @click="toDetail">{{data.untreatedTotal}}</span> 条</span>
+ <el-button
+ type="primary"
+ plain
+ @click="reset"
+ style="margin-left: 40px"
+ >重置</el-button>
+ </div>
-<!--/* <el-form :inline="true" style="display: flex;align-items: center;flex-wrap: wrap;" >*/-->
-<!-- <el-form-item>-->
-<!-- <el-button-->
-<!-- type="primary"-->
-<!-- plain-->
-<!-- icon="Plus"-->
-<!-- @click="openDialog('add',{})"-->
-<!-- >新增</el-button>-->
-<!-- </el-form-item>-->
-<!-- <el-form-item label="仓库名称：" >-->
-<!-- <el-input v-model="data.queryParams.name" placeholder="请输仓库名称"></el-input>-->
-<!-- </el-form-item>-->
-<!-- <el-form-item >-->
-<!-- <el-button-->
-<!-- type="primary"-->
-<!-- @click="getList"-->
-<!-- >查询</el-button>-->
-<!-- <el-button-->
-<!-- type="primary"-->
-<!-- plain-->
-<!-- @click="reset"-->
-<!-- >重置</el-button>-->
-<!-- </el-form-item>-->
-<!-- </el-form>-->
-<!-- </div>-->
+ </div>
+
<!-- 表格数据 -->
<el-table v-loading="loading" :data="dataList" :border="true">
<el-table-column label="序号" type="index" align="center" width="80" />
@@ -53,12 +65,12 @@
<span>{{scope.row.state === 0 ? '未处理':'已处理'}}</span>
</template>
</el-table-column>
- <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200" >
- <template #default="scope">
- <el-button link type="primary" v-if="scope.row.state === 0" @click="markWarn(scope.row)">标记处理</el-button>
- <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button>
- </template>
- </el-table-column>
+<!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200" >-->
+<!-- <template #default="scope">-->
+<!-- <el-button link type="primary" v-if="scope.row.state === 0" @click="markWarn(scope.row)">标记处理</el-button>-->
+<!-- <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button>-->
+<!-- </template>-->
+<!-- </el-table-column>-->
</el-table>
<pagination
@@ -77,6 +89,7 @@
import {ElMessage, ElMessageBox} from "element-plus";
import {delWarning, getWarning, handleWarning} from "@/api/hazardousChemicals/warning";
import {unWarningCount} from "@/api/hazardousChemicals/count";
+import {getCompany} from "@/api/hazardousChemicals/company";
const { proxy } = getCurrentInstance();
const loading = ref(false);
const dialogRef = ref();
@@ -84,18 +97,20 @@
queryParams: {
pageNum: 1,
pageSize: 10,
- state: null
+ state: null,
+ companyId: null
},
total: 0,
dataList: [],
- untreatedTotal: 0
+ untreatedTotal: 0,
+ companyList: []
});
const { queryParams, total, dataList } = toRefs(data);
const classHourRef = ref();
onMounted(()=>{
getList()
- getUnCount()
+ getCompanyList("")
})
onUnmounted(()=>{
@@ -108,6 +123,7 @@
if(res.code == 200){
data.dataList = res.data.list
data.total = res.data.total
+ getUnCount()
}else{
ElMessage.warning(res.message)
@@ -115,7 +131,10 @@
loading.value = false
}
const getUnCount = async () => {
- const res = await unWarningCount()
+const param = {
+ companyId: data.queryParams.companyId
+}
+ const res = await unWarningCount(param)
if(res.code == 200){
data.untreatedTotal = res.data
}else{
@@ -124,6 +143,30 @@
}
+const getCompanyList = async (val)=>{
+ if(val){
+ const queryParams = {
+ name: val
+ }
+ const res = await getCompany(queryParams)
+ if (res.code == 200) {
+ data.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) {
+ data.companyList = res.data.list
+ } else {
+ ElMessage.warning(res.message)
+ }
+ }
+}
const openDialog = (type, value) => {
dialogRef.value.openDialog(type, value);
}
@@ -133,10 +176,10 @@
data.queryParams = {
pageNum: 1,
pageSize: 10,
- state: null
+ state: null,
+ companyId: null
}
getList()
- getUnCount()
}
const handleDelete = (val) => {
ElMessageBox.confirm(
@@ -152,7 +195,6 @@
if(res.code == 200){
ElMessage.success('数据删除成功')
await getList()
- await getUnCount()
}else{
ElMessage.warning(res.message)
}
@@ -179,7 +221,6 @@
if(res.code == 200){
ElMessage.success('处理成功')
await getList()
- await getUnCount()
}else{
ElMessage.warning(res.message)
}
--
Gitblit v1.9.2