|
|
@ -1,8 +1,8 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div class="enterpriseTopic">
|
|
|
|
<div class="enterpriseTopic">
|
|
|
|
<div class="enterpriseTopicBody canvasDefault">
|
|
|
|
<div class="enterpriseTopicBody canvasDefault">
|
|
|
|
<div class="screenRow mb18">
|
|
|
|
<div class="screenRow pb14">
|
|
|
|
<div class="screenCol mr18">
|
|
|
|
<div class="screenCol mr14">
|
|
|
|
<div class="screenName">
|
|
|
|
<div class="screenName">
|
|
|
|
<div class="screenIcon"></div>
|
|
|
|
<div class="screenIcon"></div>
|
|
|
|
<div class="screenNameText">人防数据</div>
|
|
|
|
<div class="screenNameText">人防数据</div>
|
|
|
@ -41,26 +41,26 @@
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
class="screenErrorAlarm"
|
|
|
|
class="screenErrorAlarm"
|
|
|
|
v-for="(item, index) in errorAlarm"
|
|
|
|
v-for="(item, index) in errorAlarm"
|
|
|
|
:key="item.name + index"
|
|
|
|
:key="item.enterpriseName + index"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<div class="line">
|
|
|
|
<div class="line">
|
|
|
|
<div class="item">
|
|
|
|
<div class="item">
|
|
|
|
<div class="label">企业名称:</div>
|
|
|
|
<div class="label">企业名称:</div>
|
|
|
|
<div class="value name">{{ item.name }}</div>
|
|
|
|
<div class="value name">{{ item.enterpriseName }}</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="item">
|
|
|
|
<div class="item">
|
|
|
|
<div class="label">预警时间:</div>
|
|
|
|
<div class="label">预警时间:</div>
|
|
|
|
<div class="value">{{ item.time }}</div>
|
|
|
|
<div class="value">{{ item.warningTime }}</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="line">
|
|
|
|
<div class="line">
|
|
|
|
<div class="item">
|
|
|
|
<div class="item">
|
|
|
|
<div class="label">异常类型:</div>
|
|
|
|
<div class="label">异常类型:</div>
|
|
|
|
<div class="value">{{ item.type }}</div>
|
|
|
|
<div class="value">{{ item.exceptionType }}</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="item">
|
|
|
|
<div class="item">
|
|
|
|
<div class="label">预警详情:</div>
|
|
|
|
<div class="label">预警详情:</div>
|
|
|
|
<div class="value">{{ item.detail }}</div>
|
|
|
|
<div class="value">{{ item.warningDetails }}</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -146,6 +146,17 @@ import radarTwo from "@/loveflow/components/echart/radar/two.vue";
|
|
|
|
import radarThree from "@/loveflow/components/echart/radar/three.vue";
|
|
|
|
import radarThree from "@/loveflow/components/echart/radar/three.vue";
|
|
|
|
import pieFour from "@/loveflow/components/echart/pie/four.vue";
|
|
|
|
import pieFour from "@/loveflow/components/echart/pie/four.vue";
|
|
|
|
import pieFive from "@/loveflow/components/echart/pie/five.vue";
|
|
|
|
import pieFive from "@/loveflow/components/echart/pie/five.vue";
|
|
|
|
|
|
|
|
import {
|
|
|
|
|
|
|
|
chemicals,
|
|
|
|
|
|
|
|
facility,
|
|
|
|
|
|
|
|
goodsend,
|
|
|
|
|
|
|
|
nums,
|
|
|
|
|
|
|
|
gunmanage,
|
|
|
|
|
|
|
|
radiation,
|
|
|
|
|
|
|
|
radiationuse,
|
|
|
|
|
|
|
|
relatedcompanycount,
|
|
|
|
|
|
|
|
transport,
|
|
|
|
|
|
|
|
} from "@/api/enterpriseTopic/listGoods/index.js";
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
|
components: { lineOne, barFour, radarTwo, radarThree, pieFour, pieFive },
|
|
|
|
components: { lineOne, barFour, radarTwo, radarThree, pieFour, pieFive },
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
@ -155,15 +166,10 @@ export default {
|
|
|
|
gridLeft: "8%",
|
|
|
|
gridLeft: "8%",
|
|
|
|
yName: "单位:百分比",
|
|
|
|
yName: "单位:百分比",
|
|
|
|
legendTop: "4%",
|
|
|
|
legendTop: "4%",
|
|
|
|
xData: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月"],
|
|
|
|
xData: [],
|
|
|
|
yData: [
|
|
|
|
yData: [],
|
|
|
|
[31, 41, 28, 87, 32, 12, 97, 79],
|
|
|
|
|
|
|
|
[51, 52, 68, 57, 12, 72, 57, 39],
|
|
|
|
|
|
|
|
[91, 71, 98, 59, 61, 72, 78, 69],
|
|
|
|
|
|
|
|
[81, 87, 21, 56, 10, 19, 82, 91],
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
name: "人防数据",
|
|
|
|
name: "人防数据",
|
|
|
|
legend: ["危化品", "放射物品", "民爆物品", "民用枪支"],
|
|
|
|
legend: [],
|
|
|
|
color: [
|
|
|
|
color: [
|
|
|
|
["#09C8F5", "rgba(9,200,245,0.1)", "rgba(9,200,245,0.1)"],
|
|
|
|
["#09C8F5", "rgba(9,200,245,0.1)", "rgba(9,200,245,0.1)"],
|
|
|
|
["#FFD16A", "rgba(255,209,106,0.1)", "rgba(255,209,106,0.1)"],
|
|
|
|
["#FFD16A", "rgba(255,209,106,0.1)", "rgba(255,209,106,0.1)"],
|
|
|
@ -204,131 +210,204 @@ export default {
|
|
|
|
icon: require("@/assets/images/topic/e4.png"),
|
|
|
|
icon: require("@/assets/images/topic/e4.png"),
|
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
|
|
|
],
|
|
|
|
errorAlarm: [
|
|
|
|
errorAlarm: [],
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "宁波镇海兴达化工有限公司",
|
|
|
|
|
|
|
|
type: "使用规范异常",
|
|
|
|
|
|
|
|
time: "2024-02-28 22:25:25",
|
|
|
|
|
|
|
|
detail: "危化品定期检查延期",
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "宁波镇海兴达化工有限公司",
|
|
|
|
|
|
|
|
type: "使用规范异常",
|
|
|
|
|
|
|
|
time: "2024-02-28 22:25:25",
|
|
|
|
|
|
|
|
detail: "危化品定期检查延期",
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "宁波镇海兴达化工有限公司",
|
|
|
|
|
|
|
|
type: "使用规范异常",
|
|
|
|
|
|
|
|
time: "2024-02-28 22:25:25",
|
|
|
|
|
|
|
|
detail: "危化品定期检查延期",
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "宁波镇海兴达化工有限公司",
|
|
|
|
|
|
|
|
type: "使用规范异常",
|
|
|
|
|
|
|
|
time: "2024-02-28 22:25:25",
|
|
|
|
|
|
|
|
detail: "危化品定期检查延期",
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
gunsList: [
|
|
|
|
gunsList: [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: "猎枪",
|
|
|
|
name: "猎枪",
|
|
|
|
value: 213,
|
|
|
|
value: 0,
|
|
|
|
class: "oneGuns",
|
|
|
|
class: "oneGuns",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: "竞技体育用枪",
|
|
|
|
name: "竞技体育用枪",
|
|
|
|
value: 1113,
|
|
|
|
value: 0,
|
|
|
|
class: "twoGuns",
|
|
|
|
class: "twoGuns",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: "商业射击馆枪支",
|
|
|
|
name: "商业射击馆枪支",
|
|
|
|
value: 2131,
|
|
|
|
value: 0,
|
|
|
|
class: "threeGuns",
|
|
|
|
class: "threeGuns",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
|
|
|
],
|
|
|
|
mrObj: {
|
|
|
|
mrObj: {
|
|
|
|
indicator: [
|
|
|
|
indicator: [],
|
|
|
|
{
|
|
|
|
data: [
|
|
|
|
name: "枪支数量",
|
|
|
|
|
|
|
|
max: 100,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "使用人数",
|
|
|
|
|
|
|
|
max: 100,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "巡检次数",
|
|
|
|
|
|
|
|
max: 100,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: "资质齐全占比",
|
|
|
|
value: [],
|
|
|
|
max: 100,
|
|
|
|
name: "猎枪",
|
|
|
|
|
|
|
|
lineStyle: {
|
|
|
|
|
|
|
|
color: "#C6403E",
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
areaStyle: {
|
|
|
|
|
|
|
|
color: "rgba(198,64,62,0.2)",
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: "使用登记次数",
|
|
|
|
value: [],
|
|
|
|
max: 100,
|
|
|
|
name: "竞技体育用枪",
|
|
|
|
|
|
|
|
lineStyle: {
|
|
|
|
|
|
|
|
color: "#FF8A5A",
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
areaStyle: {
|
|
|
|
|
|
|
|
color: "rgba(255,138,90,0.2)",
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: "关联单位数",
|
|
|
|
value: [],
|
|
|
|
max: 100,
|
|
|
|
name: "商业射击馆枪支",
|
|
|
|
|
|
|
|
lineStyle: {
|
|
|
|
|
|
|
|
color: "#5B8FF9",
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
areaStyle: {
|
|
|
|
|
|
|
|
color: "rgba(91,143,249,0.2)",
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
|
|
|
],
|
|
|
|
yData: [12, 13, 14, 15, 11, 14],
|
|
|
|
|
|
|
|
name: "民用枪支",
|
|
|
|
name: "民用枪支",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
mlrObj: {
|
|
|
|
mlrObj: {
|
|
|
|
indicator: [
|
|
|
|
indicator: [],
|
|
|
|
{
|
|
|
|
yData: [],
|
|
|
|
name: "使用次数",
|
|
|
|
|
|
|
|
max: 100,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "使用部门",
|
|
|
|
|
|
|
|
max: 100,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "使用途径",
|
|
|
|
|
|
|
|
max: 100,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "使用人员",
|
|
|
|
|
|
|
|
max: 100,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "使用方式",
|
|
|
|
|
|
|
|
max: 100,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "关联单位",
|
|
|
|
|
|
|
|
max: 100,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
yData: [12, 13, 14, 15, 11, 14],
|
|
|
|
|
|
|
|
name: "放射源使用",
|
|
|
|
name: "放射源使用",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
mllObj: {
|
|
|
|
mllObj: {
|
|
|
|
color: ["#2B82F3", "#09C8F5", "#66C3FF", "#FEF699", "#E4FEF0"],
|
|
|
|
color: ["#2B82F3", "#09C8F5", "#66C3FF", "#FEF699", "#E4FEF0"],
|
|
|
|
data: [
|
|
|
|
data: [],
|
|
|
|
{ value: 448, name: "中子源1" },
|
|
|
|
|
|
|
|
{ value: 735, name: "中子源2" },
|
|
|
|
|
|
|
|
{ value: 580, name: "中子源3" },
|
|
|
|
|
|
|
|
{ value: 484, name: "中子源4" },
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
name: "放射源种类及数量",
|
|
|
|
name: "放射源种类及数量",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
mlmObj: {
|
|
|
|
mlmObj: {
|
|
|
|
color: ["#2B82F3", "#66C3FF", "#E4FEF0", "#FF745A", "#FEF699"],
|
|
|
|
color: ["#2B82F3", "#66C3FF", "#E4FEF0", "#FF745A", "#FEF699"],
|
|
|
|
data: [
|
|
|
|
data: [],
|
|
|
|
{ value: 484, name: "航空运输1" },
|
|
|
|
|
|
|
|
{ value: 567, name: "航空运输2" },
|
|
|
|
|
|
|
|
{ value: 489, name: "航空运输3" },
|
|
|
|
|
|
|
|
{ value: 517, name: "航空运输4" },
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
name: "放射源运输",
|
|
|
|
name: "放射源运输",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
|
|
|
};
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
mounted() {
|
|
|
|
|
|
|
|
this.getData();
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
methods: {
|
|
|
|
|
|
|
|
getData() {
|
|
|
|
|
|
|
|
chemicals().then((res) => {
|
|
|
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
|
|
|
let data = res.data || {};
|
|
|
|
|
|
|
|
this.tlObj.xData = [];
|
|
|
|
|
|
|
|
this.tlObj.yData = [];
|
|
|
|
|
|
|
|
this.tlObj.legend = [];
|
|
|
|
|
|
|
|
Object.keys(data).forEach((key, index) => {
|
|
|
|
|
|
|
|
this.tlObj.legend.push(key);
|
|
|
|
|
|
|
|
let list = data[key];
|
|
|
|
|
|
|
|
let arr = [];
|
|
|
|
|
|
|
|
for (let i = 0; i < list.length; i++) {
|
|
|
|
|
|
|
|
if (index == 0) {
|
|
|
|
|
|
|
|
this.tlObj.xData.push(list[i]["monthnum"] + "月");
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
arr.push(list[i]["sum"] || 0);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
this.tlObj.yData[index] = arr;
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
facility({ pageSize: 10000 }).then((res) => {
|
|
|
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
|
|
|
this.errorAlarm = res.data || [];
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
goodsend().then((res) => {});
|
|
|
|
|
|
|
|
nums().then((res) => {
|
|
|
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
|
|
|
let data = res.data || {};
|
|
|
|
|
|
|
|
this.gunsList[0]["value"] = data["猎枪"];
|
|
|
|
|
|
|
|
this.gunsList[1]["value"] = data["竞技体育用枪"];
|
|
|
|
|
|
|
|
this.gunsList[2]["value"] = data["商业射击馆枪支"];
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
gunmanage().then((res) => {
|
|
|
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
|
|
|
let data = res.data || {};
|
|
|
|
|
|
|
|
Object.keys(data).forEach((key) => {
|
|
|
|
|
|
|
|
if (key.indexOf("猎枪") > -1) {
|
|
|
|
|
|
|
|
let arr = data[key];
|
|
|
|
|
|
|
|
for (let i = 0; i < arr.length; i++) {
|
|
|
|
|
|
|
|
this.mrObj.data[0]["value"].push(arr[i]["subcategoryQuantity"]);
|
|
|
|
|
|
|
|
this.mrObj.indicator.push({
|
|
|
|
|
|
|
|
name: arr[i]["subcategoryName"],
|
|
|
|
|
|
|
|
max: arr[0]["sum"],
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if (key.indexOf("竞技体育") > -1) {
|
|
|
|
|
|
|
|
let arr = data[key];
|
|
|
|
|
|
|
|
for (let i = 0; i < arr.length; i++) {
|
|
|
|
|
|
|
|
this.mrObj.data[1]["value"].push(arr[i]["subcategoryQuantity"]);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if (key.indexOf("商业射击") > -1) {
|
|
|
|
|
|
|
|
let arr = data[key];
|
|
|
|
|
|
|
|
for (let i = 0; i < arr.length; i++) {
|
|
|
|
|
|
|
|
this.mrObj.data[2]["value"].push(arr[i]["subcategoryQuantity"]);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
radiation().then((res) => {
|
|
|
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
|
|
|
let data = res.data || {};
|
|
|
|
|
|
|
|
this.mllObj.data = [];
|
|
|
|
|
|
|
|
Object.keys(data).forEach((key) => {
|
|
|
|
|
|
|
|
if (key != "count") {
|
|
|
|
|
|
|
|
this.mllObj.data.push({
|
|
|
|
|
|
|
|
name: key,
|
|
|
|
|
|
|
|
value: data[key],
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
radiationuse().then((res) => {
|
|
|
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
|
|
|
let data = res.data || {};
|
|
|
|
|
|
|
|
let list = [];
|
|
|
|
|
|
|
|
Object.keys(data).forEach((key) => {
|
|
|
|
|
|
|
|
list.push({
|
|
|
|
|
|
|
|
name: key,
|
|
|
|
|
|
|
|
value: data[key],
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
let maxValue = Math.max.apply(
|
|
|
|
|
|
|
|
Math,
|
|
|
|
|
|
|
|
list.map((item) => {
|
|
|
|
|
|
|
|
return item.value;
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
for (let i = 0; i < list.length; i++) {
|
|
|
|
|
|
|
|
let name = list[i]["name"];
|
|
|
|
|
|
|
|
this.mlrObj.indicator.push({
|
|
|
|
|
|
|
|
name: name,
|
|
|
|
|
|
|
|
max: maxValue,
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
this.mlrObj.yData.push(list[i]["value"]);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
console.log(this.mlrObj);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
relatedcompanycount().then((res) => {});
|
|
|
|
|
|
|
|
transport().then((res) => {
|
|
|
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
|
|
|
let data = res.data || {};
|
|
|
|
|
|
|
|
this.mlmObj.data = [];
|
|
|
|
|
|
|
|
Object.keys(data).forEach((key) => {
|
|
|
|
|
|
|
|
if (key != "count") {
|
|
|
|
|
|
|
|
this.mlmObj.data.push({
|
|
|
|
|
|
|
|
name: key,
|
|
|
|
|
|
|
|
value: data[key],
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
};
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
@ -345,13 +424,11 @@ export default {
|
|
|
|
left: 16px;
|
|
|
|
left: 16px;
|
|
|
|
width: calc(100% - 32px);
|
|
|
|
width: calc(100% - 32px);
|
|
|
|
height: calc(100% - 110px);
|
|
|
|
height: calc(100% - 110px);
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
box-sizing: border-box;
|
|
|
|
.screenRow {
|
|
|
|
.screenRow {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
flex: 1;
|
|
|
|
height: 50%;
|
|
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
.screenCol {
|
|
|
|
.screenCol {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
flex-direction: column;
|
|
|
@ -384,12 +461,10 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.screenErrorAlarmWrap {
|
|
|
|
.screenErrorAlarmWrap {
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
|
|
.screenErrorAlarm {
|
|
|
|
.screenErrorAlarm {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
|
|
justify-content: space-evenly;
|
|
|
|
background: url("~@/assets/images/topic/jx.png") no-repeat center
|
|
|
|
background: url("~@/assets/images/topic/jx.png") no-repeat center
|
|
|
|
center;
|
|
|
|
center;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
background-size: 100% 100%;
|
|
|
@ -400,6 +475,7 @@ export default {
|
|
|
|
.item {
|
|
|
|
.item {
|
|
|
|
flex: 1;
|
|
|
|
flex: 1;
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
align-items: center;
|
|
|
|
.label {
|
|
|
|
.label {
|
|
|
|
color: #d0deee;
|
|
|
|
color: #d0deee;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -568,6 +644,7 @@ export default {
|
|
|
|
flex: 1;
|
|
|
|
flex: 1;
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
.screenErrorWrap {
|
|
|
|
.screenErrorWrap {
|
|
|
|
margin-top: vw(16);
|
|
|
|
margin-top: vw(16);
|
|
|
|
.errorWrap {
|
|
|
|
.errorWrap {
|
|
|
@ -584,11 +661,12 @@ export default {
|
|
|
|
.screenErrorAlarmWrap {
|
|
|
|
.screenErrorAlarmWrap {
|
|
|
|
margin: vw(15) vw(15) 0;
|
|
|
|
margin: vw(15) vw(15) 0;
|
|
|
|
flex: 1;
|
|
|
|
flex: 1;
|
|
|
|
display: flex;
|
|
|
|
overflow-y: scroll;
|
|
|
|
flex-direction: column;
|
|
|
|
&::-webkit-scrollbar {
|
|
|
|
justify-content: space-between;
|
|
|
|
display: none;
|
|
|
|
|
|
|
|
}
|
|
|
|
.screenErrorAlarm {
|
|
|
|
.screenErrorAlarm {
|
|
|
|
/* height: vw(56); */
|
|
|
|
height: vw(56);
|
|
|
|
margin-bottom: vw(12);
|
|
|
|
margin-bottom: vw(12);
|
|
|
|
flex: 1;
|
|
|
|
flex: 1;
|
|
|
|
font-size: vw(12);
|
|
|
|
font-size: vw(12);
|
|
|
|