zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

页面标题样式统一

This commit is contained in:
shijing 2024-02-27 14:20:08 +08:00
parent dc7d7f1ec0
commit 762f648d23
12 changed files with 112 additions and 136 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/views/bigScreen/enpComponents/alarmrecord.vue
View File

@ -2,8 +2,9 @@
<el-container> <el-container>
<el-header style="height: 50%;padding: 0;"> <el-header style="height: 50%;padding: 0;">
<el-container> <el-container>
<el-header> <el-header class="panel_title">
<div class="panel_title">超标实时报警记录 <div class="left-panel">超标实时报警记录</div>
<div class="right-panel">
<div class="backMap" @click="backtoMap"> <div class="backMap" @click="backtoMap">
切换地图 切换地图
<el-icon> <el-icon>
@ -32,14 +33,10 @@
<el-container> <el-container>
<el-main class="nopadding"> <el-main class="nopadding">
<el-container> <el-container>
<el-header> <el-header class="panel_title">
<div class="panel_title">
<div style="display: flex;justify-content: space-between;">
<div class="left-panel"> <div class="left-panel">
设备实时报警记录 设备实时报警记录
</div> </div>
</div>
</div>
</el-header> </el-header>
<el-main class="nppadding"> <el-main class="nppadding">
<scTable ref="table2" style="width: 100%;" size="large" :apiObj="apiObj2" row-key="id" <scTable ref="table2" style="width: 100%;" size="large" :apiObj="apiObj2" row-key="id"

2
src/views/bigScreen/enpComponents/cems2.vue
View File

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

2
src/views/bigScreen/enpComponents/cemsExport.vue
View File

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

19
src/views/bigScreen/enpComponents/envirmonitor.vue
View File

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

16
src/views/bigScreen/enpComponents/envirqualmonitor.vue
View File

@ -2,8 +2,11 @@
<el-container> <el-container>
<el-header style="height: 40%;padding: 0;"> <el-header style="height: 40%;padding: 0;">
<el-container> <el-container>
<el-header> <el-header class="panel_title">
<div class="panel_title">环境质量监测 <div class="left-panel">
环境质量监测
</div>
<div class="right-panel">
<div class="backMap" @click="backtoMap"> <div class="backMap" @click="backtoMap">
切换地图 切换地图
<el-icon> <el-icon>
@ -65,9 +68,7 @@
<el-container> <el-container>
<el-main class="nopadding"> <el-main class="nopadding">
<el-container> <el-container>
<el-header> <el-header class="panel_title">
<div class="panel_title">
<div style="display: flex;justify-content: space-between;">
<div class="left-panel"> <div class="left-panel">
环境空气质量监测实时数据 环境空气质量监测实时数据
</div> </div>
@ -79,12 +80,9 @@
</el-select> </el-select>
<el-select v-model="query.type" placeholder="污染源" style="margin-left:4px" <el-select v-model="query.type" placeholder="污染源" style="margin-left:4px"
@change="handleQuery"> @change="handleQuery">
<el-option v-for="item in typeOptions" :key="item" :label="item" <el-option v-for="item in typeOptions" :key="item" :label="item" :value="item" />
:value="item" />
</el-select> </el-select>
</div> </div>
</div>
</div>
</el-header> </el-header>
<el-main class="nppadding"> <el-main class="nppadding">
<scTable :data="tableData" style="width: 100%;" size="large" :apiObj="apiObj" row-key="id" <scTable :data="tableData" style="width: 100%;" size="large" :apiObj="apiObj" row-key="id"

17
src/views/bigScreen/enpComponents/eqments.vue
View File

@ -1,8 +1,10 @@
<template> <template>
<el-container> <el-container>
<el-header> <el-header class="panel_title">
<div class="panel_title"> <div class="left-panel">
设备清单 设备清单
</div>
<div class="right-panel">
<div class="backMap" @click="backtoMap"> <div class="backMap" @click="backtoMap">
切换地图 切换地图
<el-icon> <el-icon>
@ -13,9 +15,8 @@
</el-header> </el-header>
<el-main class="nopadding"> <el-main class="nopadding">
<el-container> <el-container>
<el-header> <el-header class="searchWrap">
<div class="searchWrap"> <div class="left-panel" style="font-size: 1vh;">
<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>
@ -25,10 +26,9 @@
<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>
<div> <div class="right-panel">
<el-select v-model="query.mgroup" placeholder="全部工序" @change="handleQuery" clearable> <el-select v-model="query.mgroup" placeholder="全部工序" @change="handleQuery" clearable>
<el-option v-for="item in processOptions" :key="item" :label="item" <el-option v-for="item in processOptions" :key="item" :label="item" :value="item"></el-option>
:value="item"></el-option>
</el-select> </el-select>
<el-select v-model="query.type" placeholder="设备类型" @change="handleQuery" clearable> <el-select v-model="query.type" placeholder="设备类型" @change="handleQuery" clearable>
<el-option v-for="item in typeOptions" :key="item.id" :label="item.name" <el-option v-for="item in typeOptions" :key="item.id" :label="item.name"
@ -38,7 +38,6 @@
placeholder="设备名称/设备编号"></el-input> placeholder="设备名称/设备编号"></el-input>
<el-button @click="handleQuery">查询</el-button> <el-button @click="handleQuery">查询</el-button>
</div> </div>
</div>
</el-header> </el-header>
<el-main> <el-main>
<scTable ref="table" :data="tableData" :apiObj="apiObj" :params="params" :query="query" size="large" <scTable ref="table" :data="tableData" :apiObj="apiObj" :params="params" :query="query" size="large"

21
src/views/bigScreen/enpComponents/innerclean.vue
View File

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

4
src/views/bigScreen/enpComponents/orgwryList.vue
View File

@ -12,8 +12,8 @@
</el-header> </el-header>
<el-main class="nopadding"> <el-main class="nopadding">
<el-container> <el-container>
<el-header> <el-header class="searchWrap">
<div class="left-panel searchWrap"> <div class="left-panel">
<div style="font-size: 1.8vh;"> <div style="font-size: 1.8vh;">
全厂总排放口：<span class="totalNumber">{{ count }}</span> 全厂总排放口：<span class="totalNumber">{{ count }}</span>
</div> </div>

2
src/views/bigScreen/enpComponents/pollutant.vue
View File

@ -2,7 +2,7 @@
<el-container v-if="!pollutantDetail"> <el-container v-if="!pollutantDetail">
<el-main class="nopadding"> <el-main class="nopadding">
<el-container> <el-container>
<el-header> <el-header class="panel_title">
<div class="left-panel">污染源清单</div> <div class="left-panel">污染源清单</div>
</el-header> </el-header>
<el-main class="nopadding"> <el-main class="nopadding">

4
src/views/bigScreen/enpComponents/pollutant2.vue
View File

@ -42,9 +42,9 @@
<el-container> <el-container>
<el-main class="nopadding"> <el-main class="nopadding">
<el-container> <el-container>
<el-header> <el-header class="panel_title">
<div class="left-panel"> <div class="left-panel">
<div class="panel_title">污染源监测详情</div> <div>污染源监测详情</div>
</div> </div>
<div class="right-panel"> <div class="right-panel">
<el-date-picker v-model="timeRange" type="datetimerange" range-separator="至" <el-date-picker v-model="timeRange" type="datetimerange" range-separator="至"

28
src/views/bigScreen/enpComponents/transport.vue
View File

@ -1,7 +1,10 @@
<template> <template>
<el-container> <el-container>
<el-header> <el-header class="panel_title">
<div class="panel_title">进出厂记录 <div class="left-panel">
进出厂记录
</div>
<div class="right-panel">
<div class="backMap" @click="backtoMap"> <div class="backMap" @click="backtoMap">
切换地图 切换地图
<el-icon> <el-icon>
@ -12,37 +15,24 @@
</el-header> </el-header>
<el-main class="nopadding"> <el-main class="nopadding">
<el-container> <el-container>
<el-header> <el-header class="searchWrap">
<div class="searchWrap"> <div class="left-panel">
<div style="font-size: 1vh;">
车辆总数：<span class="totalNumber">0</span> 车辆总数：<span class="totalNumber">0</span>
</div> </div>
<div>
<!-- <el-select v-model="query.timetype" placeholder="时间类型" @change="timeHandleQuery" clearable> <div class="right-panel">
<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" <el-date-picker v-model="query.time" type="date" placeholder="开始时间" format="YYYY-MM-DD"
value-format="YYYY-MM-DD" :picker-options="pickerOptions" /> value-format="YYYY-MM-DD" :picker-options="pickerOptions" />
<el-date-picker v-model="query.time" type="date" placeholder="结束时间" format="YYYY-MM-DD" <el-date-picker v-model="query.time" type="date" placeholder="结束时间" format="YYYY-MM-DD"
value-format="YYYY-MM-DD" :picker-options="pickerOptions" /> 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-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 v-for="item in typeOptions" :key="item.id" :label="item.name" :value="item.id">
</el-option> </el-option>
</el-select> </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" <el-input :input-style="searchInputStyle" style="width:7vw;margin:0 5px" v-model="query.search"
placeholder=""></el-input> placeholder=""></el-input>
<el-button @click="handleQuery">查询</el-button> <el-button @click="handleQuery">查询</el-button>
</div> </div>
</div>
</el-header> </el-header>
<el-main> <el-main>
<scTable ref="table" :data="tableData" :apiObj="apiObj" :params="params" :query="query" size="large" <scTable ref="table" :data="tableData" :apiObj="apiObj" :params="params" :query="query" size="large"

4
src/views/bigScreen/index_enp_blue.vue
View File

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