fix:环保模块排放口点击显示关联信息
This commit is contained in:
parent
cd7f0a0f89
commit
5293d8150a
|
|
@ -69,6 +69,17 @@ const routes = [
|
||||||
},
|
},
|
||||||
component: "home/enp_home",
|
component: "home/enp_home",
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
name: "dashboard_ly",
|
||||||
|
path: "/dashboard_ly",
|
||||||
|
meta: {
|
||||||
|
title: "控制台",
|
||||||
|
icon: "el-icon-monitor",
|
||||||
|
affix: true,
|
||||||
|
perms: ["dashboard_ly"],
|
||||||
|
},
|
||||||
|
component: "home/enm_home",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
path: "/track",
|
path: "/track",
|
||||||
name: "track",
|
name: "track",
|
||||||
|
|
|
||||||
|
|
@ -30,6 +30,7 @@
|
||||||
row-key="id"
|
row-key="id"
|
||||||
:params="query"
|
:params="query"
|
||||||
hidePagination
|
hidePagination
|
||||||
|
@row-click="rowClick"
|
||||||
>
|
>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
label="#"
|
label="#"
|
||||||
|
|
@ -94,7 +95,7 @@
|
||||||
<el-button
|
<el-button
|
||||||
link
|
link
|
||||||
size="small"
|
size="small"
|
||||||
@click="table_equip(scope.row)"
|
@click.stop="table_equip(scope.row)"
|
||||||
v-auth="'drain.update'"
|
v-auth="'drain.update'"
|
||||||
type="primary"
|
type="primary"
|
||||||
>设备</el-button
|
>设备</el-button
|
||||||
|
|
@ -103,26 +104,20 @@
|
||||||
<el-button
|
<el-button
|
||||||
link
|
link
|
||||||
size="small"
|
size="small"
|
||||||
@click="table_edit(scope.row)"
|
@click.stop="table_edit(scope.row)"
|
||||||
v-auth="'drain.update'"
|
v-auth="'drain.update'"
|
||||||
type="primary"
|
type="primary"
|
||||||
>编辑</el-button
|
>编辑</el-button
|
||||||
>
|
>
|
||||||
<el-divider direction="vertical"></el-divider>
|
<el-divider direction="vertical"></el-divider>
|
||||||
<el-popconfirm
|
<el-button
|
||||||
title="确定删除吗？"
|
link
|
||||||
@confirm="table_del(scope.row, scope.$index)"
|
size="small"
|
||||||
|
@click.stop="table_del(scope.row)"
|
||||||
|
v-auth="'drain.update'"
|
||||||
|
type="danger"
|
||||||
|
>删除</el-button
|
||||||
>
|
>
|
||||||
<template #reference>
|
|
||||||
<el-button
|
|
||||||
link
|
|
||||||
size="small"
|
|
||||||
v-auth="'drain.delete'"
|
|
||||||
type="danger"
|
|
||||||
>删除</el-button
|
|
||||||
>
|
|
||||||
</template>
|
|
||||||
</el-popconfirm>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</scTable>
|
</scTable>
|
||||||
|
|
@ -183,6 +178,15 @@
|
||||||
</el-main>
|
</el-main>
|
||||||
</el-container>
|
</el-container>
|
||||||
</el-drawer>
|
</el-drawer>
|
||||||
|
<el-drawer
|
||||||
|
title="排放口及关联设备信息"
|
||||||
|
v-model="visibleEquipDetail"
|
||||||
|
:size="'90%'"
|
||||||
|
destroy-on-close
|
||||||
|
@closed="visibleEquipDetail = false"
|
||||||
|
>
|
||||||
|
<detail-drawer :detailItem="detailItem"></detail-drawer>
|
||||||
|
</el-drawer>
|
||||||
<el-dialog title="排放口设备" v-model="visible">
|
<el-dialog title="排放口设备" v-model="visible">
|
||||||
<el-main style="padding: 0 20px 20px 20px">
|
<el-main style="padding: 0 20px 20px 20px">
|
||||||
<el-form
|
<el-form
|
||||||
|
|
@ -233,12 +237,14 @@
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
import detailDrawer from "./pfk_detail.vue";
|
||||||
import saveDialog from "./pfk_form.vue";
|
import saveDialog from "./pfk_form.vue";
|
||||||
import { drainTypeEnum } from "@/utils/enum.js";
|
import { drainTypeEnum } from "@/utils/enum.js";
|
||||||
export default {
|
export default {
|
||||||
name: "dept",
|
name: "dept",
|
||||||
components: {
|
components: {
|
||||||
saveDialog,
|
saveDialog,
|
||||||
|
detailDrawer,
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|
@ -265,6 +271,7 @@ export default {
|
||||||
visible: false,
|
visible: false,
|
||||||
options: [],
|
options: [],
|
||||||
visibleEquip: false,
|
visibleEquip: false,
|
||||||
|
visibleEquipDetail: false,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
|
|
@ -294,14 +301,18 @@ export default {
|
||||||
},
|
},
|
||||||
//删除
|
//删除
|
||||||
async table_del(row) {
|
async table_del(row) {
|
||||||
var id = row.id;
|
this.$confirm(`确定删除吗？`, "提示", {
|
||||||
var res = await this.$API.enp.drain.delete.req(id);
|
type: "warning",
|
||||||
if (res.err_msg) {
|
}).then(() => {
|
||||||
this.$message.error(res.err_msg);
|
this.$API.enp.drain.delete.req(row.id).then((res) => {
|
||||||
} else {
|
if (res.err_msg) {
|
||||||
this.$refs.table.refresh();
|
this.$message.error(res.err_msg);
|
||||||
this.$message.success("删除成功");
|
} else {
|
||||||
}
|
this.$refs.table.refresh();
|
||||||
|
this.$message.success("删除成功");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
},
|
},
|
||||||
//搜索
|
//搜索
|
||||||
handleQuery() {
|
handleQuery() {
|
||||||
|
|
@ -357,6 +368,11 @@ export default {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
rowClick(row) {
|
||||||
|
console.log(row);
|
||||||
|
this.detailItem = row;
|
||||||
|
this.visibleEquipDetail = true;
|
||||||
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,707 @@
|
||||||
|
<template>
|
||||||
|
<el-container>
|
||||||
|
<el-aside style="width: 35%">
|
||||||
|
<el-container>
|
||||||
|
<!-- <el-header style="height: 3vh">
|
||||||
|
<div class="pageTitle">排放口及关联设备静态信息</div>
|
||||||
|
</el-header> -->
|
||||||
|
<el-main>
|
||||||
|
<div>
|
||||||
|
<div class="pageTitle">排放口及关联设备静态信息</div>
|
||||||
|
<div class="typeLine">
|
||||||
|
<div class="greenBlock">
|
||||||
|
<div class="greenBlockInner"></div>
|
||||||
|
</div>
|
||||||
|
<span>生产设备</span>
|
||||||
|
</div>
|
||||||
|
<div class="infoLine">
|
||||||
|
<span
|
||||||
|
:class="[
|
||||||
|
eqs.state == 10
|
||||||
|
? 'greenCircle'
|
||||||
|
: 'redCircle',
|
||||||
|
'circles',
|
||||||
|
]"
|
||||||
|
></span>
|
||||||
|
<span>{{ eqs.name }}</span>
|
||||||
|
</div>
|
||||||
|
<el-row class="infoLine">
|
||||||
|
<el-col :span="12">
|
||||||
|
<div>
|
||||||
|
<span class="infotitle">设备类型：</span
|
||||||
|
>主要生产设备
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<div>
|
||||||
|
<span class="infotitle">电机功率：</span>
|
||||||
|
<span v-if="eqs.power_kw"
|
||||||
|
>{{ eqs.power_kw }}kw</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<div>
|
||||||
|
<span class="infotitle">生产能力：</span>
|
||||||
|
<span
|
||||||
|
v-if="
|
||||||
|
eqs.parameter_json &&
|
||||||
|
eqs.parameter_json.生产能力
|
||||||
|
"
|
||||||
|
>{{ eqs.parameter_json.生产能力 }}</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<div class="typeLine">
|
||||||
|
<div class="greenBlock">
|
||||||
|
<div class="greenBlockInner"></div>
|
||||||
|
</div>
|
||||||
|
<span>治理设备</span>
|
||||||
|
</div>
|
||||||
|
<div class="infoLine">
|
||||||
|
<span
|
||||||
|
:class="[
|
||||||
|
eqz.state == 10
|
||||||
|
? 'greenCircle'
|
||||||
|
: 'redCircle',
|
||||||
|
'circles',
|
||||||
|
]"
|
||||||
|
></span>
|
||||||
|
<span>{{ eqz.name }}</span>
|
||||||
|
</div>
|
||||||
|
<el-row class="infoLine">
|
||||||
|
<el-col :span="12">
|
||||||
|
<div>
|
||||||
|
<span class="infotitle">风量：</span>
|
||||||
|
<span
|
||||||
|
v-if="
|
||||||
|
eqz.parameter_json &&
|
||||||
|
eqz.parameter_json.风量
|
||||||
|
"
|
||||||
|
>{{ eqz.parameter_json.风量 }}m³/h</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<div>
|
||||||
|
<span class="infotitle">过滤面积：</span>
|
||||||
|
<span
|
||||||
|
v-if="
|
||||||
|
eqz.parameter_json &&
|
||||||
|
eqz.parameter_json.过滤面积
|
||||||
|
"
|
||||||
|
>{{
|
||||||
|
eqz.parameter_json.过滤面积
|
||||||
|
}}
|
||||||
|
m²</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<div>
|
||||||
|
<span class="infotitle">布袋材质：</span>
|
||||||
|
<span
|
||||||
|
v-if="
|
||||||
|
eqz.parameter_json &&
|
||||||
|
eqz.parameter_json.布袋材质
|
||||||
|
"
|
||||||
|
>{{ eqz.parameter_json.布袋材质 }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<div>
|
||||||
|
<span class="infotitle">过滤风速：</span>
|
||||||
|
<span
|
||||||
|
v-if="
|
||||||
|
eqz.parameter_json &&
|
||||||
|
eqz.parameter_json.过滤风速
|
||||||
|
"
|
||||||
|
>{{
|
||||||
|
eqz.parameter_json.过滤风速
|
||||||
|
}} </span
|
||||||
|
>m/min
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<div>
|
||||||
|
<span class="infotitle">额定功率：</span>
|
||||||
|
<span
|
||||||
|
v-if="
|
||||||
|
eqz.parameter_json &&
|
||||||
|
eqz.parameter_json.额定功率
|
||||||
|
"
|
||||||
|
>{{ eqz.parameter_json.额定功率 }}
|
||||||
|
</span>
|
||||||
|
Kw
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<div class="typeLine">
|
||||||
|
<div class="greenBlock">
|
||||||
|
<div class="greenBlockInner"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<span>排放口</span>
|
||||||
|
</div>
|
||||||
|
<div class="infoLine">
|
||||||
|
<span
|
||||||
|
:class="[
|
||||||
|
detailItem.state == 10
|
||||||
|
? 'greenCircle'
|
||||||
|
: 'redCircle',
|
||||||
|
'circles',
|
||||||
|
]"
|
||||||
|
></span>
|
||||||
|
<span>{{ detailItem.name }}</span>
|
||||||
|
</div>
|
||||||
|
<el-row class="infoLine">
|
||||||
|
<el-col :span="12">
|
||||||
|
<div>
|
||||||
|
<span class="infotitle">排气筒高度：</span
|
||||||
|
>{{ detailItem.height }} m
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<div>
|
||||||
|
<span class="infotitle">废气处理量：</span>
|
||||||
|
{{ detailItem.treatment_capacity }} m³/h
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<div>
|
||||||
|
<span class="infotitle"
|
||||||
|
>PM超低排放限值：
|
||||||
|
</span>
|
||||||
|
{{ detailItem.pm_limit }} mg/Nm³
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<div>
|
||||||
|
<span class="infotitle">治理措施： </span
|
||||||
|
>{{ detailItem.measure }}
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<div class="typeLine">
|
||||||
|
<div class="greenBlock">
|
||||||
|
<div class="greenBlockInner"></div>
|
||||||
|
</div>
|
||||||
|
<span>监测设备</span>
|
||||||
|
</div>
|
||||||
|
<div class="infoLine">
|
||||||
|
<span
|
||||||
|
:class="[
|
||||||
|
eqc.state == 10
|
||||||
|
? 'greenCircle'
|
||||||
|
: 'redCircle',
|
||||||
|
'circles',
|
||||||
|
]"
|
||||||
|
></span>
|
||||||
|
<span>{{ eqc.name }}</span>
|
||||||
|
</div>
|
||||||
|
<el-row class="infoLine">
|
||||||
|
<el-col :span="24">
|
||||||
|
<div>
|
||||||
|
<span class="infotitle"
|
||||||
|
>颗粒物：（实测值）</span
|
||||||
|
>0.218 mg/m³
|
||||||
|
<span class="infotitle">（折算值）</span
|
||||||
|
>0.218 mg/m³
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24">
|
||||||
|
<div>
|
||||||
|
<span class="infotitle"
|
||||||
|
>SO2：（实测值）</span
|
||||||
|
>0.218 mg/m³
|
||||||
|
<span class="infotitle">（折算值）</span
|
||||||
|
>0.218 mg/m³
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24">
|
||||||
|
<div>
|
||||||
|
<span class="infotitle"
|
||||||
|
>NOX：（实测值）</span
|
||||||
|
>0.218 mg/m³
|
||||||
|
<span class="infotitle">（折算值）</span
|
||||||
|
>0.218 mg/m³
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<div>
|
||||||
|
<span class="infotitle">流量：</span>
|
||||||
|
0.000 m³/h
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<div>
|
||||||
|
<span class="infotitle">温度：</span>
|
||||||
|
0.000 ℃
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<div>
|
||||||
|
<span class="infotitle">湿度：</span>
|
||||||
|
0.000 %
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<div>
|
||||||
|
<span class="infotitle">压力：</span>
|
||||||
|
0.000 MPa
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<div>
|
||||||
|
<span class="infotitle">含氧量：</span>
|
||||||
|
0.000 %
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</el-main>
|
||||||
|
</el-container>
|
||||||
|
</el-aside>
|
||||||
|
<el-main style="padding: 0">
|
||||||
|
<el-container>
|
||||||
|
<!-- <el-header style="height: 3vh">
|
||||||
|
<div class="pageTitle">排放口及关联设备动态信息</div>
|
||||||
|
</el-header> -->
|
||||||
|
<el-main>
|
||||||
|
<div class="pageTitle">排放口及关联设备动态信息</div>
|
||||||
|
<div
|
||||||
|
id="dataChart"
|
||||||
|
style="
|
||||||
|
width: 100%;
|
||||||
|
height: 35vh;
|
||||||
|
margin-top: 4px;
|
||||||
|
padding: 4px;
|
||||||
|
"
|
||||||
|
></div>
|
||||||
|
<div style="height: 4px"></div>
|
||||||
|
<div
|
||||||
|
id="dataChart2"
|
||||||
|
style="width: 100%; height: 25vh; padding: 4px"
|
||||||
|
></div>
|
||||||
|
<div style="height: 4px"></div>
|
||||||
|
<div
|
||||||
|
id="dataChart3"
|
||||||
|
style="width: 100%; height: 25vh; padding: 4px"
|
||||||
|
></div>
|
||||||
|
</el-main>
|
||||||
|
</el-container>
|
||||||
|
</el-main>
|
||||||
|
</el-container>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import * as echarts from "echarts";
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
detailItem: {
|
||||||
|
type: Boolean,
|
||||||
|
default: () => {
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
count: 0,
|
||||||
|
apiObj: this.$API.enp.drain.list,
|
||||||
|
params: { type: 10 },
|
||||||
|
options: [
|
||||||
|
{ value: "10", label: "主要排放口" },
|
||||||
|
{ value: "20", label: "一般排放口" },
|
||||||
|
],
|
||||||
|
query: {
|
||||||
|
search: "",
|
||||||
|
},
|
||||||
|
searchInputStyle: {
|
||||||
|
color: "#fff",
|
||||||
|
},
|
||||||
|
level_: {
|
||||||
|
10: "主要排放口",
|
||||||
|
20: "一般排放口",
|
||||||
|
},
|
||||||
|
pfkdetail: false,
|
||||||
|
detailForm: {
|
||||||
|
day: 18,
|
||||||
|
year: 2024,
|
||||||
|
month: 1,
|
||||||
|
},
|
||||||
|
biquery: {
|
||||||
|
end_time: "2024-02-01",
|
||||||
|
start_time: "2024-01-29",
|
||||||
|
time_bucket: "1 minute",
|
||||||
|
equipment_id: "3491356310052896768",
|
||||||
|
},
|
||||||
|
// 3508113475543248896
|
||||||
|
basicOption: {
|
||||||
|
title: {
|
||||||
|
text: "设备名称",
|
||||||
|
left: 0,
|
||||||
|
top: "top",
|
||||||
|
textStyle: {
|
||||||
|
// color: "#fff",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
legend: {
|
||||||
|
top: "8%",
|
||||||
|
textStyle: {
|
||||||
|
// color: "#fff",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
tooltip: {
|
||||||
|
trigger: "axis",
|
||||||
|
confine: true,
|
||||||
|
textStyle: {
|
||||||
|
fontSize: 10,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
grid: {
|
||||||
|
left: "3%",
|
||||||
|
right: "4%",
|
||||||
|
bottom: "3%",
|
||||||
|
containLabel: true,
|
||||||
|
},
|
||||||
|
dataZoom: [
|
||||||
|
{
|
||||||
|
type: "inside",
|
||||||
|
start: 0,
|
||||||
|
end: 20,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
start: 0,
|
||||||
|
end: 20,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
dataset: {
|
||||||
|
source: [],
|
||||||
|
},
|
||||||
|
xAxis: { type: "category" },
|
||||||
|
yAxis: {},
|
||||||
|
series: [{ type: "line" }],
|
||||||
|
},
|
||||||
|
eqs: {},
|
||||||
|
eqc: {},
|
||||||
|
eqz: {},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
let that = this;
|
||||||
|
that.getEquipments(that.detailItem.equipments);
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
initTimeNow() {
|
||||||
|
var now = new Date();
|
||||||
|
let year = now.getFullYear(); // 年份
|
||||||
|
let month = now.getMonth() + 1; // 月份
|
||||||
|
let day = now.getDate(); // 日期
|
||||||
|
this.detailForm.year = year;
|
||||||
|
this.detailForm.month = month;
|
||||||
|
this.detailForm.day = day;
|
||||||
|
},
|
||||||
|
getEquipments(ids) {
|
||||||
|
let that = this;
|
||||||
|
let reqs = [];
|
||||||
|
ids.forEach((id) => {
|
||||||
|
reqs.push(
|
||||||
|
that.$API.em.equipment.item.req(id).then((res) => {
|
||||||
|
if (res.type == 10) {
|
||||||
|
that.eqs = res;
|
||||||
|
} else if (res.type == 40) {
|
||||||
|
that.eqc = res;
|
||||||
|
console.log("that.eqc", res);
|
||||||
|
} else if (res.type == 30) {
|
||||||
|
that.eqz = res;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
);
|
||||||
|
});
|
||||||
|
const promise = Promise.all(reqs);
|
||||||
|
promise.then(() => {
|
||||||
|
this.getDetailData();
|
||||||
|
this.getTSPData();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getDetailData() {
|
||||||
|
var now = new Date();
|
||||||
|
var start = new Date();
|
||||||
|
start.setTime(start.getTime() - 3600 * 1000 * 24);
|
||||||
|
var that = this;
|
||||||
|
var chartDom = document.getElementById("dataChart");
|
||||||
|
var chartDom2 = document.getElementById("dataChart2");
|
||||||
|
var chartDom3 = document.getElementById("dataChart3");
|
||||||
|
var myChart = echarts.init(chartDom);
|
||||||
|
var myChart2 = echarts.init(chartDom2);
|
||||||
|
var myChart3 = echarts.init(chartDom3);
|
||||||
|
echarts.connect([myChart, myChart2, myChart3]);
|
||||||
|
let params = {
|
||||||
|
query: that.biquery,
|
||||||
|
// raise_exception: true
|
||||||
|
};
|
||||||
|
params.query["start_time"] = this.$TOOL.dateFormat(
|
||||||
|
start,
|
||||||
|
"yyyy-MM-dd hh:mm:00"
|
||||||
|
);
|
||||||
|
params.query["end_time"] = this.$TOOL.dateFormat(
|
||||||
|
now,
|
||||||
|
"yyyy-MM-dd hh:mm:00"
|
||||||
|
);
|
||||||
|
console.log(this.eqc);
|
||||||
|
// params.query['equipment_id'] = this.eqc.id
|
||||||
|
myChart.showLoading();
|
||||||
|
myChart2.showLoading();
|
||||||
|
this.$API.bi.dataset.exec
|
||||||
|
.req("enp_edata2", params)
|
||||||
|
.then((res) => {
|
||||||
|
let newOption = Object.assign({}, this.basicOption);
|
||||||
|
newOption.series = [
|
||||||
|
{
|
||||||
|
type: "line",
|
||||||
|
encode: {
|
||||||
|
y: "颗粒物折算值",
|
||||||
|
seriesName: ["颗粒物折算值"],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "line",
|
||||||
|
encode: {
|
||||||
|
y: "so2折算值",
|
||||||
|
seriesName: ["so2折算值"],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "line",
|
||||||
|
encode: {
|
||||||
|
y: "nox折算值",
|
||||||
|
seriesName: ["nox折算值"],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "line",
|
||||||
|
encode: { y: "温度", seriesName: ["温度"] },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "line",
|
||||||
|
encode: { y: "压力", seriesName: ["压力"] },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "line",
|
||||||
|
encode: { y: "流速", seriesName: ["流速"] },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "line",
|
||||||
|
encode: { y: "湿度", seriesName: ["湿度"] },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "line",
|
||||||
|
encode: { y: "流量", seriesName: ["流量"] },
|
||||||
|
},
|
||||||
|
];
|
||||||
|
newOption.dataset.source = res.data.ds0;
|
||||||
|
newOption.dataZoom.startValue = that.biquery.start_time;
|
||||||
|
newOption.title.text = that.eqc.name;
|
||||||
|
myChart.hideLoading();
|
||||||
|
myChart.setOption(newOption);
|
||||||
|
// myChart2.setOption(newOption);
|
||||||
|
// echarts.connect([myChart, myChart2])
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
params["equipment_id"] = this.eqs.id;
|
||||||
|
that.$API.bi.dataset.exec
|
||||||
|
.req("enp_eq_rs", params)
|
||||||
|
.then((res2) => {
|
||||||
|
let newOption2 = Object.assign(
|
||||||
|
{},
|
||||||
|
this.basicOption
|
||||||
|
);
|
||||||
|
newOption2.yAxis.minInterval = 1;
|
||||||
|
newOption2.dataset.source = res2.data.ds0;
|
||||||
|
newOption2.dataZoom.startValue =
|
||||||
|
that.biquery.start_time;
|
||||||
|
newOption2.title.text = that.eqs.name;
|
||||||
|
myChart2.setOption(newOption2);
|
||||||
|
myChart2.hideLoading();
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
params["equipment_id"] = this.eqz.id;
|
||||||
|
that.$API.bi.dataset.exec
|
||||||
|
.req("enp_eq_rs", params)
|
||||||
|
.then((res3) => {
|
||||||
|
let newOption3 = Object.assign(
|
||||||
|
{},
|
||||||
|
this.basicOption
|
||||||
|
);
|
||||||
|
newOption3.yAxis.minInterval = 1;
|
||||||
|
newOption3.dataset.source = res3.data.ds0;
|
||||||
|
newOption3.dataZoom.startValue =
|
||||||
|
that.biquery.start_time;
|
||||||
|
newOption3.title.text = that.eqz.name;
|
||||||
|
myChart3.setOption(newOption3);
|
||||||
|
myChart3.hideLoading();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getTSPData() {
|
||||||
|
let that = this;
|
||||||
|
let now = new Date();
|
||||||
|
let start = new Date();
|
||||||
|
start.setTime(start.getTime() - 3600 * 1000 * 24);
|
||||||
|
let params = {
|
||||||
|
query: that.biquery,
|
||||||
|
};
|
||||||
|
params.query["time_bucket"] = "1 day";
|
||||||
|
params.query["start_time"] = this.$TOOL.dateFormat(
|
||||||
|
start,
|
||||||
|
"yyyy-MM-dd hh:mm:00"
|
||||||
|
);
|
||||||
|
params.query["end_time"] = this.$TOOL.dateFormat(
|
||||||
|
now,
|
||||||
|
"yyyy-MM-dd hh:mm:00"
|
||||||
|
);
|
||||||
|
this.$API.bi.dataset.exec.req("enp_edata2", params).then((res) => {
|
||||||
|
console.log("enp_edata2", res);
|
||||||
|
that.eqc = res;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style>
|
||||||
|
.tableBg {
|
||||||
|
width: 100%;
|
||||||
|
height: 88vh;
|
||||||
|
background-image: url("/public/img/enp_blue/bigtableBg.png");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leftCard {
|
||||||
|
height: 80vh;
|
||||||
|
flex: 1;
|
||||||
|
color: #ffffff;
|
||||||
|
font-size: 0.75vw;
|
||||||
|
background-image: url("/public/img/enp_blue/smallTableBg.png");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
margin-right: 1vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rightCard {
|
||||||
|
flex: 2;
|
||||||
|
height: 80vh;
|
||||||
|
color: #ffffff;
|
||||||
|
background-image: url("/public/img/enp_blue/tableBg.png");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.totalWrap {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
color: #ffffff;
|
||||||
|
font-size: 1.6vh;
|
||||||
|
padding: 0 0.5vw;
|
||||||
|
height: 3vh;
|
||||||
|
line-height: 3vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.totalNumber {
|
||||||
|
color: #64d2ff;
|
||||||
|
font-size: 2vh;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.searchBtn {
|
||||||
|
width: 4.7vw;
|
||||||
|
height: 3vh;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-image: url("/public/img/enp_blue/search.png");
|
||||||
|
}
|
||||||
|
|
||||||
|
.backMap {
|
||||||
|
height: 25px;
|
||||||
|
line-height: 25px;
|
||||||
|
position: absolute;
|
||||||
|
right: 1vw;
|
||||||
|
top: 15px;
|
||||||
|
font-size: 1vh;
|
||||||
|
width: -moz-fit-content;
|
||||||
|
width: fit-content;
|
||||||
|
color: #ffffff;
|
||||||
|
padding: 0 0.5vw;
|
||||||
|
background-image: url("/public/img/enp_blue/back.png");
|
||||||
|
}
|
||||||
|
|
||||||
|
.pageTitle {
|
||||||
|
height: 2vh;
|
||||||
|
line-height: 2vh;
|
||||||
|
/* color: #ffffff; */
|
||||||
|
font-size: 1.5vh;
|
||||||
|
padding-left: 1vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* */
|
||||||
|
.headerTitle {
|
||||||
|
color: #ffffff;
|
||||||
|
height: 4vh;
|
||||||
|
line-height: 4vh;
|
||||||
|
font-size: 2vh;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.greenBlock {
|
||||||
|
width: 1vh;
|
||||||
|
height: 1vh;
|
||||||
|
background-image: url("/public/img/enp_blue/greenBlock.png");
|
||||||
|
background-size: 100% 100%;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin-right: 0.5vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
.circles {
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
border-radius: 5px;
|
||||||
|
background: #aaaaaa;
|
||||||
|
display: inline-block;
|
||||||
|
margin: auto 0.5vw auto 0;
|
||||||
|
}
|
||||||
|
.greenCircle {
|
||||||
|
background: #0ed877;
|
||||||
|
}
|
||||||
|
.redCircle {
|
||||||
|
background: orange;
|
||||||
|
}
|
||||||
|
.linesWrap {
|
||||||
|
padding: 1vh 0.5vw;
|
||||||
|
height: 93%;
|
||||||
|
overflow: scroll;
|
||||||
|
font-weight: bold;
|
||||||
|
line-height: 3.5vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.typeLine {
|
||||||
|
height: 3.5vh;
|
||||||
|
line-height: 4vh;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 1.3vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.infoLine {
|
||||||
|
line-height: 3vh;
|
||||||
|
padding-left: 0.5vw;
|
||||||
|
display: flex;
|
||||||
|
font-size: 1.2vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.infotitle {
|
||||||
|
font-weight: normal;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue