From 235a109b3b461c7acbd1d7bb4f7e920075de2b9e Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期四, 24 四月 2025 15:40:51 +0800
Subject: [PATCH] 修改大屏
---
src/views/hazardousChemicals/bigScreen/components/midTop.vue | 42 ++++++++++++++++++++++++++++++++++++++++--
1 files changed, 40 insertions(+), 2 deletions(-)
diff --git a/src/views/hazardousChemicals/bigScreen/components/midTop.vue b/src/views/hazardousChemicals/bigScreen/components/midTop.vue
index 1c3d309..99e6443 100644
--- a/src/views/hazardousChemicals/bigScreen/components/midTop.vue
+++ b/src/views/hazardousChemicals/bigScreen/components/midTop.vue
@@ -8,13 +8,31 @@
v-model="companyType"
filterable
placeholder="请选择企业类型"
- style="width: 100%"
+ style="flex: 1"
remote
remote-show-suffix
:remote-method="getList"
>
<el-option
v-for="item in typeList"
+ :key="item.id"
+ :label="item.name"
+ :value="item.id"
+ />
+ </el-select>
+ <el-select
+ clearable
+ :teleported="false"
+ v-model="warningType"
+ filterable
+ placeholder="请选择风险等级"
+ style="flex: 1"
+ remote
+ remote-show-suffix
+ :remote-method="getList"
+ >
+ <el-option
+ v-for="item in warningList"
:key="item.id"
:label="item.name"
:value="item.id"
@@ -94,6 +112,7 @@
})
const companyType = ref('')
+const warningType = ref('')
const typeList = [
{
id: 0,
@@ -108,13 +127,30 @@
name: '中试类'
}
]
+const warningList = [
+ {
+ id: 1,
+ name: '红'
+ },
+ {
+ id: 2,
+ name: '橙'
+ },
+ {
+ id: 3,
+ name: '黄'
+ },
+ {
+ id: 4,
+ name: '蓝'
+ }
+]
const getList = async () => {
const res = await getCompanyMessage(companyType.value)
if(res.code == 200){
if(res.data && Array.isArray(res.data) && res.data.length>0){
companyData.value = res.data
- console.log(companyData.value,555)
const mapData = companyData.value.map(i=>{
return {
name: i.companyName + '(' + i.warningCount + ')',
@@ -293,6 +329,8 @@
.filter{
width: 300px;
margin-top: 50px;
+ display: flex;
+ align-items: center;
}
:deep(.el-input__wrapper){
height: 28px;
--
Gitblit v1.9.2