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 @@
-
+
- + - - - - - - 提交数据 - - - + + + + + 提交数据 + +
@@ -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 @@
-
+
- + - - - - - - 提交数据 - - - + + + + + 提交数据 + +
@@ -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