From cc41c6680e4230f9e3f7c8bc3552841c577d812d Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期一, 21 四月 2025 10:38:43 +0800
Subject: [PATCH] 修改大屏
---
src/views/hazardousChemicals/avoidWarning/index.vue | 90 +++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 86 insertions(+), 4 deletions(-)
diff --git a/src/views/hazardousChemicals/avoidWarning/index.vue b/src/views/hazardousChemicals/avoidWarning/index.vue
index 941b711..1a6cd3e 100644
--- a/src/views/hazardousChemicals/avoidWarning/index.vue
+++ b/src/views/hazardousChemicals/avoidWarning/index.vue
@@ -1,5 +1,41 @@
<template>
<div class="app-container">
+ <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="state.queryParams.companyId"
+ filterable
+ remote
+ reserve-keyword
+ placeholder="请输入企业名称"
+ remote-show-suffix
+ :remote-method="getCompanyList"
+ style="width: 100%"
+ >
+ <el-option
+ v-for="item in state.companyList"
+ :key="item.id"
+ :label="item.name"
+ :value="item.id"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item >
+ <el-button
+ type="primary"
+ @click="getListAll"
+ >查询</el-button>
+ <el-button
+ type="primary"
+ plain
+ @click="reset"
+ >重置</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+
<!-- 卡片部分-->
<div style="margin-bottom: 10px;display: flex;align-items: center;justify-content: space-between" >
<div style="font-weight: 600;font-size: 20px">实时报警状态</div>
@@ -27,7 +63,7 @@
</div>
<div style="margin-top: 10px">相忌试剂：{{ item.tabooBasicName }}</div>
<div style="margin-top: 10px">存储位置：{{item.warehouseName}}——{{item.cupboardName}}</div>
- <el-button style="margin-top: 15px;float: right;color: white;margin-bottom: 5px" :color="item.warningType == 1 ? '#ef8a8a' : '#efb965'" @click="handle(item)">立即处理</el-button>
+<!-- <el-button style="margin-top: 15px;float: right;color: white;margin-bottom: 5px" :color="item.warningType == 1 ? '#ef8a8a' : '#efb965'" @click="handle(item)">立即处理</el-button>-->
</el-card>
</el-col>
@@ -84,23 +120,28 @@
import {ElMessage} from "element-plus";
import avoidDialog from './components/avoidDialog.vue'
import {getAvoidInfoPage, getAvoidList} from "@/api/hazardousChemicals/avoid";
+import {getCompany} from "@/api/hazardousChemicals/company";
const avoidRef = ref(null)
const state = reactive({
queryParams: {
pageNum: 1,
pageSize: 5,
- warningType: ''
+ warningType: '',
+ companyId: null
},
cardQueryParams: {
- warningType: ''
+ warningType: '',
+ companyId: null
},
total: 0,
dataList: [],
- tableList: []
+ tableList: [],
+ companyList: []
});
const { queryParams,cardQueryParams, total, dataList } = toRefs(state);
const loading = ref(false);
onMounted(()=>{
+ getCompanyList('')
getListPage()
getList()
})
@@ -116,6 +157,9 @@
loading.value = false
}
const getList = async () => {
+ if(state.queryParams.companyId){
+ state.cardQueryParams.companyId = state.queryParams.companyId
+ }
const res = await getAvoidList(state.cardQueryParams)
if(res.code == 200){
state.dataList = res.data
@@ -126,6 +170,30 @@
const handle = (val) => {
avoidRef.value.openDialog(val);
}
+const getCompanyList = async (val)=>{
+ if(val){
+ const queryParams = {
+ name: val
+ }
+ const res = await getCompany(queryParams)
+ if (res.code == 200) {
+ state.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.companyList = res.data.list
+ } else {
+ ElMessage.warning(res.message)
+ }
+ }
+}
const chooseType = (type) => {
state.queryParams.warningType = type == 'red' ? 1 : type == '' ? '' :2
@@ -138,6 +206,20 @@
getListPage()
getList()
}
+const reset = () => {
+ state.queryParams= {
+ pageNum: 1,
+ pageSize: 5,
+ warningType: '',
+ companyId: null
+ }
+ state.cardQueryParams= {
+ warningType: '',
+ companyId: null
+ }
+ getListPage()
+ getList()
+}
</script>
--
Gitblit v1.9.2