From 6a5601d66119d7d47685264f61c4d529b30e72e4 Mon Sep 17 00:00:00 2001
From: 李喆(开发组) <lzhe@yxqiche.com>
Date: 星期一, 10 三月 2025 17:05:09 +0800
Subject: [PATCH] 1
---
src/views/mdc/forLargeScreen.vue | 112 +++++++++++++++++++++++++++++++++++++
src/views/mdc/components/StationLiveSpeed.vue | 4
src/config/route.js | 18 +++++-
3 files changed, 129 insertions(+), 5 deletions(-)
diff --git a/src/config/route.js b/src/config/route.js
index d7e157d..8f86182 100644
--- a/src/config/route.js
+++ b/src/config/route.js
@@ -1,8 +1,8 @@
/*
* @Author: lzhe lzhe@example.com
* @Date: 2024-05-24 11:25:26
- * @LastEditors: lzhe lzhe@example.com
- * @LastEditTime: 2024-10-09 09:58:40
+ * @LastEditors: 鏉庡枂(寮�鍙戠粍) lzhe@yxqiche.com
+ * @LastEditTime: 2025-03-10 13:57:44
* @FilePath: /src/config/route.js
* @Description: 杩欐槸榛樿璁剧疆,璇疯缃甡customMade`, 鎵撳紑koroFileHeader鏌ョ湅閰嶇疆 杩涜璁剧疆: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/
@@ -132,7 +132,19 @@
type: 'menu',
hidden: true
}
- }
+ },
+ {
+ name: "澶у睆",
+ path: "/mdc/forLargeScreen",
+ component: "mdc/forLargeScreen",
+ meta: {
+ icon: "el-icon-menu",
+ title: "澶у睆",
+ type: 'menu',
+ hidden: true
+ }
+ },
+
]
//const routes = []
diff --git a/src/views/mdc/components/StationLiveSpeed.vue b/src/views/mdc/components/StationLiveSpeed.vue
index e26b21b..cce6505 100644
--- a/src/views/mdc/components/StationLiveSpeed.vue
+++ b/src/views/mdc/components/StationLiveSpeed.vue
@@ -1,7 +1,7 @@
<!--
* @Date: 2024-04-18 21:52:18
- * @LastEditors: lzhe lzhe@example.com
- * @LastEditTime: 2024-11-12 20:39:04
+ * @LastEditors: 鏉庡枂(寮�鍙戠粍) lzhe@yxqiche.com
+ * @LastEditTime: 2025-03-10 13:56:39
* @FilePath: /cps-web/src/views/mdc/components/StationLiveSpeed.vue
-->
<template>
diff --git a/src/views/mdc/forLargeScreen.vue b/src/views/mdc/forLargeScreen.vue
new file mode 100644
index 0000000..88714e8
--- /dev/null
+++ b/src/views/mdc/forLargeScreen.vue
@@ -0,0 +1,112 @@
+<!--
+ * @Date: 2024-04-18 21:52:18
+ * @LastEditors: 鏉庡枂(寮�鍙戠粍) lzhe@yxqiche.com
+ * @LastEditTime: 2025-03-10 14:06:28
+ * @FilePath: /cps-web/src/views/mdc/components/StationLiveSpeed.vue
+-->
+<template>
+ <div class="speed">
+ <div ref="c" style="width: 30%;height:200px;"></div>
+ </div>
+</template>
+
+<script>
+import * as echarts from 'echarts';
+export default {
+ data() {
+ return {
+ speedChartName: '涓昏酱璐熻浇',
+ isspeed: false,
+ input: '',
+ option: {
+ graphic: {
+ type: 'text',
+ enterFrom: {
+ style: { opacity: 0 }// 娣″叆
+ },
+ enterAnimation: {
+ duration: 1300//鍔ㄧ敾鏃堕暱
+ },
+ left: 'center',
+ top: 'bottom',
+ style: {
+ textAlign: 'center',
+ textVerticalAlign: 'middle',
+ fontSize: 12,
+ fontWeight: 'bold',
+ fill: '#333' // 鏂囧瓧棰滆壊
+ }
+ },
+ series: [
+ {
+ type: 'gauge',
+ axisLine: {
+ lineStyle: {
+ width: 10,
+ color: [
+ [0.3, '#67e0e3'],
+ [0.7, '#37a2da'],
+ [1, '#fd666d']
+ ]
+ }
+ },
+ pointer: {
+ itemStyle: {
+ color: 'auto'
+ }
+ },
+ axisTick: { //鍒诲害
+ splitNumber: 5,
+ distance: -10, //鍒诲害涓庤酱绾跨殑璺濈
+ lineStyle: {
+ color: '#fff',
+ width: 2
+ }
+ },
+ splitLine: {
+ distance: -14, //鍒诲害璺濈琛ㄧ洏鐨勮窛绂�
+ length: 10,
+ lineStyle: {
+ color: '#fff',
+ width: 2 //姣忎釜閿娇绾垮
+ }
+ },
+ axisLabel: { //琛ㄧ洏鍐呭埢搴�
+ color: 'inherit',
+ distance: 20, //鍒诲害璺濈琛ㄧ洏鐨勮窛绂�
+ fontSize: 12
+ },
+ detail: {
+ show: false
+ }
+ }
+ ]
+ }
+ }
+ },
+ methods: {
+ showCharts(a, b, c) {
+ var myChartA = echarts.init(this.$refs.c);
+ var optionA = JSON.parse(JSON.stringify(this.option));
+ optionA.graphic.style.text = [this.speedChartName + a + '%',].join('\n');
+ optionA.series[0].data = [{ value: a }];
+ myChartA.setOption(optionA);
+ }
+ },
+ mounted() {
+ this.showCharts(0, 0, 0); //璋冪敤锛屼笁涓弬鏁帮紝0-100涔嬮棿锛屽彧浼犵涓�涓氨琛�
+ }
+}
+</script>
+
+<style scoped>
+.speed {
+ display: flex;
+ justify-content: center;
+}
+
+.speed>div {
+ flex: 1;
+}
+
+</style>
\ No newline at end of file
--
Gitblit v1.9.3