openatc-components 0.0.20 → 0.0.21

package/src/views/home.vue

@@ -1,63 +1,63 @@
-<template>
-  <div class="wrap">
-    <xdr-dir-selector Width="300px"
-                      Height="300px"
-                      :showlist="dirshow"></xdr-dir-selector>
-  </div>
-</template>
-
-<script>
-export default {
-  data () {
-    return {
-      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'
-    }
-  },
-  methods: {
-  },
-  watch: {
-  },
-  mounted () {
-  }
-}
-</script>
-<style scoped>
-.wrap {
-  /* background: #333333; */
-  width: 100%;
-  height: 100%;
-}
-</style>
+<template>
+  <div class="wrap">
+    <xdr-dir-selector Width="300px"
+                      Height="300px"
+                      :showlist="dirshow"></xdr-dir-selector>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      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'
+    }
+  },
+  methods: {
+  },
+  watch: {
+  },
+  mounted () {
+  }
+}
+</script>
+<style scoped>
+.wrap {
+  /* background: #333333; */
+  width: 100%;
+  height: 100%;
+}
+</style>

package/src/views/intersection.vue

@@ -1,86 +1,86 @@
-<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>
-      <intersection-with-interface
-        ref="intersectionWithInterface"
-        :AgentId="agentId"
-        roadDirection="left"
-        :Token="Token"
-        ></intersection-with-interface>
-    </el-dialog>
-  </div>
-</template>
-<script>
-export default {
-  name: 'demo',
-  data () {
-    return {
-      Token: 'eyJraWQiOiIxNjQ5MzM4NzA5MTA0IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTczNTczODcwOSwiaWF0IjoxNjQ5MzM4NzA5fQ.JDSkpT1SbB61dEKvorhVdZJHKJzoQZEY5DPKHs1Imo0',
-      boxVisible: false,
-      dialogWidth: '80%',
-      agentId: '40003-132'
-    }
-  },
-  methods: {
-    oncancle () {
-      this.boxVisible = false
-    },
-    handleOpenConfigPanel () {
-      this.boxVisible = true
-    },
-    setDialogWidth () {
-      var val = document.body.offsetWidth
-      const def = 1200 // 默认宽度
-      if (val < def) {
-        this.dialogWidth = '80%'
-      } else {
-        this.dialogWidth = def + 'px'
-      }
-    }
-  },
-  created () {
-    this.setDialogWidth()
-  },
-  mounted () {
-    window.onresize = () => {
-      return (() => {
-        this.setDialogWidth()
-      })()
-    }
-  },
-  destroyed () {
-  }
-}
-</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>
+<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> -->
+      <intersection-with-interface
+        ref="intersectionWithInterface"
+        :AgentId="agentId"
+        roadDirection="left"
+        :Token="Token"
+        ></intersection-with-interface>
+    <!-- </el-dialog> -->
+  </div>
+</template>
+<script>
+export default {
+  name: 'demo',
+  data () {
+    return {
+      Token: 'eyJraWQiOiIxNjQ5MzM4NzA5MTA0IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTczNTczODcwOSwiaWF0IjoxNjQ5MzM4NzA5fQ.JDSkpT1SbB61dEKvorhVdZJHKJzoQZEY5DPKHs1Imo0',
+      boxVisible: false,
+      dialogWidth: '80%',
+      agentId: '10002-994'
+    }
+  },
+  methods: {
+    oncancle () {
+      this.boxVisible = false
+    },
+    handleOpenConfigPanel () {
+      this.boxVisible = true
+    },
+    setDialogWidth () {
+      var val = document.body.offsetWidth
+      const def = 1200 // 默认宽度
+      if (val < def) {
+        this.dialogWidth = '80%'
+      } else {
+        this.dialogWidth = def + 'px'
+      }
+    }
+  },
+  created () {
+    this.setDialogWidth()
+  },
+  mounted () {
+    window.onresize = () => {
+      return (() => {
+        this.setDialogWidth()
+      })()
+    }
+  },
+  destroyed () {
+  }
+}
+</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>

package/src/views/schemeconfig.vue

@@ -1,146 +1,146 @@
-/**
- * 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
-        ref="rightpanel"
-        agentId="10001-928"
-        :statusData="crossStatusData"
-        :realtimeStatusModalvisible="false" /> -->
-      <scheme-config
-        ref="rightpanel"
-        :agentId="agentId"
-        :lockPhaseBtnName="lockPhaseBtnName"
-        :statusData="crossStatusData"
-        roadDirection="left"
-        funcSort="basicFunc" />
-    </el-dialog>
-  </div>
-</template>
-<script>
-import { getTscControl } from '../api/control.js'
-import { getMessageByCode } from '../utils/responseMessage.js'
-import {
-  getIframdevid, setToken
-} from '../utils/auth'
-export default {
-  name: 'democonfig',
-  data () {
-    return {
-      lockPhaseBtnName: this.$t('openatccomponents.overview.comfirm'),
-      agentId: '10002-994',
-      Token: 'eyJraWQiOiIxNjQ5MzM4NzA5MTA0IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTczNTczODcwOSwiaWF0IjoxNjQ5MzM4NzA5fQ.JDSkpT1SbB61dEKvorhVdZJHKJzoQZEY5DPKHs1Imo0',
-      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()
-      getTscControl(iframdevid).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)
-      })
-    },
-    setPropsToken (token) {
-      // 获取组件外传入的token，便于独立组件调用接口
-      if (token && token !== '') {
-        setToken(token)
-      }
-    }
-  },
-  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
+        ref="rightpanel"
+        agentId="10001-928"
+        :statusData="crossStatusData"
+        :realtimeStatusModalvisible="false" /> -->
+      <scheme-config
+        ref="rightpanel"
+        :agentId="agentId"
+        :lockPhaseBtnName="lockPhaseBtnName"
+        :statusData="crossStatusData"
+        roadDirection="left"
+        funcSort="basicFunc" />
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { getTscControl } from '../api/control.js'
+import { getMessageByCode } from '../utils/responseMessage.js'
+import {
+  getIframdevid, setToken
+} from '../utils/auth'
+export default {
+  name: 'democonfig',
+  data () {
+    return {
+      lockPhaseBtnName: this.$t('openatccomponents.overview.comfirm'),
+      agentId: '10002-994',
+      Token: 'eyJraWQiOiIxNjQ5MzM4NzA5MTA0IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTczNTczODcwOSwiaWF0IjoxNjQ5MzM4NzA5fQ.JDSkpT1SbB61dEKvorhVdZJHKJzoQZEY5DPKHs1Imo0',
+      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()
+      getTscControl(iframdevid).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)
+      })
+    },
+    setPropsToken (token) {
+      // 获取组件外传入的token，便于独立组件调用接口
+      if (token && token !== '') {
+        setToken(token)
+      }
+    }
+  },
+  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>