openatc-components 0.1.24 → 0.1.25

package/src/views/overView.vue

@@ -1,41 +1,41 @@
-<template>
-  <div id="test1">
-    <overview
-        :AgentId="agentId"
-        :reqUrl="reqUrl"
-        :modeName="modeName"
-        :controlName="controlName"
-        :isShowState="isShowState"
-        :isShowMode="isShowMode"
-        :Token="Token"></overview>
-  </div>
-</template>
-
-<script>
-export default {
-  data () {
-    return {
-      isShowState: true,
-      isShowMode: true,
-      modeName: '交警遥控',
-      controlName: '步进',
-      agentId: '10002-994',
-      Token: 'eyJraWQiOiIxNjUwNzMxMTY2NTQ2IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTczNzEzMTE2NiwiaWF0IjoxNjUwNzMxMTY2fQ.qjp7-LyJdSLr29Jm0T8KAQIoPA8ldkpTg83vVvorg_s',
-      reqUrl: 'http://192.168.13.105:11003/openatc'
-    }
-  },
-  methods: {
-  },
-  watch: {
-  },
-  mounted () {
-  }
-}
-</script>
-<style scoped>
-.wrap {
-  /* background: #333333; */
-  width: 100%;
-  height: 100%;
-}
-</style>
+<template>
+  <div id="test1">
+    <overview
+        :AgentId="agentId"
+        :reqUrl="reqUrl"
+        :modeName="modeName"
+        :controlName="controlName"
+        :isShowState="isShowState"
+        :isShowMode="isShowMode"
+        :Token="Token"></overview>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      isShowState: true,
+      isShowMode: true,
+      modeName: '交警遥控',
+      controlName: '步进',
+      agentId: '10002-994',
+      Token: 'eyJraWQiOiIxNjUwNzMxMTY2NTQ2IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTczNzEzMTE2NiwiaWF0IjoxNjUwNzMxMTY2fQ.qjp7-LyJdSLr29Jm0T8KAQIoPA8ldkpTg83vVvorg_s',
+      reqUrl: 'http://192.168.13.105:11003/openatc'
+    }
+  },
+  methods: {
+  },
+  watch: {
+  },
+  mounted () {
+  }
+}
+</script>
+<style scoped>
+.wrap {
+  /* background: #333333; */
+  width: 100%;
+  height: 100%;
+}
+</style>

package/src/views/schemeconfig.vue

@@ -1,165 +1,165 @@
-/**
- * Copyright (c) 2020 kedacom
- * OpenATC is licensed under Mulan PSL v2.
- * You can use this 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.
- **/
-<template>
-  <div>
-    <el-button type="primary" @click="handleOpenConfigPanel" style="margin: 20px;">打开控制面板</el-button>
-    <el-dialog
-      refs="intersectionMapDialog"
-      class="abow_dialog"
-      :width="dialogWidth"
-      :visible.sync="boxVisible"
-      :close-on-click-modal="false"
-      @close="oncancle"
-      append-to-body>
-      <!-- <scheme-config
-        :agentId="agentId"
-        :statusData="crossStatusData"
-        :realtimeStatusModalvisible="false"
-        @patternCommitCallback="patternCommitCallback"/> -->
-      <scheme-config
-        ref="rightpanel"
-        :agentId="agentId"
-        :lockPhaseBtnName="lockPhaseBtnName"
-        :statusData="crossStatusData"
-        :phaseList="phaseList"
-        :realtimeStatusModalvisible="true"
-        roadDirection="left"
-         />
-         <!-- funcSort="basicFunc" -->
-    </el-dialog>
-  </div>
-</template>
-<script>
-import { getTscControl } from '../api/control.js'
-import { getMessageByCode } from '../utils/responseMessage.js'
-import { getIntersectionInfo } from '../api/template'
-import {
-  setToken
-} from '../utils/auth'
-export default {
-  name: 'democonfig',
-  components: {
-  },
-  data () {
-    return {
-      phaseList: [],
-      showWalk: [ 1, 2 ],
-      sidewalkPhaseData: [{key: 'pedphase1653873194007699', phaseid: 1, id: 1, name: '东人行横道', isshow: false}],
-      lockPhaseBtnName: this.$t('openatccomponents.overview.comfirm'),
-      agentId: '13001-460',
-      Token: 'eyJraWQiOiIxNjYwMjgzMzQwMzM4IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTc0NjY4MzM0MCwiaWF0IjoxNjYwMjgzMzQwfQ.xmgkrjwcdwT_miC3krjqL27Tv4txJ9FQuDEKlfWdtzU',
-      Token103: 'eyJraWQiOiIxNjQ5MzM4NzA5MTA0IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTczNTczODcwOSwiaWF0IjoxNjQ5MzM4NzA5fQ.JDSkpT1SbB61dEKvorhVdZJHKJzoQZEY5DPKHs1Imo0',
-      boxVisible: false,
-      dialogWidth: '80%',
-      crossStatusData: {} // 路口状态数据
-    }
-  },
-  methods: {
-    oncancle () {
-      this.boxVisible = false
-    },
-    handleOpenConfigPanel () {
-      this.boxVisible = true
-      this.$nextTick(() => {
-        // this.$refs.rightpanel.selectSpecialModel(22)
-      })
-    },
-    setDialogWidth () {
-      var val = document.body.offsetWidth
-      const def = 450 // 默认宽度
-      if (val < def) {
-        this.dialogWidth = '80%'
-      } else {
-        this.dialogWidth = def + 'px'
-      }
-    },
-    initData () {
-      // let iframdevid = getIframdevid()
-      this.getIntersectionInfo(this.agentId, '')
-      getTscControl(this.agentId).then((data) => {
-        if (!data.data.success) {
-          if (data.data.code === '4003') {
-            this.$message.error(getMessageByCode(data.data.code, this.$i18n.locale))
-            return
-          }
-          let parrenterror = getMessageByCode(data.data.code, this.$i18n.locale)
-          if (data.data.data) {
-            // 子类型错误
-            let childErrorCode = data.data.data.errorCode
-            if (childErrorCode) {
-              let childerror = getMessageByCode(data.data.data.errorCode, this.$i18n.locale)
-              this.$message.error(parrenterror + ',' + childerror)
-            }
-          } else {
-            this.$message.error(parrenterror)
-          }
-          return
-        }
-        this.crossStatusData = JSON.parse(JSON.stringify(data.data.data.data))
-      }).catch(error => {
-        console.log(error)
-      })
-    },
-    getIntersectionInfo (agentid, id) {
-      // 获取路口信息
-      getIntersectionInfo(agentid).then(res => {
-        this.phaseList = res.data.data.param.phaseList
-      })
-    },
-    setPropsToken (token) {
-      // 获取组件外传入的token，便于独立组件调用接口
-      if (token && token !== '') {
-        setToken(token)
-      }
-    },
-    patternCommitCallback (pattern) {
-      console.log(pattern)
-    }
-  },
-  created () {
-    this.setDialogWidth()
-  },
-  mounted () {
-    this.setPropsToken(this.Token)
-    this.initData()
-    window.onresize = () => {
-      return (() => {
-        this.setDialogWidth()
-      })()
-    }
-  }
-}
-</script>
-<style lang="scss">
-.abow_dialog {
-    display: flex;
-    justify-content: center;
-    align-items: Center;
-    overflow: hidden;
-    .el-dialog {
-        margin: 0 auto !important;
-        height: 90%;
-        overflow: hidden;
-        .el-dialog__body {
-            position: absolute;
-            left: 0;
-            top: 54px;
-            bottom: 0;
-            right: 0;
-            padding: 0;
-            z-index: 1;
-            overflow-y: auto;
-            overflow-x: auto;
-        }
-    }
-}
-</style>
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this 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.
+ **/
+<template>
+  <div>
+    <el-button type="primary" @click="handleOpenConfigPanel" style="margin: 20px;">打开控制面板</el-button>
+    <el-dialog
+      refs="intersectionMapDialog"
+      class="abow_dialog"
+      :width="dialogWidth"
+      :visible.sync="boxVisible"
+      :close-on-click-modal="false"
+      @close="oncancle"
+      append-to-body>
+      <!-- <scheme-config
+        :agentId="agentId"
+        :statusData="crossStatusData"
+        :realtimeStatusModalvisible="false"
+        @patternCommitCallback="patternCommitCallback"/> -->
+      <scheme-config
+        ref="rightpanel"
+        :agentId="agentId"
+        :lockPhaseBtnName="lockPhaseBtnName"
+        :statusData="crossStatusData"
+        :phaseList="phaseList"
+        :realtimeStatusModalvisible="true"
+        roadDirection="left"
+         />
+         <!-- funcSort="basicFunc" -->
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { getTscControl } from '../api/control.js'
+import { getMessageByCode } from '../utils/responseMessage.js'
+import { getIntersectionInfo } from '../api/template'
+import {
+  setToken
+} from '../utils/auth'
+export default {
+  name: 'democonfig',
+  components: {
+  },
+  data () {
+    return {
+      phaseList: [],
+      showWalk: [ 1, 2 ],
+      sidewalkPhaseData: [{key: 'pedphase1653873194007699', phaseid: 1, id: 1, name: '东人行横道', isshow: false}],
+      lockPhaseBtnName: this.$t('openatccomponents.overview.comfirm'),
+      agentId: '13001-460',
+      Token: 'eyJraWQiOiIxNjYwMjgzMzQwMzM4IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTc0NjY4MzM0MCwiaWF0IjoxNjYwMjgzMzQwfQ.xmgkrjwcdwT_miC3krjqL27Tv4txJ9FQuDEKlfWdtzU',
+      Token103: 'eyJraWQiOiIxNjQ5MzM4NzA5MTA0IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTczNTczODcwOSwiaWF0IjoxNjQ5MzM4NzA5fQ.JDSkpT1SbB61dEKvorhVdZJHKJzoQZEY5DPKHs1Imo0',
+      boxVisible: false,
+      dialogWidth: '80%',
+      crossStatusData: {} // 路口状态数据
+    }
+  },
+  methods: {
+    oncancle () {
+      this.boxVisible = false
+    },
+    handleOpenConfigPanel () {
+      this.boxVisible = true
+      this.$nextTick(() => {
+        // this.$refs.rightpanel.selectSpecialModel(22)
+      })
+    },
+    setDialogWidth () {
+      var val = document.body.offsetWidth
+      const def = 450 // 默认宽度
+      if (val < def) {
+        this.dialogWidth = '80%'
+      } else {
+        this.dialogWidth = def + 'px'
+      }
+    },
+    initData () {
+      // let iframdevid = getIframdevid()
+      this.getIntersectionInfo(this.agentId, '')
+      getTscControl(this.agentId).then((data) => {
+        if (!data.data.success) {
+          if (data.data.code === '4003') {
+            this.$message.error(getMessageByCode(data.data.code, this.$i18n.locale))
+            return
+          }
+          let parrenterror = getMessageByCode(data.data.code, this.$i18n.locale)
+          if (data.data.data) {
+            // 子类型错误
+            let childErrorCode = data.data.data.errorCode
+            if (childErrorCode) {
+              let childerror = getMessageByCode(data.data.data.errorCode, this.$i18n.locale)
+              this.$message.error(parrenterror + ',' + childerror)
+            }
+          } else {
+            this.$message.error(parrenterror)
+          }
+          return
+        }
+        this.crossStatusData = JSON.parse(JSON.stringify(data.data.data.data))
+      }).catch(error => {
+        console.log(error)
+      })
+    },
+    getIntersectionInfo (agentid, id) {
+      // 获取路口信息
+      getIntersectionInfo(agentid).then(res => {
+        this.phaseList = res.data.data.param.phaseList
+      })
+    },
+    setPropsToken (token) {
+      // 获取组件外传入的token，便于独立组件调用接口
+      if (token && token !== '') {
+        setToken(token)
+      }
+    },
+    patternCommitCallback (pattern) {
+      console.log(pattern)
+    }
+  },
+  created () {
+    this.setDialogWidth()
+  },
+  mounted () {
+    this.setPropsToken(this.Token)
+    this.initData()
+    window.onresize = () => {
+      return (() => {
+        this.setDialogWidth()
+      })()
+    }
+  }
+}
+</script>
+<style lang="scss">
+.abow_dialog {
+    display: flex;
+    justify-content: center;
+    align-items: Center;
+    overflow: hidden;
+    .el-dialog {
+        margin: 0 auto !important;
+        height: 90%;
+        overflow: hidden;
+        .el-dialog__body {
+            position: absolute;
+            left: 0;
+            top: 54px;
+            bottom: 0;
+            right: 0;
+            padding: 0;
+            z-index: 1;
+            overflow-y: auto;
+            overflow-x: auto;
+        }
+    }
+}
+</style>