openatc-components 0.5.68 → 0.5.70

package/src/views/home.vue

@@ -1,93 +1,124 @@
-<template>
-  <div id="test1">
-    <div>
-      <phase-marker :params="params"
-                  :dirshow="dirshow"
-                  :showLevel="showLevel"
-      ></phase-marker>
-    </div>
-    <div style="height: 100px;">
-      <xdr-dir-selector Width="300px"
-                      Height="300px"
-                      :showlist="dirshow"></xdr-dir-selector>
-    </div>
-    <div>
-      <phase-direction-text :phaseidArray="phaseidArray" agentid="12006_423" />
-    </div>
-    <div style="width: 200px;">
-      <phase-direction-select agentid="12006_423" @getSelectPhaseId="getSelectPhaseId" @getSelectPhaseInfo="getSelectPhaseInfo" />
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data () {
-    return {
-      params: {
-        countdown: 0,
-        split: 0,
-        control: 0,
-        cycle: 0,
-        offset: 0,
-        curpattern: 'NO PLAN'
-      },
-      showLevel: 3,
-      dirshow: [
-        {
-          id: 1,
-          color: '#77FB65'
-        }, {
-          id: 2,
-          color: '#E24B4B'
-        }
-      ],
-      datalist: [
-        {
-          value: 5,
-          name: '测试',
-          color: '#77FB65'
-        },
-        {
-          value: 1,
-          name: '吃饭'
-        }
-      ],
-      mainwidth1: '400px',
-      mainheight1: '25px',
-      mainwidth: '400px',
-      mainheight: '25px',
-      display: true,
-      name: ['曹操', '刘备', '孙权'],
-      list1: [{value: 39, maxNum: 50}],
-      list2: [{value: 55, maxNum: 50}],
-      list3: [{value: 7, maxNum: 10, color: 'red'}, {value: 80, maxNum: 100}],
-      progressPercentage: 0,
-      curseconds: 0,
-      totalseconds: 86400,
-      starttime: '2019-04-25 00:00:00',
-      endtime: '2019-04-26 00:00:00',
-      phaseidArray: [1, 3]
-    }
-  },
-  methods: {
-    getSelectPhaseId (phaseid) {
-      console.log(phaseid)
-    },
-    getSelectPhaseInfo (phaseinfo) {
-      console.log(phaseinfo)
-    }
-  },
-  watch: {
-  },
-  mounted () {
-  }
-}
-</script>
-<style scoped>
-.wrap {
-  /* background: #333333; */
-  width: 100%;
-  height: 100%;
-}
-</style>
+<template>
+  <div id="test1">
+    <!-- <div>
+      <phase-marker :params="params"
+                  :dirshow="dirshow"
+                  :showLevel="showLevel"
+      ></phase-marker>
+    </div>
+    <div style="height: 100px;">
+      <xdr-dir-selector Width="300px"
+                      Height="300px"
+                      :showlist="dirshow"></xdr-dir-selector>
+    </div>
+    <div>
+      <phase-direction-text :phaseidArray="phaseidArray" agentid="12006_423" />
+    </div>
+    <div style="width: 200px;">
+      <phase-direction-select agentid="12006_423" @getSelectPhaseId="getSelectPhaseId" @getSelectPhaseInfo="getSelectPhaseInfo" />
+    </div> -->
+    <div>
+      <Stages :crossStatusData="crossStatusData"
+              :phaseList="phaseList"
+              :isShowcurrentstage="true"
+              @onSelectStages="onSelectStages"></Stages>
+    </div>
+  </div>
+</template>
+
+<script>
+import statusPattern from './json/statusPattern.json'
+import phaseFeature from './json/phaseFeature.json'
+import { setToken } from '../utils/auth'
+export default {
+  data () {
+    return {
+      params: {
+        countdown: 0,
+        split: 0,
+        control: 0,
+        cycle: 0,
+        offset: 0,
+        curpattern: 'NO PLAN'
+      },
+      showLevel: 3,
+      dirshow: [
+        {
+          id: 1,
+          color: '#77FB65'
+        }, {
+          id: 2,
+          color: '#E24B4B'
+        }
+      ],
+      datalist: [
+        {
+          value: 5,
+          name: '测试',
+          color: '#77FB65'
+        },
+        {
+          value: 1,
+          name: '吃饭'
+        }
+      ],
+      mainwidth1: '400px',
+      mainheight1: '25px',
+      mainwidth: '400px',
+      mainheight: '25px',
+      display: true,
+      name: ['曹操', '刘备', '孙权'],
+      list1: [{value: 39, maxNum: 50}],
+      list2: [{value: 55, maxNum: 50}],
+      list3: [{value: 7, maxNum: 10, color: 'red'}, {value: 80, maxNum: 100}],
+      progressPercentage: 0,
+      curseconds: 0,
+      totalseconds: 86400,
+      starttime: '2019-04-25 00:00:00',
+      endtime: '2019-04-26 00:00:00',
+      phaseidArray: [1, 3],
+      crossStatusData: {},
+      phaseList: {},
+      // reqUrl: 'http://192.168.13.103:10003/openatc',
+      agentId: '12008_835',
+      // agentId: '0351-01',
+      // reqUrl: 'http://192.168.13.103:10003/openatc',
+      Token135: 'eyJraWQiOiIxNzIzMDgzMDcxMzIxIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTk4NTQ0MzIwMCwiaWF0IjoxNzIyNDM4MDAwfQ.i-RVHcxmtgvD9boQECpBCz7T1fJ0TAjzO5BWin3VdoY',
+      Token: 'eyJraWQiOiIxNzU5OTk2MDExMTg5IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTg5MDU3NjAwMCwiaWF0IjoxNzU5MjQ0NDAwfQ.N0igTWJwfGZYzZJX91V1pevh5Xi7-itNgobQcD7vv_k',
+      reqUrl: 'http://192.168.13.113:10003/openatc'
+    }
+  },
+  methods: {
+    onSelectStages (res) {
+      console.log('onSelectStages')
+      console.log(res)
+    },
+    getSelectPhaseId (phaseid) {
+      console.log(phaseid)
+    },
+    getSelectPhaseInfo (phaseinfo) {
+      console.log(phaseinfo)
+    },
+    setPropsToken (token) {
+      // 获取组件外传入的token，便于独立组件调用接口
+      if (token && token !== '') {
+        setToken(token)
+      }
+    }
+  },
+  watch: {
+  },
+  mounted () {
+    this.setPropsToken(this.Token)
+    this.crossStatusData = statusPattern.data.data
+    this.phaseList = phaseFeature.data.data.phaseList
+  }
+}
+</script>
+<style scoped>
+.wrap {
+  /* background: #333333; */
+  width: 100%;
+  height: 100%;
+}
+</style>

package/src/views/intersection2.vue

@@ -1,11 +1,11 @@
 <template>
   <div>
     <!-- <h2>静态路口图</h2> -->
-    <intersection-base-map
+    <!-- <intersection-base-map
             ref="intersectionMap"
             :crossStatusData="crossStatusData"
             :agentId="agentId"
-            :clickMode="true" />
+            :clickMode="true" /> -->
 
       <!-- <button @click="lockPhase" >相位锁定</button><br/>
       <button @click="unlockPhase" >解锁相位</button><br/>
@@ -49,7 +49,7 @@
         ref="intersection"
         :AgentId="agentId"
         :reqUrl="reqUrl"
-        :Token="Token"
+        :Token="Token112"
         :roadDirection="roadDirection"
         :modeName="modeName"
         :controlName="controlName"
@@ -103,11 +103,15 @@ export default {
       roadDirection: 'left',
       // reqUrl: 'http://192.168.13.103:10003/openatc',
       // agentId: '32050101041121000001',
-      agentId: '18003',
+      agentId: '16102',
       // agentId: '12007_390',
       // agentId: '12014',
+      // Token135: 'eyJraWQiOiIxNzIzMDgzMDcxMzIxIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTk4NTQ0MzIwMCwiaWF0IjoxNzIyNDM4MDAwfQ.i-RVHcxmtgvD9boQECpBCz7T1fJ0TAjzO5BWin3VdoY',
+      // Token: 'eyJraWQiOiIxNzU5OTk2MDExMTg5IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTg5MDU3NjAwMCwiaWF0IjoxNzU5MjQ0NDAwfQ.N0igTWJwfGZYzZJX91V1pevh5Xi7-itNgobQcD7vv_k',
+      // reqUrl: 'http://192.168.13.113:10003/openatc'
       reqUrl: 'http://192.168.13.103:10003/openatc',
-      Token: 'eyJraWQiOiIxNjkzMjkyMzI0NzUyIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6NDA5MjEzNDQwMCwiaWF0IjoxNjkwODE5MjAwfQ.97bSPcUdh4xgAqkbw96Q-NfLVhFbgK0Yo1S8KYkSwz8',
+      Token112: 'eyJraWQiOiIxNzY1NTI3MTA5NzE4IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MzE2MDc0MjQwMCwiaWF0IjoxNzY0NTE0ODAwfQ.MA6kmPwTmDg9DibpP47cMjSdSpgRP5kNLlWGKmenDGU',
+      Token135: 'eyJraWQiOiIxNjkzMjkyMzI0NzUyIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6NDA5MjEzNDQwMCwiaWF0IjoxNjkwODE5MjAwfQ.97bSPcUdh4xgAqkbw96Q-NfLVhFbgK0Yo1S8KYkSwz8',
       // agentId: '30003-352',
       // reqUrl: 'https://kints-dev.devdolphin.com/openatc',
       // Token: 'eyJraWQiOiIxNjUwNTA5MDI2ODk2IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJ4aWFvbWluZyIsImV4cCI6MTczNjkwOTAyNiwiaWF0IjoxNjUwNTA5MDI2fQ.-s4T-uMRmB2zf9yer87USKQXLY1a12Zq5lCOnqjNmfA',
@@ -272,7 +276,7 @@ export default {
     //   alert('Hello')
     //   _this.agentId = 'scats1'
     // }, 5 * 1000)
-    this.setPropsToken(this.Token)
+    this.setPropsToken(this.Token112)
     window.onresize = () => {
       return (() => {
         this.setDialogWidth()

package/src/views/json/phaseFeature.json

@@ -0,0 +1,225 @@
+{
+    "data": {
+        "agentid": "3300000008",
+        "operation": "get-response",
+        "infotype": "feature/all",
+        "createtime": "2026-04-20 17:35:10",
+        "data": {
+            "phaseList": [
+                {
+                    "id": 1,
+                    "direction": [
+                        2
+                    ],
+                    "peddirection": [],
+                    "controltype": 0,
+                    "mingreen": 0,
+                    "max1": 0,
+                    "max2": 0,
+                    "flashgreen": 0,
+                    "ring": 1
+                },
+                {
+                    "id": 2,
+                    "direction": [
+                        1
+                    ],
+                    "peddirection": [],
+                    "controltype": 0,
+                    "mingreen": 0,
+                    "max1": 0,
+                    "max2": 0,
+                    "flashgreen": 0,
+                    "ring": 1
+                },
+                {
+                    "id": 3,
+                    "direction": [
+                        3
+                    ],
+                    "peddirection": [],
+                    "controltype": 0,
+                    "mingreen": 0,
+                    "max1": 0,
+                    "max2": 0,
+                    "flashgreen": 0,
+                    "ring": 1
+                },
+                {
+                    "id": 4,
+                    "direction": [],
+                    "peddirection": [
+                        1
+                    ],
+                    "controltype": 0,
+                    "mingreen": 0,
+                    "max1": 0,
+                    "max2": 0,
+                    "flashgreen": 0,
+                    "ring": 1
+                },
+                {
+                    "id": 5,
+                    "direction": [
+                        10
+                    ],
+                    "peddirection": [],
+                    "controltype": 0,
+                    "mingreen": 0,
+                    "max1": 0,
+                    "max2": 0,
+                    "flashgreen": 0,
+                    "ring": 1
+                },
+                {
+                    "id": 6,
+                    "direction": [
+                        9
+                    ],
+                    "peddirection": [],
+                    "controltype": 0,
+                    "mingreen": 0,
+                    "max1": 0,
+                    "max2": 0,
+                    "flashgreen": 0,
+                    "ring": 1
+                },
+                {
+                    "id": 7,
+                    "direction": [
+                        11
+                    ],
+                    "peddirection": [],
+                    "controltype": 0,
+                    "mingreen": 0,
+                    "max1": 0,
+                    "max2": 0,
+                    "flashgreen": 0,
+                    "ring": 1
+                },
+                {
+                    "id": 8,
+                    "direction": [],
+                    "peddirection": [
+                        4
+                    ],
+                    "controltype": 0,
+                    "mingreen": 0,
+                    "max1": 0,
+                    "max2": 0,
+                    "flashgreen": 0,
+                    "ring": 1
+                },
+                {
+                    "id": 9,
+                    "direction": [
+                        6
+                    ],
+                    "peddirection": [],
+                    "controltype": 0,
+                    "mingreen": 0,
+                    "max1": 0,
+                    "max2": 0,
+                    "flashgreen": 0,
+                    "ring": 1
+                },
+                {
+                    "id": 10,
+                    "direction": [
+                        5
+                    ],
+                    "peddirection": [],
+                    "controltype": 0,
+                    "mingreen": 0,
+                    "max1": 0,
+                    "max2": 0,
+                    "flashgreen": 0,
+                    "ring": 1
+                },
+                {
+                    "id": 11,
+                    "direction": [
+                        7
+                    ],
+                    "peddirection": [],
+                    "controltype": 0,
+                    "mingreen": 0,
+                    "max1": 0,
+                    "max2": 0,
+                    "flashgreen": 0,
+                    "ring": 1
+                },
+                {
+                    "id": 12,
+                    "direction": [],
+                    "peddirection": [
+                        2
+                    ],
+                    "controltype": 0,
+                    "mingreen": 0,
+                    "max1": 0,
+                    "max2": 0,
+                    "flashgreen": 0,
+                    "ring": 1
+                },
+                {
+                    "id": 13,
+                    "direction": [
+                        14
+                    ],
+                    "peddirection": [],
+                    "controltype": 0,
+                    "mingreen": 0,
+                    "max1": 0,
+                    "max2": 0,
+                    "flashgreen": 0,
+                    "ring": 1
+                },
+                {
+                    "id": 14,
+                    "direction": [
+                        13
+                    ],
+                    "peddirection": [],
+                    "controltype": 0,
+                    "mingreen": 0,
+                    "max1": 0,
+                    "max2": 0,
+                    "flashgreen": 0,
+                    "ring": 1
+                },
+                {
+                    "id": 15,
+                    "direction": [
+                        15
+                    ],
+                    "peddirection": [],
+                    "controltype": 0,
+                    "mingreen": 0,
+                    "max1": 0,
+                    "max2": 0,
+                    "flashgreen": 0,
+                    "ring": 1
+                },
+                {
+                    "id": 16,
+                    "direction": [],
+                    "peddirection": [
+                        3
+                    ],
+                    "controltype": 0,
+                    "mingreen": 0,
+                    "max1": 0,
+                    "max2": 0,
+                    "flashgreen": 0,
+                    "ring": 1
+                }
+            ]
+        },
+        "FrameID": 0
+    },
+    "success": true,
+    "code": "0",
+    "message": "Success",
+    "timestamp": 1777001148574
+}

package/src/views/json/statusPattern.json

@@ -0,0 +1,140 @@
+{
+    "data": {
+        "agentid": "61090001041121000683",
+        "operation": "get-request",
+        "infotype": "status/pattern",
+        "data": {
+            "phase": [
+                {
+                    "id": 1,
+                    "type": 1,
+                    "pedtype": 1
+                },
+                {
+                    "id": 2,
+                    "type": 1,
+                    "pedtype": 1
+                },
+                {
+                    "id": 3,
+                    "type": 1,
+                    "pedtype": 1
+                },
+                {
+                    "id": 4,
+                    "type": 1,
+                    "pedtype": 1
+                },
+                {
+                    "id": 5,
+                    "type": 1,
+                    "pedtype": 1
+                },
+                {
+                    "id": 6,
+                    "type": 1,
+                    "pedtype": 1
+                },
+                {
+                    "id": 7,
+                    "type": 1,
+                    "pedtype": 1
+                },
+                {
+                    "id": 8,
+                    "type": 1,
+                    "pedtype": 1
+                },
+                {
+                    "id": 9,
+                    "type": 1,
+                    "pedtype": 1
+                },
+                {
+                    "id": 10,
+                    "type": 1,
+                    "pedtype": 1
+                },
+                {
+                    "id": 11,
+                    "type": 1,
+                    "pedtype": 1
+                },
+                {
+                    "id": 12,
+                    "type": 1,
+                    "pedtype": 1
+                },
+                {
+                    "id": 13,
+                    "type": 1,
+                    "pedtype": 1
+                },
+                {
+                    "id": 14,
+                    "type": 1,
+                    "pedtype": 1
+                },
+                {
+                    "id": 15,
+                    "type": 1,
+                    "pedtype": 1
+                },
+                {
+                    "id": 16,
+                    "type": 1,
+                    "pedtype": 1
+                }
+            ],
+            "mode": 0,
+            "control": 5,
+            "patternid": 1,
+            "cycle": 89,
+            "patternoffset": 0,
+            "stages": [
+                [
+                    8,
+                    2,
+                    16,
+                    10
+                ],
+                [
+                    14,
+                    12,
+                    6,
+                    4
+                ],
+                [
+                    1,
+                    9
+                ]
+            ],
+            "stages_len": [
+                38,
+                31,
+                18
+            ],
+            "stages_seq": [
+                1,
+                2,
+                3
+            ],
+            "current_stage": 1,
+            "current_stagecd": 0,
+            "current_phase": [
+                8,
+                2,
+                16,
+                10
+            ],
+            "rings": [],
+            "curTime": 154,
+            "syncTime": 0
+        },
+        "FrameID": 0
+    },
+    "success": true,
+    "code": "0",
+    "message": "Success",
+    "timestamp": 1777001153448
+}

package/src/views/schemeconfig.vue

@@ -65,7 +65,7 @@ export default {
       sidewalkPhaseData: [{key: 'pedphase1653873194007699', phaseid: 1, id: 1, name: '东人行横道', isshow: false}],
       lockPhaseBtnName: this.$t('openatccomponents.overview.comfirm'),
       // agentId: '32050101041121000001',
-      agentId: '19709',
+      agentId: '16102',
       Token112: 'eyJraWQiOiIxNzY1NTI3MTA5NzE4IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MzE2MDc0MjQwMCwiaWF0IjoxNzY0NTE0ODAwfQ.MA6kmPwTmDg9DibpP47cMjSdSpgRP5kNLlWGKmenDGU',
       Token: 'eyJraWQiOiIxNzU5OTk2MDExMTg5IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTg5MDU3NjAwMCwiaWF0IjoxNzU5MjQ0NDAwfQ.N0igTWJwfGZYzZJX91V1pevh5Xi7-itNgobQcD7vv_k',
       Token103: 'eyJraWQiOiIxNzAxODMyOTQ3MTUwIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJxeXl0aCIsImV4cCI6MTc2OTc4ODgwMCwiaWF0IjoxNzAxMzYwMDAwfQ.RIQpNEkJibL-RYllirDeNLi8G9-t8PecM_m7KlZNQXg',