From 93082132893d1daa6a1158ab8c04c9c64979d579 Mon Sep 17 00:00:00 2001 From: wangxk Date: Fri, 25 Apr 2025 17:00:15 +0800 Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=A0=B7=E5=BC=8F=E4=BF=AE?= =?UTF-8?q?=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- riis-web/src/assets/sytlechange/left1.jpg | Bin 0 -> 4047 bytes riis-web/src/assets/sytlechange/one.svg | 16 + riis-web/src/assets/sytlechange/one_left1.svg | 22 + riis-web/src/assets/sytlechange/one_left2.svg | 22 + riis-web/src/assets/sytlechange/one_left3.svg | 22 + riis-web/src/assets/sytlechange/one_left4.svg | 22 + riis-web/src/assets/sytlechange/one_left5.svg | 22 + .../src/assets/sytlechange/one_right1.svg | 22 + .../src/assets/sytlechange/one_right2.svg | 22 + .../src/assets/sytlechange/one_right3.svg | 22 + .../src/assets/sytlechange/one_right4.svg | 22 + .../src/assets/sytlechange/one_right5.svg | 22 + riis-web/src/assets/sytlechange/right3.svg | 178 ++++ riis-web/src/assets/sytlechange/right31.svg | 13 + riis-web/src/assets/sytlechange/right32.svg | 13 + riis-web/src/assets/sytlechange/right33.svg | 13 + riis-web/src/assets/sytlechange/right_two.svg | 277 +++++ .../src/assets/sytlechange/right_two1.svg | 6 + riis-web/src/assets/sytlechange/three.svg | 7 + riis-web/src/assets/sytlechange/three1.svg | 6 + riis-web/src/assets/sytlechange/three2.svg | 6 + riis-web/src/assets/sytlechange/three3.svg | 6 + riis-web/src/assets/sytlechange/three4.svg | 6 + riis-web/src/assets/sytlechange/three5.svg | 6 + riis-web/src/assets/sytlechange/three6.svg | 6 + .../src/assets/sytlechange/two-left-1.svg | 22 + .../src/assets/sytlechange/two-left-2.svg | 22 + .../src/assets/sytlechange/two-left-3.svg | 22 + riis-web/src/assets/sytlechange/u206.svg | 6 + riis-web/src/styles/index.scss | 2 +- riis-web/src/views/dashboard/index.vue | 957 +++++++++++++----- 31 files changed, 1570 insertions(+), 240 deletions(-) create mode 100644 riis-web/src/assets/sytlechange/left1.jpg create mode 100644 riis-web/src/assets/sytlechange/one.svg create mode 100644 riis-web/src/assets/sytlechange/one_left1.svg create mode 100644 riis-web/src/assets/sytlechange/one_left2.svg create mode 100644 riis-web/src/assets/sytlechange/one_left3.svg create mode 100644 riis-web/src/assets/sytlechange/one_left4.svg create mode 100644 riis-web/src/assets/sytlechange/one_left5.svg create mode 100644 riis-web/src/assets/sytlechange/one_right1.svg create mode 100644 riis-web/src/assets/sytlechange/one_right2.svg create mode 100644 riis-web/src/assets/sytlechange/one_right3.svg create mode 100644 riis-web/src/assets/sytlechange/one_right4.svg create mode 100644 riis-web/src/assets/sytlechange/one_right5.svg create mode 100644 riis-web/src/assets/sytlechange/right3.svg create mode 100644 riis-web/src/assets/sytlechange/right31.svg create mode 100644 riis-web/src/assets/sytlechange/right32.svg create mode 100644 riis-web/src/assets/sytlechange/right33.svg create mode 100644 riis-web/src/assets/sytlechange/right_two.svg create mode 100644 riis-web/src/assets/sytlechange/right_two1.svg create mode 100644 riis-web/src/assets/sytlechange/three.svg create mode 100644 riis-web/src/assets/sytlechange/three1.svg create mode 100644 riis-web/src/assets/sytlechange/three2.svg create mode 100644 riis-web/src/assets/sytlechange/three3.svg create mode 100644 riis-web/src/assets/sytlechange/three4.svg create mode 100644 riis-web/src/assets/sytlechange/three5.svg create mode 100644 riis-web/src/assets/sytlechange/three6.svg create mode 100644 riis-web/src/assets/sytlechange/two-left-1.svg create mode 100644 riis-web/src/assets/sytlechange/two-left-2.svg create mode 100644 riis-web/src/assets/sytlechange/two-left-3.svg create mode 100644 riis-web/src/assets/sytlechange/u206.svg diff --git a/riis-web/src/assets/sytlechange/left1.jpg b/riis-web/src/assets/sytlechange/left1.jpg new file mode 100644 index 0000000000000000000000000000000000000000..03d2f5c2fc8c862a0395be1aa2e62e88e35f5ef1 GIT binary patch literal 4047 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 B4@3X} literal 0 HcmV?d00001 diff --git a/riis-web/src/assets/sytlechange/one.svg b/riis-web/src/assets/sytlechange/one.svg new file mode 100644 index 0000000..686da2c --- /dev/null +++ b/riis-web/src/assets/sytlechange/one.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/riis-web/src/assets/sytlechange/one_left1.svg b/riis-web/src/assets/sytlechange/one_left1.svg new file mode 100644 index 0000000..808ce8b --- /dev/null +++ b/riis-web/src/assets/sytlechange/one_left1.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/riis-web/src/assets/sytlechange/one_left2.svg b/riis-web/src/assets/sytlechange/one_left2.svg new file mode 100644 index 0000000..76b28b0 --- /dev/null +++ b/riis-web/src/assets/sytlechange/one_left2.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/riis-web/src/assets/sytlechange/one_left3.svg b/riis-web/src/assets/sytlechange/one_left3.svg new file mode 100644 index 0000000..8fc0bb2 --- /dev/null +++ b/riis-web/src/assets/sytlechange/one_left3.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/riis-web/src/assets/sytlechange/one_left4.svg b/riis-web/src/assets/sytlechange/one_left4.svg new file mode 100644 index 0000000..166936b --- /dev/null +++ b/riis-web/src/assets/sytlechange/one_left4.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/riis-web/src/assets/sytlechange/one_left5.svg b/riis-web/src/assets/sytlechange/one_left5.svg new file mode 100644 index 0000000..6c73996 --- /dev/null +++ b/riis-web/src/assets/sytlechange/one_left5.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/riis-web/src/assets/sytlechange/one_right1.svg b/riis-web/src/assets/sytlechange/one_right1.svg new file mode 100644 index 0000000..6a294b2 --- /dev/null +++ b/riis-web/src/assets/sytlechange/one_right1.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/riis-web/src/assets/sytlechange/one_right2.svg b/riis-web/src/assets/sytlechange/one_right2.svg new file mode 100644 index 0000000..3cee11a --- /dev/null +++ b/riis-web/src/assets/sytlechange/one_right2.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/riis-web/src/assets/sytlechange/one_right3.svg b/riis-web/src/assets/sytlechange/one_right3.svg new file mode 100644 index 0000000..2aff338 --- /dev/null +++ b/riis-web/src/assets/sytlechange/one_right3.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/riis-web/src/assets/sytlechange/one_right4.svg b/riis-web/src/assets/sytlechange/one_right4.svg new file mode 100644 index 0000000..4ab1a96 --- /dev/null +++ b/riis-web/src/assets/sytlechange/one_right4.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/riis-web/src/assets/sytlechange/one_right5.svg b/riis-web/src/assets/sytlechange/one_right5.svg new file mode 100644 index 0000000..2d10bef --- /dev/null +++ b/riis-web/src/assets/sytlechange/one_right5.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/riis-web/src/assets/sytlechange/right3.svg b/riis-web/src/assets/sytlechange/right3.svg new file mode 100644 index 0000000..a77e074 --- /dev/null +++ b/riis-web/src/assets/sytlechange/right3.svg @@ -0,0 +1,178 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/riis-web/src/assets/sytlechange/right31.svg b/riis-web/src/assets/sytlechange/right31.svg new file mode 100644 index 0000000..7b81c50 --- /dev/null +++ b/riis-web/src/assets/sytlechange/right31.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/riis-web/src/assets/sytlechange/right32.svg b/riis-web/src/assets/sytlechange/right32.svg new file mode 100644 index 0000000..8c8c528 --- /dev/null +++ b/riis-web/src/assets/sytlechange/right32.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/riis-web/src/assets/sytlechange/right33.svg b/riis-web/src/assets/sytlechange/right33.svg new file mode 100644 index 0000000..e4b3464 --- /dev/null +++ b/riis-web/src/assets/sytlechange/right33.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/riis-web/src/assets/sytlechange/right_two.svg b/riis-web/src/assets/sytlechange/right_two.svg new file mode 100644 index 0000000..54072a2 --- /dev/null +++ b/riis-web/src/assets/sytlechange/right_two.svg @@ -0,0 +1,277 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/riis-web/src/assets/sytlechange/right_two1.svg b/riis-web/src/assets/sytlechange/right_two1.svg new file mode 100644 index 0000000..4545c64 --- /dev/null +++ b/riis-web/src/assets/sytlechange/right_two1.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/riis-web/src/assets/sytlechange/three.svg b/riis-web/src/assets/sytlechange/three.svg new file mode 100644 index 0000000..09946ac --- /dev/null +++ b/riis-web/src/assets/sytlechange/three.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/riis-web/src/assets/sytlechange/three1.svg b/riis-web/src/assets/sytlechange/three1.svg new file mode 100644 index 0000000..8b056ac --- /dev/null +++ b/riis-web/src/assets/sytlechange/three1.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/riis-web/src/assets/sytlechange/three2.svg b/riis-web/src/assets/sytlechange/three2.svg new file mode 100644 index 0000000..b6e799c --- /dev/null +++ b/riis-web/src/assets/sytlechange/three2.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/riis-web/src/assets/sytlechange/three3.svg b/riis-web/src/assets/sytlechange/three3.svg new file mode 100644 index 0000000..4561e2c --- /dev/null +++ b/riis-web/src/assets/sytlechange/three3.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/riis-web/src/assets/sytlechange/three4.svg b/riis-web/src/assets/sytlechange/three4.svg new file mode 100644 index 0000000..63fe9e0 --- /dev/null +++ b/riis-web/src/assets/sytlechange/three4.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/riis-web/src/assets/sytlechange/three5.svg b/riis-web/src/assets/sytlechange/three5.svg new file mode 100644 index 0000000..8d2c53c --- /dev/null +++ b/riis-web/src/assets/sytlechange/three5.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/riis-web/src/assets/sytlechange/three6.svg b/riis-web/src/assets/sytlechange/three6.svg new file mode 100644 index 0000000..9dbc51e --- /dev/null +++ b/riis-web/src/assets/sytlechange/three6.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/riis-web/src/assets/sytlechange/two-left-1.svg b/riis-web/src/assets/sytlechange/two-left-1.svg new file mode 100644 index 0000000..c772fda --- /dev/null +++ b/riis-web/src/assets/sytlechange/two-left-1.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/riis-web/src/assets/sytlechange/two-left-2.svg b/riis-web/src/assets/sytlechange/two-left-2.svg new file mode 100644 index 0000000..b90251b --- /dev/null +++ b/riis-web/src/assets/sytlechange/two-left-2.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/riis-web/src/assets/sytlechange/two-left-3.svg b/riis-web/src/assets/sytlechange/two-left-3.svg new file mode 100644 index 0000000..87c9b54 --- /dev/null +++ b/riis-web/src/assets/sytlechange/two-left-3.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/riis-web/src/assets/sytlechange/u206.svg b/riis-web/src/assets/sytlechange/u206.svg new file mode 100644 index 0000000..b30f42a --- /dev/null +++ b/riis-web/src/assets/sytlechange/u206.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/riis-web/src/styles/index.scss b/riis-web/src/styles/index.scss index 7c55d64..9d7856b 100644 --- a/riis-web/src/styles/index.scss +++ b/riis-web/src/styles/index.scss @@ -126,7 +126,7 @@ svg { } .stationboard-left2 .el-progress-bar__inner { - background-color: rgba(50, 177, 245, 0.4); + background-color: #0099ff; border-radius: 0; } diff --git a/riis-web/src/views/dashboard/index.vue b/riis-web/src/views/dashboard/index.vue index ccd6b4b..701fcdc 100644 --- a/riis-web/src/views/dashboard/index.vue +++ b/riis-web/src/views/dashboard/index.vue @@ -4,139 +4,255 @@ @closeAlarm="closeAlarm" />
-
+ ">
- +
-
微气象数据
+
-
-
-
温度
-
{{ environmentInfo.temperature }}
-
℃
+
+
+
+
+
变压器
+
+ 45 + 个 +
+
-
-
风向
-
{{ environmentInfo.windDirection }}
-
SW
+
+
+
+
高压电抗器
+
+ 45 + 个 +
+
- -
-
风速
-
{{ environmentInfo.windSpeed }}
-
级
+
+
+
+
GIS
+
+ 45 + 个 +
+
-
-
湿度
-
{{ environmentInfo.humidity }}
-
RH
+
+
+
+
断路器
+
+ 45 + 个 +
+
-
-
雨量
-
{{ environmentInfo.rainfall }}
-
MM
- +
+
+
+
隔离开关
+
+ 45 + 个 +
+
- -
-
气压
-
{{ environmentInfo.pressure }}
-
hpa
+
+
+
+
电流互感器
+
+ 45 + 个 +
+
+
+
+
+
+
低压并联电抗器
+
+ 45 + 个 +
+
+
+
+
+
+
电压互感器
+
+ 45 + 个 +
+
+
+
+
+
+
低压并联电容器
+
+ 45 + 个 +
+
+
+
+
+
+
避雷针
+
+ 45 + 个 +
+
-
今日巡视任务统计
+
-
- -
完成率
-
{{ tourTaskInfo.executeRate }}%
-
-
-
已执行任务
-
-
{{ tourTaskInfo.execute }} 个
-
-
-
待执行任务
-
-
{{ tourTaskInfo.toBeExecute }} 个
+
+
+
+
+
+
+ 摄像头 + 50/100 +
+
+ 在线率: + 70% +
+
+
+ +
+
+
+
+
+
+
+
+ 声纹设备 + 50/100 +
+
+ 在线率: + 70% +
+
+
+ +
+
+
+
+
+
+
+
+ 网关机 + 50/100 +
+
+ 在线率: + 70% +
+
+
+ +
+
+
-
异常分类统计
+
-
-
-
- +
+
+
+
温度
+
-
-
危机事件
-
{{ abnormalInfo.crisisEvent }} - 个 -
+
+ 26 + ℃
-
-
- +
+
+
湿度
+
-
-
严重事件
-
{{ abnormalInfo.seriousEvent }} - 个 -
+
+ 26 + RH
-
-
- +
+
+
风速
+
-
-
一般事件
-
{{ abnormalInfo.sameEvent }} - 个 -
+
+ 26 + 级
-
-
- +
+
+
风向
+
-
-
预警事件
-
{{ abnormalInfo.warnEvent }} - 个 -
+
+ 26 + SW +
+
+
+
+
气压
+
+
+
+ 26 + HPA +
+
+
+
+
降雨量
+
+
+
+ 26 + MM
-
动态告警信息
-
（{{ alarmCount }}）
+
@@ -144,7 +260,7 @@
级别
发生时间
-
@@ -162,32 +278,54 @@
-
巡视设备在线率
+
-
-
- -
{{ patrolInfo.camera.onLineRate }}%
-
摄像机
+
+
+
+
95%
+
报警准确率
+
-
- -
{{ patrolInfo.robot.onLineRate }}%
-
机器人
-
-
- -
{{ patrolInfo.uav.onLineRate }}%
-
无人机
+
+
+
告警总数
+
+
1000 件
+
+
+
告警总数
+
+
1000 件
+
+
-
巡视任务统计
+ +
+ 年 + 月 + 周 + 日 +
-
+
+
+
95%
+
任务执行率
+
+
+
任务总数 15
+
已执行任务数12
+
未执行任务数13
+
+
+
+
@@ -329,7 +467,7 @@ function setupWebSocket() { ws1.onerror = (error: any) => { }; ws1.onmessage = (e: any) => { - + if (e.data != 0) { environment.value = JSON.parse(e.data) if (environment.value.type == 1) { @@ -374,22 +512,13 @@ onMounted(() => { } bsGetProductProcess() getInit() - tourTaskInit() tourDayTaskInit() setupWebSocket() alarmCount.value = userStore.alarmCount - - window.onresize = () => { - myChart.resize() - isModelset.value = false - setTimeout(() => { - isModelset.value = true - }, 50) - } }); onBeforeUnmount(() => { - if(ws1 != null){ + if (ws1 != null) { ws1.close() } clearInterval(tableTimer) @@ -545,32 +674,7 @@ const option = ref({ } ] }) -let myChart: any = null -function tourTaskInit() { - myChart = echarts.init(document.getElementById("myChartId") as HTMLDivElement); - let params = { - stationCode: userStore.stationCode - } - getTaskTodoStatByMonth(params).then((res: any) => { - myChart.clear() - // option.value.xAxis.data = res.data.dateList - option.value.xAxis.data = ['01月', '02月', '03月', '04月', '05月', '06月', '07月', '08月', '09月', '10月', '11月', '12月'] - option.value.series[0].data = res.data.executeList - option.value.series[1].data = res.data.toBeExecuteList - myChart.setOption(option.value) - }) - -} -const DayStatistics = ref({ - allCount: 0, - execute: 0, - executeRate: 0, - toBeExecute: 0, - toBeExecuteRate: 0, - unExecute: 0 - -}) function tourDayTaskInit() { let params = { @@ -589,6 +693,9 @@ function tourDayTaskInit() { }) } + +//巡视计划统计tab切换 +const tabs = ref(1) @@ -597,128 +704,502 @@ function tourDayTaskInit() { position: absolute; top: 16px; left: 15px; - width: 400px; - height: 287px; - background: url(@/assets/home/sy_wqx.png); + width: 450px; + height: 458px; + background: url(@/assets/sytlechange/u206.svg); background-size: 100% 100%; + background-color: #001f59d7; + box-sizing: border-box; + padding: 0px 20px; - .environment-box { + .one_box { display: flex; - flex-wrap: wrap; + width: 100%; align-items: center; - // justify-content: space-evenly; - // padding: 0 12px; - padding-left: 13px; - margin-top: 10px; + flex-wrap: wrap; + justify-content: space-between; - .environmentson { - margin-bottom: 7px; - width: 119px; - height: 100px; - font-family: 'Arial Normal', 'Arial'; - font-weight: 400; - font-style: normal; - font-size: 14px; - color: #FFFFFF; + .one_box_all { + width: 187px; + height: 46px; + background-image: url(@/assets/sytlechange/one.svg); position: relative; - margin-right: 7px; - } + padding-left: 20px; + margin-bottom: 30px; - .wqxsj1 { - background-image: url(@/assets/home/sy_wd.png); - background-size: 100% 100%; - } + .all_img { + width: 23px; + height: 23px; + position: absolute; + top: -11px; + // left:20px; + } - .wqxsj2 { - background-image: url(@/assets/home/sy_fx.png); - background-size: 100% 100%; - } + .all_text { + width: 100%; + height: 46px; + display: flex; + align-items: center; + justify-content: space-between; - .wqxsj3 { - background-image: url(@/assets/home/sy_fs.png); - background-size: 100% 100%; - } + .all_text_qian { + font-size: 12px; + color: #B5D7FF; + } - .wqxsj4 { - background-image: url(@/assets/home/sy_sd.png); - background-size: 100% 100%; - } + .all_text_hou_one { + font-family: 钉钉进步体; + font-weight: 400; + font-style: normal; + color: rgb(0, 255, 255); + display: inline-block; + margin-right: 5px; + } - .wqxsj5 { - background-image: url(@/assets/home/sy_jy.png); - background-size: 100% 100%; - } - - .wqxsj6 { - background-image: url(@/assets/home/sy_qy.png); - background-size: 100% 100%; + .all_text_hou_two { + font-family: 钉钉进步体; + font-weight: 400; + font-style: normal; + font-size: 10px; + color: rgb(255, 255, 255); + } + } } } - -} - -.stationboard-left3 { - position: absolute; - top: 655px; - left: 15px; - width: 400px; - height: 320px; - background: url(@/assets/home/sy_ycfl.png); - background-size: 100% 100%; } .stationboard-left2 { position: absolute; - top: 320px; + top: 490px; left: 15px; - width: 400px; - height: 320px; - background: url(@/assets/home/sy_ycfl.png); + width: 450px; + height: 247px; + background: url(@/assets/sytlechange/u206.svg); background-size: 100% 100%; + background-color: #001f59d7; + box-sizing: border-box; + padding: 0px 20px; + + .el-progress-bar__inner { + background-color: #0099ff; + } + + .two_box { + width: 100%; + + .two_box_all { + width: 100%; + height: 36px; + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 25px; + + .two_img { + width: 36px; + height: 36px; + box-sizing: border-box; + border-bottom: 2px #0099ff solid; + background-color: rgba(0, 153, 255, 0.3); + display: flex; + align-items: center; + justify-content: center; + } + + .two_body { + width: 360px; + height: 36px; + flex-direction: column; + justify-content: space-between; + + .two_text { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 5px; + + .two_text_one { + .one_one { + font-family: 'Arial Normal', 'Arial'; + font-weight: 400; + font-style: normal; + font-size: 14px; + color: #B5D7FF; + } + + .one_two { + display: inline-block; + margin-left: 30px; + font-family: '钉钉进步体'; + font-weight: 400; + font-style: normal; + font-size: 14px; + color: #00FFFF; + + .one_three { + color: #FFFFFF; + } + } + } + + .two_text_two { + .two_one { + font-family: 'Arial Normal', 'Arial'; + font-weight: 400; + font-style: normal; + font-size: 12px; + color: #FFFFFF; + } + + .two_two { + font-family: '钉钉进步体'; + font-weight: 400; + font-style: normal; + font-size: 14px; + color: #00FFFF; + } + } + } + } + } + } } +.stationboard-left3 { + position: absolute; + top: 750px; + left: 15px; + width: 450px; + height: 253px; + background: url(@/assets/sytlechange/u206.svg); + background-size: 100% 100%; + background-color: #001f59d7; + box-sizing: border-box; + padding: 0px 20px; + + .three_body { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + + .three_box { + width: 125px; + height: 80px; + background: url(@/assets/sytlechange/three.svg); + background-size: 100% 100%; + padding: 13px 15px; + box-sizing: border-box; + display: flex; + flex-direction: column; + justify-content: space-between; + margin-bottom: 10px; + + .three_top { + width: 100%; + font-family: 'MicrosoftYaHei Normal', 'MicrosoftYaHei'; + font-weight: 400; + font-style: normal; + font-size: 14px; + color: #B5D7FF; + line-height: 11px; + position: relative; + + .three_top_right { + position: absolute; + top: -3px; + right: 0px; + } + } + + .three_bottom { + .three_bottom_one { + font-family: '钉钉进步体'; + font-weight: 400; + font-style: normal; + font-size: 24px; + color: #00FFFF; + line-height: 23px; + } + + .three_bottom_two { + font-family: 'MicrosoftYaHei Normal', 'MicrosoftYaHei'; + font-weight: 400; + font-style: normal; + font-size: 12px; + color: #B5D7FF; + line-height: 11px; + } + } + } + } +} .stationboard-right1 { position: absolute; top: 16px; right: 15px; - width: 400px; - height: 363px; - background: url(@/assets/home/sy_gj.png); + width: 450px; + height: 318px; + background: url(@/assets/sytlechange/u206.svg); background-size: 100% 100%; + background-color: #001f59d7; + box-sizing: border-box; + padding: 0px 20px; } .stationboard-right2 { position: absolute; - top: 395px; + top: 350px; right: 15px; - width: 400px; - height: 247px; - background: url(@/assets/home/sy_sbzxl.png); + width: 450px; + height: 317px; + background: url(@/assets/sytlechange/u206.svg); background-size: 100% 100%; + background-color: #001f59d7; + box-sizing: border-box; + padding: 0px 20px; + + .right2_body { + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + + .right2_box { + width: 221px; + height: 225px; + background: url(@/assets/sytlechange/right_two.svg); + + .box_text { + width: 100%; + height: 225px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + + .box_text_one { + font-family: 'Arial Negreta', 'Arial Normal', 'Arial'; + font-weight: 700; + font-style: normal; + font-size: 40px; + color: #00FFFF + } + + .box_text_two { + font-family: 'Arial Normal', 'Arial'; + font-weight: 400; + font-style: normal; + font-size: 14px; + color: #FFFFFF; + } + } + } + + .right2_box_left { + width: 96px; + margin-right: 25px; + + .box_text { + width: 96px; + + .box_text1 { + font-family: '微软雅黑'; + font-weight: 400; + font-style: normal; + font-size: 14px; + color: #B5D7FF; + line-height: 11px; + } + + .box_text2 { + font-family: '钉钉进步体'; + font-weight: 400; + font-style: normal; + font-size: 30px; + color: #00FFFF; + line-height: 23px; + + .span { + font-family: '钉钉进步体'; + font-weight: 400; + font-style: normal; + font-size: 14px; + color: #FFFFFF; + line-height: 14px; + } + } + + .box_text3 { + margin: 10px 0px; + } + } + + } + } } .stationboard-right3 { position: absolute; - top: 655px; - left: 430px; - width: calc(100vw - 445px); - height: 320px; - background: url(@/assets/home/sy_nrw.png); + top: 684px; + right: 15px; + width: 450px; + height: 323px; + background: url(@/assets/sytlechange/u206.svg); background-size: 100% 100%; + background-color: #001f59d7; + box-sizing: border-box; + padding: 0px 20px; + + .right_three_body { + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + + .three_left { + width: 221px; + height: 235px; + background: url(@/assets/sytlechange/right3.svg); + background-size: 100% 100%; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + + .three_left_top { + font-family: 'Arial Negreta', 'Arial Normal', 'Arial'; + font-weight: 700; + font-style: normal; + font-size: 40px; + color: #00FFFF + } + + .three_left_bottom { + font-family: 'Arial Normal', 'Arial'; + font-weight: 400; + font-style: normal; + font-size: 14px; + color: #FFFFFF; + } + } + + .three_right { + height: 150px; + display: flex; + flex-direction: column; + justify-content: space-between; + + div { + width: 154px; + height: 35px; + padding: 0px 10px; + display: flex; + align-items: center; + justify-content: space-between; + box-sizing: border-box; + font-family: 'Arial Normal', 'Arial'; + font-weight: 400; + color: #FFFFFF; + font-size: 14px; + + .spanc1 { + font-family: 'Arial Negreta', 'Arial Normal', 'Arial'; + font-weight: 700; + font-style: normal; + font-size: 20px; + color: #00FFFF; + } + .spanc2 { + font-family: 'Arial Negreta', 'Arial Normal', 'Arial'; + font-weight: 700; + font-style: normal; + font-size: 20px; + color: #009933; + } + .spanc3 { + font-family: 'Arial Negreta', 'Arial Normal', 'Arial'; + font-weight: 700; + font-style: normal; + font-size: 20px; + color: #ff9900; + } + } + + .three_right1 { + background: url(@/assets/sytlechange/right31.svg); + background-size: 100% 100%; + } + + .three_right2 { + background: url(@/assets/sytlechange/right32.svg); + background-size: 100% 100%; + } + + .three_right3 { + background: url(@/assets/sytlechange/right33.svg); + background-size: 100% 100%; + } + } + } } .stationboard-box-title { - font-family: '阿里妈妈数黑体 Bold', '阿里妈妈数黑体'; - font-weight: 700; - font-style: normal; - font-size: 16px; - color: #ffffff; - height: 56px; + width: 100%; + padding: 20px 0px; + box-sizing: border-box; display: flex; align-items: center; - padding-left: 20px; + justify-content: space-between; + + .stationboard-box-title-right { + width: 150px; + height: 26px; + display: flex; + align-items: center; + justify-content: space-between; + + .span1 { + display: inline-block; + width: 30px; + height: 26px; + box-sizing: border-box; + background-color: #0099ff; + text-align: center; + line-height: 24px; + color: #ffffff; + cursor: pointer; + border-radius: 5px; + font-family: '微软雅黑'; + font-weight: 400; + font-style: normal; + font-size: 14px; + } + + span { + display: inline-block; + width: 30px; + height: 26px; + box-sizing: border-box; + border: 1px solid #0069bd; + background-color: #003776; + text-align: center; + line-height: 24px; + color: #B5D7FF; + cursor: pointer; + border-radius: 5px; + font-family: '微软雅黑'; + font-weight: 400; + font-style: normal; + font-size: 14px; + } + + span:hover { + color: #ffffff; + } + } } .imgname { @@ -789,11 +1270,6 @@ function tourDayTaskInit() { } } -.el-progress--line { - margin-bottom: 15px; - width: 300px; -} - .online-displayflex { margin-top: 5px; display: flex; @@ -1015,17 +1491,20 @@ function tourDayTaskInit() { } .table_th { - width: 351px; + width: 100%; display: flex; height: 34px; line-height: 34px; - background-color: #1C2834; + background-color: rgba(255, 255, 255, 0.0980392156862745); // border-left: 2px solid rgba(0, 249, 162, 1); // border-right: 2px solid rgba(0, 249, 162, 1); font-size: 14px; - color: rgba(181, 215, 255, 0.6); + color: #fff; text-align: center; margin: auto; + box-sizing: border-box; + border-left: 3px solid #0099ff; + border-right: 3px solid #0099ff; } .tr { @@ -1039,7 +1518,7 @@ function tourDayTaskInit() { } .tr1 { - width: 166px; + width: 200px; text-align: left; padding-left: 10px; } @@ -1049,7 +1528,7 @@ function tourDayTaskInit() { } .tr3 { - width: 100px; + width: 114px; } .table_main_body { @@ -1072,7 +1551,7 @@ function tourDayTaskInit() { line-height: 34px; color: #eee; font-size: 15px; - background: #1C2834; + background: #ffffff19; cursor: pointer; } @@ -1083,7 +1562,7 @@ function tourDayTaskInit() { .three_button { position: fixed; bottom: 18px; - right: 450px; + right: 470px; z-index: 1; width: 100px; height: 33px; @@ -1215,5 +1694,5 @@ function tourDayTaskInit() { font-family: "阿里妈妈数黑体 Bold", "阿里妈妈数黑体"; font-weight: 700; font-style: normal; -} - +} +