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

feat: cems2,cemsExport导出

This commit is contained in:
caoqianming 2024-02-04 14:28:05 +08:00
parent 26b055ab6f
commit e1817e611f
2 changed files with 56 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,41 +1,44 @@
<template> <template>
<el-card> <el-container>
<template #header> <el-header>
<div class="card-header"> <div class="left-panel">
<span>CEMS监测预警</span> <div class="panel_title">CEMS监测预警</div>
</div>
<div class="right-panel">
<el-button @click="getTableData">刷新</el-button> <el-button @click="getTableData">刷新</el-button>
</div> </div>
</template> </el-header>
<el-table :data="tableData" style="width: 100%;" size="large" row-key="id" v-loading="tableLoading"> <el-main class="nopadding">
<el-table-column type="index" width="50" /> <el-table :data="tableData" style="width: 100%;" size="large" row-key="id" v-loading="tableLoading">
<el-table-column prop="equipment_number" label="设备编号" width="140" /> <el-table-column type="index" width="50" />
<el-table-column prop="drain_name" label="排口名称" width="140" /> <el-table-column prop="equipment_number" label="设备编号" width="120" />
<el-table-column prop="metric_0" label="0分钟" /> <el-table-column prop="drain_name" label="排口名称" width="180" />
<el-table-column prop="metric_5" label="5分钟" /> <el-table-column prop="metric_0" label="0分钟" />
<el-table-column prop="metric_10" label="10分钟" /> <el-table-column prop="metric_5" label="5分钟" />
<el-table-column prop="metric_15" label="15分钟" /> <el-table-column prop="metric_10" label="10分钟" />
<el-table-column prop="metric_20" label="20分钟" /> <el-table-column prop="metric_15" label="15分钟" />
<el-table-column prop="metric_25" label="25分钟" /> <el-table-column prop="metric_20" label="20分钟" />
<el-table-column prop="metric_30" label="30分钟" /> <el-table-column prop="metric_25" label="25分钟" />
<el-table-column prop="metric_35" label="35分钟" /> <el-table-column prop="metric_30" label="30分钟" />
<el-table-column prop="metric_40" label="40分钟" /> <el-table-column prop="metric_35" label="35分钟" />
<el-table-column prop="metric_45" label="45分钟" /> <el-table-column prop="metric_40" label="40分钟" />
<el-table-column prop="metric_50" label="50分钟" /> <el-table-column prop="metric_45" label="45分钟" />
<el-table-column prop="metric_55" label="55分钟" /> <el-table-column prop="metric_50" label="50分钟" />
<el-table-column prop="metric_hour" label="小时均值" /> <el-table-column prop="metric_55" label="55分钟" />
<el-table-column prop="dust_alarm" label="预警值" /> <el-table-column prop="metric_hour" label="小时均值" width="110" />
<el-table-column label="是否达标"> <el-table-column prop="dust_alarm" label="预警值" />
<template #default="scope"> <el-table-column label="是否达标" width="120">
<span v-if="scope.row.metric_hour < scope.row.dust_alarm" <template #default="scope">
style="color:green;font-weight: bold;">达标</span> <span v-if="scope.row.metric_hour < scope.row.dust_alarm"
<span v-else style="color:red;font-weight: bold;">未达标</span> style="color:green;font-weight: bold;">达标</span>
</template> <span v-else style="color:red;font-weight: bold;">未达标</span>
</el-table-column> </template>
</el-table> </el-table-column>
</el-card> </el-table>
</el-main>
</el-container>
</template> </template>
<script> <script>
import * as echarts from "echarts";
export default { export default {
data() { data() {
return { return {

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

@ -1,13 +1,24 @@
<template> <template>
<el-card header="CEMS报表导出"> <el-container>
<el-date-picker size="large" v-model="query.time" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" <el-header>
placeholder="时间选择" style=" width: 400px" /> <div class="left-panel">
<el-select size="large" v-model="query.type" placeholder="周期" style="margin-left:4px"> <div class="panel_title">CEMS报表导出</div>
<el-option v-for="item in typeOptions" :key="item.value" :label="item.label" :value="item.value" /> </div>
</el-select> </el-header>
<el-button size="large" type="primary" @click="exportExcel" style="margin-left: 4px" <el-main class="nopadding">
v-loading="eLoading">导出报表</el-button> <div style="height: 8px;"></div>
</el-card> <div style="margin-left: 8px">
<el-date-picker size="large" v-model="query.time" type="datetime" value-format="YYYY-MM-DD HH:mm:ss"
placeholder="时间选择" style=" width: 400px" />
<el-select size="large" v-model="query.type" placeholder="周期" style="margin-left:4px">
<el-option v-for="item in typeOptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
<el-button size="large" type="primary" @click="exportExcel" style="margin-left: 4px"
v-loading="eLoading">导出报表</el-button>
</div>
</el-main>
</el-container>
<!-- <div class="exportContainer"> <!-- <div class="exportContainer">
<div class="ecard"> <div class="ecard">
<div> <div>