openatc-components 0.1.166 → 0.1.167

package/src/kisscomps/components/IntersectionMap/crossDirection/utils.js

@@ -1,78 +1,78 @@
-
-/**
- * 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.
- **/
-// import store from '../../../../store'
-export default class PhaseDataModel {
-  constructor (roadDirection = 'right') {
-    this.PhasePosMap = new Map()
-    this.SidePosMap = new Map()
-    this.RampMainPosMap = new Map() // 匝道主路坐标
-    this.RampSidePosMap = new Map() // 匝道支路坐标
-    this.BusMapMap = new Map() // 公交相位底图坐标
-    this.BusPhaseMap = new Map() // 公交相位坐标
-    this.roadDirection = roadDirection
-    this.Init()
-  }
-  Init () {
-    let phaseJson = require('./posJson/phasePos.json').phaseList
-    let sideJson = require('./posJson/sidePos.json').sideList
-    let rampJson = require('./posJson/rampPos.json')
-    let busMapJson = require('./posJson/busPos.json').busMap
-    let busPhaseJson = require('./posJson/busPos.json').busphases
-    if (this.roadDirection === 'left') {
-      phaseJson = require('./posJson/phasePos.left.json').phaseList
-      busMapJson = require('./posJson/busPos.left.json').busMap
-      busPhaseJson = require('./posJson/busPos.left.json').busphases
-    }
-    this.handlePos(phaseJson, this.PhasePosMap)
-    this.handlePos(sideJson, this.SidePosMap)
-    this.handlePos(rampJson.rampMainPhaseList, this.RampMainPosMap)
-    this.handlePos(rampJson.rampSidePhaseList, this.RampSidePosMap)
-    this.handlePos(busMapJson, this.BusMapMap)
-    this.handlePos(busPhaseJson, this.BusPhaseMap)
-  }
-
-  handlePos (phaseJson, phaseMap) {
-    phaseJson.forEach(phase => {
-      let value = {
-        name: phase.name,
-        x: phase.x,
-        y: phase.y
-      }
-      phaseMap.set(phase.id, value)
-    })
-  }
-
-  getPhase (id) {
-    return this.PhasePosMap.get(id)
-  }
-
-  getSidePos (id) {
-    return this.SidePosMap.get(id)
-  }
-
-  getMainPhasePos (id) {
-    return this.RampMainPosMap.get(id)
-  }
-
-  getSidePhasePos (id) {
-    return this.RampSidePosMap.get(id)
-  }
-
-  getBusMapPos (id) {
-    return this.BusMapMap.get(id)
-  }
-
-  getBusPhasePos (id) {
-    return this.BusPhaseMap.get(id)
-  }
-}
+
+/**
+ * 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.
+ **/
+// import store from '../../../../store'
+export default class PhaseDataModel {
+  constructor (roadDirection = 'right') {
+    this.PhasePosMap = new Map()
+    this.SidePosMap = new Map()
+    this.RampMainPosMap = new Map() // 匝道主路坐标
+    this.RampSidePosMap = new Map() // 匝道支路坐标
+    this.BusMapMap = new Map() // 公交相位底图坐标
+    this.BusPhaseMap = new Map() // 公交相位坐标
+    this.roadDirection = roadDirection
+    this.Init()
+  }
+  Init () {
+    let phaseJson = require('./posJson/phasePos.json').phaseList
+    let sideJson = require('./posJson/sidePos.json').sideList
+    let rampJson = require('./posJson/rampPos.json')
+    let busMapJson = require('./posJson/busPos.json').busMap
+    let busPhaseJson = require('./posJson/busPos.json').busphases
+    if (this.roadDirection === 'left') {
+      phaseJson = require('./posJson/phasePos.left.json').phaseList
+      busMapJson = require('./posJson/busPos.left.json').busMap
+      busPhaseJson = require('./posJson/busPos.left.json').busphases
+    }
+    this.handlePos(phaseJson, this.PhasePosMap)
+    this.handlePos(sideJson, this.SidePosMap)
+    this.handlePos(rampJson.rampMainPhaseList, this.RampMainPosMap)
+    this.handlePos(rampJson.rampSidePhaseList, this.RampSidePosMap)
+    this.handlePos(busMapJson, this.BusMapMap)
+    this.handlePos(busPhaseJson, this.BusPhaseMap)
+  }
+
+  handlePos (phaseJson, phaseMap) {
+    phaseJson.forEach(phase => {
+      let value = {
+        name: phase.name,
+        x: phase.x,
+        y: phase.y
+      }
+      phaseMap.set(phase.id, value)
+    })
+  }
+
+  getPhase (id) {
+    return this.PhasePosMap.get(id)
+  }
+
+  getSidePos (id) {
+    return this.SidePosMap.get(id)
+  }
+
+  getMainPhasePos (id) {
+    return this.RampMainPosMap.get(id)
+  }
+
+  getSidePhasePos (id) {
+    return this.RampSidePosMap.get(id)
+  }
+
+  getBusMapPos (id) {
+    return this.BusMapMap.get(id)
+  }
+
+  getBusPhasePos (id) {
+    return this.BusPhaseMap.get(id)
+  }
+}

package/src/kisscomps/components/IntersectionMap/index.js

@@ -1,2 +1,2 @@
-import IntersectionMap from './intersectionmap.vue'
-export default IntersectionMap
+import IntersectionMap from './intersectionmap.vue'
+export default IntersectionMap

package/src/kisscomps/components/IntersectionMap/intersectionmap.vue

@@ -1,163 +1,163 @@
-/**
- * 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 class="intersection-map">
-  <div class="crossDirection-display openatc-intersection-base-map" :class="{
-    'widescreenCrossImg': bodyDomWidth > 1680,
-    'superlargeCrossImg': bodyDomWidth <= 1680 && bodyDomWidth > 1440,
-    'largeCrossImg': bodyDomWidth <= 1440 && bodyDomWidth > 1280,
-    'middleCrossImg': bodyDomWidth <= 1280 && bodyDomWidth > 1100,
-    'middleCrossImg2': bodyDomWidth <= 1100 && bodyDomWidth > 960,
-    'smallCrossImg': bodyDomWidth <= 960 && bodyDomWidth > 890,
-    'smallCrossImg2': bodyDomWidth <= 890 && bodyDomWidth > 720,
-    'miniCrossImg': bodyDomWidth <= 720 && bodyDomWidth > 650,
-    'superminiCrossImg': bodyDomWidth <= 650 && bodyDomWidth > 450,
-    'transMiddleCrossImg': bodyDomWidth <= 450 && bodyDomWidth > 350,
-    'transMiddleCrossImg2': bodyDomWidth <= 350 && bodyDomWidth > 300,
-    'transMiddleCrossImg3': bodyDomWidth <= 300 && bodyDomWidth > 260,
-    'transMiniCrossImg': bodyDomWidth <= 260,
-    'changePaddingBottom': graphicMode }">
-    <CrossDiagram ref = "crossDiagram" v-if="reset"
-      :crossStatusData="crossStatusData"
-      :agentId="agentId"
-      :isShowInterval="isShowInterval"
-      :isShowState="isShowState"
-      :isShowMode="isShowMode"
-      :modeName="modeName"
-      :controlName="controlName"
-      :stateName="stateName"
-      :roadDirection="roadDirection" />
-  </div>
-</div>
-</template>
-
-<script>
-import CrossDiagram from './crossDirection/crossDiagram'
-import { setToken } from '../../../utils/auth.js'
-export default {
-  name: 'intersection-base-map',
-  components: {
-    CrossDiagram
-  },
-  data () {
-    return {
-      reset: false,
-      bodyDomWidth: 352,
-      bodyDomSize: {
-        width: 1920,
-        height: 1080
-      }
-    }
-  },
-  props: {
-    crossStatusData: {
-      type: Object,
-      required: true
-    },
-    // devStatus: {
-    //   type: Number,
-    //   default: 0
-    // },
-    agentId: {
-      type: String,
-      default: '0'
-    },
-    graphicMode: {
-      type: Boolean,
-      default: false
-    },
-    isShowInterval: {
-      type: Boolean,
-      default: true
-    },
-    roadDirection: {
-      type: String,
-      default: 'right'
-    },
-    isShowState: {
-      type: Boolean,
-      devault: false
-    },
-    isShowMode: {
-      type: Boolean,
-      default: false
-    },
-    modeName: {
-      type: String,
-      default: ''
-    },
-    controlName: {
-      type: String,
-      default: ''
-    },
-    stateName: {
-      type: String,
-      default: ''
-    }
-  },
-  watch: {
-    $route: {
-      handler: function (val, oldVal) {
-        if (val.query !== undefined) {
-          this.resetCrossDiagram()
-        }
-      },
-      // 深度观察监听
-      deep: true
-    }
-  },
-  created () {
-    if (this.$route.query !== undefined && Object.keys(this.$route.query).length) {
-      this.resetCrossDiagram()
-    }
-  },
-  mounted () {
-    this.getParentSize()
-  },
-  updated () {
-  },
-  methods: {
-    resetCrossDiagram () {
-      this.reset = false
-      this.$nextTick(() => {
-        this.reset = true
-      })
-    },
-    getParentSize () {
-      // 获取最外层dom尺寸，适配准备
-      var _this = this
-      this.$nextTick(function () {
-        if (this.$el.parentElement === null || this.$el.parentElement === undefined) return
-        this.bodyDomSize.width = this.$el.parentElement.clientWidth
-        this.bodyDomWidth = this.bodyDomSize.width
-        console.log(this.bodyDomWidth)
-        window.addEventListener('resize', () => {
-        // 定义窗口大小变更通知事件
-          if (_this.$el.parentElement === null || _this.$el.parentElement === undefined) return
-          _this.bodyDomSize.width = _this.$el.parentElement.clientWidth
-          this.bodyDomWidth = this.bodyDomSize.width
-          console.log(this.bodyDomWidth)
-          console.log('resize this.bodyDomSize.width', _this.bodyDomSize.width)
-        }, false)
-      })
-    },
-    setPropsToken (token) {
-      // 获取组件外传入的token，便于独立组件调用接口
-      if (token && token !== '') {
-        setToken(token)
-      }
-    }
-  },
-  destroyed () {
-  }
-}
-</script>
+/**
+ * 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 class="intersection-map">
+  <div class="crossDirection-display openatc-intersection-base-map" :class="{
+    'widescreenCrossImg': bodyDomWidth > 1680,
+    'superlargeCrossImg': bodyDomWidth <= 1680 && bodyDomWidth > 1440,
+    'largeCrossImg': bodyDomWidth <= 1440 && bodyDomWidth > 1280,
+    'middleCrossImg': bodyDomWidth <= 1280 && bodyDomWidth > 1100,
+    'middleCrossImg2': bodyDomWidth <= 1100 && bodyDomWidth > 960,
+    'smallCrossImg': bodyDomWidth <= 960 && bodyDomWidth > 890,
+    'smallCrossImg2': bodyDomWidth <= 890 && bodyDomWidth > 720,
+    'miniCrossImg': bodyDomWidth <= 720 && bodyDomWidth > 650,
+    'superminiCrossImg': bodyDomWidth <= 650 && bodyDomWidth > 450,
+    'transMiddleCrossImg': bodyDomWidth <= 450 && bodyDomWidth > 350,
+    'transMiddleCrossImg2': bodyDomWidth <= 350 && bodyDomWidth > 300,
+    'transMiddleCrossImg3': bodyDomWidth <= 300 && bodyDomWidth > 260,
+    'transMiniCrossImg': bodyDomWidth <= 260,
+    'changePaddingBottom': graphicMode }">
+    <CrossDiagram ref = "crossDiagram" v-if="reset"
+      :crossStatusData="crossStatusData"
+      :agentId="agentId"
+      :isShowInterval="isShowInterval"
+      :isShowState="isShowState"
+      :isShowMode="isShowMode"
+      :modeName="modeName"
+      :controlName="controlName"
+      :stateName="stateName"
+      :roadDirection="roadDirection" />
+  </div>
+</div>
+</template>
+
+<script>
+import CrossDiagram from './crossDirection/crossDiagram'
+import { setToken } from '../../../utils/auth.js'
+export default {
+  name: 'intersection-base-map',
+  components: {
+    CrossDiagram
+  },
+  data () {
+    return {
+      reset: false,
+      bodyDomWidth: 352,
+      bodyDomSize: {
+        width: 1920,
+        height: 1080
+      }
+    }
+  },
+  props: {
+    crossStatusData: {
+      type: Object,
+      required: true
+    },
+    // devStatus: {
+    //   type: Number,
+    //   default: 0
+    // },
+    agentId: {
+      type: String,
+      default: '0'
+    },
+    graphicMode: {
+      type: Boolean,
+      default: false
+    },
+    isShowInterval: {
+      type: Boolean,
+      default: true
+    },
+    roadDirection: {
+      type: String,
+      default: 'right'
+    },
+    isShowState: {
+      type: Boolean,
+      devault: false
+    },
+    isShowMode: {
+      type: Boolean,
+      default: false
+    },
+    modeName: {
+      type: String,
+      default: ''
+    },
+    controlName: {
+      type: String,
+      default: ''
+    },
+    stateName: {
+      type: String,
+      default: ''
+    }
+  },
+  watch: {
+    $route: {
+      handler: function (val, oldVal) {
+        if (val.query !== undefined) {
+          this.resetCrossDiagram()
+        }
+      },
+      // 深度观察监听
+      deep: true
+    }
+  },
+  created () {
+    if (this.$route.query !== undefined && Object.keys(this.$route.query).length) {
+      this.resetCrossDiagram()
+    }
+  },
+  mounted () {
+    this.getParentSize()
+  },
+  updated () {
+  },
+  methods: {
+    resetCrossDiagram () {
+      this.reset = false
+      this.$nextTick(() => {
+        this.reset = true
+      })
+    },
+    getParentSize () {
+      // 获取最外层dom尺寸，适配准备
+      var _this = this
+      this.$nextTick(function () {
+        if (this.$el.parentElement === null || this.$el.parentElement === undefined) return
+        this.bodyDomSize.width = this.$el.parentElement.clientWidth
+        this.bodyDomWidth = this.bodyDomSize.width
+        console.log(this.bodyDomWidth)
+        window.addEventListener('resize', () => {
+        // 定义窗口大小变更通知事件
+          if (_this.$el.parentElement === null || _this.$el.parentElement === undefined) return
+          _this.bodyDomSize.width = _this.$el.parentElement.clientWidth
+          this.bodyDomWidth = this.bodyDomSize.width
+          console.log(this.bodyDomWidth)
+          console.log('resize this.bodyDomSize.width', _this.bodyDomSize.width)
+        }, false)
+      })
+    },
+    setPropsToken (token) {
+      // 获取组件外传入的token，便于独立组件调用接口
+      if (token && token !== '') {
+        setToken(token)
+      }
+    }
+  },
+  destroyed () {
+  }
+}
+</script>