diff --git a/zfipc-ui/src/App.vue b/zfipc-ui/src/App.vue index 391d951..730904f 100644 --- a/zfipc-ui/src/App.vue +++ b/zfipc-ui/src/App.vue @@ -5,15 +5,25 @@ + diff --git a/zfipc-ui/src/api/equip/equip.js b/zfipc-ui/src/api/equip/equip.js index 36ecc7f..4a5a7c5 100644 --- a/zfipc-ui/src/api/equip/equip.js +++ b/zfipc-ui/src/api/equip/equip.js @@ -9,6 +9,14 @@ export function listInfo(query) { }); } +export function listAllInfo(query) { + return request({ + url: "/equip/info/listAll", + method: "get", + params: query, + }); +} + // 查询设备信息详细 export function getInfo(id) { return request({ diff --git a/zfipc-ui/src/api/industrial/record.js b/zfipc-ui/src/api/industrial/record.js new file mode 100644 index 0000000..d20a60b --- /dev/null +++ b/zfipc-ui/src/api/industrial/record.js @@ -0,0 +1,52 @@ +import request from "@/utils/request"; + +// 查询报警记录列表 +export function listRecord(query) { + return request({ + url: "/alarm/record/list", + method: "get", + params: query, + }); +} + +// 查询报警记录详细 +export function getRecord(id) { + return request({ + url: "/alarm/record/" + id, + method: "get", + }); +} + +// 新增报警记录 +export function addRecord(data) { + return request({ + url: "/alarm/record", + method: "post", + data: data, + }); +} + +// 修改报警记录 +export function updateRecord(data) { + return request({ + url: "/alarm/record", + method: "put", + data: data, + }); +} + +export function batchUpdateAlarmRecord(data) { + return request({ + url: "/alarm/record/batchUpdate", + method: "post", + data: data, + }); +} + +// 删除报警记录 +export function delRecord(id) { + return request({ + url: "/alarm/record/" + id, + method: "delete", + }); +} diff --git a/zfipc-ui/src/views/dataLog/index.vue b/zfipc-ui/src/views/dataLog/index.vue index c6b7a6d..c8119eb 100644 --- a/zfipc-ui/src/views/dataLog/index.vue +++ b/zfipc-ui/src/views/dataLog/index.vue @@ -14,7 +14,7 @@ import { - listInfo, - getInfo, - delInfo, - addInfo, - updateInfo, + listMonitorInfo, + getMonitorInfo, + delMonitorInfo, + addMonitorInfo, + updateMonitorInfo, } from "@/api/industrial/monitorData"; export default { @@ -350,7 +350,7 @@ export default { /** 查询监控数据信息列表 */ getList() { this.loading = true; - listInfo(this.queryParams).then((response) => { + listMonitorInfo(this.queryParams).then((response) => { this.infoList = response.rows; this.total = response.total; this.loading = false; @@ -405,7 +405,7 @@ export default { handleUpdate(row) { this.reset(); const id = row.id || this.ids; - getInfo(id).then((response) => { + getMonitorInfo(id).then((response) => { this.form = response.data; this.open = true; this.title = "修改监控数据信息"; @@ -416,13 +416,13 @@ export default { this.$refs["form"].validate((valid) => { if (valid) { if (this.form.id != null) { - updateInfo(this.form).then((response) => { + updateMonitorInfo(this.form).then((response) => { this.$modal.msgSuccess("修改成功"); this.open = false; this.getList(); }); } else { - addInfo(this.form).then((response) => { + addMonitorInfo(this.form).then((response) => { this.$modal.msgSuccess("新增成功"); this.open = false; this.getList(); @@ -437,7 +437,7 @@ export default { this.$modal .confirm('是否确认删除监控数据信息编号为"' + ids + '"的数据项?') .then(function () { - return delInfo(ids); + return delMonitorInfo(ids); }) .then(() => { this.getList(); diff --git a/zfipc-ui/src/views/warn/record/index.vue b/zfipc-ui/src/views/warn/record/index.vue new file mode 100644 index 0000000..c6a7948 --- /dev/null +++ b/zfipc-ui/src/views/warn/record/index.vue @@ -0,0 +1,655 @@ + + + + \ No newline at end of file diff --git a/zfipc-ui/src/views/zf/cydg/yxjk.vue b/zfipc-ui/src/views/zf/cydg/yxjk.vue index 97cece4..b060af5 100644 --- a/zfipc-ui/src/views/zf/cydg/yxjk.vue +++ b/zfipc-ui/src/views/zf/cydg/yxjk.vue @@ -21,13 +21,34 @@
软辊合辊压力{{dsrghgyl}}bar
-
软辊加压压力{{dsrgjyyl}}bar
-
软辊实际压力{{dsrgsjyl}}bar
-
热辊合辊压力{{dsreghgyl}}bar
-
热辊加压压力{{dsregjyyl}}bar
-
热辊实际压力{{dsregsjyl}}bar
+
软辊加压压力{{dsrgjyyl}}bar
+
软辊实际压力{{dsrgsjyl}}bar
+
热辊合辊压力{{dsreghgyl}}bar
+
热辊加压压力{{dsregjyyl}}bar
+
热辊实际压力{{dsregsjyl}}bar
-
软辊{{cdcrgll}}L/min
-
热辊{{cdcregll}}L/min
+
软辊{{cdcrgll}}L/min
+
热辊{{cdcregll}}L/min
@@ -56,12 +85,36 @@ class="dataCol" >
-
软辊合辊压力{{tsrghgyl}}bar
-
软辊加压压力{{tsrgjyyl}}bar
-
软辊实际压力{{tsrgsjyl}}bar
-
热辊合辊压力{{tsreghgyl}}bar
-
热辊加压压力{{tsregjyyl}}bar
-
热辊实际压力{{tsregsjyl}}bar
+
软辊合辊压力{{tsrghgyl}}bar
+
软辊加压压力{{tsrgjyyl}}bar
+
软辊实际压力{{tsrgsjyl}}bar
+
热辊合辊压力{{tsreghgyl}}bar
+
热辊加压压力{{tsregjyyl}}bar
+
热辊实际压力{{tsregsjyl}}bar
-
软辊{{czcrgll}}L/min
-
热辊{{czcregll}}L/min
+
软辊{{czcrgll}}L/min
+
热辊{{czcregll}}L/min
@@ -103,7 +164,11 @@ id="xtyl" style="height: 90%" > -
系统压力
+
系统压力
-
系统液温
+
系统液温
最大值{{ xtyweimax }} -
系统液位(CP)
+
系统液位(CP)
@@ -147,7 +220,11 @@ id="bscll" style="height: 90%" > -
泵输出流量
+
泵输出流量
系统状态信息
- 电机总耗电量{{powerConsumption}} - 电机实时电流{{zdjdl}}A + >电机总耗电量{{powerConsumption}}度 --> +
电机实时电流{{zdjdl}}A
-
底缸加压设定压力
+
底缸加压设定压力
{{dgcdcblsff}}bar
-
底缸加压实际压力
+
底缸加压实际压力
{{dgcdcbljyf}}bar
@@ -245,10 +332,18 @@ class="dataCol" >
-
底缸加压设定压力
+
底缸加压设定压力
{{dgczcblsff}}bar
-
底缸加压实际压力
+
底缸加压实际压力
{{dgczcbljyf}}bar
@@ -264,7 +359,11 @@ class="dataCol" >
-
底缸实际位置
+
底缸实际位置
{{dgcdcygwy}}mm
@@ -278,7 +377,11 @@ class="dataCol" >
-
底缸实际位置
+
底缸实际位置
{{dgczcygwy}}mm
@@ -303,18 +406,24 @@ :span="12" id="dlnd" style="height: 100%" + @click="trendClick('visc' + ,'油品粘度','')" > 4um {{ yykld4 }} @@ -322,18 +431,24 @@ 6um {{ yykld6 }} 14um {{ yykld14 }} 21um {{ yykld21 }} @@ -380,7 +495,7 @@ :span="15" class="device-card-content-value" > - 2023-10-12 11:20:23 + {{this.sysStatus.shutdownTime}} 2023-10-12 11:21:09 + > {{this.sysStatus.standbyTime}} 2023-10-13 10:52:08 + > {{this.sysStatus.trialTime}} 2023-10-21 12:03:54 + > {{this.sysStatus.normalTime}}
@@ -496,7 +611,7 @@ :span="15" class="col-flex" > - 中高顶辊 + {{ this.monitorInfo.equipName }} - S02-27-001 + {{ this.monitorInfo.equipNum }} @@ -540,7 +655,7 @@ style="height:100%" class="col-flex" > - 2023.10.12 11:20:23 + {{ this.monitorInfo.nowTime }} - 5小时60分30秒 + {{ this.monitorInfo.onlineTime }} @@ -584,7 +699,7 @@ 2023.10.12 11:20:23 至 2023-10-21 12:03:54 + >{{ this.monitorInfo.startTime }}
@@ -600,7 +715,7 @@ :title="dialogTitle" :visible.sync="isOpen" :close-on-click-modal="false" - width="50%" + width="1000px" center >
@@ -627,7 +742,7 @@ @click="resetQuery" >重置
- @@ -763,15 +881,19 @@ export default { dialogTitle: "", isOpen: false, chartLoading: false, + loading: true, isNoData: false, - height: "300%", + height: "500px", queryParams: { columnName: null, startTime: null, endTime: null, }, datetime: this.getDefaultTimeRange(), - + name: null, + unit: null, + sysStatus: {}, + monitorInfo: {}, pickerOptions: { shortcuts: [ { @@ -813,12 +935,8 @@ export default { let query = { equipName: "超压底缸", }; - getStatusByEquipName(query).then((response) => { - console.log("设备状态信息:", response.data); - }); - getMonitorInfoByEquipName(query).then((response) => { - console.log("设备监控信息:", response.data); - }); + this.getSysStatusData(query); + this.getMonitorData(query); this.queryDataInit(); this.intervalTask = setInterval(() => { // this.test(); @@ -826,16 +944,27 @@ export default { this.queryData(); }, 1000); this.queryHistoryData(); - this.historyIntervalTask = setInterval(() => { - // 查询历史数据 - this.queryHistoryData(); - }, 60 * 1000); + //报警数据 + // this.historyIntervalTask = setInterval(() => { + // // 查询历史数据 + // this.queryHistoryData(); + // }, 60 * 1000); }, methods: { + getSysStatusData(query) { + getStatusByEquipName(query).then((response) => { + this.sysStatus = response.data; + }); + }, + getMonitorData(query) { + getMonitorInfoByEquipName(query).then((response) => { + this.monitorInfo = response.data; + }); + }, getDefaultTimeRange() { const now = new Date(); - const twoHoursAgo = new Date(now.getTime() - 2 * 60 * 60 * 1000); - return [this.formatDateTime(twoHoursAgo), this.formatDateTime(now)]; + const oneHoursAgo = new Date(now.getTime() - 1 * 60 * 60 * 1000); + return [this.formatDateTime(oneHoursAgo), this.formatDateTime(now)]; }, formatDateTime(date) { return ( @@ -856,6 +985,7 @@ export default { return num < 10 ? "0" + num : num; }, handleQuery() { + this.loading = true; let startTime = new Date(this.datetime[0]); this.queryParams.startTime = this.formatDateTime(startTime); let endTime = new Date(this.datetime[1]); @@ -863,7 +993,8 @@ export default { this.getData(this.queryParams); }, resetQuery() { - this.datetime = new Date(); + this.datetime = this.getDefaultTimeRange(); + this.handleQuery(); }, getData(queryObj) { this.chartLoading = true; @@ -873,11 +1004,17 @@ export default { this.isNoData = true; } else { this.isNoData = false; - this.initchart(response.data); + this.loading = false; + this.initchart( + response.data.x, + response.data.y, + this.name, + this.unit + ); } }); }, - initchart(data) { + initchart(xData, yData, name, unit) { let p = new Promise((resolve) => { resolve(); }); @@ -932,7 +1069,7 @@ export default { { type: "category", name: "ms", - data: data.x, + data: xData, nameTextStyle: { fontSize: "9" }, axisLine: { show: true, @@ -953,7 +1090,7 @@ export default { ], yAxis: [ { - name: "dB", + name: { name: "单位: " + unit }, type: "value", nameLocation: "end", nameTextStyle: { @@ -997,7 +1134,7 @@ export default { xAxisIndex: 0, filterMode: "none", start: 0, - end: data.x.length, + end: xData.length, bottom: "1%", fillerColor: "rgba(167,183,204,0.4)", //选中范围的填充颜色。 borderColor: "#3C506B", @@ -1016,8 +1153,9 @@ export default { ], series: [ { + name: name, type: "line", - data: data.y, + data: yData, symbol: "none", }, ], @@ -1026,20 +1164,14 @@ export default { this.chartLoading = false; }); }, - clicktest(event) { - console.log("点击:", event.target.outerText); - var selected = event.target.outerText; - this.dialogTitle = selected + "历史记录查询"; + trendClick(key, name, unit) { + this.dialogTitle = name + "历史趋势记录查询"; this.isOpen = true; - this.isNoData = true; - if ((selected = "软辊合辊压力")) { - this.queryParams.columnName = "driven_soft_bond_press"; - } - }, - test() { - listTopScollerData().then((response) => { - console.log("底缸数据:", response.data); - }); + this.name = name; + this.unit = unit; + this.queryParams.columnName = key; + this.initchart([], [], "", ""); + this.handleQuery(); }, queryHistoryData() { cydgdataHistory().then((response) => { @@ -1068,91 +1200,129 @@ export default { }); }, async queryDataInit() { - const { data } = await cydgdata(); + const { data } = await listBottomCylData(); + console.log("数据:", data); this.showdata = data; - this.XDATA = data.xData; - this.xtyl = parseFloat(data.xtyl.slice(-1)[0]).toFixed(2); - this.xtyw = parseFloat(data.ywe.slice(-1)[0]).toFixed(2); - this.xtywei = parseFloat(data.yw.slice(-1)[0]).toFixed(2); - this.xtyweicsz = parseFloat(data.ywcsz.slice(-1)[0]).toFixed(2); - this.xtyweimin = parseFloat(data.ywmin.slice(-1)[0]).toFixed(2); - this.xtyweimax = parseFloat(data.ywmax.slice(-1)[0]).toFixed(2); - this.bscll = parseFloat(data.bscll.slice(-1)[0]).toFixed(2); - this.scxl = parseFloat(data.bscll.slice(-1)[0]).toFixed(2); - this.zdjsjgl = parseFloat(data.zdjdl.slice(-1)[0]).toFixed(2); - this.zdjdl = parseFloat(data.zdjdl.slice(-1)[0]).toFixed(2); - this.yykld4 = parseFloat(data.yykld4.slice(-1)[0]).toFixed(2); - this.yykld6 = parseFloat(data.yykld6.slice(-1)[0]).toFixed(2); - this.yykld14 = parseFloat(data.yykld14.slice(-1)[0]).toFixed(2); - this.yykld21 = parseFloat(data.yykld21.slice(-1)[0]).toFixed(2); - // 平衡缸 - this.tsrgsjyl = parseFloat(data.tsrgsjyl.slice(-1)[0]).toFixed(2); - this.tsregsjyl = parseFloat(data.tsregsjyl.slice(-1)[0]).toFixed(2); - this.tsreghgyl = parseFloat(data.tsreghgyl.slice(-1)[0]).toFixed(2); - this.tsregjyyl = parseFloat(data.tsregjyyl.slice(-1)[0]).toFixed(2); - this.tsrghgyl = parseFloat(data.tsrghgyl.slice(-1)[0]).toFixed(2); - this.tsrgjyyl = parseFloat(data.tsrgjyyl.slice(-1)[0]).toFixed(2); - this.dsrgsjyl = parseFloat(data.dsrgsjyl.slice(-1)[0]).toFixed(2); - this.dsregsjyl = parseFloat(data.dsregsjyl.slice(-1)[0]).toFixed(2); - this.dsreghgyl = parseFloat(data.dsreghgyl.slice(-1)[0]).toFixed(2); - this.dsregjyyl = parseFloat(data.dsregjyyl.slice(-1)[0]).toFixed(2); - this.dsrghgyl = parseFloat(data.dsrghgyl.slice(-1)[0]).toFixed(2); - this.dsrgjyyl = parseFloat(data.dsrgjyyl.slice(-1)[0]).toFixed(2); - this.cdcrgll = parseFloat(data.cdcrgll.slice(-1)[0]).toFixed(2); - this.cdcregll = parseFloat(data.cdcregll.slice(-1)[0]).toFixed(2); - this.czcrgll = parseFloat(data.czcrgll.slice(-1)[0]).toFixed(2); - this.czcregll = parseFloat(data.czcregll.slice(-1)[0]).toFixed(2); + this.XDATA = data.timelist; + this.xtyl = parseFloat(data.sysprs).toFixed(2); //压力 + this.xtyw = parseFloat(data.systemp).toFixed(2); //液温 + this.xtywei = parseFloat(data.syslevel).toFixed(2); //液位 + this.xtyweicsz = parseFloat(data.syslevelinit).toFixed(2); //液位初始 + this.xtyweimin = parseFloat(data.levelmin).toFixed(2); //液位最小 + this.xtyweimax = parseFloat(data.levelmax).toFixed(2); //液位最大 + this.bscll = parseFloat(data.sysflw).toFixed(2); //泵流量 + this.scxl = parseFloat(data.syseff).toFixed(2); //效率 + this.zdjsjgl = parseFloat(data.syspower).toFixed(2); //电机实机功率 + this.zdjdl = parseFloat(data.syscur.slice(-1)[0]).toFixed(2); //主电机电流 + this.yykld4 = parseFloat(data.sysgran4).toFixed(2); //4mm颗粒 + this.yykld6 = parseFloat(data.sysgran6).toFixed(2); //6mm颗粒 + this.yykld14 = parseFloat(data.sysgran14).toFixed(2); //14mm颗粒 + this.yykld21 = parseFloat(data.sysgran21).toFixed(2); //21mm颗粒 + // // 平衡缸 + this.tsrgsjyl = parseFloat(data.oprsoftrealpress.slice(-1)[0]).toFixed(2); //操作侧软辊实际压力 + this.tsregsjyl = parseFloat(data.oprhotrealpress.slice(-1)[0]).toFixed(2); //热辊实际 + this.tsreghgyl = parseFloat(data.oprhotbondpress.slice(-1)[0]).toFixed(2); //热辊合辊压力 + this.tsregjyyl = parseFloat(data.oprhotactpress.slice(-1)[0]).toFixed(2); //热辊加压压力 + this.tsrghgyl = parseFloat(data.oprsoftbondpress.slice(-1)[0]).toFixed(2); //软辊合辊 + this.tsrgjyyl = parseFloat(data.oprsoftactpress.slice(-1)[0]).toFixed(2); //软辊加压 + this.dsrgsjyl = parseFloat(data.drivensoftrealpress.slice(-1)[0]).toFixed( + 2 + ); //传动侧软辊实际 + this.dsregsjyl = parseFloat(data.drivenhotrealpress.slice(-1)[0]).toFixed( + 2 + ); //热辊实际 + this.dsreghgyl = parseFloat(data.drivenhotbondpress.slice(-1)[0]).toFixed( + 2 + ); //热辊合辊压力 + this.dsregjyyl = parseFloat(data.drivenhotactpress.slice(-1)[0]).toFixed( + 2 + ); //热辊加压压力 + this.dsrghgyl = parseFloat(data.drivensoftbondpress.slice(-1)[0]).toFixed( + 2 + ); //软辊合辊 + this.dsrgjyyl = parseFloat(data.drivensoftactpress.slice(-1)[0]).toFixed( + 2 + ); //软辊加压 + this.cdcrgll = parseFloat(data.oprsoftflw.slice(-1)[0]).toFixed(2); //操作侧软辊流量 + this.cdcregll = parseFloat(data.oprhotflw.slice(-1)[0]).toFixed(2); //操作侧热辊流量 + this.czcrgll = parseFloat(data.drivensoftflw.slice(-1)[0]).toFixed(2); //传动侧软辊流量 + this.czcregll = parseFloat(data.drivenhotflw.slice(-1)[0]).toFixed(2); //传动侧软辊流量 // 加压压区 - this.dgcdcblsff = parseFloat(data.dgcdcblsff.slice(-1)[0]).toFixed(2); - this.dgcdcbljyf = parseFloat(data.dgcdcbljyf.slice(-1)[0]).toFixed(2); - this.dgcdcygwy = parseFloat(data.dgcdcygwy.slice(-1)[0]).toFixed(2); - this.dgczcblsff = parseFloat(data.dgczcblsff.slice(-1)[0]).toFixed(2); - this.dgczcbljyf = parseFloat(data.dgczcbljyf.slice(-1)[0]).toFixed(2); - this.dgczcygwy = parseFloat(data.dgczcygwy.slice(-1)[0]).toFixed(2); + this.dgcdcblsff = parseFloat( + data.drivenbottomsetpress.slice(-1)[0] + ).toFixed(2); //底缸传动侧设定压力 + this.dgcdcbljyf = parseFloat(data.drivenbottompress.slice(-1)[0]).toFixed( + 2 + ); //底缸传动侧实际压力 + this.dgcdcygwy = parseFloat(data.drivenbottomdis.slice(-1)[0]).toFixed(2); //底缸传动侧实际位置 + this.dgczcblsff = parseFloat(data.oprbottomsetpress.slice(-1)[0]).toFixed( + 2 + ); //底缸操作侧设定压力 + this.dgczcbljyf = parseFloat(data.oprbottompress.slice(-1)[0]).toFixed(2); //底缸操作侧实际压力 + this.dgczcygwy = parseFloat(data.oprbottomdis.slice(-1)[0]).toFixed(2); //底缸操作侧实际位置 this.initCharts(); }, async queryData() { - const { data } = await cydgdata(); + const { data } = await listBottomCylData(); + console.log("数据:", data); this.showdata = data; - this.XDATA = data.xData; - this.xtyl = parseFloat(data.xtyl.slice(-1)[0]).toFixed(2); - this.xtyw = parseFloat(data.ywe.slice(-1)[0]).toFixed(2); - this.xtywei = parseFloat(data.yw.slice(-1)[0]).toFixed(2); - this.xtyweicsz = parseFloat(data.ywcsz.slice(-1)[0]).toFixed(2); - this.xtyweimin = parseFloat(data.ywmin.slice(-1)[0]).toFixed(2); - this.xtyweimax = parseFloat(data.ywmax.slice(-1)[0]).toFixed(2); - this.bscll = parseFloat(data.bscll.slice(-1)[0]).toFixed(2); - this.scxl = parseFloat(data.bscll.slice(-1)[0]).toFixed(2); - this.zdjsjgl = parseFloat(data.zdjdl.slice(-1)[0]).toFixed(2); - this.zdjdl = parseFloat(data.zdjdl.slice(-1)[0]).toFixed(2); - this.yykld4 = parseFloat(data.yykld4.slice(-1)[0]).toFixed(2); - this.yykld6 = parseFloat(data.yykld6.slice(-1)[0]).toFixed(2); - this.yykld14 = parseFloat(data.yykld14.slice(-1)[0]).toFixed(2); - this.yykld21 = parseFloat(data.yykld21.slice(-1)[0]).toFixed(2); - // 平衡缸 - this.tsrgsjyl = parseFloat(data.tsrgsjyl.slice(-1)[0]).toFixed(2); - this.tsregsjyl = parseFloat(data.tsregsjyl.slice(-1)[0]).toFixed(2); - this.tsreghgyl = parseFloat(data.tsreghgyl.slice(-1)[0]).toFixed(2); - this.tsregjyyl = parseFloat(data.tsregjyyl.slice(-1)[0]).toFixed(2); - this.tsrghgyl = parseFloat(data.tsrghgyl.slice(-1)[0]).toFixed(2); - this.tsrgjyyl = parseFloat(data.tsrgjyyl.slice(-1)[0]).toFixed(2); - this.dsrgsjyl = parseFloat(data.dsrgsjyl.slice(-1)[0]).toFixed(2); - this.dsregsjyl = parseFloat(data.dsregsjyl.slice(-1)[0]).toFixed(2); - this.dsreghgyl = parseFloat(data.dsreghgyl.slice(-1)[0]).toFixed(2); - this.dsregjyyl = parseFloat(data.dsregjyyl.slice(-1)[0]).toFixed(2); - this.dsrghgyl = parseFloat(data.dsrghgyl.slice(-1)[0]).toFixed(2); - this.dsrgjyyl = parseFloat(data.dsrgjyyl.slice(-1)[0]).toFixed(2); - this.cdcrgll = parseFloat(data.cdcrgll.slice(-1)[0]).toFixed(2); - this.cdcregll = parseFloat(data.cdcregll.slice(-1)[0]).toFixed(2); - this.czcrgll = parseFloat(data.czcrgll.slice(-1)[0]).toFixed(2); - this.czcregll = parseFloat(data.czcregll.slice(-1)[0]).toFixed(2); + this.XDATA = data.timelist; + this.xtyl = parseFloat(data.sysprs).toFixed(2); //压力 + this.xtyw = parseFloat(data.systemp).toFixed(2); //液温 + this.xtywei = parseFloat(data.syslevel).toFixed(2); //液位 + this.xtyweicsz = parseFloat(data.syslevelinit).toFixed(2); //液位初始 + this.xtyweimin = parseFloat(data.levelmin).toFixed(2); //液位最小 + this.xtyweimax = parseFloat(data.levelmax).toFixed(2); //液位最大 + this.bscll = parseFloat(data.sysflw).toFixed(2); //泵流量 + this.scxl = parseFloat(data.syseff).toFixed(2); //效率 + this.zdjsjgl = parseFloat(data.syspower).toFixed(2); //电机实机功率 + this.zdjdl = parseFloat(data.syscur.slice(-1)[0]).toFixed(2); //主电机电流 + this.yykld4 = parseFloat(data.sysgran4).toFixed(2); //4mm颗粒 + this.yykld6 = parseFloat(data.sysgran6).toFixed(2); //6mm颗粒 + this.yykld14 = parseFloat(data.sysgran14).toFixed(2); //14mm颗粒 + this.yykld21 = parseFloat(data.sysgran21).toFixed(2); //21mm颗粒 + // // 平衡缸 + this.tsrgsjyl = parseFloat(data.oprsoftrealpress.slice(-1)[0]).toFixed(2); //操作侧软辊实际压力 + this.tsregsjyl = parseFloat(data.oprhotrealpress.slice(-1)[0]).toFixed(2); //热辊实际 + this.tsreghgyl = parseFloat(data.oprhotbondpress.slice(-1)[0]).toFixed(2); //热辊合辊压力 + this.tsregjyyl = parseFloat(data.oprhotactpress.slice(-1)[0]).toFixed(2); //热辊加压压力 + this.tsrghgyl = parseFloat(data.oprsoftbondpress.slice(-1)[0]).toFixed(2); //软辊合辊 + this.tsrgjyyl = parseFloat(data.oprsoftactpress.slice(-1)[0]).toFixed(2); //软辊加压 + this.dsrgsjyl = parseFloat(data.drivensoftrealpress.slice(-1)[0]).toFixed( + 2 + ); //传动侧软辊实际 + this.dsregsjyl = parseFloat(data.drivenhotrealpress.slice(-1)[0]).toFixed( + 2 + ); //热辊实际 + this.dsreghgyl = parseFloat(data.drivenhotbondpress.slice(-1)[0]).toFixed( + 2 + ); //热辊合辊压力 + this.dsregjyyl = parseFloat(data.drivenhotactpress.slice(-1)[0]).toFixed( + 2 + ); //热辊加压压力 + this.dsrghgyl = parseFloat(data.drivensoftbondpress.slice(-1)[0]).toFixed( + 2 + ); //软辊合辊 + this.dsrgjyyl = parseFloat(data.drivensoftactpress.slice(-1)[0]).toFixed( + 2 + ); //软辊加压 + this.cdcrgll = parseFloat(data.oprsoftflw.slice(-1)[0]).toFixed(2); //操作侧软辊流量 + this.cdcregll = parseFloat(data.oprhotflw.slice(-1)[0]).toFixed(2); //操作侧热辊流量 + this.czcrgll = parseFloat(data.drivensoftflw.slice(-1)[0]).toFixed(2); //传动侧软辊流量 + this.czcregll = parseFloat(data.drivenhotflw.slice(-1)[0]).toFixed(2); //传动侧软辊流量 // 加压压区 - this.dgcdcblsff = parseFloat(data.dgcdcblsff.slice(-1)[0]).toFixed(2); - this.dgcdcbljyf = parseFloat(data.dgcdcbljyf.slice(-1)[0]).toFixed(2); - this.dgcdcygwy = parseFloat(data.dgcdcygwy.slice(-1)[0]).toFixed(2); - this.dgczcblsff = parseFloat(data.dgczcblsff.slice(-1)[0]).toFixed(2); - this.dgczcbljyf = parseFloat(data.dgczcbljyf.slice(-1)[0]).toFixed(2); - this.dgczcygwy = parseFloat(data.dgczcygwy.slice(-1)[0]).toFixed(2); + this.dgcdcblsff = parseFloat(data.oprbottomsetpress.slice(-1)[0]).toFixed( + 2 + ); //底缸传动侧设定压力 + this.dgcdcbljyf = parseFloat(data.drivenbottompress.slice(-1)[0]).toFixed( + 2 + ); //底缸传动侧实际压力 + this.dgcdcygwy = parseFloat(data.drivenbottomdis.slice(-1)[0]).toFixed(2); //底缸传动侧实际位置 + this.dgczcblsff = parseFloat(data.oprbottomsetpress.slice(-1)[0]).toFixed( + 2 + ); //底缸操作侧设定压力 + this.dgczcbljyf = parseFloat(data.oprbottompress.slice(-1)[0]).toFixed(2); //底缸操作侧实际压力 + this.dgczcygwy = parseFloat(data.oprbottomdis.slice(-1)[0]).toFixed(2); //底缸操作侧实际位置 this.refreshCharts(); }, refreshCharts() { @@ -1167,12 +1337,12 @@ export default { this.yykldtxCharts.setOption(yykldOption); let dlndOption = this.dlndCharts.getOption(); dlndOption.series[0].data[0].value = parseFloat( - this.showdata.ypnd.slice(-1)[0] + this.showdata.sysvisc ).toFixed(2); this.dlndCharts.setOption(dlndOption); let xdsdOption = this.xdsdCharts.getOption(); xdsdOption.series[0].data[0].value = parseFloat( - this.showdata.ysjc.slice(-1)[0] + this.showdata.syshumid ).toFixed(2); this.xdsdCharts.setOption(xdsdOption); // 主要参数及echarts @@ -1197,21 +1367,21 @@ export default { // 实时电流echarts let zdjdlOption = this.zdjdlCharts.getOption(); zdjdlOption.xAxis[0].data = this.XDATA; - zdjdlOption.series[0].data = this.showdata.zdjdl; + zdjdlOption.series[0].data = this.showdata.syscur; this.zdjdlCharts.setOption(zdjdlOption); // ZFSC4超压平衡缸P/Q特性 let cdcjyylqxOption = this.cdcjyylqxCharts.getOption(); cdcjyylqxOption.xAxis[0].data = this.XDATA; - cdcjyylqxOption.series[0].data = this.showdata.dsrgsjyl; - cdcjyylqxOption.series[1].data = this.showdata.dsregsjyl; + cdcjyylqxOption.series[0].data = this.showdata.drivensoftrealpress; + cdcjyylqxOption.series[1].data = this.showdata.drivenhotrealpress; cdcjyylqxOption.series[0].markLine.data[0].yAxis = - this.showdata.dsrghgyl.slice(-1)[0]; + this.showdata.drivensoftbondpress.slice(-1)[0]; cdcjyylqxOption.series[0].markLine.data[1].yAxis = - this.showdata.dsrgjyyl.slice(-1)[0]; + this.showdata.drivensoftactpress.slice(-1)[0]; cdcjyylqxOption.series[1].markLine.data[0].yAxis = - this.showdata.dsreghgyl.slice(-1)[0]; + this.showdata.drivenhotbondpress.slice(-1)[0]; cdcjyylqxOption.series[1].markLine.data[1].yAxis = - this.showdata.dsregjyyl.slice(-1)[0]; + this.showdata.drivenhotactpress.slice(-1)[0]; // cdcjyylqxOption.series[2].data = this.showdata.dsrghgyl; // cdcjyylqxOption.series[3].data = this.showdata.dsrgjyyl; // cdcjyylqxOption.series[4].data = this.showdata.dsreghgyl; @@ -1220,22 +1390,22 @@ export default { let cdcllbhqxOption = this.cdcllbhqxCharts.getOption(); cdcllbhqxOption.xAxis[0].data = this.XDATA; - cdcllbhqxOption.series[0].data = this.showdata.cdcrgll; - cdcllbhqxOption.series[1].data = this.showdata.cdcregll; + cdcllbhqxOption.series[0].data = this.showdata.oprsoftflw; + cdcllbhqxOption.series[1].data = this.showdata.oprhotflw; this.cdcllbhqxCharts.setOption(cdcllbhqxOption); let czcjyylqxOption = this.czcjyylqxCharts.getOption(); czcjyylqxOption.xAxis[0].data = this.XDATA; - czcjyylqxOption.series[0].data = this.showdata.tsrgsjyl; - czcjyylqxOption.series[1].data = this.showdata.tsregsjyl; + czcjyylqxOption.series[0].data = this.showdata.oprsoftrealpress; + czcjyylqxOption.series[1].data = this.showdata.oprhotrealpress; czcjyylqxOption.series[0].markLine.data[0].yAxis = - this.showdata.tsrghgyl.slice(-1)[0]; + this.showdata.oprsoftbondpress.slice(-1)[0]; czcjyylqxOption.series[0].markLine.data[1].yAxis = - this.showdata.tsrgjyyl.slice(-1)[0]; + this.showdata.oprsoftactpress.slice(-1)[0]; czcjyylqxOption.series[1].markLine.data[0].yAxis = - this.showdata.tsreghgyl.slice(-1)[0]; + this.showdata.oprhotbondpress.slice(-1)[0]; czcjyylqxOption.series[1].markLine.data[1].yAxis = - this.showdata.tsregjyyl.slice(-1)[0]; + this.showdata.oprhotactpress.slice(-1)[0]; // czcjyylqxOption.series[2].data = this.showdata.tsrghgyl; // czcjyylqxOption.series[3].data = this.showdata.tsrgjyyl; // czcjyylqxOption.series[4].data = this.showdata.tsreghgyl; @@ -1244,34 +1414,34 @@ export default { let czcllbhqxOption = this.czcllbhqxCharts.getOption(); czcllbhqxOption.xAxis[0].data = this.XDATA; - czcllbhqxOption.series[0].data = this.showdata.czcrgll; - czcllbhqxOption.series[1].data = this.showdata.czcregll; + czcllbhqxOption.series[0].data = this.showdata.drivensoftflw; + czcllbhqxOption.series[1].data = this.showdata.drivenhotflw; this.czcllbhqxCharts.setOption(czcllbhqxOption); // ZFSC4超压底缸加压压区P/Q特性 let cdcylbhqxOption = this.cdcylbhqxCharts.getOption(); cdcylbhqxOption.xAxis[0].data = this.XDATA; - cdcylbhqxOption.series[0].data = this.showdata.dgcdcbljyf; + cdcylbhqxOption.series[0].data = this.showdata.drivenbottompress; cdcylbhqxOption.series[0].markLine.data[0].yAxis = - this.showdata.dgcdcblsff.slice(-1)[0]; + this.showdata.oprbottomsetpress.slice(-1)[0]; // cdcylbhqxOption.series[1].data = this.showdata.dgcdcblsff; this.cdcylbhqxCharts.setOption(cdcylbhqxOption); let czcylbhqxOption = this.czcylbhqxCharts.getOption(); czcylbhqxOption.xAxis[0].data = this.XDATA; - czcylbhqxOption.series[0].data = this.showdata.dgczcbljyf; + czcylbhqxOption.series[0].data = this.showdata.oprbottompress; czcylbhqxOption.series[0].markLine.data[0].yAxis = - this.showdata.dgczcblsff.slice(-1)[0]; + this.showdata.oprbottomsetpress.slice(-1)[0]; // czcylbhqxOption.series[1].data = this.showdata.dgczcblsff; this.czcylbhqxCharts.setOption(czcylbhqxOption); let cdcdgwytxOption = this.cdcdgwytxCharts.getOption(); cdcdgwytxOption.xAxis[0].data = this.XDATA; - cdcdgwytxOption.series[0].data = this.showdata.dgcdcygwy; + cdcdgwytxOption.series[0].data = this.showdata.drivenbottomdis; this.cdcdgwytxCharts.setOption(cdcdgwytxOption); let czcdgwytxOption = this.czcdgwytxCharts.getOption(); czcdgwytxOption.xAxis[0].data = this.XDATA; - czcdgwytxOption.series[0].data = this.showdata.dgczcygwy; + czcdgwytxOption.series[0].data = this.showdata.oprbottomdis; this.czcdgwytxCharts.setOption(czcdgwytxOption); }, initCharts() { @@ -1448,7 +1618,7 @@ export default { areaStyle: { opacity: 0.2, }, - data: this.showdata.dsrgsjyl, + data: this.showdata.drivensoftrealpress, symbol: "none", markLine: { symbol: ["none", "none"], @@ -1462,14 +1632,14 @@ export default { }, data: [ { - yAxis: this.showdata.dsrghgyl.slice(-1)[0], + yAxis: this.showdata.drivensoftbondpress.slice(-1)[0], lineStyle: { width: 1, color: "#FF0087", }, }, { - yAxis: this.showdata.dsrgjyyl.slice(-1)[0], + yAxis: this.showdata.drivensoftactpress.slice(-1)[0], lineStyle: { width: 1, color: "#FFBF00", @@ -1484,7 +1654,7 @@ export default { areaStyle: { opacity: 0.2, }, - data: this.showdata.dsregsjyl, + data: this.showdata.drivenhotrealpress, symbol: "none", markLine: { symbol: ["none", "none"], @@ -1498,14 +1668,14 @@ export default { }, data: [ { - yAxis: this.showdata.dsreghgyl.slice(-1)[0], + yAxis: this.showdata.drivenhotbondpress.slice(-1)[0], lineStyle: { width: 1, color: "#fc8452", }, }, { - yAxis: this.showdata.dsregjyyl.slice(-1)[0], + yAxis: this.showdata.drivenhotactpress.slice(-1)[0], lineStyle: { width: 1, color: "#ea7ccc", @@ -1581,7 +1751,7 @@ export default { areaStyle: { opacity: 0.2, }, - data: this.showdata.cdcrgll, + data: this.showdata.oprsoftflw, symbol: "none", }, { @@ -1590,7 +1760,7 @@ export default { areaStyle: { opacity: 0.2, }, - data: this.showdata.cdcregll, + data: this.showdata.oprhotflw, symbol: "none", }, ], @@ -1624,7 +1794,7 @@ export default { areaStyle: { opacity: 0.2, }, - data: this.showdata.tsrgsjyl, + data: this.showdata.oprsoftrealpress, symbol: "none", markLine: { symbol: ["none", "none"], @@ -1638,14 +1808,14 @@ export default { }, data: [ { - yAxis: this.showdata.tsrghgyl.slice(-1)[0], + yAxis: this.showdata.oprsoftbondpress.slice(-1)[0], lineStyle: { width: 1, color: "#FF0087", }, }, { - yAxis: this.showdata.tsrgjyyl.slice(-1)[0], + yAxis: this.showdata.oprsoftactpress.slice(-1)[0], lineStyle: { width: 1, color: "#FFBF00", @@ -1660,7 +1830,7 @@ export default { areaStyle: { opacity: 0.2, }, - data: this.showdata.tsregsjyl, + data: this.showdata.oprhotrealpress, symbol: "none", markLine: { symbol: ["none", "none"], @@ -1674,14 +1844,14 @@ export default { }, data: [ { - yAxis: this.showdata.tsreghgyl.slice(-1)[0], + yAxis: this.showdata.oprhotbondpress.slice(-1)[0], lineStyle: { width: 1, color: "#fc8452", }, }, { - yAxis: this.showdata.tsregjyyl.slice(-1)[0], + yAxis: this.showdata.oprhotactpress.slice(-1)[0], lineStyle: { width: 1, color: "#ea7ccc", @@ -1757,7 +1927,7 @@ export default { areaStyle: { opacity: 0.2, }, - data: this.showdata.czcrgll, + data: this.showdata.drivensoftflw, symbol: "none", }, { @@ -1766,7 +1936,7 @@ export default { areaStyle: { opacity: 0.2, }, - data: this.showdata.czcregll, + data: this.showdata.drivenhotflw, symbol: "none", }, ], @@ -1797,7 +1967,7 @@ export default { areaStyle: { opacity: 0.2, }, - data: this.showdata.zdjdl, + data: this.showdata.syscur, symbol: "none", }, ], @@ -1831,7 +2001,7 @@ export default { areaStyle: { opacity: 0.2, }, - data: this.showdata.dgcdcbljyf, + data: this.showdata.oprbottompress, symbol: "none", markLine: { symbol: ["none", "none"], @@ -1845,7 +2015,7 @@ export default { }, data: [ { - yAxis: this.showdata.dgcdcblsff.slice(-1)[0], + yAxis: this.showdata.oprbottomsetpress.slice(-1)[0], //底缸操作侧设定压力 lineStyle: { width: 1, color: "#FFFF00", @@ -1894,7 +2064,7 @@ export default { areaStyle: { opacity: 0.2, }, - data: this.showdata.dgcdcbljyf, + data: this.showdata.drivenbottompress, symbol: "none", markLine: { symbol: ["none", "none"], @@ -1909,7 +2079,7 @@ export default { }, data: [ { - yAxis: this.showdata.dgczcblsff.slice(-1)[0], + yAxis: this.showdata.drivenbottompress.slice(-1)[0], //底缸传动侧设定压力 lineStyle: { width: 1, color: "#FFFF00", @@ -1958,7 +2128,7 @@ export default { areaStyle: { opacity: 0.2, }, - data: this.showdata.dgcdcygwy, + data: this.showdata.drivenbottomdis, symbol: "none", }, ], @@ -1992,7 +2162,7 @@ export default { areaStyle: { opacity: 0.2, }, - data: this.showdata.dgczcygwy, + data: this.showdata.oprbottomdis, symbol: "none", }, ], @@ -2012,7 +2182,7 @@ export default { color: ["00F28D", "00FFDD", "00BFFF"], bgColor: "87a6a8", name: "粘度", - value: parseFloat(this.showdata.ypnd.slice(-1)[0]).toFixed(2), + value: parseFloat(this.showdata.sysvisc).toFixed(2), limit: 0.8, unit: "mm2/s", }), @@ -2058,7 +2228,12 @@ export default { { offset: 1, color: "#188df0" }, ]), }, - data: [this.yykld4, this.yykld6, this.yykld14, this.yykld21], + data: [ + this.sysgran4, + this.sysgran6, + this.sysgran14, + this.sysgran21, + ], symbol: "none", }, ], @@ -2077,7 +2252,7 @@ export default { color: ["00F28D", "00FFDD", "00BFFF"], bgColor: "87a6a8", name: "湿度", - value: parseFloat(this.showdata.ysjc.slice(-1)[0]).toFixed(2), + value: parseFloat(this.showdata.syshumid).toFixed(2), limit: 0.8, unit: "%", }), @@ -2625,6 +2800,9 @@ export default { background: #0b2d57; border: 1px solid #136db2; } +.dataDiv div { + cursor: pointer; +} .dataDiv div { margin-top: 3px; width: 100%; @@ -2905,4 +3083,8 @@ export default { height: 100%; } } + +::-webkit-scrollbar { + width: 0px; +}