全景监控统计界面

src/consts/urlConsts.js

@@ -77,6 +77,18 @@ export const FscSerUrl = {
   pointInfoUrl: completePrefix(patrolURI, 'api/spc/queryPointById/{pointId}'), // 获取巡检点详情
 
   //*******************************************************************************
+  // 全景监控
+  //*******************************************************************************
+  safetyIndexUrl: completePrefix(patrolURI, 'api/view3d/statistics/safetyIndex'),//今日安全指数
+  safetyIndexDetailUrl: completePrefix(patrolURI, 'api/view3d/safetyIndex/detail/{type}'),//今日安全指数详情
+  safetyExecuteListUrl: completePrefix(patrolURI, 'api/view3d/safetyExecute/list/{type}'),//告警列表最新5条
+  equipStatusListUrl: completePrefix(patrolURI, 'api/view3d/equipStatus/list'),//设备状态消息最新5条
+  safetyIndexWeekUrl: completePrefix(patrolURI, 'api/view3d/safetyIndex/week'),//一周安全指数趋势查询
+  statisticsCheckUrl: completePrefix(patrolURI, 'api/view3d/statistics/check'),//今日巡检统计接口
+  statisticsDutyUrl: completePrefix(patrolURI, 'api/view3d/statistics/duty'), //今日值班统计
+
+
+  //*******************************************************************************
   // 巡检业务
   //*******************************************************************************
   fetchCheckDetailById: completePrefix(patrolURI, 'api/spc/check-detail'), //根据ID查询巡检记录详情

src/routes/view.js

@@ -58,7 +58,7 @@ import ModuleEdit from './../view/3dview/ModuleEdit'
 import PanoramicMonitor from './../view/panoramicMonitor';
 import LeaderStruct from './../view/planMgmt/view/leaderStruct';
 import Graph3DModel from 'amos-iot-3dgraph/lib/view/modelMgmt';
-import Panorama from './../view/Panorama';
+import Panoramic from './../view/panoramic';
 
 
 const Routes = {
@@ -112,7 +112,7 @@ const Routes = {
   // planDrill: PublishView,
   modelManage: Graph3DModel,
   leaderStruct: LeaderStruct,
-  panorama: Panorama,
+  panoramic: Panoramic,
 };
 
 const pageCompontent = key => {

src/services/panoramicService.js

+import formatUrl from 'amos-processor/lib/utils/urlFormat';
+import * as helper from 'base-r3d/lib/utils/helper';
+import { FscSerUrl } from './../consts/urlConsts';
+import { commonGet, commonPost } from './../utils/request';
+
+/**
+ * 今日安全指数
+ */
+export const safetyIndexAction = () => {
+  return commonGet(FscSerUrl.safetyIndexUrl);
+}
+
+/**
+ * 今日安全指数详情
+ */
+export const safetyIndexDetailAction = ( type ) => {
+  return commonGet(formatUrl(FscSerUrl.safetyIndexDetailUrl,{ type }));
+}
+
+/**
+ * 告警列表最新5条
+ */
+export const safetyExecuteListAction = ( type ) => {
+  return commonGet(formatUrl(FscSerUrl.safetyExecuteListUrl,{ type }));
+}
+
+/**
+ * 设备状态消息最新5条
+ */
+export const equipStatusListAction = () => {
+  return commonGet(FscSerUrl.equipStatusListUrl);
+}
+
+/**
+ * 一周安全指数趋势查询
+ */
+export const safetyIndexWeekAction = () => {
+  return commonGet(FscSerUrl.safetyIndexWeekUrl);
+}
+
+/**
+ * 今日巡检统计接口
+ */
+export const statisticsCheckAction = () => {
+  return commonGet(FscSerUrl.statisticsCheckUrl);
+}
+
+/**
+ * 今日值班统计
+ */
+export const statisticsDutyAction = () => {
+  return commonGet(FscSerUrl.statisticsDutyUrl);
+}
\ No newline at end of file

src/styles/view/index.scss

@@ -4,3 +4,4 @@
 @import './region/index.scss';
 @import './common/index.scss';
 @import './planMgmt/index.scss';
+@import './panoramic/index.scss';

src/styles/view/panoramic/index.scss

+@import './statistical.scss';
+
+.sys-view-panoramic{
+    position: absolute;
+    top: 42px;
+    height: calc(100% - 42px);
+    width: 100%;
+}
\ No newline at end of file

src/styles/view/panoramic/statistical.scss

+.statistical{
+    position: absolute;
+    height: 100%;
+    width: 100%;
+
+    .statistical-left{
+        height: 100%;
+        width: 350px;
+        float: left;
+
+        .equipStatusList{
+
+        }
+
+        .safetyExecuteList{
+
+        }
+
+        .safetyIndex{
+
+        }
+    }
+
+    .statistical-right{
+        height: 100%;
+        width: 350px;
+        float: right;
+
+        .safetyIndexWeek{
+
+        }
+
+        .statisticsCheck{
+
+        }
+
+        .statisticsDuty{
+
+        }
+
+    }
+}
\ No newline at end of file

src/view/panoramic/index.js

+import React, { Component } from 'react';
+import Statistical from './statistical'
+
+/**
+ * 全景监控
+ */
+export default class Panoramic extends Component {
+
+  render() {
+    debugger;
+    return (
+      <div className="sys-view-panoramic">
+        <Statistical/>
+      </div>
+    );
+  }
+}

src/view/panoramic/statistical/EquipStatusList.js

+import React, { Component } from 'react';
+
+/**
+ * 设备状态消息
+ */
+export default class EquipStatusList extends Component {
+
+
+  render() {
+    console.log('EquipStatusList')
+    return (
+      <div className="equipStatusList">
+        EquipStatusList
+      </div>
+    );
+  }
+  
+}

src/view/Panorama/index.js → src/view/panoramic/statistical/SafetyExecuteList.js

 import React, { Component } from 'react';
 
 /**
- * 全景监控
+ * 告警列表
  */
-export default class Panorama extends Component {
+export default class SafetyExecuteList extends Component {
+
+
   render() {
-    return <div>111</div>;
+    console.log('SafetyExecuteList')
+    return <div className="SafetyExecuteList">SafetyExecuteList</div>;
   }
 }

src/view/panoramic/statistical/SafetyIndex.js

+import React, { Component } from 'react';
+
+/**
+ * 今日安全指数
+ */
+export default class SafetyIndex extends Component {
+
+
+  render() {
+    console.log('SafetyIndex')
+    return <div className="safetyIndex">SafetyIndex</div>;
+  }
+}

src/view/panoramic/statistical/SafetyIndexWeek.js

+import React, { Component } from 'react';
+
+/**
+ * 一周安全指数
+ */
+export default class SafetyIndexWeek extends Component {
+
+
+  render() {
+    console.log('SafetyIndexWeek')
+    return <div className="safetyIndexWeek">SafetyIndexWeek</div>;
+  }
+}

src/view/panoramic/statistical/StatisticsCheck.js

+import React, { Component } from 'react';
+
+/**
+ * 今日巡检统计
+ */
+export default class StatisticsCheck extends Component {
+
+
+  render() {
+    console.log('StatisticsCheck')
+    return <div className="statisticsCheck">StatisticsCheck</div>;
+  }
+}

src/view/panoramic/statistical/StatisticsDuty.js

+import React, { Component } from 'react';
+
+/**
+ * 今日值班统计
+ */
+export default class StatisticsDuty extends Component {
+
+
+  render() {
+    console.log('StatisticsDuty')
+    return <div className="statisticsDuty">StatisticsDuty</div>;
+  }
+}

src/view/panoramic/statistical/index.js

+import React, { Component } from 'react';
+
+import EquipStatusList from './EquipStatusList';
+import SafetyExecuteList from './SafetyExecuteList';
+import SafetyIndex from './SafetyIndex';
+import SafetyIndexWeek from './SafetyIndexWeek';
+import StatisticsCheck from './StatisticsCheck';
+import StatisticsDuty from './StatisticsDuty';
+
+/**
+ * 全景监控统计
+ */
+export default class Statistical extends Component {
+
+
+  render() {
+    return (
+      <div className="statistical">
+        <div className="statistical-left">
+          <SafetyIndex/>
+          <SafetyExecuteList/>
+          <EquipStatusList/>
+        </div>
+        <div className="statistical-right">
+          <SafetyIndexWeek/>
+          <StatisticsCheck/>
+          <StatisticsDuty/>
+        </div>
+      </div>
+    );
+  }
+}