diff --git a/ruoyi-ui/src/common/menuData.js b/ruoyi-ui/src/common/menuData.js index 5a643ac5..21d94eb8 100644 --- a/ruoyi-ui/src/common/menuData.js +++ b/ruoyi-ui/src/common/menuData.js @@ -193,20 +193,19 @@ export default [ path: "/datav/gisAndBim", component: "datav/gisAndBim/index.vue", }, + // { + // title: "数字路网", + // name: "maintainQuery", + // path: "/datav/maintainQuery", + // component: "datav/maintainQuery/index.vue", + // }, { title: "数字路网", - name: "maintainQuery", - path: "/datav/maintainQuery", - component: "datav/maintainQuery/index.vue", + name: "roadNet", + path: "/datav/roadNet", + component: "datav/roadNet/index.vue", + hide:true } - // , - // { - // title: "数字路网", - // name: "roadNet", - // path: "/datav/roadNet", - // component: "datav/roadNet/index.vue", - // hide:true - // } ], }, { diff --git a/ruoyi-ui/src/router/routerCreater.js b/ruoyi-ui/src/router/routerCreater.js index 40099d32..75122681 100644 --- a/ruoyi-ui/src/router/routerCreater.js +++ b/ruoyi-ui/src/router/routerCreater.js @@ -67,11 +67,6 @@ function processNode(node) { let childrenRoutes = processNode(menuData); let routes = [ - { - path:"/test", - name:"test", - component: () => import("@/views/JiHeExpressway/pages/datav/roadNet"), - }, { path: "/index", name: "index", diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/datav/roadNet/img/arrowRight.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/datav/roadNet/img/arrowRight.svg index e0b03ce6..16c03e25 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/datav/roadNet/img/arrowRight.svg +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/datav/roadNet/img/arrowRight.svg @@ -1,6 +1,13 @@ - - - - + + + + + + + diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/datav/roadNet/img/manageTotal.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/datav/roadNet/img/manageTotal.svg new file mode 100644 index 00000000..ad48d5f5 --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/datav/roadNet/img/manageTotal.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/datav/roadNet/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/datav/roadNet/index.vue index c024691e..89cc9700 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/datav/roadNet/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/datav/roadNet/index.vue @@ -1,14 +1,103 @@
+
-
-

- {{ item.dataAll.title }}{{ item.dataAll.value }}{{ item.dataAll.unit }} -

-

- {{ item.dataGreen.title }}{{ item.dataGreen.value }}{{ item.dataGreen.unit }} - {{ item.dataRed.title }}{{ item.dataRed.value }}{{ item.dataRed.unit }} -

+
+
+

{{ item.dataAll.title }}:{{ item.dataAll.value }}{{ item.dataAll.unit }}

+
+
+

{{ item.dataGreen.title }}:{{ item.dataGreen.value }}{{ item.dataGreen.unit }}

+

{{ item.dataRed.title }}:{{ item.dataRed.value }}{{ item.dataRed.unit }}

+
+
+
+
+
+
+ + + +
+

济荷运管中心

+

内存：20.79/62.36GB CPU：1.00/12
存储：25.68/2328.93GB

+
+
    +
  • +
    +

    {{ item.title }}

    +

    {{ item.value }}条

    +
    +
    • +
+
+
+ +
+

实时计算

+
+

25,568,876

+
    +
  • 节点
    • +
  • 5/5
    • +
  • 实时清洗
    • +
  • 实时加工
    • +
  • 实时汇报
    • +
  • 实时分析
    • +
+
+
+
+

AI模型

+
+

33,210

+
    +
  • 实时交通态势感知模型
    • +
  • 交通预警模型
    • +
  • 在途车辆分析模型
    • +
  • 应急指挥疏导模型
    • +
  • 智能行车诱导模型
    • +
  • 短临预报算法模型
    • +
  • 交通综合指数模型
    • +
  • 路网分析模型
    • +
+
+
+
+

离线计算

+
+

2,017

+
    +
  • 节点
    • +
  • 6/6
    • +
  • 实时清洗
    • +
  • 批量加工
    • +
  • 数据汇聚
    • +
  • 数据分析
    • +
+
+
+
+
+ + +
+
+
+ +

{{ item.title }}

+

调用{{ item.value }}次

+
+
+
@@ -21,7 +110,10 @@ export default { name: 'dataVRoadNet', data(){ return { - summary:[] + summary:[], + positionArr:[ + + ] } }, components: { @@ -33,19 +125,182 @@ export default { initData() { this.summary = [ { - + width:287, + dataAll:{ title:"接入设备总数", value:3015, unit:"套"}, + dataGreen:{ title:"设备类型数", value:55, unit:"类"}, + dataRed:{ title:"故障数", value:207, unit:"套"} + }, + { + width:376, + dataAll: { title: "接入数据总数", value: 1213213447, unit: "条" }, + dataGreen: { title: "昨日接入数", value: 20624577, unit: "条" }, + dataRed: { title: "环比", value: 0.04, unit: "%" } + }, + { + width: 287, + dataAll: { title: "存储占用量", value: 86059, unit: "GB" }, + dataGreen: { title: "昨日新增", value: 55, unit: "GB" }, + dataRed: { title: "环比", value: 20.5, unit: "%" } + }, + { + width: 376, + dataAll: { title: "服务调用总数", value: 43392688, unit: "次" }, + dataGreen: { title: "昨日服务数", value: 1210345, unit: "次" }, + dataRed: { title: "环比", value: 0.04, unit: "%" } + }, + { + width:226, + dataAll: { title: "内存", value: "1274G/1800G", unit: "" }, + dataGreen: { title: "使用率", value: 70.73, unit: "%" } + }, + { + width: 226, + dataAll: { title: "CPU", value: "71/126", unit: "" }, + dataGreen: { title: "使用率", value: 56.35, unit: "类" } } - ] + ]; + this.manage = [ + { title : "ETC门架", value : 25800 }, + { title : "雷达", value : 25800 }, + { title : "一类交调站", value : 25800 }, + { title : "气象监测", value : 25800 }, + { title : "事件预警", value : 25800 }, + { title : "基础数据", value : 25800 }, + { title : "摄像机", value : 25800 }, + { title : "智能设备箱", value : 25800 } + ]; + this.apply = [ + { title : "设备资产",value : 45}, + { title : "智能行车诱导系统",value : 1}, + { title : "桥梁检测",value : 2137}, + { title : "情报板发布",value : 455}, + { title : "交通态势可视化",value : 73700}, + { title : "交通态势可视化监控",value : 1348}, + { title : "交通事件信息查询",value : 4545}, + { title : "设备运行监测",value : 626} + ]; } } } diff --git a/ruoyi-ui/vue.config.js b/ruoyi-ui/vue.config.js index dc22a04d..916ddf2e 100644 --- a/ruoyi-ui/vue.config.js +++ b/ruoyi-ui/vue.config.js @@ -50,8 +50,8 @@ module.exports = { // target: `http://10.0.81.204:8087`, //现场后台 刘文阁 // target: `http://10.168.69.255:8087`, //正晨后台 连现场物联 刘文阁 // target: `http://10.168.78.135:8087`, //王钦 - // target: `http://10.168.66.196:8087`, //正晨后台 连现场物联 刘文阁2 - target: `http://10.168.68.42:8087`, //王思祥 + target: `http://10.168.66.196:8087`, //正晨后台 连现场物联 刘文阁2 + // target: `http://10.168.68.42:8087`, //王思祥 changeOrigin: true, pathRewrite: { ["^" + process.env.VUE_APP_BASE_API]: "",