This commit is contained in:
caoqianming 2024-02-27 15:20:17 +08:00
commit ce5562a20f
13 changed files with 117 additions and 140 deletions

View File

@ -243,6 +243,7 @@ html.dark {
line-height: 50px;
border-radius: 5px;
padding: 0 1vw;
margin-top: 0.5vh;
align-items: center;
background: rgb(4, 50, 83);
background-color: rgb(4, 50, 83);

View File

@ -2,8 +2,9 @@
<el-container>
<el-header style="height: 50%;padding: 0;">
<el-container>
<el-header>
<div class="panel_title">超标实时报警记录
<el-header class="panel_title">
<div class="left-panel">超标实时报警记录</div>
<div class="right-panel">
<div class="backMap" @click="backtoMap">
切换地图
<el-icon>
@ -32,13 +33,9 @@
<el-container>
<el-main class="nopadding">
<el-container>
<el-header>
<div class="panel_title">
<div style="display: flex;justify-content: space-between;">
<div class="left-panel">
设备实时报警记录
</div>
</div>
<el-header class="panel_title">
<div class="left-panel">
设备实时报警记录
</div>
</el-header>
<el-main class="nppadding">

View File

@ -1,6 +1,6 @@
<template>
<el-container>
<el-header>
<el-header class="panel_title">
<div class="left-panel">
CEMS监测预警
</div>

View File

@ -1,6 +1,6 @@
<template>
<el-container>
<el-header>
<el-header class="panel_title">
<div class="left-panel">CEMS报表导出</div>
</el-header>
<el-main class="nopadding">

View File

@ -1,8 +1,10 @@
<template>
<el-container>
<el-header>
<div class="panel_title">
<el-header class="panel_title">
<div class="left-panel">
环境监测清单
</div>
<div class="right-panel">
<div class="backMap" @click="backtoMap">
切换地图
<el-icon>
@ -13,20 +15,15 @@
</el-header>
<el-main class="nopadding">
<el-container>
<el-header>
<div class="searchWrap">
<div style="font-size: 1vh;">
车辆总数<span class="totalNumber">0</span>
</div>
<div>
<el-select v-model="query.mgroup" placeholder="全部工序" @change="handleQuery" clearable>
<el-option v-for="item in processOptions" :key="item" :label="item"
:value="item"></el-option>
</el-select>
<el-input :input-style="searchInputStyle" style="width:7vw;margin:0 5px" v-model="query.search"
placeholder="设备名称/设备编号"></el-input>
<el-button @click="handleQuery">查询</el-button>
</div>
<el-header class="searchWrap">
<div class="left-panel"></div>
<div class="right-panel">
<el-select v-model="query.mgroup" placeholder="全部工序" @change="handleQuery" clearable>
<el-option v-for="item in processOptions" :key="item" :label="item" :value="item"></el-option>
</el-select>
<el-input :input-style="searchInputStyle" style="width:7vw;margin:0 5px" v-model="query.search"
placeholder="设备名称/设备编号"></el-input>
<el-button @click="handleQuery">查询</el-button>
</div>
</el-header>
<el-main>

View File

@ -2,8 +2,11 @@
<el-container>
<el-header style="height: 40%;padding: 0;">
<el-container>
<el-header>
<div class="panel_title">环境质量监测
<el-header class="panel_title">
<div class="left-panel">
环境质量监测
</div>
<div class="right-panel">
<div class="backMap" @click="backtoMap">
切换地图
<el-icon>
@ -65,25 +68,20 @@
<el-container>
<el-main class="nopadding">
<el-container>
<el-header>
<div class="panel_title">
<div style="display: flex;justify-content: space-between;">
<div class="left-panel">
环境空气质量监测实时数据
</div>
<div class="right-panel">
<el-select v-model="query.time_bucket" placeholder="周期" style="margin-left:4px"
@change="handleQuery">
<el-option v-for="item in timeOptions" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
<el-select v-model="query.type" placeholder="污染源" style="margin-left:4px"
@change="handleQuery">
<el-option v-for="item in typeOptions" :key="item" :label="item"
:value="item" />
</el-select>
</div>
</div>
<el-header class="panel_title">
<div class="left-panel">
环境空气质量监测实时数据
</div>
<div class="right-panel">
<el-select v-model="query.time_bucket" placeholder="周期" style="margin-left:4px"
@change="handleQuery">
<el-option v-for="item in timeOptions" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
<el-select v-model="query.type" placeholder="污染源" style="margin-left:4px"
@change="handleQuery">
<el-option v-for="item in typeOptions" :key="item" :label="item" :value="item" />
</el-select>
</div>
</el-header>
<el-main class="nppadding">

View File

@ -1,8 +1,10 @@
<template>
<el-container>
<el-header>
<div class="panel_title">
<el-header class="panel_title">
<div class="left-panel">
设备清单
</div>
<div class="right-panel">
<div class="backMap" @click="backtoMap">
切换地图
<el-icon>
@ -13,31 +15,28 @@
</el-header>
<el-main class="nopadding">
<el-container>
<el-header>
<div class="searchWrap">
<div style="font-size: 1vh;">
<span class="eqmCateName">设备总数:</span><span class="totalNumber">0</span>
<span class="eqmCateName">在线:</span><span class="totalNumber">0</span>
<span class="eqmCateName">离线:</span><span class="totalNumber">0</span>
<span class="eqmCateName">运行:</span><span class="totalNumber">0</span>
<span class="eqmCateName">待机:</span><span class="totalNumber">0</span>
<span class="eqmCateName">停机:</span><span class="totalNumber">0</span>
<span class="eqmCateName">故障:</span><span class="totalNumber">0</span>
<span class="eqmCateName">未知:</span><span class="totalNumber">0</span>
</div>
<div>
<el-select v-model="query.mgroup" placeholder="全部工序" @change="handleQuery" clearable>
<el-option v-for="item in processOptions" :key="item" :label="item"
:value="item"></el-option>
</el-select>
<el-select v-model="query.type" placeholder="设备类型" @change="handleQuery" clearable>
<el-option v-for="item in typeOptions" :key="item.id" :label="item.name"
:value="item.id"></el-option>
</el-select>
<el-input :input-style="searchInputStyle" style="width:7vw;margin:0 5px" v-model="query.search"
placeholder="设备名称/设备编号"></el-input>
<el-button @click="handleQuery">查询</el-button>
</div>
<el-header class="searchWrap">
<div class="left-panel" style="font-size: 1vh;">
<span class="eqmCateName">设备总数:</span><span class="totalNumber">0</span>
<span class="eqmCateName">在线:</span><span class="totalNumber">0</span>
<span class="eqmCateName">离线:</span><span class="totalNumber">0</span>
<span class="eqmCateName">运行:</span><span class="totalNumber">0</span>
<span class="eqmCateName">待机:</span><span class="totalNumber">0</span>
<span class="eqmCateName">停机:</span><span class="totalNumber">0</span>
<span class="eqmCateName">故障:</span><span class="totalNumber">0</span>
<span class="eqmCateName">未知:</span><span class="totalNumber">0</span>
</div>
<div class="right-panel">
<el-select v-model="query.mgroup" placeholder="全部工序" @change="handleQuery" clearable>
<el-option v-for="item in processOptions" :key="item" :label="item" :value="item"></el-option>
</el-select>
<el-select v-model="query.type" placeholder="设备类型" @change="handleQuery" clearable>
<el-option v-for="item in typeOptions" :key="item.id" :label="item.name"
:value="item.id"></el-option>
</el-select>
<el-input :input-style="searchInputStyle" style="width:7vw;margin:0 5px" v-model="query.search"
placeholder="设备名称/设备编号"></el-input>
<el-button @click="handleQuery">查询</el-button>
</div>
</el-header>
<el-main>

View File

@ -1,7 +1,10 @@
<template>
<el-container>
<el-header>
<div class="panel_title">厂内清洁
<el-header class="panel_title">
<div class="left-panel">
厂内清洁
</div>
<div class="right-panel">
<div class="backMap" @click="backtoMap">
切换地图
<el-icon>
@ -12,26 +15,18 @@
</el-header>
<el-main class="nopadding">
<el-container>
<el-header>
<div class="searchWrap">
<div style="font-size: 1vh;">
车辆总数<span class="totalNumber">0</span>
</div>
<div>
<el-select v-model="query.cate" placeholder="车辆分类" @change="handleQuery" clearable>
<el-option v-for="item in cateOptions" :key="item.id" :label="item.name"
:value="item.id"></el-option>
</el-select>
<!-- <el-select v-model="query.area" placeholder="" style="width:7vw">
<el-option v-for="item in options" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</el-select> -->
<el-input :input-style="searchInputStyle" style="width:7vw;margin:0 5px" v-model="query.search"
placeholder=""></el-input>
<el-button @click="handleQuery">查询</el-button>
</div>
<el-header class="searchWrap">
<div class="left-panel">
车辆总数<span class="totalNumber">0</span>
</div>
<div class="right-panel">
<el-select v-model="query.cate" placeholder="车辆分类" @change="handleQuery" clearable>
<el-option v-for="item in cateOptions" :key="item.id" :label="item.name"
:value="item.id"></el-option>
</el-select>
<el-input :input-style="searchInputStyle" style="width:7vw;margin:0 5px" v-model="query.search"
placeholder=""></el-input>
<el-button @click="handleQuery">查询</el-button>
</div>
</el-header>
<el-main>

View File

@ -1,6 +1,6 @@
<template>
<el-container v-if="!pfkdetail">
<el-header>
<el-header class="panel_title">
<div class="left-panel">排放口清单
<!-- <div class="backMap" @click="backtoMap">
切换地图
@ -15,8 +15,8 @@
</el-header>
<el-main class="nopadding">
<el-container>
<el-header>
<div class="left-panel searchWrap">
<el-header class="searchWrap">
<div class="left-panel">
<div style="font-size: 1.8vh;">
全厂总排放口<span class="totalNumber">{{ count }}</span>
</div>
@ -53,7 +53,7 @@
</el-main>
</el-container>
<el-container v-else>
<el-header>
<el-header class="panel_title">
<div class="left-panel">
排放口及关联设备信息
</div>

View File

@ -2,12 +2,12 @@
<el-container v-if="!pollutantDetail">
<el-main class="nopadding">
<el-container>
<el-header>
<el-header class="panel_title">
<div class="left-panel">污染源清单</div>
</el-header>
<el-main class="nopadding">
<el-container>
<el-header>
<el-header class="searchWrap">
<div class="left-panel">
<el-select v-model="query.cate" placeholder="污染源分类" @change="handleQuery" clearable>
<el-option v-for="item in cateOptions" :key="item.id" :label="item.name"
@ -31,7 +31,7 @@
</el-main>
</el-container>
<el-container v-else>
<el-header>
<el-header class="panel_title">
<div class="left-panel">污染源及关联设备信息
</div>
<div class="right-panel">

View File

@ -2,7 +2,7 @@
<el-container>
<el-header style="height: 40%;padding: 0">
<el-container>
<el-header>
<el-header class="panel_title">
<div class="left-panel">污染源监测清单</div>
</el-header>
<el-main class="nopadding">
@ -42,7 +42,7 @@
<el-container>
<el-main class="nopadding">
<el-container>
<el-header>
<el-header class="panel_title">
<div class="left-panel">
污染源监测详情
</div>

View File

@ -1,7 +1,10 @@
<template>
<el-container>
<el-header>
<div class="panel_title">进出厂记录
<el-header class="panel_title">
<div class="left-panel">
进出厂记录
</div>
<div class="right-panel">
<div class="backMap" @click="backtoMap">
切换地图
<el-icon>
@ -12,36 +15,23 @@
</el-header>
<el-main class="nopadding">
<el-container>
<el-header>
<div class="searchWrap">
<div style="font-size: 1vh;">
车辆总数<span class="totalNumber">0</span>
</div>
<div>
<!-- <el-select v-model="query.timetype" placeholder="时间类型" @change="timeHandleQuery" clearable>
<el-option v-for="item in timeOptions" :key="item" :label="item" :value="item"></el-option>
</el-select> -->
<!-- 时间 -->
<el-date-picker v-model="query.time" type="date" placeholder="开始时间" format="YYYY-MM-DD"
value-format="YYYY-MM-DD" :picker-options="pickerOptions" />
<el-date-picker v-model="query.time" type="date" placeholder="结束时间" format="YYYY-MM-DD"
value-format="YYYY-MM-DD" :picker-options="pickerOptions" />
<!-- <el-select v-model="query.cate" placeholder="车辆分类" @change="carHandleQuery" clearable>
<el-option v-for="item in cateOptions" :key="item.id" :label="item.name"
:value="item.id"></el-option>
</el-select> -->
<el-select v-model="query.type" placeholder="出入类型" style="width:7vw">
<el-option v-for="item in typeOptions" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select>
<!-- <el-select v-model="query.status" placeholder="行驶证状态" style="width:7vw">
<el-option v-for="item in statusOptions" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select> -->
<el-input :input-style="searchInputStyle" style="width:7vw;margin:0 5px" v-model="query.search"
placeholder=""></el-input>
<el-button @click="handleQuery">查询</el-button>
</div>
<el-header class="searchWrap">
<div class="left-panel">
车辆总数<span class="totalNumber">0</span>
</div>
<div class="right-panel">
<el-date-picker v-model="query.time" type="date" placeholder="开始时间" format="YYYY-MM-DD"
value-format="YYYY-MM-DD" :picker-options="pickerOptions" />
<el-date-picker v-model="query.time" type="date" placeholder="结束时间" format="YYYY-MM-DD"
value-format="YYYY-MM-DD" :picker-options="pickerOptions" />
<el-select v-model="query.type" placeholder="出入类型" style="width:7vw">
<el-option v-for="item in typeOptions" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select>
<el-input :input-style="searchInputStyle" style="width:7vw;margin:0 5px" v-model="query.search"
placeholder=""></el-input>
<el-button @click="handleQuery">查询</el-button>
</div>
</el-header>
<el-main>

View File

@ -77,8 +77,8 @@
</span>
<template #dropdown>
<el-dropdown-menu class="enpMenu">
<el-dropdown-item command="envirqualmonitor">环境质量监测</el-dropdown-item>
<el-dropdown-item command="envirmonitor">环境监测清单</el-dropdown-item>
<el-dropdown-item command="envirqualmonitor">环境质量监测</el-dropdown-item>
<!-- <el-dropdown-item command="pollutecalendar">污染日历</el-dropdown-item> -->
<!-- <el-dropdown-item command="">决策分析</el-dropdown-item> -->
</el-dropdown-menu>
@ -89,7 +89,7 @@
<div :class="bindClass(5)" @click="menuClick(5)">
<!-- <div class="menuItem">台账管理</div> -->
<div class="menuItem">
<el-dropdown class="dropdown" trigger="click" @command="handleClick4">
<el-dropdown class="dropdown" trigger="click" @command="handleClick5">
<span class="el-dropdown-link">
台账管理
</span>