openatc-components 0.0.13 → 0.0.16

package/src/kisscomps/components/patternList/patternList.vue

@@ -0,0 +1,558 @@
+<template>
+  <div>
+    <BoardCard
+    :patternId="patternId"
+    :contrloType="contrloType"
+    :stagesChange="stagesChange"
+    :patternStatusList="patternStatusList"
+    :cycles="cycles"
+    :cycle="cycle"
+    :localPatternList="localPatternList"
+    :phaseList="phaseList"
+    :agentId="agentId"
+    :controlData="controlData"
+    :syncTime="syncTime"
+    :isPhase="isPhase"
+    >
+    </BoardCard>
+  </div>
+</template>
+
+<script>
+import BoardCard from '../BoardCard/BoardCard.vue'
+export default {
+  name: 'pattern-list',
+  components: {
+    BoardCard
+  },
+  data () {
+    return {
+      // patternStatusList: [
+      //   {
+      //     'id': 1,
+      //     'desc': '',
+      //     'offset': 0,
+      //     'cycle': 200,
+      //     'rings': [
+      //       [
+      //         {
+      //           'name': 'phase1',
+      //           'id': 1,
+      //           'value': 30,
+      //           'mode': 2,
+      //           'options': [
+      //             0,
+      //             0,
+      //             0
+      //           ],
+      //           'minSplit': 13
+      //         },
+      //         {
+      //           'name': 'phase2',
+      //           'id': 2,
+      //           'value': 30,
+      //           'mode': 2,
+      //           'options': [
+      //             0,
+      //             0,
+      //             0
+      //           ],
+      //           'minSplit': 13
+      //         },
+      //         {
+      //           'name': 'phase3',
+      //           'id': 3,
+      //           'value': 30,
+      //           'mode': 2,
+      //           'options': [
+      //             0,
+      //             0,
+      //             0
+      //           ],
+      //           'minSplit': 13
+      //         },
+      //         {
+      //           'name': 'phase4',
+      //           'id': 4,
+      //           'value': 30,
+      //           'mode': 2,
+      //           'options': [
+      //             0,
+      //             0,
+      //             0
+      //           ],
+      //           'minSplit': 13
+      //         }
+      //       ],
+      //       [
+      //         {
+      //           'name': 'phase5',
+      //           'id': 5,
+      //           'value': 30,
+      //           'mode': 2,
+      //           'options': [
+      //             0,
+      //             0,
+      //             0
+      //           ],
+      //           'minSplit': 13
+      //         },
+      //         {
+      //           'name': 'phase6',
+      //           'id': 6,
+      //           'value': 30,
+      //           'mode': 2,
+      //           'options': [
+      //             0,
+      //             0,
+      //             0
+      //           ],
+      //           'minSplit': 13
+      //         },
+      //         {
+      //           'name': 'phase7',
+      //           'id': 7,
+      //           'value': 30,
+      //           'mode': 2,
+      //           'options': [
+      //             0,
+      //             0,
+      //             0
+      //           ],
+      //           'minSplit': 13
+      //         },
+      //         {
+      //           'name': 'phase8',
+      //           'id': 8,
+      //           'value': 30,
+      //           'mode': 2,
+      //           'options': [
+      //             0,
+      //             0,
+      //             0
+      //           ],
+      //           'minSplit': 13
+      //         }
+      //       ],
+      //       [],
+      //       []
+      //     ],
+      //     'barriers': [
+      //       {
+      //         'barrier': 1,
+      //         'length': 60,
+      //         'items': [
+      //           {
+      //             'ring': 2,
+      //             'data': [
+      //               5,
+      //               6
+      //             ]
+      //           },
+      //           {
+      //             'ring': 1,
+      //             'data': [
+      //               1,
+      //               2
+      //             ]
+      //           }
+      //         ]
+      //       },
+      //       {
+      //         'barrier': 2,
+      //         'length': 60,
+      //         'items': [
+      //           {
+      //             'ring': 2,
+      //             'data': [
+      //               7,
+      //               8
+      //             ]
+      //           },
+      //           {
+      //             'ring': 1,
+      //             'data': [
+      //               3,
+      //               4
+      //             ]
+      //           }
+      //         ]
+      //       }
+      //     ],
+      //     'stagesList': [
+      //       {
+      //         'key': 0,
+      //         'split': 30,
+      //         'stages': [
+      //           1,
+      //           5
+      //         ],
+      //         'green': 20,
+      //         'yellow': 10,
+      //         'red': 10,
+      //         'phases': [
+      //           1,
+      //           5
+      //         ],
+      //         'stageSplit': 40
+      //       },
+      //       {
+      //         'key': 1,
+      //         'split': 30,
+      //         'stages': [
+      //           2,
+      //           6
+      //         ],
+      //         'green': 20,
+      //         'yellow': 10,
+      //         'red': 10,
+      //         'phases': [
+      //           2,
+      //           6
+      //         ],
+      //         'stageSplit': 40
+      //       },
+      //       {
+      //         'key': 2,
+      //         'split': 30,
+      //         'stages': [
+      //           3,
+      //           7
+      //         ],
+      //         'green': 20,
+      //         'yellow': 10,
+      //         'red': 10,
+      //         'phases': [
+      //           3,
+      //           7
+      //         ],
+      //         'stageSplit': 40
+      //       },
+      //       {
+      //         'key': 3,
+      //         'split': 30,
+      //         'stages': [
+      //           4,
+      //           8
+      //         ],
+      //         'green': 20,
+      //         'yellow': 10,
+      //         'red': 10,
+      //         'phases': [
+      //           4,
+      //           8
+      //         ],
+      //         'stageSplit': 40
+      //       },
+      //       {
+      //         'key': 4,
+      //         'green': 20,
+      //         'yellow': 10,
+      //         'red': 10,
+      //         'phases': [
+      //           6,
+      //           4
+      //         ],
+      //         'stageSplit': 40
+      //       }
+      //     ],
+      //     'stages': [
+      //       [
+      //         1,
+      //         5
+      //       ],
+      //       [
+      //         2,
+      //         6
+      //       ],
+      //       [
+      //         3,
+      //         7
+      //       ],
+      //       [
+      //         4,
+      //         8
+      //       ]
+      //     ]
+      //   }
+      // ],
+      // phaseList: [
+      //   {
+      //     'id': 1,
+      //     'direction': [
+      //       13
+      //     ],
+      //     'mingreen': 15,
+      //     'max1': 65,
+      //     'max2': 70,
+      //     'passage': 3,
+      //     'phasewalk': 0,
+      //     'pedclear': 8,
+      //     'yellow': 3,
+      //     'redclear': 2,
+      //     'flashgreen': 3,
+      //     'redyellow': 0,
+      //     'ring': 1,
+      //     'concurrent': [
+      //       5,
+      //       6
+      //     ],
+      //     'greenpulse': 10,
+      //     'redpulse': 5,
+      //     'controltype': 0,
+      //     'peddirection': []
+      //   },
+      //   {
+      //     'id': 2,
+      //     'direction': [
+      //       10,
+      //       12
+      //     ],
+      //     'mingreen': 15,
+      //     'max1': 65,
+      //     'max2': 70,
+      //     'passage': 3,
+      //     'phasewalk': 0,
+      //     'pedclear': 8,
+      //     'yellow': 3,
+      //     'redclear': 2,
+      //     'flashgreen': 3,
+      //     'redyellow': 0,
+      //     'ring': 1,
+      //     'concurrent': [
+      //       5,
+      //       6
+      //     ],
+      //     'greenpulse': 10,
+      //     'redpulse': 5,
+      //     'controltype': 0,
+      //     'peddirection': []
+      //   },
+      //   {
+      //     'id': 3,
+      //     'direction': [
+      //       3
+      //     ],
+      //     'mingreen': 15,
+      //     'max1': 65,
+      //     'max2': 70,
+      //     'passage': 3,
+      //     'phasewalk': 0,
+      //     'pedclear': 8,
+      //     'yellow': 3,
+      //     'redclear': 2,
+      //     'flashgreen': 3,
+      //     'redyellow': 0,
+      //     'ring': 1,
+      //     'concurrent': [
+      //       7,
+      //       8
+      //     ],
+      //     'controltype': 2,
+      //     'peddirection': [
+      //       2,
+      //       3,
+      //       4
+      //     ],
+      //     'greenpulse': 10,
+      //     'redpulse': 5
+      //   },
+      //   {
+      //     'id': 4,
+      //     'direction': [
+      //       6,
+      //       8
+      //     ],
+      //     'mingreen': 15,
+      //     'max1': 65,
+      //     'max2': 70,
+      //     'passage': 3,
+      //     'phasewalk': 0,
+      //     'pedclear': 8,
+      //     'yellow': 3,
+      //     'redclear': 2,
+      //     'flashgreen': 3,
+      //     'redyellow': 0,
+      //     'ring': 1,
+      //     'concurrent': [
+      //       7,
+      //       8
+      //     ],
+      //     'controltype': 0,
+      //     'peddirection': [],
+      //     'greenpulse': 10,
+      //     'redpulse': 5
+      //   },
+      //   {
+      //     'id': 5,
+      //     'direction': [
+      //       9
+      //     ],
+      //     'mingreen': 15,
+      //     'max1': 65,
+      //     'max2': 70,
+      //     'passage': 3,
+      //     'phasewalk': 0,
+      //     'pedclear': 8,
+      //     'yellow': 3,
+      //     'redclear': 2,
+      //     'flashgreen': 3,
+      //     'redyellow': 0,
+      //     'ring': 2,
+      //     'concurrent': [
+      //       1,
+      //       2
+      //     ],
+      //     'controltype': 0,
+      //     'peddirection': [],
+      //     'greenpulse': 10,
+      //     'redpulse': 5
+      //   },
+      //   {
+      //     'id': 6,
+      //     'direction': [
+      //       14,
+      //       16
+      //     ],
+      //     'mingreen': 15,
+      //     'max1': 65,
+      //     'max2': 70,
+      //     'passage': 3,
+      //     'phasewalk': 0,
+      //     'pedclear': 8,
+      //     'yellow': 3,
+      //     'redclear': 2,
+      //     'flashgreen': 3,
+      //     'redyellow': 0,
+      //     'ring': 2,
+      //     'concurrent': [
+      //       2,
+      //       1
+      //     ],
+      //     'controltype': 0,
+      //     'peddirection': [],
+      //     'greenpulse': 10,
+      //     'redpulse': 5
+      //   },
+      //   {
+      //     'id': 7,
+      //     'direction': [],
+      //     'mingreen': 15,
+      //     'max1': 65,
+      //     'max2': 70,
+      //     'passage': 3,
+      //     'phasewalk': 0,
+      //     'pedclear': 8,
+      //     'yellow': 3,
+      //     'redclear': 2,
+      //     'flashgreen': 3,
+      //     'redyellow': 0,
+      //     'ring': 2,
+      //     'concurrent': [
+      //       3,
+      //       4
+      //     ],
+      //     'controltype': 2,
+      //     'peddirection': [
+      //       5,
+      //       6
+      //     ],
+      //     'greenpulse': 10,
+      //     'redpulse': 5
+      //   },
+      //   {
+      //     'id': 8,
+      //     'direction': [
+      //       2,
+      //       4
+      //     ],
+      //     'mingreen': 15,
+      //     'max1': 65,
+      //     'max2': 70,
+      //     'passage': 3,
+      //     'phasewalk': 0,
+      //     'pedclear': 8,
+      //     'yellow': 3,
+      //     'redclear': 2,
+      //     'flashgreen': 3,
+      //     'redyellow': 0,
+      //     'ring': 2,
+      //     'concurrent': [
+      //       4,
+      //       3
+      //     ],
+      //     'controltype': 0,
+      //     'peddirection': [],
+      //     'greenpulse': 10,
+      //     'redpulse': 5
+      //   }
+      // ],
+      // cycles: 120
+    }
+  },
+  props: {
+    contrloType: {
+      type: Boolean
+    },
+    localPatternList: {
+      type: Array
+    },
+    stagesChange: {
+      type: Array
+    },
+    phaseList: {
+      type: Array
+    },
+    controlData: {
+      type: Object
+    },
+    patternStatusList: {
+      type: Array
+    },
+    patternId: {
+      type: Number
+    },
+    agentId: {
+      type: String
+    },
+    isPhase: {
+      type: Boolean,
+      default: false
+    },
+    cycles: {
+      type: Number
+    },
+    cycle: {
+      type: Number
+    },
+    syncTime: {
+      type: Number
+    }
+  },
+  watch: {
+    // $route: {
+    //   handler: function (val, oldVal) {
+    //     if (val.query !== undefined) {
+    //       this.resetCrossDiagram()
+    //     }
+    //   },
+    //   // 深度观察监听
+    //   deep: true
+    // },
+    // Token: {
+    //   handler: function (val) {
+    //     this.setPropsToken(val)
+    //   }
+    // }
+  },
+  created () {
+    // if (this.$route.query !== undefined && Object.keys(this.$route.query).length) {
+    //   this.resetCrossDiagram()
+    // }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/kisscomps/index.js

@@ -3,8 +3,14 @@ import XRDDirSelector from './components/XRDDirSelector/index'
 import IntersectionWithInterface from './components/IntersectionWithInterface/index'
 import IntersectionMap from './components/IntersectionMap/index'
 import SchemeConfig from './components/SchemeConfig/index'
+import lockingPhaselControlModal from './components/SchemeConfig/lockingPhaselControlModal/index'
 import FaultDetailModal from './components/FaultDetailModal/index'
 import CommonKanban from './components/CommonKanban/index'
+import patternList from './components/patternList/index'
+import PatternStatus from './components/PatternStatus/index'
+import BoardCard from './components/BoardCard/index'
+import StageStatus from './components/StageStatus/index'
+import OverLap from './components/OverLap/index'
 
 import en from '../i18n/language/en'
 import zh from '../i18n/language/zh'
@@ -16,7 +22,13 @@ const components = {
   IntersectionWithInterface,
   IntersectionMap,
   SchemeConfig,
+  lockingPhaselControlModal,
   FaultDetailModal,
+  PatternStatus,
+  BoardCard,
+  OverLap,
+  StageStatus,
+  patternList,
   CommonKanban
 }
 

package/src/utils/RingDataModel.js

@@ -0,0 +1,98 @@
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use i18n software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+import i18n from '../i18n/index.js'
+import PhaseDataModel from '../kisscomps/components/IntersectionMap/crossDirection/utils.js'
+import CrossDiagramMgr from '../EdgeMgr/controller/crossDiagramMgr.js'
+export default class RingDataModel {
+  constructor (crossStatusData, phaseList) {
+    this.crossStatusData = crossStatusData
+    this.phaseList = phaseList
+    this.PhaseDataModel = new PhaseDataModel()
+    this.CrossDiagramMgr = new CrossDiagramMgr()
+  }
+
+  initRingPhaseData () {
+    // 环信息从单独上载相位信息里获取，以免相位锁定后，方案状态数据里没有rings，导致相位锁定控制列表无法显示
+    let phaseRings = []
+    let map = {}
+    let dest = []
+    for (let i = 0; i < this.phaseList.length; i++) {
+      let ai = this.phaseList[i]
+      if (!map[ai.ring]) {
+        let addphse = this.addPhaseInfo(ai)
+        dest.push({
+          num: ai.ring,
+          phases: [{...ai, ...addphse}]
+        })
+        map[ai.ring] = ai
+      } else {
+        for (var j = 0; j < dest.length; j++) {
+          var dj = dest[j]
+          if (dj.num === ai.ring) {
+            let addphse = this.addPhaseInfo(ai)
+            dj.phases.push({...ai, ...addphse})
+            break
+          }
+        }
+      }
+    }
+    phaseRings = JSON.parse(JSON.stringify(dest))
+    return phaseRings
+  }
+
+  addPhaseInfo (phase) {
+    let addphse = {}
+    addphse.name = i18n.t('openatccomponents.overview.phase') + phase.id
+    addphse.desc = this.getPhaseDescription(phase.direction)
+    // 相位锁定选项默认都按照解锁状态显示
+    addphse.locktype = 0
+    addphse.close = 0
+    if (this.crossStatusData !== null && this.crossStatusData.phase) {
+      // 如果方案状态相位有close字段，这边就需要对应close状态进相位关断控制的选项里
+      let phaseStatus = this.crossStatusData.phase.filter(ele => ele.id === phase.id)[0]
+      addphse = {...addphse, ...phaseStatus}
+    }
+    return addphse
+  }
+
+  getPhaseDescription (phaseList) {
+    let list = []
+    for (let id of phaseList) {
+      let obj = {}
+      obj.id = id
+      obj.color = '#454545'
+      list.push(obj)
+    }
+    return list
+  }
+
+  getPedPhasePos () {
+    // 行人相位信息
+    this.sidewalkPhaseData = []
+    this.phaseList.forEach((ele, i) => {
+      if (ele.peddirection) {
+        ele.peddirection.forEach((dir, index) => {
+        // 行人相位
+          if (this.PhaseDataModel.getSidePos(dir)) {
+            this.sidewalkPhaseData.push({
+              key: this.CrossDiagramMgr.getUniqueKey('pedphase'),
+              phaseid: ele.id, // 相位id，用于对应相位状态
+              id: dir,
+              name: this.PhaseDataModel.getSidePos(dir).name
+            })
+          }
+        })
+      }
+    })
+    return this.sidewalkPhaseData
+  }
+}

package/src/views/intersection.vue

@@ -13,7 +13,7 @@
         ref="intersectionWithInterface"
         :AgentId="agentId"
         roadDirection="left"
-        Token="eyJraWQiOiIxNjQ4ODYzOTI2NjA4IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTczNTI2MzkyNiwiaWF0IjoxNjQ4ODYzOTI2fQ.IQZ7m9_lNOVQ4H2icGKKWc84KKSWYUF9OUEJvYgjIgw"
+        :Token="Token"
         ></intersection-with-interface>
     </el-dialog>
   </div>
@@ -23,9 +23,10 @@ export default {
   name: 'demo',
   data () {
     return {
+      Token: 'eyJraWQiOiIxNjQ5MzM4NzA5MTA0IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTczNTczODcwOSwiaWF0IjoxNjQ5MzM4NzA5fQ.JDSkpT1SbB61dEKvorhVdZJHKJzoQZEY5DPKHs1Imo0',
       boxVisible: false,
       dialogWidth: '80%',
-      agentId: '10001-928'
+      agentId: '40003-132'
     }
   },
   methods: {