diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..3e11105
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..3e11105
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/src/App.vue b/src/App.vue
index 829631a..5d065fd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -123,16 +123,16 @@
}
.el-table tr {
- background: rgb(5, 22, 40) !important;
+ background: rgba(255, 255, 255, 0.05) !important;
}
.el-table th {
- background: rgb(4, 31, 52) !important;
+ background: rgba(255, 255, 255, 0) !important;
}
.el-table td,
.el-table th.is-leaf {
- border-bottom: 1px solid black !important;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.el-table--border::after,
@@ -151,10 +151,6 @@
text-align: center !important;
}
-.el-table--enable-row-hover .el-table__body tr:hover > td {
- background: rgb(4, 51, 52) !important;
-}
-
.el-table__body-wrapper {
height: calc(100% - 49px) !important;
overflow-y: auto !important;
@@ -165,7 +161,12 @@
.el-table::before {
background-color: rgba(0, 0, 0, 0) !important;
}
-
+.el-table--striped .el-table__body tr.el-table__row--striped td {
+ background: rgba(255, 255, 255, 0.05) !important;
+}
+.el-table--enable-row-hover .el-table__body tr:hover > td {
+ background: rgb(4, 51, 52) !important;
+}
/* 分页 A*/
.el-pagination button:disabled {
background-color: #fdfdfd12 !important;
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..3e11105
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/src/App.vue b/src/App.vue
index 829631a..5d065fd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -123,16 +123,16 @@
}
.el-table tr {
- background: rgb(5, 22, 40) !important;
+ background: rgba(255, 255, 255, 0.05) !important;
}
.el-table th {
- background: rgb(4, 31, 52) !important;
+ background: rgba(255, 255, 255, 0) !important;
}
.el-table td,
.el-table th.is-leaf {
- border-bottom: 1px solid black !important;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.el-table--border::after,
@@ -151,10 +151,6 @@
text-align: center !important;
}
-.el-table--enable-row-hover .el-table__body tr:hover > td {
- background: rgb(4, 51, 52) !important;
-}
-
.el-table__body-wrapper {
height: calc(100% - 49px) !important;
overflow-y: auto !important;
@@ -165,7 +161,12 @@
.el-table::before {
background-color: rgba(0, 0, 0, 0) !important;
}
-
+.el-table--striped .el-table__body tr.el-table__row--striped td {
+ background: rgba(255, 255, 255, 0.05) !important;
+}
+.el-table--enable-row-hover .el-table__body tr:hover > td {
+ background: rgb(4, 51, 52) !important;
+}
/* 分页 A*/
.el-pagination button:disabled {
background-color: #fdfdfd12 !important;
diff --git a/src/components/MessageManagement/MessageQuery.vue b/src/components/MessageManagement/MessageQuery.vue
index 0150f7c..b33dc36 100644
--- a/src/components/MessageManagement/MessageQuery.vue
+++ b/src/components/MessageManagement/MessageQuery.vue
@@ -59,6 +59,7 @@
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
+ stripe
>
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..3e11105
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/src/App.vue b/src/App.vue
index 829631a..5d065fd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -123,16 +123,16 @@
}
.el-table tr {
- background: rgb(5, 22, 40) !important;
+ background: rgba(255, 255, 255, 0.05) !important;
}
.el-table th {
- background: rgb(4, 31, 52) !important;
+ background: rgba(255, 255, 255, 0) !important;
}
.el-table td,
.el-table th.is-leaf {
- border-bottom: 1px solid black !important;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.el-table--border::after,
@@ -151,10 +151,6 @@
text-align: center !important;
}
-.el-table--enable-row-hover .el-table__body tr:hover > td {
- background: rgb(4, 51, 52) !important;
-}
-
.el-table__body-wrapper {
height: calc(100% - 49px) !important;
overflow-y: auto !important;
@@ -165,7 +161,12 @@
.el-table::before {
background-color: rgba(0, 0, 0, 0) !important;
}
-
+.el-table--striped .el-table__body tr.el-table__row--striped td {
+ background: rgba(255, 255, 255, 0.05) !important;
+}
+.el-table--enable-row-hover .el-table__body tr:hover > td {
+ background: rgb(4, 51, 52) !important;
+}
/* 分页 A*/
.el-pagination button:disabled {
background-color: #fdfdfd12 !important;
diff --git a/src/components/MessageManagement/MessageQuery.vue b/src/components/MessageManagement/MessageQuery.vue
index 0150f7c..b33dc36 100644
--- a/src/components/MessageManagement/MessageQuery.vue
+++ b/src/components/MessageManagement/MessageQuery.vue
@@ -59,6 +59,7 @@
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
+ stripe
>
diff --git a/src/components/MessageManagement/MessageStatistics.vue b/src/components/MessageManagement/MessageStatistics.vue
index bc34593..e2af79d 100644
--- a/src/components/MessageManagement/MessageStatistics.vue
+++ b/src/components/MessageManagement/MessageStatistics.vue
@@ -59,6 +59,7 @@
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
+ stripe
>
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..3e11105
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/src/App.vue b/src/App.vue
index 829631a..5d065fd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -123,16 +123,16 @@
}
.el-table tr {
- background: rgb(5, 22, 40) !important;
+ background: rgba(255, 255, 255, 0.05) !important;
}
.el-table th {
- background: rgb(4, 31, 52) !important;
+ background: rgba(255, 255, 255, 0) !important;
}
.el-table td,
.el-table th.is-leaf {
- border-bottom: 1px solid black !important;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.el-table--border::after,
@@ -151,10 +151,6 @@
text-align: center !important;
}
-.el-table--enable-row-hover .el-table__body tr:hover > td {
- background: rgb(4, 51, 52) !important;
-}
-
.el-table__body-wrapper {
height: calc(100% - 49px) !important;
overflow-y: auto !important;
@@ -165,7 +161,12 @@
.el-table::before {
background-color: rgba(0, 0, 0, 0) !important;
}
-
+.el-table--striped .el-table__body tr.el-table__row--striped td {
+ background: rgba(255, 255, 255, 0.05) !important;
+}
+.el-table--enable-row-hover .el-table__body tr:hover > td {
+ background: rgb(4, 51, 52) !important;
+}
/* 分页 A*/
.el-pagination button:disabled {
background-color: #fdfdfd12 !important;
diff --git a/src/components/MessageManagement/MessageQuery.vue b/src/components/MessageManagement/MessageQuery.vue
index 0150f7c..b33dc36 100644
--- a/src/components/MessageManagement/MessageQuery.vue
+++ b/src/components/MessageManagement/MessageQuery.vue
@@ -59,6 +59,7 @@
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
+ stripe
>
diff --git a/src/components/MessageManagement/MessageStatistics.vue b/src/components/MessageManagement/MessageStatistics.vue
index bc34593..e2af79d 100644
--- a/src/components/MessageManagement/MessageStatistics.vue
+++ b/src/components/MessageManagement/MessageStatistics.vue
@@ -59,6 +59,7 @@
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
+ stripe
>
diff --git a/src/components/configure/AlarmConfiguration.vue b/src/components/configure/AlarmConfiguration.vue
index 4491e2f..a9cc6ec 100644
--- a/src/components/configure/AlarmConfiguration.vue
+++ b/src/components/configure/AlarmConfiguration.vue
@@ -13,7 +13,7 @@
新增配置
-
+
@@ -175,5 +175,4 @@
margin-top: 10px;
background: rgba(53, 53, 53, 0.5);
}
-
\ No newline at end of file
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..3e11105
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/src/App.vue b/src/App.vue
index 829631a..5d065fd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -123,16 +123,16 @@
}
.el-table tr {
- background: rgb(5, 22, 40) !important;
+ background: rgba(255, 255, 255, 0.05) !important;
}
.el-table th {
- background: rgb(4, 31, 52) !important;
+ background: rgba(255, 255, 255, 0) !important;
}
.el-table td,
.el-table th.is-leaf {
- border-bottom: 1px solid black !important;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.el-table--border::after,
@@ -151,10 +151,6 @@
text-align: center !important;
}
-.el-table--enable-row-hover .el-table__body tr:hover > td {
- background: rgb(4, 51, 52) !important;
-}
-
.el-table__body-wrapper {
height: calc(100% - 49px) !important;
overflow-y: auto !important;
@@ -165,7 +161,12 @@
.el-table::before {
background-color: rgba(0, 0, 0, 0) !important;
}
-
+.el-table--striped .el-table__body tr.el-table__row--striped td {
+ background: rgba(255, 255, 255, 0.05) !important;
+}
+.el-table--enable-row-hover .el-table__body tr:hover > td {
+ background: rgb(4, 51, 52) !important;
+}
/* 分页 A*/
.el-pagination button:disabled {
background-color: #fdfdfd12 !important;
diff --git a/src/components/MessageManagement/MessageQuery.vue b/src/components/MessageManagement/MessageQuery.vue
index 0150f7c..b33dc36 100644
--- a/src/components/MessageManagement/MessageQuery.vue
+++ b/src/components/MessageManagement/MessageQuery.vue
@@ -59,6 +59,7 @@
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
+ stripe
>
diff --git a/src/components/MessageManagement/MessageStatistics.vue b/src/components/MessageManagement/MessageStatistics.vue
index bc34593..e2af79d 100644
--- a/src/components/MessageManagement/MessageStatistics.vue
+++ b/src/components/MessageManagement/MessageStatistics.vue
@@ -59,6 +59,7 @@
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
+ stripe
>
diff --git a/src/components/configure/AlarmConfiguration.vue b/src/components/configure/AlarmConfiguration.vue
index 4491e2f..a9cc6ec 100644
--- a/src/components/configure/AlarmConfiguration.vue
+++ b/src/components/configure/AlarmConfiguration.vue
@@ -13,7 +13,7 @@
新增配置
-
+
@@ -175,5 +175,4 @@
margin-top: 10px;
background: rgba(53, 53, 53, 0.5);
}
-
\ No newline at end of file
diff --git a/src/components/index.vue b/src/components/index.vue
index 55adea3..d4dbd33 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -280,12 +280,14 @@
}
.el-menu-item {
border-bottom: 2px solid #000;
+ text-align: left;
}
.el-submenu.is-active .el-submenu__title {
border-bottom: 2px solid #000;
}
.el-submenu__title {
border-bottom: 2px solid #000;
+ text-align: left;
}
.el-menu-item:focus,
.el-menu-item:hover,
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..3e11105
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/src/App.vue b/src/App.vue
index 829631a..5d065fd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -123,16 +123,16 @@
}
.el-table tr {
- background: rgb(5, 22, 40) !important;
+ background: rgba(255, 255, 255, 0.05) !important;
}
.el-table th {
- background: rgb(4, 31, 52) !important;
+ background: rgba(255, 255, 255, 0) !important;
}
.el-table td,
.el-table th.is-leaf {
- border-bottom: 1px solid black !important;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.el-table--border::after,
@@ -151,10 +151,6 @@
text-align: center !important;
}
-.el-table--enable-row-hover .el-table__body tr:hover > td {
- background: rgb(4, 51, 52) !important;
-}
-
.el-table__body-wrapper {
height: calc(100% - 49px) !important;
overflow-y: auto !important;
@@ -165,7 +161,12 @@
.el-table::before {
background-color: rgba(0, 0, 0, 0) !important;
}
-
+.el-table--striped .el-table__body tr.el-table__row--striped td {
+ background: rgba(255, 255, 255, 0.05) !important;
+}
+.el-table--enable-row-hover .el-table__body tr:hover > td {
+ background: rgb(4, 51, 52) !important;
+}
/* 分页 A*/
.el-pagination button:disabled {
background-color: #fdfdfd12 !important;
diff --git a/src/components/MessageManagement/MessageQuery.vue b/src/components/MessageManagement/MessageQuery.vue
index 0150f7c..b33dc36 100644
--- a/src/components/MessageManagement/MessageQuery.vue
+++ b/src/components/MessageManagement/MessageQuery.vue
@@ -59,6 +59,7 @@
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
+ stripe
>
diff --git a/src/components/MessageManagement/MessageStatistics.vue b/src/components/MessageManagement/MessageStatistics.vue
index bc34593..e2af79d 100644
--- a/src/components/MessageManagement/MessageStatistics.vue
+++ b/src/components/MessageManagement/MessageStatistics.vue
@@ -59,6 +59,7 @@
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
+ stripe
>
diff --git a/src/components/configure/AlarmConfiguration.vue b/src/components/configure/AlarmConfiguration.vue
index 4491e2f..a9cc6ec 100644
--- a/src/components/configure/AlarmConfiguration.vue
+++ b/src/components/configure/AlarmConfiguration.vue
@@ -13,7 +13,7 @@
新增配置
-
+
@@ -175,5 +175,4 @@
margin-top: 10px;
background: rgba(53, 53, 53, 0.5);
}
-
\ No newline at end of file
diff --git a/src/components/index.vue b/src/components/index.vue
index 55adea3..d4dbd33 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -280,12 +280,14 @@
}
.el-menu-item {
border-bottom: 2px solid #000;
+ text-align: left;
}
.el-submenu.is-active .el-submenu__title {
border-bottom: 2px solid #000;
}
.el-submenu__title {
border-bottom: 2px solid #000;
+ text-align: left;
}
.el-menu-item:focus,
.el-menu-item:hover,
diff --git a/src/components/newFiber/NewFiberSearch.vue b/src/components/newFiber/NewFiberSearch.vue
index 3a13fd4..e103dea 100644
--- a/src/components/newFiber/NewFiberSearch.vue
+++ b/src/components/newFiber/NewFiberSearch.vue
@@ -5,10 +5,13 @@
-
+
-
@@ -104,7 +107,13 @@
/>

-

+
@@ -133,7 +142,11 @@
-
+
@@ -176,28 +189,25 @@
-
+
-
-
-
-
-
- 提交数据
-
-
-
+
+
+
+
+ 提交数据
+
+
@@ -228,7 +238,7 @@
], //渲染分组信息的数据
SiteOptions: [], //渲染站点的下拉框信息
SiteNo: "",
- SiteTypeUrl: "", //站点状态显示不同的图片路径
+ SiteTypeUrl: "../../../static/img/NFLv.png", //站点状态显示不同的图片路径
NFSNowDataTableData: [], //实时数据表格数据
NFSNowDataTableHead: [], //实时数据表格表头数据
TimeBoxValue: [
@@ -288,9 +298,9 @@
FirstOn: true, //进来页面未点击历史图形的时候为true, 点击历史图形后为false,避免因子与图形接口多次渲染导致页面卡顿。
DateisChange: false, //当时间段的时间进行变换后,切换tab时应该重新请求数据,否则不用数据刷新,默认时间未改动为false。
YinZiChange: true, //判断因子是否改变过,如果改变过则重新请求echarts数据。
-
- // 判断当前用户是否拥有上传功能
- isAdmin: true ,
+
+ // 判断当前用户是否拥有上传功能
+ isAdmin: true,
RoleDialog2: false,
ProjectInformationConfig1Dialog3uploadData12: {
file: {}
@@ -304,14 +314,14 @@
}
]
},
- isTrueXls:true,
- loading:false
+ isTrueXls: true,
+ loading: false
};
},
methods: {
// 加载页面分组信息
loadFZData() {
- this.loading=true
+ this.loading = true;
this.$http
.get(
this.nozzle.userGroupRelaGetGroups +
@@ -319,7 +329,7 @@
this.FZValue
)
.then(response => {
- this.loading=false
+ this.loading = false;
if (response.data.total > 0) {
this.NFSNo1BotLiData = response.data.rows;
} else {
@@ -331,12 +341,12 @@
}
})
.catch(response => {
- this.loading=false
+ this.loading = false;
this.$message({
- showClose: true,
- message: "数据请求失败",
- type: "warning"
- });
+ showClose: true,
+ message: "数据请求失败",
+ type: "warning"
+ });
});
},
// 点击分组
@@ -416,6 +426,23 @@
this.NFSNowDataTableData = JSON.parse(
JSON.stringify([response.data])
);
+ // 通过state显示图标
+ if (response.data.state == 1) {
+ // 异常
+ this.SiteTypeUrl = "../../../static/img/NFHong.png";
+ } else if (response.data.state == 2) {
+ // 溢流
+ this.SiteTypeUrl = "../../../static/img/NFHuang.png";
+ } else if (response.data.state == 3) {
+ // 离线
+ this.SiteTypeUrl = "../../../static/img/NFHui.png";
+ } else if (response.data.state == 4) {
+ // 浸水
+ this.SiteTypeUrl = "../../../static/img/NFQing.png";
+ } else {
+ // 正常
+ this.SiteTypeUrl = "../../../static/img/NFLv.png";
+ }
})
.catch(response => {
message(response);
@@ -734,7 +761,7 @@
this.$refs[formName].validate(valid => {
if (valid) {
axios({
- url: this.nozzle.surveyDataExporExcelOfSurverData,
+ url: this.nozzle.surveyDataExporExcelOfSurverData,
method: "post",
headers: {
"Content-Type": "multipart/form-data"
@@ -876,7 +903,7 @@
width: calc(100% - 110px);
float: left;
height: 18px;
- background: rgb(12, 37, 67);
+ background: rgba(12, 37, 67, 0.6);
margin-top: 8px;
position: relative;
}
@@ -892,7 +919,7 @@
width: 52px;
float: left;
font-size: 14px;
- color: rgb(0, 119, 254);
+ color: rgb(248, 232, 14);
}
.NFSNo1BotLiDetails {
height: 60px;
@@ -905,14 +932,14 @@
}
.NFSNo1BotLiDetailsA {
display: inline-block;
- height: 28px;
- line-height: 22px;
- border: 1px solid rgb(0, 119, 254);
- color: rgb(0, 119, 254);
- padding: 3px 20px;
- font-size: 16px;
- border-radius: 5px;
- box-sizing: border-box;
+ height: 28px;
+ line-height: 22px;
+ border: 1px solid rgb(0, 119, 254);
+ color: rgb(0, 119, 254);
+ padding: 3px 20px;
+ font-size: 16px;
+ border-radius: 5px;
+ box-sizing: border-box;
}
/* 每个分组卡片的样式B */
@@ -929,7 +956,10 @@
text-align: left;
padding-left: 15px;
}
-
+#SiteTypeImg {
+ vertical-align: middle;
+ margin: 0 20px;
+}
/* /deep/ .el-input__inner {
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgb(4, 51, 52);
@@ -994,10 +1024,6 @@
height: calc(100% - 60px);
}
/* 站点详情页面样式B */
-
-
\ No newline at end of file
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..3e11105
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/src/App.vue b/src/App.vue
index 829631a..5d065fd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -123,16 +123,16 @@
}
.el-table tr {
- background: rgb(5, 22, 40) !important;
+ background: rgba(255, 255, 255, 0.05) !important;
}
.el-table th {
- background: rgb(4, 31, 52) !important;
+ background: rgba(255, 255, 255, 0) !important;
}
.el-table td,
.el-table th.is-leaf {
- border-bottom: 1px solid black !important;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.el-table--border::after,
@@ -151,10 +151,6 @@
text-align: center !important;
}
-.el-table--enable-row-hover .el-table__body tr:hover > td {
- background: rgb(4, 51, 52) !important;
-}
-
.el-table__body-wrapper {
height: calc(100% - 49px) !important;
overflow-y: auto !important;
@@ -165,7 +161,12 @@
.el-table::before {
background-color: rgba(0, 0, 0, 0) !important;
}
-
+.el-table--striped .el-table__body tr.el-table__row--striped td {
+ background: rgba(255, 255, 255, 0.05) !important;
+}
+.el-table--enable-row-hover .el-table__body tr:hover > td {
+ background: rgb(4, 51, 52) !important;
+}
/* 分页 A*/
.el-pagination button:disabled {
background-color: #fdfdfd12 !important;
diff --git a/src/components/MessageManagement/MessageQuery.vue b/src/components/MessageManagement/MessageQuery.vue
index 0150f7c..b33dc36 100644
--- a/src/components/MessageManagement/MessageQuery.vue
+++ b/src/components/MessageManagement/MessageQuery.vue
@@ -59,6 +59,7 @@
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
+ stripe
>
diff --git a/src/components/MessageManagement/MessageStatistics.vue b/src/components/MessageManagement/MessageStatistics.vue
index bc34593..e2af79d 100644
--- a/src/components/MessageManagement/MessageStatistics.vue
+++ b/src/components/MessageManagement/MessageStatistics.vue
@@ -59,6 +59,7 @@
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
+ stripe
>
diff --git a/src/components/configure/AlarmConfiguration.vue b/src/components/configure/AlarmConfiguration.vue
index 4491e2f..a9cc6ec 100644
--- a/src/components/configure/AlarmConfiguration.vue
+++ b/src/components/configure/AlarmConfiguration.vue
@@ -13,7 +13,7 @@
新增配置
-
+
@@ -175,5 +175,4 @@
margin-top: 10px;
background: rgba(53, 53, 53, 0.5);
}
-
\ No newline at end of file
diff --git a/src/components/index.vue b/src/components/index.vue
index 55adea3..d4dbd33 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -280,12 +280,14 @@
}
.el-menu-item {
border-bottom: 2px solid #000;
+ text-align: left;
}
.el-submenu.is-active .el-submenu__title {
border-bottom: 2px solid #000;
}
.el-submenu__title {
border-bottom: 2px solid #000;
+ text-align: left;
}
.el-menu-item:focus,
.el-menu-item:hover,
diff --git a/src/components/newFiber/NewFiberSearch.vue b/src/components/newFiber/NewFiberSearch.vue
index 3a13fd4..e103dea 100644
--- a/src/components/newFiber/NewFiberSearch.vue
+++ b/src/components/newFiber/NewFiberSearch.vue
@@ -5,10 +5,13 @@
-
+
-
@@ -104,7 +107,13 @@
/>

-

+
@@ -133,7 +142,11 @@
-
+
@@ -176,28 +189,25 @@
-
+
-
-
-
-
-
- 提交数据
-
-
-
+
+
+
+
+ 提交数据
+
+
@@ -228,7 +238,7 @@
], //渲染分组信息的数据
SiteOptions: [], //渲染站点的下拉框信息
SiteNo: "",
- SiteTypeUrl: "", //站点状态显示不同的图片路径
+ SiteTypeUrl: "../../../static/img/NFLv.png", //站点状态显示不同的图片路径
NFSNowDataTableData: [], //实时数据表格数据
NFSNowDataTableHead: [], //实时数据表格表头数据
TimeBoxValue: [
@@ -288,9 +298,9 @@
FirstOn: true, //进来页面未点击历史图形的时候为true, 点击历史图形后为false,避免因子与图形接口多次渲染导致页面卡顿。
DateisChange: false, //当时间段的时间进行变换后,切换tab时应该重新请求数据,否则不用数据刷新,默认时间未改动为false。
YinZiChange: true, //判断因子是否改变过,如果改变过则重新请求echarts数据。
-
- // 判断当前用户是否拥有上传功能
- isAdmin: true ,
+
+ // 判断当前用户是否拥有上传功能
+ isAdmin: true,
RoleDialog2: false,
ProjectInformationConfig1Dialog3uploadData12: {
file: {}
@@ -304,14 +314,14 @@
}
]
},
- isTrueXls:true,
- loading:false
+ isTrueXls: true,
+ loading: false
};
},
methods: {
// 加载页面分组信息
loadFZData() {
- this.loading=true
+ this.loading = true;
this.$http
.get(
this.nozzle.userGroupRelaGetGroups +
@@ -319,7 +329,7 @@
this.FZValue
)
.then(response => {
- this.loading=false
+ this.loading = false;
if (response.data.total > 0) {
this.NFSNo1BotLiData = response.data.rows;
} else {
@@ -331,12 +341,12 @@
}
})
.catch(response => {
- this.loading=false
+ this.loading = false;
this.$message({
- showClose: true,
- message: "数据请求失败",
- type: "warning"
- });
+ showClose: true,
+ message: "数据请求失败",
+ type: "warning"
+ });
});
},
// 点击分组
@@ -416,6 +426,23 @@
this.NFSNowDataTableData = JSON.parse(
JSON.stringify([response.data])
);
+ // 通过state显示图标
+ if (response.data.state == 1) {
+ // 异常
+ this.SiteTypeUrl = "../../../static/img/NFHong.png";
+ } else if (response.data.state == 2) {
+ // 溢流
+ this.SiteTypeUrl = "../../../static/img/NFHuang.png";
+ } else if (response.data.state == 3) {
+ // 离线
+ this.SiteTypeUrl = "../../../static/img/NFHui.png";
+ } else if (response.data.state == 4) {
+ // 浸水
+ this.SiteTypeUrl = "../../../static/img/NFQing.png";
+ } else {
+ // 正常
+ this.SiteTypeUrl = "../../../static/img/NFLv.png";
+ }
})
.catch(response => {
message(response);
@@ -734,7 +761,7 @@
this.$refs[formName].validate(valid => {
if (valid) {
axios({
- url: this.nozzle.surveyDataExporExcelOfSurverData,
+ url: this.nozzle.surveyDataExporExcelOfSurverData,
method: "post",
headers: {
"Content-Type": "multipart/form-data"
@@ -876,7 +903,7 @@
width: calc(100% - 110px);
float: left;
height: 18px;
- background: rgb(12, 37, 67);
+ background: rgba(12, 37, 67, 0.6);
margin-top: 8px;
position: relative;
}
@@ -892,7 +919,7 @@
width: 52px;
float: left;
font-size: 14px;
- color: rgb(0, 119, 254);
+ color: rgb(248, 232, 14);
}
.NFSNo1BotLiDetails {
height: 60px;
@@ -905,14 +932,14 @@
}
.NFSNo1BotLiDetailsA {
display: inline-block;
- height: 28px;
- line-height: 22px;
- border: 1px solid rgb(0, 119, 254);
- color: rgb(0, 119, 254);
- padding: 3px 20px;
- font-size: 16px;
- border-radius: 5px;
- box-sizing: border-box;
+ height: 28px;
+ line-height: 22px;
+ border: 1px solid rgb(0, 119, 254);
+ color: rgb(0, 119, 254);
+ padding: 3px 20px;
+ font-size: 16px;
+ border-radius: 5px;
+ box-sizing: border-box;
}
/* 每个分组卡片的样式B */
@@ -929,7 +956,10 @@
text-align: left;
padding-left: 15px;
}
-
+#SiteTypeImg {
+ vertical-align: middle;
+ margin: 0 20px;
+}
/* /deep/ .el-input__inner {
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgb(4, 51, 52);
@@ -994,10 +1024,6 @@
height: calc(100% - 60px);
}
/* 站点详情页面样式B */
-
-
\ No newline at end of file
diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue
index 89d7d0f..b6956d4 100644
--- a/src/components/site/previewOfSiteStatus.vue
+++ b/src/components/site/previewOfSiteStatus.vue
@@ -181,7 +181,7 @@
-
+
![]()
-
区域站点覆盖排名
+
项目站点覆盖排名
-
+
![]()
-
区域设备总览
+
项目设备总览
@@ -256,7 +256,7 @@
alt
class="previewOfSiteStatusTitleImg"
/>
- 区域设备环比增长
+ 项目设备环比增长
@@ -310,8 +310,8 @@
{
//数据格式
- name: "全 部",
- shortName: "全 部",
+ name: "全部项目",
+ shortName: "全部项目",
position: "定位坐标",
ZoomLevel: "8",
platformCode: ""
@@ -342,7 +342,7 @@
EOff: 0
},
// 平台站点数量及状态统计B
- // 区域站点覆盖排名A
+ // 项目站点覆盖排名A
Region: [
// { //数据格式
// RegionName: "苏州",
@@ -351,15 +351,15 @@
// ShortName: "苏州"
// }
],
- // 区域站点覆盖排名B
- // 区域设备总览A
+ // 项目站点覆盖排名B
+ // 项目设备总览A
myChart: {},
XianYou: "", //现有设备总数
DaJian: "", //搭建设备总数
- // 区域设备总览B
- // 区域设备环比增长A
+ // 项目设备总览B
+ // 项目设备环比增长A
myChart2: {},
- // 区域设备环比增长B
+ // 项目设备环比增长B
// 站点实时报警A
WaringList: [],
NoBaoJingData: true //有无报警数据,有就为false
@@ -416,7 +416,7 @@
message(response);
});
},
- // 加载区域站点覆盖排名
+ // 加载项目站点覆盖排名
loadQuyuPaiMing() {
this.$http
.post(this.nozzle.sysPlatformGetAllSiteCount)
@@ -431,7 +431,7 @@
message(response);
});
},
- // 加载 区域设备总览
+ // 加载 项目设备总览
loadQuyuShebei() {
this.$http
.post(this.nozzle.platEquipmentGetEquipStatistics, {
@@ -456,7 +456,7 @@
message(response);
});
},
- // 加载 区域设备环比增长
+ // 加载 项目设备环比增长
loadQuYuSheBeiHuanBi() {
this.$http
.post(this.nozzle.sysPlatformGetSiteStateStatistics, {
@@ -513,14 +513,14 @@
this.ChecksplatformCode = item.platformCode;
// 根据平台渲染站点数量统计及状态统计
this.loadSiteNumForOroject();
- // 根据平台渲染区域设备总览
+ // 根据平台渲染项目设备总览
this.loadQuyuShebei();
- // 根据平台渲染区域设备环比增长
+ // 根据平台渲染项目设备环比增长
this.loadQuYuSheBeiHuanBi();
// 根据平台渲染站点实时报警信息
this.loadSiteBaoJing();
},
- // 加载区域设备总览的ecahrts
+ // 加载项目设备总览的ecahrts
loadRegionEcharts(SheBeiLeiXing, XianYouData, DaJianData) {
// 基于准备好的dom,初始化echarts实例
this.myChart = this.$echarts.init(
@@ -577,7 +577,7 @@
value: DaJianData,
areaStyle: {
normal: {
- color: "rgb(0, 119, 254)" // 选择区域颜色
+ color: "rgb(0, 119, 254)" // 选择项目颜色
}
},
itemStyle: {
@@ -597,7 +597,7 @@
]
});
},
- // 加载区域设备环比增长的ecahrts
+ // 加载项目设备环比增长的ecahrts
loadRegionEcharts2(XData, V1, V2, V3, V4) {
// 基于准备好的dom,初始化echarts实例
this.myChart2 = this.$echarts.init(
@@ -710,7 +710,7 @@
this.LoadAllProject();
// 默认展示 全部 的请求
this.ListClick(0, { platformCode: "" });
- // 默认加载区域站点覆盖排名
+ // 默认加载项目站点覆盖排名
this.loadQuyuPaiMing();
this.$nextTick(function() {
@@ -936,7 +936,7 @@
font-size: 15px;
}
/* 平台站点数量及状态统计B */
-/* 区域站点覆盖排名A */
+/* 项目站点覆盖排名A */
#previewOfSiteStatusCentent3 {
width: 100%;
height: 100%;
@@ -990,8 +990,8 @@
.previewOfSiteStatusCentent3LiDW {
color: rgb(0, 119, 254);
}
-/* 区域站点覆盖排名B */
-/* 区域设备总览A */
+/* 项目站点覆盖排名B */
+/* 项目设备总览A */
#previewOfSiteStatusCentent4 {
width: 100%;
height: 100%;
@@ -1066,13 +1066,13 @@
background: rgb(0, 119, 254);
vertical-align: middle;
}
-/* 区域设备总览B */
-/* 区域设备环比增长A */
+/* 项目设备总览B */
+/* 项目设备环比增长A */
#previewOfSiteStatusCentent5 {
width: 100%;
height: 100%;
}
-/* 区域设备环比增长B */
+/* 项目设备环比增长B */
/* 站点实时报警A */
#previewOfSiteStatusCentent6 {
width: 100%;
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..3e11105
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/src/App.vue b/src/App.vue
index 829631a..5d065fd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -123,16 +123,16 @@
}
.el-table tr {
- background: rgb(5, 22, 40) !important;
+ background: rgba(255, 255, 255, 0.05) !important;
}
.el-table th {
- background: rgb(4, 31, 52) !important;
+ background: rgba(255, 255, 255, 0) !important;
}
.el-table td,
.el-table th.is-leaf {
- border-bottom: 1px solid black !important;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.el-table--border::after,
@@ -151,10 +151,6 @@
text-align: center !important;
}
-.el-table--enable-row-hover .el-table__body tr:hover > td {
- background: rgb(4, 51, 52) !important;
-}
-
.el-table__body-wrapper {
height: calc(100% - 49px) !important;
overflow-y: auto !important;
@@ -165,7 +161,12 @@
.el-table::before {
background-color: rgba(0, 0, 0, 0) !important;
}
-
+.el-table--striped .el-table__body tr.el-table__row--striped td {
+ background: rgba(255, 255, 255, 0.05) !important;
+}
+.el-table--enable-row-hover .el-table__body tr:hover > td {
+ background: rgb(4, 51, 52) !important;
+}
/* 分页 A*/
.el-pagination button:disabled {
background-color: #fdfdfd12 !important;
diff --git a/src/components/MessageManagement/MessageQuery.vue b/src/components/MessageManagement/MessageQuery.vue
index 0150f7c..b33dc36 100644
--- a/src/components/MessageManagement/MessageQuery.vue
+++ b/src/components/MessageManagement/MessageQuery.vue
@@ -59,6 +59,7 @@
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
+ stripe
>
diff --git a/src/components/MessageManagement/MessageStatistics.vue b/src/components/MessageManagement/MessageStatistics.vue
index bc34593..e2af79d 100644
--- a/src/components/MessageManagement/MessageStatistics.vue
+++ b/src/components/MessageManagement/MessageStatistics.vue
@@ -59,6 +59,7 @@
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
+ stripe
>
diff --git a/src/components/configure/AlarmConfiguration.vue b/src/components/configure/AlarmConfiguration.vue
index 4491e2f..a9cc6ec 100644
--- a/src/components/configure/AlarmConfiguration.vue
+++ b/src/components/configure/AlarmConfiguration.vue
@@ -13,7 +13,7 @@
新增配置
-
+
@@ -175,5 +175,4 @@
margin-top: 10px;
background: rgba(53, 53, 53, 0.5);
}
-
\ No newline at end of file
diff --git a/src/components/index.vue b/src/components/index.vue
index 55adea3..d4dbd33 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -280,12 +280,14 @@
}
.el-menu-item {
border-bottom: 2px solid #000;
+ text-align: left;
}
.el-submenu.is-active .el-submenu__title {
border-bottom: 2px solid #000;
}
.el-submenu__title {
border-bottom: 2px solid #000;
+ text-align: left;
}
.el-menu-item:focus,
.el-menu-item:hover,
diff --git a/src/components/newFiber/NewFiberSearch.vue b/src/components/newFiber/NewFiberSearch.vue
index 3a13fd4..e103dea 100644
--- a/src/components/newFiber/NewFiberSearch.vue
+++ b/src/components/newFiber/NewFiberSearch.vue
@@ -5,10 +5,13 @@
-
+
-
@@ -104,7 +107,13 @@
/>

-

+
@@ -133,7 +142,11 @@
-
+
@@ -176,28 +189,25 @@
-
+
-
-
-
-
-
- 提交数据
-
-
-
+
+
+
+
+ 提交数据
+
+
@@ -228,7 +238,7 @@
], //渲染分组信息的数据
SiteOptions: [], //渲染站点的下拉框信息
SiteNo: "",
- SiteTypeUrl: "", //站点状态显示不同的图片路径
+ SiteTypeUrl: "../../../static/img/NFLv.png", //站点状态显示不同的图片路径
NFSNowDataTableData: [], //实时数据表格数据
NFSNowDataTableHead: [], //实时数据表格表头数据
TimeBoxValue: [
@@ -288,9 +298,9 @@
FirstOn: true, //进来页面未点击历史图形的时候为true, 点击历史图形后为false,避免因子与图形接口多次渲染导致页面卡顿。
DateisChange: false, //当时间段的时间进行变换后,切换tab时应该重新请求数据,否则不用数据刷新,默认时间未改动为false。
YinZiChange: true, //判断因子是否改变过,如果改变过则重新请求echarts数据。
-
- // 判断当前用户是否拥有上传功能
- isAdmin: true ,
+
+ // 判断当前用户是否拥有上传功能
+ isAdmin: true,
RoleDialog2: false,
ProjectInformationConfig1Dialog3uploadData12: {
file: {}
@@ -304,14 +314,14 @@
}
]
},
- isTrueXls:true,
- loading:false
+ isTrueXls: true,
+ loading: false
};
},
methods: {
// 加载页面分组信息
loadFZData() {
- this.loading=true
+ this.loading = true;
this.$http
.get(
this.nozzle.userGroupRelaGetGroups +
@@ -319,7 +329,7 @@
this.FZValue
)
.then(response => {
- this.loading=false
+ this.loading = false;
if (response.data.total > 0) {
this.NFSNo1BotLiData = response.data.rows;
} else {
@@ -331,12 +341,12 @@
}
})
.catch(response => {
- this.loading=false
+ this.loading = false;
this.$message({
- showClose: true,
- message: "数据请求失败",
- type: "warning"
- });
+ showClose: true,
+ message: "数据请求失败",
+ type: "warning"
+ });
});
},
// 点击分组
@@ -416,6 +426,23 @@
this.NFSNowDataTableData = JSON.parse(
JSON.stringify([response.data])
);
+ // 通过state显示图标
+ if (response.data.state == 1) {
+ // 异常
+ this.SiteTypeUrl = "../../../static/img/NFHong.png";
+ } else if (response.data.state == 2) {
+ // 溢流
+ this.SiteTypeUrl = "../../../static/img/NFHuang.png";
+ } else if (response.data.state == 3) {
+ // 离线
+ this.SiteTypeUrl = "../../../static/img/NFHui.png";
+ } else if (response.data.state == 4) {
+ // 浸水
+ this.SiteTypeUrl = "../../../static/img/NFQing.png";
+ } else {
+ // 正常
+ this.SiteTypeUrl = "../../../static/img/NFLv.png";
+ }
})
.catch(response => {
message(response);
@@ -734,7 +761,7 @@
this.$refs[formName].validate(valid => {
if (valid) {
axios({
- url: this.nozzle.surveyDataExporExcelOfSurverData,
+ url: this.nozzle.surveyDataExporExcelOfSurverData,
method: "post",
headers: {
"Content-Type": "multipart/form-data"
@@ -876,7 +903,7 @@
width: calc(100% - 110px);
float: left;
height: 18px;
- background: rgb(12, 37, 67);
+ background: rgba(12, 37, 67, 0.6);
margin-top: 8px;
position: relative;
}
@@ -892,7 +919,7 @@
width: 52px;
float: left;
font-size: 14px;
- color: rgb(0, 119, 254);
+ color: rgb(248, 232, 14);
}
.NFSNo1BotLiDetails {
height: 60px;
@@ -905,14 +932,14 @@
}
.NFSNo1BotLiDetailsA {
display: inline-block;
- height: 28px;
- line-height: 22px;
- border: 1px solid rgb(0, 119, 254);
- color: rgb(0, 119, 254);
- padding: 3px 20px;
- font-size: 16px;
- border-radius: 5px;
- box-sizing: border-box;
+ height: 28px;
+ line-height: 22px;
+ border: 1px solid rgb(0, 119, 254);
+ color: rgb(0, 119, 254);
+ padding: 3px 20px;
+ font-size: 16px;
+ border-radius: 5px;
+ box-sizing: border-box;
}
/* 每个分组卡片的样式B */
@@ -929,7 +956,10 @@
text-align: left;
padding-left: 15px;
}
-
+#SiteTypeImg {
+ vertical-align: middle;
+ margin: 0 20px;
+}
/* /deep/ .el-input__inner {
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgb(4, 51, 52);
@@ -994,10 +1024,6 @@
height: calc(100% - 60px);
}
/* 站点详情页面样式B */
-
-
\ No newline at end of file
diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue
index 89d7d0f..b6956d4 100644
--- a/src/components/site/previewOfSiteStatus.vue
+++ b/src/components/site/previewOfSiteStatus.vue
@@ -181,7 +181,7 @@
-
+
![]()
-
区域站点覆盖排名
+
项目站点覆盖排名
-
+
![]()
-
区域设备总览
+
项目设备总览
@@ -256,7 +256,7 @@
alt
class="previewOfSiteStatusTitleImg"
/>
- 区域设备环比增长
+ 项目设备环比增长
@@ -310,8 +310,8 @@
{
//数据格式
- name: "全 部",
- shortName: "全 部",
+ name: "全部项目",
+ shortName: "全部项目",
position: "定位坐标",
ZoomLevel: "8",
platformCode: ""
@@ -342,7 +342,7 @@
EOff: 0
},
// 平台站点数量及状态统计B
- // 区域站点覆盖排名A
+ // 项目站点覆盖排名A
Region: [
// { //数据格式
// RegionName: "苏州",
@@ -351,15 +351,15 @@
// ShortName: "苏州"
// }
],
- // 区域站点覆盖排名B
- // 区域设备总览A
+ // 项目站点覆盖排名B
+ // 项目设备总览A
myChart: {},
XianYou: "", //现有设备总数
DaJian: "", //搭建设备总数
- // 区域设备总览B
- // 区域设备环比增长A
+ // 项目设备总览B
+ // 项目设备环比增长A
myChart2: {},
- // 区域设备环比增长B
+ // 项目设备环比增长B
// 站点实时报警A
WaringList: [],
NoBaoJingData: true //有无报警数据,有就为false
@@ -416,7 +416,7 @@
message(response);
});
},
- // 加载区域站点覆盖排名
+ // 加载项目站点覆盖排名
loadQuyuPaiMing() {
this.$http
.post(this.nozzle.sysPlatformGetAllSiteCount)
@@ -431,7 +431,7 @@
message(response);
});
},
- // 加载 区域设备总览
+ // 加载 项目设备总览
loadQuyuShebei() {
this.$http
.post(this.nozzle.platEquipmentGetEquipStatistics, {
@@ -456,7 +456,7 @@
message(response);
});
},
- // 加载 区域设备环比增长
+ // 加载 项目设备环比增长
loadQuYuSheBeiHuanBi() {
this.$http
.post(this.nozzle.sysPlatformGetSiteStateStatistics, {
@@ -513,14 +513,14 @@
this.ChecksplatformCode = item.platformCode;
// 根据平台渲染站点数量统计及状态统计
this.loadSiteNumForOroject();
- // 根据平台渲染区域设备总览
+ // 根据平台渲染项目设备总览
this.loadQuyuShebei();
- // 根据平台渲染区域设备环比增长
+ // 根据平台渲染项目设备环比增长
this.loadQuYuSheBeiHuanBi();
// 根据平台渲染站点实时报警信息
this.loadSiteBaoJing();
},
- // 加载区域设备总览的ecahrts
+ // 加载项目设备总览的ecahrts
loadRegionEcharts(SheBeiLeiXing, XianYouData, DaJianData) {
// 基于准备好的dom,初始化echarts实例
this.myChart = this.$echarts.init(
@@ -577,7 +577,7 @@
value: DaJianData,
areaStyle: {
normal: {
- color: "rgb(0, 119, 254)" // 选择区域颜色
+ color: "rgb(0, 119, 254)" // 选择项目颜色
}
},
itemStyle: {
@@ -597,7 +597,7 @@
]
});
},
- // 加载区域设备环比增长的ecahrts
+ // 加载项目设备环比增长的ecahrts
loadRegionEcharts2(XData, V1, V2, V3, V4) {
// 基于准备好的dom,初始化echarts实例
this.myChart2 = this.$echarts.init(
@@ -710,7 +710,7 @@
this.LoadAllProject();
// 默认展示 全部 的请求
this.ListClick(0, { platformCode: "" });
- // 默认加载区域站点覆盖排名
+ // 默认加载项目站点覆盖排名
this.loadQuyuPaiMing();
this.$nextTick(function() {
@@ -936,7 +936,7 @@
font-size: 15px;
}
/* 平台站点数量及状态统计B */
-/* 区域站点覆盖排名A */
+/* 项目站点覆盖排名A */
#previewOfSiteStatusCentent3 {
width: 100%;
height: 100%;
@@ -990,8 +990,8 @@
.previewOfSiteStatusCentent3LiDW {
color: rgb(0, 119, 254);
}
-/* 区域站点覆盖排名B */
-/* 区域设备总览A */
+/* 项目站点覆盖排名B */
+/* 项目设备总览A */
#previewOfSiteStatusCentent4 {
width: 100%;
height: 100%;
@@ -1066,13 +1066,13 @@
background: rgb(0, 119, 254);
vertical-align: middle;
}
-/* 区域设备总览B */
-/* 区域设备环比增长A */
+/* 项目设备总览B */
+/* 项目设备环比增长A */
#previewOfSiteStatusCentent5 {
width: 100%;
height: 100%;
}
-/* 区域设备环比增长B */
+/* 项目设备环比增长B */
/* 站点实时报警A */
#previewOfSiteStatusCentent6 {
width: 100%;
diff --git a/static/img/NFHuang.png b/static/img/NFHuang.png
index 01466be..4b508f5 100644
--- a/static/img/NFHuang.png
+++ b/static/img/NFHuang.png
Binary files differ
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..3e11105
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/src/App.vue b/src/App.vue
index 829631a..5d065fd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -123,16 +123,16 @@
}
.el-table tr {
- background: rgb(5, 22, 40) !important;
+ background: rgba(255, 255, 255, 0.05) !important;
}
.el-table th {
- background: rgb(4, 31, 52) !important;
+ background: rgba(255, 255, 255, 0) !important;
}
.el-table td,
.el-table th.is-leaf {
- border-bottom: 1px solid black !important;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.el-table--border::after,
@@ -151,10 +151,6 @@
text-align: center !important;
}
-.el-table--enable-row-hover .el-table__body tr:hover > td {
- background: rgb(4, 51, 52) !important;
-}
-
.el-table__body-wrapper {
height: calc(100% - 49px) !important;
overflow-y: auto !important;
@@ -165,7 +161,12 @@
.el-table::before {
background-color: rgba(0, 0, 0, 0) !important;
}
-
+.el-table--striped .el-table__body tr.el-table__row--striped td {
+ background: rgba(255, 255, 255, 0.05) !important;
+}
+.el-table--enable-row-hover .el-table__body tr:hover > td {
+ background: rgb(4, 51, 52) !important;
+}
/* 分页 A*/
.el-pagination button:disabled {
background-color: #fdfdfd12 !important;
diff --git a/src/components/MessageManagement/MessageQuery.vue b/src/components/MessageManagement/MessageQuery.vue
index 0150f7c..b33dc36 100644
--- a/src/components/MessageManagement/MessageQuery.vue
+++ b/src/components/MessageManagement/MessageQuery.vue
@@ -59,6 +59,7 @@
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
+ stripe
>
diff --git a/src/components/MessageManagement/MessageStatistics.vue b/src/components/MessageManagement/MessageStatistics.vue
index bc34593..e2af79d 100644
--- a/src/components/MessageManagement/MessageStatistics.vue
+++ b/src/components/MessageManagement/MessageStatistics.vue
@@ -59,6 +59,7 @@
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
+ stripe
>
diff --git a/src/components/configure/AlarmConfiguration.vue b/src/components/configure/AlarmConfiguration.vue
index 4491e2f..a9cc6ec 100644
--- a/src/components/configure/AlarmConfiguration.vue
+++ b/src/components/configure/AlarmConfiguration.vue
@@ -13,7 +13,7 @@
新增配置
-
+
@@ -175,5 +175,4 @@
margin-top: 10px;
background: rgba(53, 53, 53, 0.5);
}
-
\ No newline at end of file
diff --git a/src/components/index.vue b/src/components/index.vue
index 55adea3..d4dbd33 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -280,12 +280,14 @@
}
.el-menu-item {
border-bottom: 2px solid #000;
+ text-align: left;
}
.el-submenu.is-active .el-submenu__title {
border-bottom: 2px solid #000;
}
.el-submenu__title {
border-bottom: 2px solid #000;
+ text-align: left;
}
.el-menu-item:focus,
.el-menu-item:hover,
diff --git a/src/components/newFiber/NewFiberSearch.vue b/src/components/newFiber/NewFiberSearch.vue
index 3a13fd4..e103dea 100644
--- a/src/components/newFiber/NewFiberSearch.vue
+++ b/src/components/newFiber/NewFiberSearch.vue
@@ -5,10 +5,13 @@
-
+
-
@@ -104,7 +107,13 @@
/>

-

+
@@ -133,7 +142,11 @@
-
+
@@ -176,28 +189,25 @@
-
+
-
-
-
-
-
- 提交数据
-
-
-
+
+
+
+
+ 提交数据
+
+
@@ -228,7 +238,7 @@
], //渲染分组信息的数据
SiteOptions: [], //渲染站点的下拉框信息
SiteNo: "",
- SiteTypeUrl: "", //站点状态显示不同的图片路径
+ SiteTypeUrl: "../../../static/img/NFLv.png", //站点状态显示不同的图片路径
NFSNowDataTableData: [], //实时数据表格数据
NFSNowDataTableHead: [], //实时数据表格表头数据
TimeBoxValue: [
@@ -288,9 +298,9 @@
FirstOn: true, //进来页面未点击历史图形的时候为true, 点击历史图形后为false,避免因子与图形接口多次渲染导致页面卡顿。
DateisChange: false, //当时间段的时间进行变换后,切换tab时应该重新请求数据,否则不用数据刷新,默认时间未改动为false。
YinZiChange: true, //判断因子是否改变过,如果改变过则重新请求echarts数据。
-
- // 判断当前用户是否拥有上传功能
- isAdmin: true ,
+
+ // 判断当前用户是否拥有上传功能
+ isAdmin: true,
RoleDialog2: false,
ProjectInformationConfig1Dialog3uploadData12: {
file: {}
@@ -304,14 +314,14 @@
}
]
},
- isTrueXls:true,
- loading:false
+ isTrueXls: true,
+ loading: false
};
},
methods: {
// 加载页面分组信息
loadFZData() {
- this.loading=true
+ this.loading = true;
this.$http
.get(
this.nozzle.userGroupRelaGetGroups +
@@ -319,7 +329,7 @@
this.FZValue
)
.then(response => {
- this.loading=false
+ this.loading = false;
if (response.data.total > 0) {
this.NFSNo1BotLiData = response.data.rows;
} else {
@@ -331,12 +341,12 @@
}
})
.catch(response => {
- this.loading=false
+ this.loading = false;
this.$message({
- showClose: true,
- message: "数据请求失败",
- type: "warning"
- });
+ showClose: true,
+ message: "数据请求失败",
+ type: "warning"
+ });
});
},
// 点击分组
@@ -416,6 +426,23 @@
this.NFSNowDataTableData = JSON.parse(
JSON.stringify([response.data])
);
+ // 通过state显示图标
+ if (response.data.state == 1) {
+ // 异常
+ this.SiteTypeUrl = "../../../static/img/NFHong.png";
+ } else if (response.data.state == 2) {
+ // 溢流
+ this.SiteTypeUrl = "../../../static/img/NFHuang.png";
+ } else if (response.data.state == 3) {
+ // 离线
+ this.SiteTypeUrl = "../../../static/img/NFHui.png";
+ } else if (response.data.state == 4) {
+ // 浸水
+ this.SiteTypeUrl = "../../../static/img/NFQing.png";
+ } else {
+ // 正常
+ this.SiteTypeUrl = "../../../static/img/NFLv.png";
+ }
})
.catch(response => {
message(response);
@@ -734,7 +761,7 @@
this.$refs[formName].validate(valid => {
if (valid) {
axios({
- url: this.nozzle.surveyDataExporExcelOfSurverData,
+ url: this.nozzle.surveyDataExporExcelOfSurverData,
method: "post",
headers: {
"Content-Type": "multipart/form-data"
@@ -876,7 +903,7 @@
width: calc(100% - 110px);
float: left;
height: 18px;
- background: rgb(12, 37, 67);
+ background: rgba(12, 37, 67, 0.6);
margin-top: 8px;
position: relative;
}
@@ -892,7 +919,7 @@
width: 52px;
float: left;
font-size: 14px;
- color: rgb(0, 119, 254);
+ color: rgb(248, 232, 14);
}
.NFSNo1BotLiDetails {
height: 60px;
@@ -905,14 +932,14 @@
}
.NFSNo1BotLiDetailsA {
display: inline-block;
- height: 28px;
- line-height: 22px;
- border: 1px solid rgb(0, 119, 254);
- color: rgb(0, 119, 254);
- padding: 3px 20px;
- font-size: 16px;
- border-radius: 5px;
- box-sizing: border-box;
+ height: 28px;
+ line-height: 22px;
+ border: 1px solid rgb(0, 119, 254);
+ color: rgb(0, 119, 254);
+ padding: 3px 20px;
+ font-size: 16px;
+ border-radius: 5px;
+ box-sizing: border-box;
}
/* 每个分组卡片的样式B */
@@ -929,7 +956,10 @@
text-align: left;
padding-left: 15px;
}
-
+#SiteTypeImg {
+ vertical-align: middle;
+ margin: 0 20px;
+}
/* /deep/ .el-input__inner {
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgb(4, 51, 52);
@@ -994,10 +1024,6 @@
height: calc(100% - 60px);
}
/* 站点详情页面样式B */
-
-
\ No newline at end of file
diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue
index 89d7d0f..b6956d4 100644
--- a/src/components/site/previewOfSiteStatus.vue
+++ b/src/components/site/previewOfSiteStatus.vue
@@ -181,7 +181,7 @@
-
+
![]()
-
区域站点覆盖排名
+
项目站点覆盖排名
-
+
![]()
-
区域设备总览
+
项目设备总览
@@ -256,7 +256,7 @@
alt
class="previewOfSiteStatusTitleImg"
/>
- 区域设备环比增长
+ 项目设备环比增长
@@ -310,8 +310,8 @@
{
//数据格式
- name: "全 部",
- shortName: "全 部",
+ name: "全部项目",
+ shortName: "全部项目",
position: "定位坐标",
ZoomLevel: "8",
platformCode: ""
@@ -342,7 +342,7 @@
EOff: 0
},
// 平台站点数量及状态统计B
- // 区域站点覆盖排名A
+ // 项目站点覆盖排名A
Region: [
// { //数据格式
// RegionName: "苏州",
@@ -351,15 +351,15 @@
// ShortName: "苏州"
// }
],
- // 区域站点覆盖排名B
- // 区域设备总览A
+ // 项目站点覆盖排名B
+ // 项目设备总览A
myChart: {},
XianYou: "", //现有设备总数
DaJian: "", //搭建设备总数
- // 区域设备总览B
- // 区域设备环比增长A
+ // 项目设备总览B
+ // 项目设备环比增长A
myChart2: {},
- // 区域设备环比增长B
+ // 项目设备环比增长B
// 站点实时报警A
WaringList: [],
NoBaoJingData: true //有无报警数据,有就为false
@@ -416,7 +416,7 @@
message(response);
});
},
- // 加载区域站点覆盖排名
+ // 加载项目站点覆盖排名
loadQuyuPaiMing() {
this.$http
.post(this.nozzle.sysPlatformGetAllSiteCount)
@@ -431,7 +431,7 @@
message(response);
});
},
- // 加载 区域设备总览
+ // 加载 项目设备总览
loadQuyuShebei() {
this.$http
.post(this.nozzle.platEquipmentGetEquipStatistics, {
@@ -456,7 +456,7 @@
message(response);
});
},
- // 加载 区域设备环比增长
+ // 加载 项目设备环比增长
loadQuYuSheBeiHuanBi() {
this.$http
.post(this.nozzle.sysPlatformGetSiteStateStatistics, {
@@ -513,14 +513,14 @@
this.ChecksplatformCode = item.platformCode;
// 根据平台渲染站点数量统计及状态统计
this.loadSiteNumForOroject();
- // 根据平台渲染区域设备总览
+ // 根据平台渲染项目设备总览
this.loadQuyuShebei();
- // 根据平台渲染区域设备环比增长
+ // 根据平台渲染项目设备环比增长
this.loadQuYuSheBeiHuanBi();
// 根据平台渲染站点实时报警信息
this.loadSiteBaoJing();
},
- // 加载区域设备总览的ecahrts
+ // 加载项目设备总览的ecahrts
loadRegionEcharts(SheBeiLeiXing, XianYouData, DaJianData) {
// 基于准备好的dom,初始化echarts实例
this.myChart = this.$echarts.init(
@@ -577,7 +577,7 @@
value: DaJianData,
areaStyle: {
normal: {
- color: "rgb(0, 119, 254)" // 选择区域颜色
+ color: "rgb(0, 119, 254)" // 选择项目颜色
}
},
itemStyle: {
@@ -597,7 +597,7 @@
]
});
},
- // 加载区域设备环比增长的ecahrts
+ // 加载项目设备环比增长的ecahrts
loadRegionEcharts2(XData, V1, V2, V3, V4) {
// 基于准备好的dom,初始化echarts实例
this.myChart2 = this.$echarts.init(
@@ -710,7 +710,7 @@
this.LoadAllProject();
// 默认展示 全部 的请求
this.ListClick(0, { platformCode: "" });
- // 默认加载区域站点覆盖排名
+ // 默认加载项目站点覆盖排名
this.loadQuyuPaiMing();
this.$nextTick(function() {
@@ -936,7 +936,7 @@
font-size: 15px;
}
/* 平台站点数量及状态统计B */
-/* 区域站点覆盖排名A */
+/* 项目站点覆盖排名A */
#previewOfSiteStatusCentent3 {
width: 100%;
height: 100%;
@@ -990,8 +990,8 @@
.previewOfSiteStatusCentent3LiDW {
color: rgb(0, 119, 254);
}
-/* 区域站点覆盖排名B */
-/* 区域设备总览A */
+/* 项目站点覆盖排名B */
+/* 项目设备总览A */
#previewOfSiteStatusCentent4 {
width: 100%;
height: 100%;
@@ -1066,13 +1066,13 @@
background: rgb(0, 119, 254);
vertical-align: middle;
}
-/* 区域设备总览B */
-/* 区域设备环比增长A */
+/* 项目设备总览B */
+/* 项目设备环比增长A */
#previewOfSiteStatusCentent5 {
width: 100%;
height: 100%;
}
-/* 区域设备环比增长B */
+/* 项目设备环比增长B */
/* 站点实时报警A */
#previewOfSiteStatusCentent6 {
width: 100%;
diff --git a/static/img/NFHuang.png b/static/img/NFHuang.png
index 01466be..4b508f5 100644
--- a/static/img/NFHuang.png
+++ b/static/img/NFHuang.png
Binary files differ
diff --git a/static/img/NFQing.png b/static/img/NFQing.png
new file mode 100644
index 0000000..eda6a00
--- /dev/null
+++ b/static/img/NFQing.png
Binary files differ
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..3e11105
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/src/App.vue b/src/App.vue
index 829631a..5d065fd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -123,16 +123,16 @@
}
.el-table tr {
- background: rgb(5, 22, 40) !important;
+ background: rgba(255, 255, 255, 0.05) !important;
}
.el-table th {
- background: rgb(4, 31, 52) !important;
+ background: rgba(255, 255, 255, 0) !important;
}
.el-table td,
.el-table th.is-leaf {
- border-bottom: 1px solid black !important;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.el-table--border::after,
@@ -151,10 +151,6 @@
text-align: center !important;
}
-.el-table--enable-row-hover .el-table__body tr:hover > td {
- background: rgb(4, 51, 52) !important;
-}
-
.el-table__body-wrapper {
height: calc(100% - 49px) !important;
overflow-y: auto !important;
@@ -165,7 +161,12 @@
.el-table::before {
background-color: rgba(0, 0, 0, 0) !important;
}
-
+.el-table--striped .el-table__body tr.el-table__row--striped td {
+ background: rgba(255, 255, 255, 0.05) !important;
+}
+.el-table--enable-row-hover .el-table__body tr:hover > td {
+ background: rgb(4, 51, 52) !important;
+}
/* 分页 A*/
.el-pagination button:disabled {
background-color: #fdfdfd12 !important;
diff --git a/src/components/MessageManagement/MessageQuery.vue b/src/components/MessageManagement/MessageQuery.vue
index 0150f7c..b33dc36 100644
--- a/src/components/MessageManagement/MessageQuery.vue
+++ b/src/components/MessageManagement/MessageQuery.vue
@@ -59,6 +59,7 @@
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
+ stripe
>
diff --git a/src/components/MessageManagement/MessageStatistics.vue b/src/components/MessageManagement/MessageStatistics.vue
index bc34593..e2af79d 100644
--- a/src/components/MessageManagement/MessageStatistics.vue
+++ b/src/components/MessageManagement/MessageStatistics.vue
@@ -59,6 +59,7 @@
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
+ stripe
>
diff --git a/src/components/configure/AlarmConfiguration.vue b/src/components/configure/AlarmConfiguration.vue
index 4491e2f..a9cc6ec 100644
--- a/src/components/configure/AlarmConfiguration.vue
+++ b/src/components/configure/AlarmConfiguration.vue
@@ -13,7 +13,7 @@
新增配置
-
+
@@ -175,5 +175,4 @@
margin-top: 10px;
background: rgba(53, 53, 53, 0.5);
}
-
\ No newline at end of file
diff --git a/src/components/index.vue b/src/components/index.vue
index 55adea3..d4dbd33 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -280,12 +280,14 @@
}
.el-menu-item {
border-bottom: 2px solid #000;
+ text-align: left;
}
.el-submenu.is-active .el-submenu__title {
border-bottom: 2px solid #000;
}
.el-submenu__title {
border-bottom: 2px solid #000;
+ text-align: left;
}
.el-menu-item:focus,
.el-menu-item:hover,
diff --git a/src/components/newFiber/NewFiberSearch.vue b/src/components/newFiber/NewFiberSearch.vue
index 3a13fd4..e103dea 100644
--- a/src/components/newFiber/NewFiberSearch.vue
+++ b/src/components/newFiber/NewFiberSearch.vue
@@ -5,10 +5,13 @@
-
+
-
@@ -104,7 +107,13 @@
/>

-

+
@@ -133,7 +142,11 @@
-
+
@@ -176,28 +189,25 @@
-
+
-
-
-
-
-
- 提交数据
-
-
-
+
+
+
+
+ 提交数据
+
+
@@ -228,7 +238,7 @@
], //渲染分组信息的数据
SiteOptions: [], //渲染站点的下拉框信息
SiteNo: "",
- SiteTypeUrl: "", //站点状态显示不同的图片路径
+ SiteTypeUrl: "../../../static/img/NFLv.png", //站点状态显示不同的图片路径
NFSNowDataTableData: [], //实时数据表格数据
NFSNowDataTableHead: [], //实时数据表格表头数据
TimeBoxValue: [
@@ -288,9 +298,9 @@
FirstOn: true, //进来页面未点击历史图形的时候为true, 点击历史图形后为false,避免因子与图形接口多次渲染导致页面卡顿。
DateisChange: false, //当时间段的时间进行变换后,切换tab时应该重新请求数据,否则不用数据刷新,默认时间未改动为false。
YinZiChange: true, //判断因子是否改变过,如果改变过则重新请求echarts数据。
-
- // 判断当前用户是否拥有上传功能
- isAdmin: true ,
+
+ // 判断当前用户是否拥有上传功能
+ isAdmin: true,
RoleDialog2: false,
ProjectInformationConfig1Dialog3uploadData12: {
file: {}
@@ -304,14 +314,14 @@
}
]
},
- isTrueXls:true,
- loading:false
+ isTrueXls: true,
+ loading: false
};
},
methods: {
// 加载页面分组信息
loadFZData() {
- this.loading=true
+ this.loading = true;
this.$http
.get(
this.nozzle.userGroupRelaGetGroups +
@@ -319,7 +329,7 @@
this.FZValue
)
.then(response => {
- this.loading=false
+ this.loading = false;
if (response.data.total > 0) {
this.NFSNo1BotLiData = response.data.rows;
} else {
@@ -331,12 +341,12 @@
}
})
.catch(response => {
- this.loading=false
+ this.loading = false;
this.$message({
- showClose: true,
- message: "数据请求失败",
- type: "warning"
- });
+ showClose: true,
+ message: "数据请求失败",
+ type: "warning"
+ });
});
},
// 点击分组
@@ -416,6 +426,23 @@
this.NFSNowDataTableData = JSON.parse(
JSON.stringify([response.data])
);
+ // 通过state显示图标
+ if (response.data.state == 1) {
+ // 异常
+ this.SiteTypeUrl = "../../../static/img/NFHong.png";
+ } else if (response.data.state == 2) {
+ // 溢流
+ this.SiteTypeUrl = "../../../static/img/NFHuang.png";
+ } else if (response.data.state == 3) {
+ // 离线
+ this.SiteTypeUrl = "../../../static/img/NFHui.png";
+ } else if (response.data.state == 4) {
+ // 浸水
+ this.SiteTypeUrl = "../../../static/img/NFQing.png";
+ } else {
+ // 正常
+ this.SiteTypeUrl = "../../../static/img/NFLv.png";
+ }
})
.catch(response => {
message(response);
@@ -734,7 +761,7 @@
this.$refs[formName].validate(valid => {
if (valid) {
axios({
- url: this.nozzle.surveyDataExporExcelOfSurverData,
+ url: this.nozzle.surveyDataExporExcelOfSurverData,
method: "post",
headers: {
"Content-Type": "multipart/form-data"
@@ -876,7 +903,7 @@
width: calc(100% - 110px);
float: left;
height: 18px;
- background: rgb(12, 37, 67);
+ background: rgba(12, 37, 67, 0.6);
margin-top: 8px;
position: relative;
}
@@ -892,7 +919,7 @@
width: 52px;
float: left;
font-size: 14px;
- color: rgb(0, 119, 254);
+ color: rgb(248, 232, 14);
}
.NFSNo1BotLiDetails {
height: 60px;
@@ -905,14 +932,14 @@
}
.NFSNo1BotLiDetailsA {
display: inline-block;
- height: 28px;
- line-height: 22px;
- border: 1px solid rgb(0, 119, 254);
- color: rgb(0, 119, 254);
- padding: 3px 20px;
- font-size: 16px;
- border-radius: 5px;
- box-sizing: border-box;
+ height: 28px;
+ line-height: 22px;
+ border: 1px solid rgb(0, 119, 254);
+ color: rgb(0, 119, 254);
+ padding: 3px 20px;
+ font-size: 16px;
+ border-radius: 5px;
+ box-sizing: border-box;
}
/* 每个分组卡片的样式B */
@@ -929,7 +956,10 @@
text-align: left;
padding-left: 15px;
}
-
+#SiteTypeImg {
+ vertical-align: middle;
+ margin: 0 20px;
+}
/* /deep/ .el-input__inner {
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgb(4, 51, 52);
@@ -994,10 +1024,6 @@
height: calc(100% - 60px);
}
/* 站点详情页面样式B */
-
-
\ No newline at end of file
diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue
index 89d7d0f..b6956d4 100644
--- a/src/components/site/previewOfSiteStatus.vue
+++ b/src/components/site/previewOfSiteStatus.vue
@@ -181,7 +181,7 @@
-
+
![]()
-
区域站点覆盖排名
+
项目站点覆盖排名
-
+
![]()
-
区域设备总览
+
项目设备总览
@@ -256,7 +256,7 @@
alt
class="previewOfSiteStatusTitleImg"
/>
- 区域设备环比增长
+ 项目设备环比增长
@@ -310,8 +310,8 @@
{
//数据格式
- name: "全 部",
- shortName: "全 部",
+ name: "全部项目",
+ shortName: "全部项目",
position: "定位坐标",
ZoomLevel: "8",
platformCode: ""
@@ -342,7 +342,7 @@
EOff: 0
},
// 平台站点数量及状态统计B
- // 区域站点覆盖排名A
+ // 项目站点覆盖排名A
Region: [
// { //数据格式
// RegionName: "苏州",
@@ -351,15 +351,15 @@
// ShortName: "苏州"
// }
],
- // 区域站点覆盖排名B
- // 区域设备总览A
+ // 项目站点覆盖排名B
+ // 项目设备总览A
myChart: {},
XianYou: "", //现有设备总数
DaJian: "", //搭建设备总数
- // 区域设备总览B
- // 区域设备环比增长A
+ // 项目设备总览B
+ // 项目设备环比增长A
myChart2: {},
- // 区域设备环比增长B
+ // 项目设备环比增长B
// 站点实时报警A
WaringList: [],
NoBaoJingData: true //有无报警数据,有就为false
@@ -416,7 +416,7 @@
message(response);
});
},
- // 加载区域站点覆盖排名
+ // 加载项目站点覆盖排名
loadQuyuPaiMing() {
this.$http
.post(this.nozzle.sysPlatformGetAllSiteCount)
@@ -431,7 +431,7 @@
message(response);
});
},
- // 加载 区域设备总览
+ // 加载 项目设备总览
loadQuyuShebei() {
this.$http
.post(this.nozzle.platEquipmentGetEquipStatistics, {
@@ -456,7 +456,7 @@
message(response);
});
},
- // 加载 区域设备环比增长
+ // 加载 项目设备环比增长
loadQuYuSheBeiHuanBi() {
this.$http
.post(this.nozzle.sysPlatformGetSiteStateStatistics, {
@@ -513,14 +513,14 @@
this.ChecksplatformCode = item.platformCode;
// 根据平台渲染站点数量统计及状态统计
this.loadSiteNumForOroject();
- // 根据平台渲染区域设备总览
+ // 根据平台渲染项目设备总览
this.loadQuyuShebei();
- // 根据平台渲染区域设备环比增长
+ // 根据平台渲染项目设备环比增长
this.loadQuYuSheBeiHuanBi();
// 根据平台渲染站点实时报警信息
this.loadSiteBaoJing();
},
- // 加载区域设备总览的ecahrts
+ // 加载项目设备总览的ecahrts
loadRegionEcharts(SheBeiLeiXing, XianYouData, DaJianData) {
// 基于准备好的dom,初始化echarts实例
this.myChart = this.$echarts.init(
@@ -577,7 +577,7 @@
value: DaJianData,
areaStyle: {
normal: {
- color: "rgb(0, 119, 254)" // 选择区域颜色
+ color: "rgb(0, 119, 254)" // 选择项目颜色
}
},
itemStyle: {
@@ -597,7 +597,7 @@
]
});
},
- // 加载区域设备环比增长的ecahrts
+ // 加载项目设备环比增长的ecahrts
loadRegionEcharts2(XData, V1, V2, V3, V4) {
// 基于准备好的dom,初始化echarts实例
this.myChart2 = this.$echarts.init(
@@ -710,7 +710,7 @@
this.LoadAllProject();
// 默认展示 全部 的请求
this.ListClick(0, { platformCode: "" });
- // 默认加载区域站点覆盖排名
+ // 默认加载项目站点覆盖排名
this.loadQuyuPaiMing();
this.$nextTick(function() {
@@ -936,7 +936,7 @@
font-size: 15px;
}
/* 平台站点数量及状态统计B */
-/* 区域站点覆盖排名A */
+/* 项目站点覆盖排名A */
#previewOfSiteStatusCentent3 {
width: 100%;
height: 100%;
@@ -990,8 +990,8 @@
.previewOfSiteStatusCentent3LiDW {
color: rgb(0, 119, 254);
}
-/* 区域站点覆盖排名B */
-/* 区域设备总览A */
+/* 项目站点覆盖排名B */
+/* 项目设备总览A */
#previewOfSiteStatusCentent4 {
width: 100%;
height: 100%;
@@ -1066,13 +1066,13 @@
background: rgb(0, 119, 254);
vertical-align: middle;
}
-/* 区域设备总览B */
-/* 区域设备环比增长A */
+/* 项目设备总览B */
+/* 项目设备环比增长A */
#previewOfSiteStatusCentent5 {
width: 100%;
height: 100%;
}
-/* 区域设备环比增长B */
+/* 项目设备环比增长B */
/* 站点实时报警A */
#previewOfSiteStatusCentent6 {
width: 100%;
diff --git a/static/img/NFHuang.png b/static/img/NFHuang.png
index 01466be..4b508f5 100644
--- a/static/img/NFHuang.png
+++ b/static/img/NFHuang.png
Binary files differ
diff --git a/static/img/NFQing.png b/static/img/NFQing.png
new file mode 100644
index 0000000..eda6a00
--- /dev/null
+++ b/static/img/NFQing.png
Binary files differ
diff --git a/static/img/XFCX2.png b/static/img/XFCX2.png
index 7720345..5d00013 100644
--- a/static/img/XFCX2.png
+++ b/static/img/XFCX2.png
Binary files differ
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..3e11105
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/src/App.vue b/src/App.vue
index 829631a..5d065fd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -123,16 +123,16 @@
}
.el-table tr {
- background: rgb(5, 22, 40) !important;
+ background: rgba(255, 255, 255, 0.05) !important;
}
.el-table th {
- background: rgb(4, 31, 52) !important;
+ background: rgba(255, 255, 255, 0) !important;
}
.el-table td,
.el-table th.is-leaf {
- border-bottom: 1px solid black !important;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.el-table--border::after,
@@ -151,10 +151,6 @@
text-align: center !important;
}
-.el-table--enable-row-hover .el-table__body tr:hover > td {
- background: rgb(4, 51, 52) !important;
-}
-
.el-table__body-wrapper {
height: calc(100% - 49px) !important;
overflow-y: auto !important;
@@ -165,7 +161,12 @@
.el-table::before {
background-color: rgba(0, 0, 0, 0) !important;
}
-
+.el-table--striped .el-table__body tr.el-table__row--striped td {
+ background: rgba(255, 255, 255, 0.05) !important;
+}
+.el-table--enable-row-hover .el-table__body tr:hover > td {
+ background: rgb(4, 51, 52) !important;
+}
/* 分页 A*/
.el-pagination button:disabled {
background-color: #fdfdfd12 !important;
diff --git a/src/components/MessageManagement/MessageQuery.vue b/src/components/MessageManagement/MessageQuery.vue
index 0150f7c..b33dc36 100644
--- a/src/components/MessageManagement/MessageQuery.vue
+++ b/src/components/MessageManagement/MessageQuery.vue
@@ -59,6 +59,7 @@
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
+ stripe
>
diff --git a/src/components/MessageManagement/MessageStatistics.vue b/src/components/MessageManagement/MessageStatistics.vue
index bc34593..e2af79d 100644
--- a/src/components/MessageManagement/MessageStatistics.vue
+++ b/src/components/MessageManagement/MessageStatistics.vue
@@ -59,6 +59,7 @@
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
+ stripe
>
diff --git a/src/components/configure/AlarmConfiguration.vue b/src/components/configure/AlarmConfiguration.vue
index 4491e2f..a9cc6ec 100644
--- a/src/components/configure/AlarmConfiguration.vue
+++ b/src/components/configure/AlarmConfiguration.vue
@@ -13,7 +13,7 @@
新增配置
-
+
@@ -175,5 +175,4 @@
margin-top: 10px;
background: rgba(53, 53, 53, 0.5);
}
-
\ No newline at end of file
diff --git a/src/components/index.vue b/src/components/index.vue
index 55adea3..d4dbd33 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -280,12 +280,14 @@
}
.el-menu-item {
border-bottom: 2px solid #000;
+ text-align: left;
}
.el-submenu.is-active .el-submenu__title {
border-bottom: 2px solid #000;
}
.el-submenu__title {
border-bottom: 2px solid #000;
+ text-align: left;
}
.el-menu-item:focus,
.el-menu-item:hover,
diff --git a/src/components/newFiber/NewFiberSearch.vue b/src/components/newFiber/NewFiberSearch.vue
index 3a13fd4..e103dea 100644
--- a/src/components/newFiber/NewFiberSearch.vue
+++ b/src/components/newFiber/NewFiberSearch.vue
@@ -5,10 +5,13 @@
-
+
-
@@ -104,7 +107,13 @@
/>

-

+
@@ -133,7 +142,11 @@
-
+
@@ -176,28 +189,25 @@
-
+
-
-
-
-
-
- 提交数据
-
-
-
+
+
+
+
+ 提交数据
+
+
@@ -228,7 +238,7 @@
], //渲染分组信息的数据
SiteOptions: [], //渲染站点的下拉框信息
SiteNo: "",
- SiteTypeUrl: "", //站点状态显示不同的图片路径
+ SiteTypeUrl: "../../../static/img/NFLv.png", //站点状态显示不同的图片路径
NFSNowDataTableData: [], //实时数据表格数据
NFSNowDataTableHead: [], //实时数据表格表头数据
TimeBoxValue: [
@@ -288,9 +298,9 @@
FirstOn: true, //进来页面未点击历史图形的时候为true, 点击历史图形后为false,避免因子与图形接口多次渲染导致页面卡顿。
DateisChange: false, //当时间段的时间进行变换后,切换tab时应该重新请求数据,否则不用数据刷新,默认时间未改动为false。
YinZiChange: true, //判断因子是否改变过,如果改变过则重新请求echarts数据。
-
- // 判断当前用户是否拥有上传功能
- isAdmin: true ,
+
+ // 判断当前用户是否拥有上传功能
+ isAdmin: true,
RoleDialog2: false,
ProjectInformationConfig1Dialog3uploadData12: {
file: {}
@@ -304,14 +314,14 @@
}
]
},
- isTrueXls:true,
- loading:false
+ isTrueXls: true,
+ loading: false
};
},
methods: {
// 加载页面分组信息
loadFZData() {
- this.loading=true
+ this.loading = true;
this.$http
.get(
this.nozzle.userGroupRelaGetGroups +
@@ -319,7 +329,7 @@
this.FZValue
)
.then(response => {
- this.loading=false
+ this.loading = false;
if (response.data.total > 0) {
this.NFSNo1BotLiData = response.data.rows;
} else {
@@ -331,12 +341,12 @@
}
})
.catch(response => {
- this.loading=false
+ this.loading = false;
this.$message({
- showClose: true,
- message: "数据请求失败",
- type: "warning"
- });
+ showClose: true,
+ message: "数据请求失败",
+ type: "warning"
+ });
});
},
// 点击分组
@@ -416,6 +426,23 @@
this.NFSNowDataTableData = JSON.parse(
JSON.stringify([response.data])
);
+ // 通过state显示图标
+ if (response.data.state == 1) {
+ // 异常
+ this.SiteTypeUrl = "../../../static/img/NFHong.png";
+ } else if (response.data.state == 2) {
+ // 溢流
+ this.SiteTypeUrl = "../../../static/img/NFHuang.png";
+ } else if (response.data.state == 3) {
+ // 离线
+ this.SiteTypeUrl = "../../../static/img/NFHui.png";
+ } else if (response.data.state == 4) {
+ // 浸水
+ this.SiteTypeUrl = "../../../static/img/NFQing.png";
+ } else {
+ // 正常
+ this.SiteTypeUrl = "../../../static/img/NFLv.png";
+ }
})
.catch(response => {
message(response);
@@ -734,7 +761,7 @@
this.$refs[formName].validate(valid => {
if (valid) {
axios({
- url: this.nozzle.surveyDataExporExcelOfSurverData,
+ url: this.nozzle.surveyDataExporExcelOfSurverData,
method: "post",
headers: {
"Content-Type": "multipart/form-data"
@@ -876,7 +903,7 @@
width: calc(100% - 110px);
float: left;
height: 18px;
- background: rgb(12, 37, 67);
+ background: rgba(12, 37, 67, 0.6);
margin-top: 8px;
position: relative;
}
@@ -892,7 +919,7 @@
width: 52px;
float: left;
font-size: 14px;
- color: rgb(0, 119, 254);
+ color: rgb(248, 232, 14);
}
.NFSNo1BotLiDetails {
height: 60px;
@@ -905,14 +932,14 @@
}
.NFSNo1BotLiDetailsA {
display: inline-block;
- height: 28px;
- line-height: 22px;
- border: 1px solid rgb(0, 119, 254);
- color: rgb(0, 119, 254);
- padding: 3px 20px;
- font-size: 16px;
- border-radius: 5px;
- box-sizing: border-box;
+ height: 28px;
+ line-height: 22px;
+ border: 1px solid rgb(0, 119, 254);
+ color: rgb(0, 119, 254);
+ padding: 3px 20px;
+ font-size: 16px;
+ border-radius: 5px;
+ box-sizing: border-box;
}
/* 每个分组卡片的样式B */
@@ -929,7 +956,10 @@
text-align: left;
padding-left: 15px;
}
-
+#SiteTypeImg {
+ vertical-align: middle;
+ margin: 0 20px;
+}
/* /deep/ .el-input__inner {
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgb(4, 51, 52);
@@ -994,10 +1024,6 @@
height: calc(100% - 60px);
}
/* 站点详情页面样式B */
-
-
\ No newline at end of file
diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue
index 89d7d0f..b6956d4 100644
--- a/src/components/site/previewOfSiteStatus.vue
+++ b/src/components/site/previewOfSiteStatus.vue
@@ -181,7 +181,7 @@
-
+
![]()
-
区域站点覆盖排名
+
项目站点覆盖排名
-
+
![]()
-
区域设备总览
+
项目设备总览
@@ -256,7 +256,7 @@
alt
class="previewOfSiteStatusTitleImg"
/>
- 区域设备环比增长
+ 项目设备环比增长
@@ -310,8 +310,8 @@
{
//数据格式
- name: "全 部",
- shortName: "全 部",
+ name: "全部项目",
+ shortName: "全部项目",
position: "定位坐标",
ZoomLevel: "8",
platformCode: ""
@@ -342,7 +342,7 @@
EOff: 0
},
// 平台站点数量及状态统计B
- // 区域站点覆盖排名A
+ // 项目站点覆盖排名A
Region: [
// { //数据格式
// RegionName: "苏州",
@@ -351,15 +351,15 @@
// ShortName: "苏州"
// }
],
- // 区域站点覆盖排名B
- // 区域设备总览A
+ // 项目站点覆盖排名B
+ // 项目设备总览A
myChart: {},
XianYou: "", //现有设备总数
DaJian: "", //搭建设备总数
- // 区域设备总览B
- // 区域设备环比增长A
+ // 项目设备总览B
+ // 项目设备环比增长A
myChart2: {},
- // 区域设备环比增长B
+ // 项目设备环比增长B
// 站点实时报警A
WaringList: [],
NoBaoJingData: true //有无报警数据,有就为false
@@ -416,7 +416,7 @@
message(response);
});
},
- // 加载区域站点覆盖排名
+ // 加载项目站点覆盖排名
loadQuyuPaiMing() {
this.$http
.post(this.nozzle.sysPlatformGetAllSiteCount)
@@ -431,7 +431,7 @@
message(response);
});
},
- // 加载 区域设备总览
+ // 加载 项目设备总览
loadQuyuShebei() {
this.$http
.post(this.nozzle.platEquipmentGetEquipStatistics, {
@@ -456,7 +456,7 @@
message(response);
});
},
- // 加载 区域设备环比增长
+ // 加载 项目设备环比增长
loadQuYuSheBeiHuanBi() {
this.$http
.post(this.nozzle.sysPlatformGetSiteStateStatistics, {
@@ -513,14 +513,14 @@
this.ChecksplatformCode = item.platformCode;
// 根据平台渲染站点数量统计及状态统计
this.loadSiteNumForOroject();
- // 根据平台渲染区域设备总览
+ // 根据平台渲染项目设备总览
this.loadQuyuShebei();
- // 根据平台渲染区域设备环比增长
+ // 根据平台渲染项目设备环比增长
this.loadQuYuSheBeiHuanBi();
// 根据平台渲染站点实时报警信息
this.loadSiteBaoJing();
},
- // 加载区域设备总览的ecahrts
+ // 加载项目设备总览的ecahrts
loadRegionEcharts(SheBeiLeiXing, XianYouData, DaJianData) {
// 基于准备好的dom,初始化echarts实例
this.myChart = this.$echarts.init(
@@ -577,7 +577,7 @@
value: DaJianData,
areaStyle: {
normal: {
- color: "rgb(0, 119, 254)" // 选择区域颜色
+ color: "rgb(0, 119, 254)" // 选择项目颜色
}
},
itemStyle: {
@@ -597,7 +597,7 @@
]
});
},
- // 加载区域设备环比增长的ecahrts
+ // 加载项目设备环比增长的ecahrts
loadRegionEcharts2(XData, V1, V2, V3, V4) {
// 基于准备好的dom,初始化echarts实例
this.myChart2 = this.$echarts.init(
@@ -710,7 +710,7 @@
this.LoadAllProject();
// 默认展示 全部 的请求
this.ListClick(0, { platformCode: "" });
- // 默认加载区域站点覆盖排名
+ // 默认加载项目站点覆盖排名
this.loadQuyuPaiMing();
this.$nextTick(function() {
@@ -936,7 +936,7 @@
font-size: 15px;
}
/* 平台站点数量及状态统计B */
-/* 区域站点覆盖排名A */
+/* 项目站点覆盖排名A */
#previewOfSiteStatusCentent3 {
width: 100%;
height: 100%;
@@ -990,8 +990,8 @@
.previewOfSiteStatusCentent3LiDW {
color: rgb(0, 119, 254);
}
-/* 区域站点覆盖排名B */
-/* 区域设备总览A */
+/* 项目站点覆盖排名B */
+/* 项目设备总览A */
#previewOfSiteStatusCentent4 {
width: 100%;
height: 100%;
@@ -1066,13 +1066,13 @@
background: rgb(0, 119, 254);
vertical-align: middle;
}
-/* 区域设备总览B */
-/* 区域设备环比增长A */
+/* 项目设备总览B */
+/* 项目设备环比增长A */
#previewOfSiteStatusCentent5 {
width: 100%;
height: 100%;
}
-/* 区域设备环比增长B */
+/* 项目设备环比增长B */
/* 站点实时报警A */
#previewOfSiteStatusCentent6 {
width: 100%;
diff --git a/static/img/NFHuang.png b/static/img/NFHuang.png
index 01466be..4b508f5 100644
--- a/static/img/NFHuang.png
+++ b/static/img/NFHuang.png
Binary files differ
diff --git a/static/img/NFQing.png b/static/img/NFQing.png
new file mode 100644
index 0000000..eda6a00
--- /dev/null
+++ b/static/img/NFQing.png
Binary files differ
diff --git a/static/img/XFCX2.png b/static/img/XFCX2.png
index 7720345..5d00013 100644
--- a/static/img/XFCX2.png
+++ b/static/img/XFCX2.png
Binary files differ
diff --git a/static/img/XFCX3.png b/static/img/XFCX3.png
index f35580e..30ef27e 100644
--- a/static/img/XFCX3.png
+++ b/static/img/XFCX3.png
Binary files differ
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..3e11105
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/src/App.vue b/src/App.vue
index 829631a..5d065fd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -123,16 +123,16 @@
}
.el-table tr {
- background: rgb(5, 22, 40) !important;
+ background: rgba(255, 255, 255, 0.05) !important;
}
.el-table th {
- background: rgb(4, 31, 52) !important;
+ background: rgba(255, 255, 255, 0) !important;
}
.el-table td,
.el-table th.is-leaf {
- border-bottom: 1px solid black !important;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.el-table--border::after,
@@ -151,10 +151,6 @@
text-align: center !important;
}
-.el-table--enable-row-hover .el-table__body tr:hover > td {
- background: rgb(4, 51, 52) !important;
-}
-
.el-table__body-wrapper {
height: calc(100% - 49px) !important;
overflow-y: auto !important;
@@ -165,7 +161,12 @@
.el-table::before {
background-color: rgba(0, 0, 0, 0) !important;
}
-
+.el-table--striped .el-table__body tr.el-table__row--striped td {
+ background: rgba(255, 255, 255, 0.05) !important;
+}
+.el-table--enable-row-hover .el-table__body tr:hover > td {
+ background: rgb(4, 51, 52) !important;
+}
/* 分页 A*/
.el-pagination button:disabled {
background-color: #fdfdfd12 !important;
diff --git a/src/components/MessageManagement/MessageQuery.vue b/src/components/MessageManagement/MessageQuery.vue
index 0150f7c..b33dc36 100644
--- a/src/components/MessageManagement/MessageQuery.vue
+++ b/src/components/MessageManagement/MessageQuery.vue
@@ -59,6 +59,7 @@
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
+ stripe
>
diff --git a/src/components/MessageManagement/MessageStatistics.vue b/src/components/MessageManagement/MessageStatistics.vue
index bc34593..e2af79d 100644
--- a/src/components/MessageManagement/MessageStatistics.vue
+++ b/src/components/MessageManagement/MessageStatistics.vue
@@ -59,6 +59,7 @@
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
+ stripe
>
diff --git a/src/components/configure/AlarmConfiguration.vue b/src/components/configure/AlarmConfiguration.vue
index 4491e2f..a9cc6ec 100644
--- a/src/components/configure/AlarmConfiguration.vue
+++ b/src/components/configure/AlarmConfiguration.vue
@@ -13,7 +13,7 @@
新增配置
-
+
@@ -175,5 +175,4 @@
margin-top: 10px;
background: rgba(53, 53, 53, 0.5);
}
-
\ No newline at end of file
diff --git a/src/components/index.vue b/src/components/index.vue
index 55adea3..d4dbd33 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -280,12 +280,14 @@
}
.el-menu-item {
border-bottom: 2px solid #000;
+ text-align: left;
}
.el-submenu.is-active .el-submenu__title {
border-bottom: 2px solid #000;
}
.el-submenu__title {
border-bottom: 2px solid #000;
+ text-align: left;
}
.el-menu-item:focus,
.el-menu-item:hover,
diff --git a/src/components/newFiber/NewFiberSearch.vue b/src/components/newFiber/NewFiberSearch.vue
index 3a13fd4..e103dea 100644
--- a/src/components/newFiber/NewFiberSearch.vue
+++ b/src/components/newFiber/NewFiberSearch.vue
@@ -5,10 +5,13 @@
-
+
-
@@ -104,7 +107,13 @@
/>

-

+
@@ -133,7 +142,11 @@
-
+
@@ -176,28 +189,25 @@
-
+
-
-
-
-
-
- 提交数据
-
-
-
+
+
+
+
+ 提交数据
+
+
@@ -228,7 +238,7 @@
], //渲染分组信息的数据
SiteOptions: [], //渲染站点的下拉框信息
SiteNo: "",
- SiteTypeUrl: "", //站点状态显示不同的图片路径
+ SiteTypeUrl: "../../../static/img/NFLv.png", //站点状态显示不同的图片路径
NFSNowDataTableData: [], //实时数据表格数据
NFSNowDataTableHead: [], //实时数据表格表头数据
TimeBoxValue: [
@@ -288,9 +298,9 @@
FirstOn: true, //进来页面未点击历史图形的时候为true, 点击历史图形后为false,避免因子与图形接口多次渲染导致页面卡顿。
DateisChange: false, //当时间段的时间进行变换后,切换tab时应该重新请求数据,否则不用数据刷新,默认时间未改动为false。
YinZiChange: true, //判断因子是否改变过,如果改变过则重新请求echarts数据。
-
- // 判断当前用户是否拥有上传功能
- isAdmin: true ,
+
+ // 判断当前用户是否拥有上传功能
+ isAdmin: true,
RoleDialog2: false,
ProjectInformationConfig1Dialog3uploadData12: {
file: {}
@@ -304,14 +314,14 @@
}
]
},
- isTrueXls:true,
- loading:false
+ isTrueXls: true,
+ loading: false
};
},
methods: {
// 加载页面分组信息
loadFZData() {
- this.loading=true
+ this.loading = true;
this.$http
.get(
this.nozzle.userGroupRelaGetGroups +
@@ -319,7 +329,7 @@
this.FZValue
)
.then(response => {
- this.loading=false
+ this.loading = false;
if (response.data.total > 0) {
this.NFSNo1BotLiData = response.data.rows;
} else {
@@ -331,12 +341,12 @@
}
})
.catch(response => {
- this.loading=false
+ this.loading = false;
this.$message({
- showClose: true,
- message: "数据请求失败",
- type: "warning"
- });
+ showClose: true,
+ message: "数据请求失败",
+ type: "warning"
+ });
});
},
// 点击分组
@@ -416,6 +426,23 @@
this.NFSNowDataTableData = JSON.parse(
JSON.stringify([response.data])
);
+ // 通过state显示图标
+ if (response.data.state == 1) {
+ // 异常
+ this.SiteTypeUrl = "../../../static/img/NFHong.png";
+ } else if (response.data.state == 2) {
+ // 溢流
+ this.SiteTypeUrl = "../../../static/img/NFHuang.png";
+ } else if (response.data.state == 3) {
+ // 离线
+ this.SiteTypeUrl = "../../../static/img/NFHui.png";
+ } else if (response.data.state == 4) {
+ // 浸水
+ this.SiteTypeUrl = "../../../static/img/NFQing.png";
+ } else {
+ // 正常
+ this.SiteTypeUrl = "../../../static/img/NFLv.png";
+ }
})
.catch(response => {
message(response);
@@ -734,7 +761,7 @@
this.$refs[formName].validate(valid => {
if (valid) {
axios({
- url: this.nozzle.surveyDataExporExcelOfSurverData,
+ url: this.nozzle.surveyDataExporExcelOfSurverData,
method: "post",
headers: {
"Content-Type": "multipart/form-data"
@@ -876,7 +903,7 @@
width: calc(100% - 110px);
float: left;
height: 18px;
- background: rgb(12, 37, 67);
+ background: rgba(12, 37, 67, 0.6);
margin-top: 8px;
position: relative;
}
@@ -892,7 +919,7 @@
width: 52px;
float: left;
font-size: 14px;
- color: rgb(0, 119, 254);
+ color: rgb(248, 232, 14);
}
.NFSNo1BotLiDetails {
height: 60px;
@@ -905,14 +932,14 @@
}
.NFSNo1BotLiDetailsA {
display: inline-block;
- height: 28px;
- line-height: 22px;
- border: 1px solid rgb(0, 119, 254);
- color: rgb(0, 119, 254);
- padding: 3px 20px;
- font-size: 16px;
- border-radius: 5px;
- box-sizing: border-box;
+ height: 28px;
+ line-height: 22px;
+ border: 1px solid rgb(0, 119, 254);
+ color: rgb(0, 119, 254);
+ padding: 3px 20px;
+ font-size: 16px;
+ border-radius: 5px;
+ box-sizing: border-box;
}
/* 每个分组卡片的样式B */
@@ -929,7 +956,10 @@
text-align: left;
padding-left: 15px;
}
-
+#SiteTypeImg {
+ vertical-align: middle;
+ margin: 0 20px;
+}
/* /deep/ .el-input__inner {
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgb(4, 51, 52);
@@ -994,10 +1024,6 @@
height: calc(100% - 60px);
}
/* 站点详情页面样式B */
-
-
\ No newline at end of file
diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue
index 89d7d0f..b6956d4 100644
--- a/src/components/site/previewOfSiteStatus.vue
+++ b/src/components/site/previewOfSiteStatus.vue
@@ -181,7 +181,7 @@
-
+
![]()
-
区域站点覆盖排名
+
项目站点覆盖排名
-
+
![]()
-
区域设备总览
+
项目设备总览
@@ -256,7 +256,7 @@
alt
class="previewOfSiteStatusTitleImg"
/>
- 区域设备环比增长
+ 项目设备环比增长
@@ -310,8 +310,8 @@
{
//数据格式
- name: "全 部",
- shortName: "全 部",
+ name: "全部项目",
+ shortName: "全部项目",
position: "定位坐标",
ZoomLevel: "8",
platformCode: ""
@@ -342,7 +342,7 @@
EOff: 0
},
// 平台站点数量及状态统计B
- // 区域站点覆盖排名A
+ // 项目站点覆盖排名A
Region: [
// { //数据格式
// RegionName: "苏州",
@@ -351,15 +351,15 @@
// ShortName: "苏州"
// }
],
- // 区域站点覆盖排名B
- // 区域设备总览A
+ // 项目站点覆盖排名B
+ // 项目设备总览A
myChart: {},
XianYou: "", //现有设备总数
DaJian: "", //搭建设备总数
- // 区域设备总览B
- // 区域设备环比增长A
+ // 项目设备总览B
+ // 项目设备环比增长A
myChart2: {},
- // 区域设备环比增长B
+ // 项目设备环比增长B
// 站点实时报警A
WaringList: [],
NoBaoJingData: true //有无报警数据,有就为false
@@ -416,7 +416,7 @@
message(response);
});
},
- // 加载区域站点覆盖排名
+ // 加载项目站点覆盖排名
loadQuyuPaiMing() {
this.$http
.post(this.nozzle.sysPlatformGetAllSiteCount)
@@ -431,7 +431,7 @@
message(response);
});
},
- // 加载 区域设备总览
+ // 加载 项目设备总览
loadQuyuShebei() {
this.$http
.post(this.nozzle.platEquipmentGetEquipStatistics, {
@@ -456,7 +456,7 @@
message(response);
});
},
- // 加载 区域设备环比增长
+ // 加载 项目设备环比增长
loadQuYuSheBeiHuanBi() {
this.$http
.post(this.nozzle.sysPlatformGetSiteStateStatistics, {
@@ -513,14 +513,14 @@
this.ChecksplatformCode = item.platformCode;
// 根据平台渲染站点数量统计及状态统计
this.loadSiteNumForOroject();
- // 根据平台渲染区域设备总览
+ // 根据平台渲染项目设备总览
this.loadQuyuShebei();
- // 根据平台渲染区域设备环比增长
+ // 根据平台渲染项目设备环比增长
this.loadQuYuSheBeiHuanBi();
// 根据平台渲染站点实时报警信息
this.loadSiteBaoJing();
},
- // 加载区域设备总览的ecahrts
+ // 加载项目设备总览的ecahrts
loadRegionEcharts(SheBeiLeiXing, XianYouData, DaJianData) {
// 基于准备好的dom,初始化echarts实例
this.myChart = this.$echarts.init(
@@ -577,7 +577,7 @@
value: DaJianData,
areaStyle: {
normal: {
- color: "rgb(0, 119, 254)" // 选择区域颜色
+ color: "rgb(0, 119, 254)" // 选择项目颜色
}
},
itemStyle: {
@@ -597,7 +597,7 @@
]
});
},
- // 加载区域设备环比增长的ecahrts
+ // 加载项目设备环比增长的ecahrts
loadRegionEcharts2(XData, V1, V2, V3, V4) {
// 基于准备好的dom,初始化echarts实例
this.myChart2 = this.$echarts.init(
@@ -710,7 +710,7 @@
this.LoadAllProject();
// 默认展示 全部 的请求
this.ListClick(0, { platformCode: "" });
- // 默认加载区域站点覆盖排名
+ // 默认加载项目站点覆盖排名
this.loadQuyuPaiMing();
this.$nextTick(function() {
@@ -936,7 +936,7 @@
font-size: 15px;
}
/* 平台站点数量及状态统计B */
-/* 区域站点覆盖排名A */
+/* 项目站点覆盖排名A */
#previewOfSiteStatusCentent3 {
width: 100%;
height: 100%;
@@ -990,8 +990,8 @@
.previewOfSiteStatusCentent3LiDW {
color: rgb(0, 119, 254);
}
-/* 区域站点覆盖排名B */
-/* 区域设备总览A */
+/* 项目站点覆盖排名B */
+/* 项目设备总览A */
#previewOfSiteStatusCentent4 {
width: 100%;
height: 100%;
@@ -1066,13 +1066,13 @@
background: rgb(0, 119, 254);
vertical-align: middle;
}
-/* 区域设备总览B */
-/* 区域设备环比增长A */
+/* 项目设备总览B */
+/* 项目设备环比增长A */
#previewOfSiteStatusCentent5 {
width: 100%;
height: 100%;
}
-/* 区域设备环比增长B */
+/* 项目设备环比增长B */
/* 站点实时报警A */
#previewOfSiteStatusCentent6 {
width: 100%;
diff --git a/static/img/NFHuang.png b/static/img/NFHuang.png
index 01466be..4b508f5 100644
--- a/static/img/NFHuang.png
+++ b/static/img/NFHuang.png
Binary files differ
diff --git a/static/img/NFQing.png b/static/img/NFQing.png
new file mode 100644
index 0000000..eda6a00
--- /dev/null
+++ b/static/img/NFQing.png
Binary files differ
diff --git a/static/img/XFCX2.png b/static/img/XFCX2.png
index 7720345..5d00013 100644
--- a/static/img/XFCX2.png
+++ b/static/img/XFCX2.png
Binary files differ
diff --git a/static/img/XFCX3.png b/static/img/XFCX3.png
index f35580e..30ef27e 100644
--- a/static/img/XFCX3.png
+++ b/static/img/XFCX3.png
Binary files differ
diff --git a/static/img/XFCX4.png b/static/img/XFCX4.png
index 31d0aca..52dde83 100644
--- a/static/img/XFCX4.png
+++ b/static/img/XFCX4.png
Binary files differ
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..3e11105
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/src/App.vue b/src/App.vue
index 829631a..5d065fd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -123,16 +123,16 @@
}
.el-table tr {
- background: rgb(5, 22, 40) !important;
+ background: rgba(255, 255, 255, 0.05) !important;
}
.el-table th {
- background: rgb(4, 31, 52) !important;
+ background: rgba(255, 255, 255, 0) !important;
}
.el-table td,
.el-table th.is-leaf {
- border-bottom: 1px solid black !important;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.el-table--border::after,
@@ -151,10 +151,6 @@
text-align: center !important;
}
-.el-table--enable-row-hover .el-table__body tr:hover > td {
- background: rgb(4, 51, 52) !important;
-}
-
.el-table__body-wrapper {
height: calc(100% - 49px) !important;
overflow-y: auto !important;
@@ -165,7 +161,12 @@
.el-table::before {
background-color: rgba(0, 0, 0, 0) !important;
}
-
+.el-table--striped .el-table__body tr.el-table__row--striped td {
+ background: rgba(255, 255, 255, 0.05) !important;
+}
+.el-table--enable-row-hover .el-table__body tr:hover > td {
+ background: rgb(4, 51, 52) !important;
+}
/* 分页 A*/
.el-pagination button:disabled {
background-color: #fdfdfd12 !important;
diff --git a/src/components/MessageManagement/MessageQuery.vue b/src/components/MessageManagement/MessageQuery.vue
index 0150f7c..b33dc36 100644
--- a/src/components/MessageManagement/MessageQuery.vue
+++ b/src/components/MessageManagement/MessageQuery.vue
@@ -59,6 +59,7 @@
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
+ stripe
>
diff --git a/src/components/MessageManagement/MessageStatistics.vue b/src/components/MessageManagement/MessageStatistics.vue
index bc34593..e2af79d 100644
--- a/src/components/MessageManagement/MessageStatistics.vue
+++ b/src/components/MessageManagement/MessageStatistics.vue
@@ -59,6 +59,7 @@
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
+ stripe
>
diff --git a/src/components/configure/AlarmConfiguration.vue b/src/components/configure/AlarmConfiguration.vue
index 4491e2f..a9cc6ec 100644
--- a/src/components/configure/AlarmConfiguration.vue
+++ b/src/components/configure/AlarmConfiguration.vue
@@ -13,7 +13,7 @@
新增配置
-
+
@@ -175,5 +175,4 @@
margin-top: 10px;
background: rgba(53, 53, 53, 0.5);
}
-
\ No newline at end of file
diff --git a/src/components/index.vue b/src/components/index.vue
index 55adea3..d4dbd33 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -280,12 +280,14 @@
}
.el-menu-item {
border-bottom: 2px solid #000;
+ text-align: left;
}
.el-submenu.is-active .el-submenu__title {
border-bottom: 2px solid #000;
}
.el-submenu__title {
border-bottom: 2px solid #000;
+ text-align: left;
}
.el-menu-item:focus,
.el-menu-item:hover,
diff --git a/src/components/newFiber/NewFiberSearch.vue b/src/components/newFiber/NewFiberSearch.vue
index 3a13fd4..e103dea 100644
--- a/src/components/newFiber/NewFiberSearch.vue
+++ b/src/components/newFiber/NewFiberSearch.vue
@@ -5,10 +5,13 @@
-
+
-
@@ -104,7 +107,13 @@
/>

-

+
@@ -133,7 +142,11 @@
-
+
@@ -176,28 +189,25 @@
-
+
-
-
-
-
-
- 提交数据
-
-
-
+
+
+
+
+ 提交数据
+
+
@@ -228,7 +238,7 @@
], //渲染分组信息的数据
SiteOptions: [], //渲染站点的下拉框信息
SiteNo: "",
- SiteTypeUrl: "", //站点状态显示不同的图片路径
+ SiteTypeUrl: "../../../static/img/NFLv.png", //站点状态显示不同的图片路径
NFSNowDataTableData: [], //实时数据表格数据
NFSNowDataTableHead: [], //实时数据表格表头数据
TimeBoxValue: [
@@ -288,9 +298,9 @@
FirstOn: true, //进来页面未点击历史图形的时候为true, 点击历史图形后为false,避免因子与图形接口多次渲染导致页面卡顿。
DateisChange: false, //当时间段的时间进行变换后,切换tab时应该重新请求数据,否则不用数据刷新,默认时间未改动为false。
YinZiChange: true, //判断因子是否改变过,如果改变过则重新请求echarts数据。
-
- // 判断当前用户是否拥有上传功能
- isAdmin: true ,
+
+ // 判断当前用户是否拥有上传功能
+ isAdmin: true,
RoleDialog2: false,
ProjectInformationConfig1Dialog3uploadData12: {
file: {}
@@ -304,14 +314,14 @@
}
]
},
- isTrueXls:true,
- loading:false
+ isTrueXls: true,
+ loading: false
};
},
methods: {
// 加载页面分组信息
loadFZData() {
- this.loading=true
+ this.loading = true;
this.$http
.get(
this.nozzle.userGroupRelaGetGroups +
@@ -319,7 +329,7 @@
this.FZValue
)
.then(response => {
- this.loading=false
+ this.loading = false;
if (response.data.total > 0) {
this.NFSNo1BotLiData = response.data.rows;
} else {
@@ -331,12 +341,12 @@
}
})
.catch(response => {
- this.loading=false
+ this.loading = false;
this.$message({
- showClose: true,
- message: "数据请求失败",
- type: "warning"
- });
+ showClose: true,
+ message: "数据请求失败",
+ type: "warning"
+ });
});
},
// 点击分组
@@ -416,6 +426,23 @@
this.NFSNowDataTableData = JSON.parse(
JSON.stringify([response.data])
);
+ // 通过state显示图标
+ if (response.data.state == 1) {
+ // 异常
+ this.SiteTypeUrl = "../../../static/img/NFHong.png";
+ } else if (response.data.state == 2) {
+ // 溢流
+ this.SiteTypeUrl = "../../../static/img/NFHuang.png";
+ } else if (response.data.state == 3) {
+ // 离线
+ this.SiteTypeUrl = "../../../static/img/NFHui.png";
+ } else if (response.data.state == 4) {
+ // 浸水
+ this.SiteTypeUrl = "../../../static/img/NFQing.png";
+ } else {
+ // 正常
+ this.SiteTypeUrl = "../../../static/img/NFLv.png";
+ }
})
.catch(response => {
message(response);
@@ -734,7 +761,7 @@
this.$refs[formName].validate(valid => {
if (valid) {
axios({
- url: this.nozzle.surveyDataExporExcelOfSurverData,
+ url: this.nozzle.surveyDataExporExcelOfSurverData,
method: "post",
headers: {
"Content-Type": "multipart/form-data"
@@ -876,7 +903,7 @@
width: calc(100% - 110px);
float: left;
height: 18px;
- background: rgb(12, 37, 67);
+ background: rgba(12, 37, 67, 0.6);
margin-top: 8px;
position: relative;
}
@@ -892,7 +919,7 @@
width: 52px;
float: left;
font-size: 14px;
- color: rgb(0, 119, 254);
+ color: rgb(248, 232, 14);
}
.NFSNo1BotLiDetails {
height: 60px;
@@ -905,14 +932,14 @@
}
.NFSNo1BotLiDetailsA {
display: inline-block;
- height: 28px;
- line-height: 22px;
- border: 1px solid rgb(0, 119, 254);
- color: rgb(0, 119, 254);
- padding: 3px 20px;
- font-size: 16px;
- border-radius: 5px;
- box-sizing: border-box;
+ height: 28px;
+ line-height: 22px;
+ border: 1px solid rgb(0, 119, 254);
+ color: rgb(0, 119, 254);
+ padding: 3px 20px;
+ font-size: 16px;
+ border-radius: 5px;
+ box-sizing: border-box;
}
/* 每个分组卡片的样式B */
@@ -929,7 +956,10 @@
text-align: left;
padding-left: 15px;
}
-
+#SiteTypeImg {
+ vertical-align: middle;
+ margin: 0 20px;
+}
/* /deep/ .el-input__inner {
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgb(4, 51, 52);
@@ -994,10 +1024,6 @@
height: calc(100% - 60px);
}
/* 站点详情页面样式B */
-
-
\ No newline at end of file
diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue
index 89d7d0f..b6956d4 100644
--- a/src/components/site/previewOfSiteStatus.vue
+++ b/src/components/site/previewOfSiteStatus.vue
@@ -181,7 +181,7 @@
-
+
![]()
-
区域站点覆盖排名
+
项目站点覆盖排名
-
+
![]()
-
区域设备总览
+
项目设备总览
@@ -256,7 +256,7 @@
alt
class="previewOfSiteStatusTitleImg"
/>
- 区域设备环比增长
+ 项目设备环比增长
@@ -310,8 +310,8 @@
{
//数据格式
- name: "全 部",
- shortName: "全 部",
+ name: "全部项目",
+ shortName: "全部项目",
position: "定位坐标",
ZoomLevel: "8",
platformCode: ""
@@ -342,7 +342,7 @@
EOff: 0
},
// 平台站点数量及状态统计B
- // 区域站点覆盖排名A
+ // 项目站点覆盖排名A
Region: [
// { //数据格式
// RegionName: "苏州",
@@ -351,15 +351,15 @@
// ShortName: "苏州"
// }
],
- // 区域站点覆盖排名B
- // 区域设备总览A
+ // 项目站点覆盖排名B
+ // 项目设备总览A
myChart: {},
XianYou: "", //现有设备总数
DaJian: "", //搭建设备总数
- // 区域设备总览B
- // 区域设备环比增长A
+ // 项目设备总览B
+ // 项目设备环比增长A
myChart2: {},
- // 区域设备环比增长B
+ // 项目设备环比增长B
// 站点实时报警A
WaringList: [],
NoBaoJingData: true //有无报警数据,有就为false
@@ -416,7 +416,7 @@
message(response);
});
},
- // 加载区域站点覆盖排名
+ // 加载项目站点覆盖排名
loadQuyuPaiMing() {
this.$http
.post(this.nozzle.sysPlatformGetAllSiteCount)
@@ -431,7 +431,7 @@
message(response);
});
},
- // 加载 区域设备总览
+ // 加载 项目设备总览
loadQuyuShebei() {
this.$http
.post(this.nozzle.platEquipmentGetEquipStatistics, {
@@ -456,7 +456,7 @@
message(response);
});
},
- // 加载 区域设备环比增长
+ // 加载 项目设备环比增长
loadQuYuSheBeiHuanBi() {
this.$http
.post(this.nozzle.sysPlatformGetSiteStateStatistics, {
@@ -513,14 +513,14 @@
this.ChecksplatformCode = item.platformCode;
// 根据平台渲染站点数量统计及状态统计
this.loadSiteNumForOroject();
- // 根据平台渲染区域设备总览
+ // 根据平台渲染项目设备总览
this.loadQuyuShebei();
- // 根据平台渲染区域设备环比增长
+ // 根据平台渲染项目设备环比增长
this.loadQuYuSheBeiHuanBi();
// 根据平台渲染站点实时报警信息
this.loadSiteBaoJing();
},
- // 加载区域设备总览的ecahrts
+ // 加载项目设备总览的ecahrts
loadRegionEcharts(SheBeiLeiXing, XianYouData, DaJianData) {
// 基于准备好的dom,初始化echarts实例
this.myChart = this.$echarts.init(
@@ -577,7 +577,7 @@
value: DaJianData,
areaStyle: {
normal: {
- color: "rgb(0, 119, 254)" // 选择区域颜色
+ color: "rgb(0, 119, 254)" // 选择项目颜色
}
},
itemStyle: {
@@ -597,7 +597,7 @@
]
});
},
- // 加载区域设备环比增长的ecahrts
+ // 加载项目设备环比增长的ecahrts
loadRegionEcharts2(XData, V1, V2, V3, V4) {
// 基于准备好的dom,初始化echarts实例
this.myChart2 = this.$echarts.init(
@@ -710,7 +710,7 @@
this.LoadAllProject();
// 默认展示 全部 的请求
this.ListClick(0, { platformCode: "" });
- // 默认加载区域站点覆盖排名
+ // 默认加载项目站点覆盖排名
this.loadQuyuPaiMing();
this.$nextTick(function() {
@@ -936,7 +936,7 @@
font-size: 15px;
}
/* 平台站点数量及状态统计B */
-/* 区域站点覆盖排名A */
+/* 项目站点覆盖排名A */
#previewOfSiteStatusCentent3 {
width: 100%;
height: 100%;
@@ -990,8 +990,8 @@
.previewOfSiteStatusCentent3LiDW {
color: rgb(0, 119, 254);
}
-/* 区域站点覆盖排名B */
-/* 区域设备总览A */
+/* 项目站点覆盖排名B */
+/* 项目设备总览A */
#previewOfSiteStatusCentent4 {
width: 100%;
height: 100%;
@@ -1066,13 +1066,13 @@
background: rgb(0, 119, 254);
vertical-align: middle;
}
-/* 区域设备总览B */
-/* 区域设备环比增长A */
+/* 项目设备总览B */
+/* 项目设备环比增长A */
#previewOfSiteStatusCentent5 {
width: 100%;
height: 100%;
}
-/* 区域设备环比增长B */
+/* 项目设备环比增长B */
/* 站点实时报警A */
#previewOfSiteStatusCentent6 {
width: 100%;
diff --git a/static/img/NFHuang.png b/static/img/NFHuang.png
index 01466be..4b508f5 100644
--- a/static/img/NFHuang.png
+++ b/static/img/NFHuang.png
Binary files differ
diff --git a/static/img/NFQing.png b/static/img/NFQing.png
new file mode 100644
index 0000000..eda6a00
--- /dev/null
+++ b/static/img/NFQing.png
Binary files differ
diff --git a/static/img/XFCX2.png b/static/img/XFCX2.png
index 7720345..5d00013 100644
--- a/static/img/XFCX2.png
+++ b/static/img/XFCX2.png
Binary files differ
diff --git a/static/img/XFCX3.png b/static/img/XFCX3.png
index f35580e..30ef27e 100644
--- a/static/img/XFCX3.png
+++ b/static/img/XFCX3.png
Binary files differ
diff --git a/static/img/XFCX4.png b/static/img/XFCX4.png
index 31d0aca..52dde83 100644
--- a/static/img/XFCX4.png
+++ b/static/img/XFCX4.png
Binary files differ
diff --git a/static/img/XFCX5.png b/static/img/XFCX5.png
index 2da215c..ca0dc5f 100644
--- a/static/img/XFCX5.png
+++ b/static/img/XFCX5.png
Binary files differ