提取首页数据到mock

src/_mock/syData/mockData.js

@@ -8,3 +8,153 @@ export const AllSafetyDataMock = {
   hege: 40,
   buhege: 60
 };
+
+//消防安全管理(统计)
+
+export const fireSafetyData = {
+  //应急预案套数
+  yjyaCount: 100,
+  //安全培训
+  aqpxCount: 123,
+  //日常训练
+  rcxlCount: 100,
+  //器材保养
+  qcbyCount: 14445,
+  //安全巡检
+  aqxjCount: 800
+};
+
+//消防实力统计
+export const fireStrenthData = {
+  //驻站消防队
+  zzxfdCount: 100,
+  //驻站消防员
+  zzxfyCount: 123,
+  //站内值守
+  znzsCount: 100,
+  //消防车
+  xfcCount: 14445,
+  //消防器材
+  xfqcCount: 800
+};
+
+//告警管控情况
+export const alarmControlData = [
+  { value: 3, name: '火警告警' },
+  { value: 31, name: '故障告警' },
+  { value: 10, name: '巡检告警' }
+];
+
+//告警管控表格data
+export const AlarmControlTableData = {
+  //测试搜索用
+  tableList2: [
+    { name: '复龙换流站1', sex: '10', age: 10, age1: 30, address: '10' },
+    { name: '复龙换流站2', sex: '10', age: 10, age1: 30, address: '10' },
+    { name: '复龙换流站3', sex: '10', age: 10, age1: 30, address: '10' },
+    { name: '复龙换流站4', sex: '10', age: 10, age1: 30, address: '10' },
+    { name: '复龙换流站5', sex: '10', age: 10, age1: 30, address: '10' }
+  ],
+  //表格数据
+  tableList1: [
+    { name: '复龙换流站1', sex: '10', age: 10, age1: 30, address: '10' },
+    { name: '复龙换流站2', sex: '10', age: 10, age1: 30, address: '10' },
+    { name: '复龙换流站3', sex: '10', age: 10, age1: 30, address: '10' },
+    { name: '复龙换流站4', sex: '10', age: 10, age1: 30, address: '10' },
+    { name: '复龙换流站5', sex: '10', age: 10, age1: 30, address: '10' },
+    { name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' }
+  ]
+};
+
+//隐患管控情况
+export const dangerControlData = [
+  { value: 35, name: '逾期未治理' },
+  { value: 10, name: '尚未治理' },
+  { value: 4, name: '治理验收' }
+];
+
+//隐患管控表格data
+export const dangerControlDataTableData = {
+  //测试搜索用
+  tableList2: [
+    { id: '1', name: '复龙换流站1', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '1', name: '复龙换流站2', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '1', name: '复龙换流站3', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '1', name: '复龙换流站4', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '1', name: '复龙换流站5', sex: '10', age: 10, age1: 30, address: '10' }
+  ],
+  //表格数据
+  tableList1: [
+    { id: '1', name: '复龙换流站1', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '1', name: '复龙换流站2', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '1', name: '复龙换流站3', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '1', name: '复龙换流站4', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '1', name: '复龙换流站5', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' }
+  ]
+};
+
+//风险管控情况
+export const riskControlData = {
+  seriesData: [
+    { value: 3, name: '受控' },
+    { value: 7, name: '失控' }
+  ],
+  yiji: 10,
+  erji: 20,
+  sanji: 30,
+  siji: 40,
+  shoukongx: '30%',
+  shikongx: '70%'
+};
+
+//风险管控表格data
+export const riskControlDataTableData =  {
+  //测试搜索用
+  tableList2: [
+    { id: '1', name: '复龙换流站1', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '2', name: '复龙换流站2', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '3', name: '复龙换流站3', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '4', name: '复龙换流站4', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '5', name: '复龙换流站5', sex: '10', age: 10, age1: 30, address: '10' }
+  ],
+  //表格数据
+  tableList1: [
+    { id: '1', name: '复龙换流站1', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '2', name: '复龙换流站2', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '3', name: '复龙换流站3', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '4', name: '复龙换流站4', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '5', name: '复龙换流站5', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '6', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '7', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '8', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '9', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '10', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '11', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '12', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '13', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '14', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '15', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
+    { id: '16', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' }
+  ]
+};

src/view/monitor/duty/statistical/AlarmControl.js

-
 import React, { Component } from 'react';
 import ReactEcharts from 'amos-viz/lib/echarts';
 import { Modal } from 'amos-framework';
 import AlarmControlTable from './AlarmControlTable';
 import CommonCard from '../../../common/commonCard/CommonCard';
+import { alarmControlData } from './../../../../_mock/syData/mockData';
+
 /**
  * 告警管控
  */
@@ -20,11 +21,7 @@ export default class AlarmControl extends Component {
   }
 
   componentDidMount() {
-    let dates = [
-      { value: 3, name: '火警告警' },
-      { value: 31, name: '故障告警' },
-      { value: 10, name: '巡检告警' }
-    ];
+    let dates = alarmControlData;
 
     if (dates) {
       this.setState({ seriesData: dates, hj: dates[0].value, gz: dates[1].value, xj: dates[2].value });
@@ -111,7 +108,9 @@ export default class AlarmControl extends Component {
       <div className="AlarmControl">
         <CommonCard title="告警管控情况">
           <div className="AlarmControl_2">
-            <div className="AlarmControl_2_1" onClick={()=>this.open()}>...</div>
+            <div className="AlarmControl_2_1" onClick={() => this.open()}>
+              ...
+            </div>
             <Modal
               header="告警管控情况"
               visible={visible}

src/view/monitor/duty/statistical/AlarmControlTable.js

 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { Form, Select, Radio, StdForm, Icon, AmosAlert } from 'amos-framework';
-import { TreeSelect, DatePicker } from 'amos-antd';
+import { DatePicker } from 'amos-antd';
 import { Input } from 'amos-antd';
 import moment from 'moment';
+import { AlarmControlTableData } from './../../../../_mock/syData/mockData';
 import InputTable from './InputTable';
-import { SingleTable } from 'amos-pro';
-const FormItem = Form.Item;
+
 const Search = Input.Search;
-const tableList1 = [
-  { name: '复龙换流站1', sex: '10', age: 10, age1: 30, address: '10' },
-  { name: '复龙换流站2', sex: '10', age: 10, age1: 30, address: '10' },
-  { name: '复龙换流站3', sex: '10', age: 10, age1: 30, address: '10' },
-  { name: '复龙换流站4', sex: '10', age: 10, age1: 30, address: '10' },
-  { name: '复龙换流站5', sex: '10', age: 10, age1: 30, address: '10' },
-  { name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' }
-];
-
-const tableList2 = [
-  { name: '复龙换流站1', sex: '10', age: 10, age1: 30, address: '10' },
-  { name: '复龙换流站2', sex: '10', age: 10, age1: 30, address: '10' },
-  { name: '复龙换流站3', sex: '10', age: 10, age1: 30, address: '10' },
-  { name: '复龙换流站4', sex: '10', age: 10, age1: 30, address: '10' },
-  { name: '复龙换流站5', sex: '10', age: 10, age1: 30, address: '10' }
-];
-
-const data = [
-  { id: 0, name: '失控' },
-  { id: 1, name: '受控' }
-];
+
+const tableList1 = AlarmControlTableData.tableList1;
+
+const tableList2 = AlarmControlTableData.tableList2;
+
 const checkInputColumns = _this => {
   return [
     {

src/view/monitor/duty/statistical/DangerControl.js

@@ -3,6 +3,8 @@ import { Modal } from 'amos-framework';
 import ReactEcharts from 'amos-viz/lib/echarts';
 import DangerControlTable from './DangerControlTable';
 import CommonCard from '../../../common/commonCard/CommonCard';
+import {dangerControlData } from './../../../../_mock/syData/mockData';
+
 
 
 /**
@@ -24,11 +26,7 @@ export default class DangerControl extends Component {
   componentDidMount() {
     let dates = {
       jd: '20%',
-      seriesData: [
-        { value: 35, name: '逾期未治理' },
-        { value: 10, name: '尚未治理' },
-        { value: 4, name: '治理验收' }
-      ]
+      seriesData: dangerControlData
     };
 
     if (dates) {

src/view/monitor/duty/statistical/DangerControlTable.js

 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { Form, Select, Radio, StdForm, Icon, AmosAlert } from 'amos-framework';
+import { Select } from 'amos-framework';
 import { Input } from 'amos-antd';
-import { TreeSelect, DatePicker } from 'amos-antd';
+import { DatePicker } from 'amos-antd';
 import moment from 'moment';
 import InputTable from './InputTable';
-import { SingleTable } from 'amos-pro';
-const FormItem = Form.Item;
+import { dangerControlDataTableData } from './../../../../_mock/syData/mockData';
 const Option = Select.Option;
 const Search = Input.Search;
-const tableList1 = [
-  { id: '1', name: '复龙换流站1', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '1', name: '复龙换流站2', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '1', name: '复龙换流站3', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '1', name: '复龙换流站4', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '1', name: '复龙换流站5', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' }
-];
-
-const tableList2 = [
-  { id: '1', name: '复龙换流站1', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '1', name: '复龙换流站2', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '1', name: '复龙换流站3', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '1', name: '复龙换流站4', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '1', name: '复龙换流站5', sex: '10', age: 10, age1: 30, address: '10' }
-];
+const tableList1 = dangerControlDataTableData.tableList1;
+const tableList2 = dangerControlDataTableData.tableList2;
 
 const data = [
   { id: 1, name: '严重' },

src/view/monitor/duty/statistical/FireSafety.js

 import React, { Component } from 'react';
 import { sessionConsts } from './../../../../consts/storageConsts';
-import { browerSupport, consts, Store, LocationParam } from 'amos-tool';
+import { Store } from 'amos-tool';
 import CommonCard from '../../../common/commonCard/CommonCard';
+import { fireSafetyData } from './../../../../_mock/syData/mockData';
+
 
 const lsTool = Store.lsTool;
 
@@ -21,7 +23,11 @@ class FireSafety extends Component {
     };
   }
 
-  componentDidMount() {}
+  componentDidMount() {
+    this.setState({
+      data: fireSafetyData
+    });
+  }
 
   onClick = () => {
     let sbm = null;
@@ -37,19 +43,20 @@ class FireSafety extends Component {
   };
 
   render() {
+    const { data } = this.state;
     return (
       <div className="FireSafety">
         <CommonCard title="消防安全管理(累计)">
           <div className="fire-safety-content">
             {/* <div className="fire-safety-font">消防安全管理(累计)</div> */}
-            
+
             <div className="fire-safety-tongji" >
               <div className="content-tongji" onClick={this.onClick}>
                 <div className="left-div">
                   <span className='titleIcon-yjya'></span>
                 </div>
                 <span className='fire-safety-wenzi'>应急预案</span>
-                <span className="right-font">100套</span>
+                <span className="right-font">{data.yjyaCount}套</span>
               </div>
             </div>
             <div className="fire-safety-tongji">
@@ -58,7 +65,7 @@ class FireSafety extends Component {
                   <span className='titleIcon-aqpx' ></span>
                 </div>
                 <span className='fire-safety-wenzi'>安全培训</span>
-                <span className="right-font">123次</span>
+                <span className="right-font">{data.aqpxCount}次</span>
               </div>
 
             </div>
@@ -68,7 +75,7 @@ class FireSafety extends Component {
                   <span className='titleIcon-rcxl' ></span>
                 </div>
                 <span className='fire-safety-wenzi'>日常训练</span>
-                <span className="right-font">100次</span>
+                <span className="right-font">{data.rcxlCount}次</span>
               </div>
 
             </div>
@@ -79,7 +86,7 @@ class FireSafety extends Component {
                   <span className='titleIcon-qcby'></span>
                 </div>
                 <span className='fire-safety-wenzi'>器材保养</span>
-                <span className="right-font">14445件</span>
+                <span className="right-font">{data.qcbyCount}件</span>
               </div>
 
             </div>
@@ -90,11 +97,11 @@ class FireSafety extends Component {
                   <span className='titleIcon-aqxj' ></span>
                 </div>
                 <span className='fire-safety-wenzi'>安全巡检</span>
-                <span className="right-font">800次</span>
+                <span className="right-font">{data.aqxjCount}次</span>
               </div>
 
             </div>
-            
+
             {/**分割线 */}
           </div>
         </CommonCard>

src/view/monitor/duty/statistical/FireStrength.js

@@ -4,6 +4,8 @@ import { Store } from 'amos-tool';
 import FireStrengthDetail from './../firestrength/FireStrengthDetail';
 import { sessionConsts } from './../../../../consts/storageConsts';
 import CommonCard from '../../../common/commonCard/CommonCard';
+import { fireStrenthData } from './../../../../_mock/syData/mockData';
+
 
 const lsTool = Store.lsTool;
 /**
@@ -18,7 +20,11 @@ class FireStrength extends Component {
     };
   }
 
-  componentDidMount() {}
+  componentDidMount() {
+    this.setState({
+      data: fireStrenthData
+    });
+  }
 
   onClick = () => {
     let sbm = null;
@@ -34,6 +40,7 @@ class FireStrength extends Component {
   };
 
   render() {
+    const { data } = this.state;
     return (
       <div className="FireStrength">
         <div className="strength-safety-content">
@@ -45,7 +52,7 @@ class FireStrength extends Component {
                   <span className="titleIcon-zzxfd"></span>
                 </div>
                 <span className="strength-safety-wenzi">驻站消防队</span>
-                <span className="right-font">100套</span>
+                <span className="right-font">{data.zzxfdCount}套</span>
               </div>
             </div>
             <div className="strength-safety-tongji">
@@ -54,7 +61,7 @@ class FireStrength extends Component {
                   <span className="titleIcon-zzxfy"></span>
                 </div>
                 <span className="strength-safety-wenzi">驻站消防员</span>
-                <span className="right-font">123次</span>
+                <span className="right-font">{data.zzxfyCount}次</span>
               </div>
             </div>
             <div className="strength-safety-tongji">
@@ -63,7 +70,7 @@ class FireStrength extends Component {
                   <span className="titleIcon-znzs"></span>
                 </div>
                 <span className="strength-safety-wenzi">站内值守</span>
-                <span className="right-font">100次</span>
+                <span className="right-font">{data.znzsCount}次</span>
               </div>
             </div>
             <div className="strength-safety-tongji">
@@ -72,7 +79,7 @@ class FireStrength extends Component {
                   <span className="titleIcon-xfc"></span>
                 </div>
                 <span className="strength-safety-wenzi">消防车</span>
-                <span className="right-font">14445件</span>
+                <span className="right-font">{data.xfcCount}件</span>
               </div>
             </div>
             <div className="strength-safety-tongji">
@@ -81,7 +88,7 @@ class FireStrength extends Component {
                   <span className="titleIcon-xfqc"></span>
                 </div>
                 <span className="strength-safety-wenzi">消防器材</span>
-                <span className="right-font">800次</span>
+                <span className="right-font">{data.xfqcCount}次</span>
               </div>
             </div>
             </div>

src/view/monitor/duty/statistical/RiskControl.js

@@ -3,6 +3,8 @@ import ReactEcharts from 'amos-viz/lib/echarts';
 import { Modal } from 'amos-framework';
 import RiskControlTable from './RiskControlTable';
 import CommonCard from '../../../common/commonCard/CommonCard';
+import { riskControlData } from './../../../../_mock/syData/mockData';
+
 /**
  * 风险管控
  */
@@ -24,18 +26,7 @@ export default class RiskControl extends Component {
   }
 
   componentDidMount() {
-    let dates = {
-      seriesData: [
-        { value: 3, name: '受控' },
-        { value: 7, name: '失控' }
-      ],
-      yiji: 10,
-      erji: 20,
-      sanji: 30,
-      siji: 40,
-      shoukongx: '30%',
-      shikongx: '70%'
-    };
+    let dates = riskControlData;
 
     if (dates) {
       this.setState({
@@ -52,7 +43,6 @@ export default class RiskControl extends Component {
     }
   }
 
-
   getOptionsx = () => {
     const { seriesData } = this.state;
 
@@ -132,7 +122,9 @@ export default class RiskControl extends Component {
       <div className="RiskControl">
         <CommonCard title="风险管控情况">
           <div className="RiskControl_2">
-            <div className="RiskControl_2_1" onClick={() => this.open()}>...</div>
+            <div className="RiskControl_2_1" onClick={() => this.open()}>
+              ...
+            </div>
             <Modal
               header="风险管控情况"
               visible={visible}

src/view/monitor/duty/statistical/RiskControlTable.js

 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { Form, Select, Radio, StdForm, Icon, AmosAlert } from 'amos-framework';
-import { TreeSelect, DatePicker } from 'amos-antd';
-import { Input, Button } from 'amos-antd';
+import { Select } from 'amos-framework';
+import { DatePicker } from 'amos-antd';
+import { Input } from 'amos-antd';
 import moment from 'moment';
 import InputTable from './InputTable';
-import { SingleTable } from 'amos-pro';
-const FormItem = Form.Item;
 const Option = Select.Option;
 const Search = Input.Search;
+import { riskControlDataTableData } from './../../../../_mock/syData/mockData';
 
-const tableList1 = [
-  { id: '1', name: '复龙换流站1', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '2', name: '复龙换流站2', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '3', name: '复龙换流站3', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '4', name: '复龙换流站4', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '5', name: '复龙换流站5', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '6', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '7', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '8', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '9', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '10', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '11', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '12', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '13', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '14', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '15', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '16', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' }
-];
+const tableList1 = riskControlDataTableData.tableList1;
 
-const tableList2 = [
-  { id: '1', name: '复龙换流站1', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '2', name: '复龙换流站2', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '3', name: '复龙换流站3', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '4', name: '复龙换流站4', sex: '10', age: 10, age1: 30, address: '10' },
-  { id: '5', name: '复龙换流站5', sex: '10', age: 10, age1: 30, address: '10' }
-];
+const tableList2 = riskControlDataTableData.tableList2;
 
 const data = [
   { id: '1', name: '失控' },