openatc-components 0.1.22 → 0.1.24

package/src/kisscomps/components/DrawChannelization/drawsvg/table.vue

@@ -1,99 +1,99 @@
-/**
- * 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>
-<el-table :data="list" :max-height="tableHeight" id="footerBtn">
-      <el-table-column align="center" label='No' min-width="30">
-        <template slot-scope="scope">
-          <span>{{scope.$index+1}}</span>
-        </template>
-      </el-table-column>
-      <el-table-column align="center" label='类型' min-width="60">
-        <template slot-scope="scope">
-          <span>{{scope.row.icontype}}</span>
-        </template>
-      </el-table-column>
-      <el-table-column align="center" label="相位">
-        <template slot-scope="scope">
-            <el-select v-if="scope.row.icontype === 'vehile' || scope.row.icontype === 'ped'" v-model="scope.row.phaseid" :placeholder="$t('openatccomponents.common.select')" size="small" @change="handleChangePhase(scope.row)">
-              <el-option
-                v-for="item in phaseoptions"
-                :key="item.id"
-                :label="item.label"
-                :value="item.id">
-              </el-option>
-            </el-select>
-            <el-input v-if="scope.row.icontype === 'text'" v-model="scope.row.text" @change="handleChanngeText(scope.row)">{{scope.row.content}}</el-input>
-        </template>
-      </el-table-column>
-
-      <el-table-column align="center" :label="$t('openatccomponents.overlap.operation')">
-        <template slot-scope="scope">
-          <el-button type="text"  @click="handleDelete(scope.row)">{{$t('openatccomponents.common.delete')}}</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-</template>
-
-<script>
-export default {
-  data () {
-    return {
-      list: [],
-      tableHeight: 400,
-      phaseoptions: [{
-        id: 1,
-        label: 'P1'
-      }, {
-        id: 2,
-        label: 'P2'
-      }, {
-        id: 3,
-        label: 'P3'
-      }
-      ]
-    }
-  },
-  props: {
-    customlist: {
-      type: Array
-    }
-  },
-  watch: {
-    customlist: {
-      handler: function (val) {
-        this.list = JSON.parse(JSON.stringify(val))
-      },
-      deep: true
-    }
-  },
-  components: {
-  },
-  mounted () {
-  },
-  methods: {
-    handleDelete (row) {
-      this.$emit('deleteItem', row)
-    },
-    handleChanngeText (row) {
-      this.$emit('changeText', row, ['text'])
-    },
-    handleChangePhase (row) {
-      row.phaselabel = this.phaseoptions.filter(ele => ele.id === row.phaseid)[0].label
-      this.$emit('changeIconDataByType', row, ['phaseid', 'phaselabel'])
-    }
-  }
-}
-</script>
-
-<style>
-
-</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>
+<el-table :data="list" :max-height="tableHeight" id="footerBtn">
+      <el-table-column align="center" label='No' min-width="30">
+        <template slot-scope="scope">
+          <span>{{scope.$index+1}}</span>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label='类型' min-width="60">
+        <template slot-scope="scope">
+          <span>{{scope.row.icontype}}</span>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="相位">
+        <template slot-scope="scope">
+            <el-select v-if="scope.row.icontype === 'vehile' || scope.row.icontype === 'ped'" v-model="scope.row.phaseid" :placeholder="$t('openatccomponents.common.select')" size="small" @change="handleChangePhase(scope.row)">
+              <el-option
+                v-for="item in phaseoptions"
+                :key="item.id"
+                :label="item.label"
+                :value="item.id">
+              </el-option>
+            </el-select>
+            <el-input v-if="scope.row.icontype === 'text'" v-model="scope.row.text" @change="handleChanngeText(scope.row)">{{scope.row.content}}</el-input>
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" :label="$t('openatccomponents.overlap.operation')">
+        <template slot-scope="scope">
+          <el-button type="text"  @click="handleDelete(scope.row)">{{$t('openatccomponents.common.delete')}}</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      list: [],
+      tableHeight: 400,
+      phaseoptions: [{
+        id: 1,
+        label: 'P1'
+      }, {
+        id: 2,
+        label: 'P2'
+      }, {
+        id: 3,
+        label: 'P3'
+      }
+      ]
+    }
+  },
+  props: {
+    customlist: {
+      type: Array
+    }
+  },
+  watch: {
+    customlist: {
+      handler: function (val) {
+        this.list = JSON.parse(JSON.stringify(val))
+      },
+      deep: true
+    }
+  },
+  components: {
+  },
+  mounted () {
+  },
+  methods: {
+    handleDelete (row) {
+      this.$emit('deleteItem', row)
+    },
+    handleChanngeText (row) {
+      this.$emit('changeText', row, ['text'])
+    },
+    handleChangePhase (row) {
+      row.phaselabel = this.phaseoptions.filter(ele => ele.id === row.phaseid)[0].label
+      this.$emit('changeIconDataByType', row, ['phaseid', 'phaselabel'])
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/kisscomps/components/DrawChannelization/drawsvg/utils/loadutils.js

@@ -1,87 +1,87 @@
-/**
- * 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.
- **/
-export default class Svgmethods {
-  clickOpen (call, call2) {
-    const file = document.getElementById('importimg').files[0]
-    const filetype = file.type
-    const reader = new FileReader()
-    const reader2 = new FileReader()
-    const filesize = file.size
-    if (filetype !== 'image/svg+xml' && filetype !== 'image/png' && filetype !== 'image/jpeg') {
-      call('error', 'type')
-      return
-    }
-    if (filesize > 1024 * 1024 * 10) { // 10M换算字节
-      call('error', 'size')
-      return
-    }
-    if (filetype === 'image/svg+xml') {
-      reader2.readAsDataURL(file)
-      reader2.addEventListener('load', async (readerEvent) => {
-        const imageSrc = readerEvent.target.result
-        // 调用计算图片大小的方法
-        calculateImageSize(imageSrc).then(function ({width, height}) {
-          // 通过ES6的结构赋值来得到图片的宽和高
-          let svgsize = {
-            width,
-            height
-          }
-          call2('vectorgraph', svgsize)
-          reader.readAsText(file, 'UTF-8')
-          reader.addEventListener('load', async (readerEvent) => {
-            const content = readerEvent.target.result
-            call('vectorgraph', content)
-          })
-        })
-      })
-    }
-    if (filetype === 'image/png' || filetype === 'image/jpeg') {
-      reader.readAsDataURL(file)
-      reader.addEventListener('load', async (readerEvent) => {
-        // 图片的 base64 格式, 可以直接当成 img 的 src 属性值
-        const imageSrc = readerEvent.target.result
-        // 调用计算图片大小的方法
-        calculateImageSize(imageSrc).then(function ({width, height}) {
-          // 通过ES6的结构赋值来得到图片的宽和高
-          let pngsize = {
-            width,
-            height
-          }
-          call2('picture', pngsize)
-          const _base64 = reader.result
-          const content = _base64
-          call('picture', content)
-        })
-      })
-    }
-  }
-}
-
-// 根据图片地址获取图片的宽和高
-const calculateImageSize = function (url) {
-  return new Promise(function (resolve, reject) {
-    const image = document.createElement('img')
-    image.addEventListener('load', function (e) {
-      resolve({
-        width: e.target.width,
-        height: e.target.height
-      })
-    })
-
-    image.addEventListener('error', function () {
-      console.log('error')
-    })
-
-    // 将图片的url地址添加到图片地址中
-    image.src = url
-  })
-}
+/**
+ * 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.
+ **/
+export default class Svgmethods {
+  clickOpen (call, call2) {
+    const file = document.getElementById('importimg').files[0]
+    const filetype = file.type
+    const reader = new FileReader()
+    const reader2 = new FileReader()
+    const filesize = file.size
+    if (filetype !== 'image/svg+xml' && filetype !== 'image/png' && filetype !== 'image/jpeg') {
+      call('error', 'type')
+      return
+    }
+    if (filesize > 1024 * 1024 * 10) { // 10M换算字节
+      call('error', 'size')
+      return
+    }
+    if (filetype === 'image/svg+xml') {
+      reader2.readAsDataURL(file)
+      reader2.addEventListener('load', async (readerEvent) => {
+        const imageSrc = readerEvent.target.result
+        // 调用计算图片大小的方法
+        calculateImageSize(imageSrc).then(function ({width, height}) {
+          // 通过ES6的结构赋值来得到图片的宽和高
+          let svgsize = {
+            width,
+            height
+          }
+          call2('vectorgraph', svgsize)
+          reader.readAsText(file, 'UTF-8')
+          reader.addEventListener('load', async (readerEvent) => {
+            const content = readerEvent.target.result
+            call('vectorgraph', content)
+          })
+        })
+      })
+    }
+    if (filetype === 'image/png' || filetype === 'image/jpeg') {
+      reader.readAsDataURL(file)
+      reader.addEventListener('load', async (readerEvent) => {
+        // 图片的 base64 格式, 可以直接当成 img 的 src 属性值
+        const imageSrc = readerEvent.target.result
+        // 调用计算图片大小的方法
+        calculateImageSize(imageSrc).then(function ({width, height}) {
+          // 通过ES6的结构赋值来得到图片的宽和高
+          let pngsize = {
+            width,
+            height
+          }
+          call2('picture', pngsize)
+          const _base64 = reader.result
+          const content = _base64
+          call('picture', content)
+        })
+      })
+    }
+  }
+}
+
+// 根据图片地址获取图片的宽和高
+const calculateImageSize = function (url) {
+  return new Promise(function (resolve, reject) {
+    const image = document.createElement('img')
+    image.addEventListener('load', function (e) {
+      resolve({
+        width: e.target.width,
+        height: e.target.height
+      })
+    })
+
+    image.addEventListener('error', function () {
+      console.log('error')
+    })
+
+    // 将图片的url地址添加到图片地址中
+    image.src = url
+  })
+}

package/src/kisscomps/components/DrawChannelization/drawsvg/utils/phaseDataModel.js

@@ -1,32 +1,32 @@
-/**
- * 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.
- **/
-export default class PhaseDataModel {
-  constructor () {
-    this.PhasePosMap = new Map()
-    this.Init()
-  }
-  Init () {
-    const phaseJson = require('./phasePos.json')
-    phaseJson.phaseList.forEach(phase => {
-      let value = {
-        name: phase.name,
-        x: phase.x,
-        y: phase.y
-      }
-      this.PhasePosMap.set(phase.id, value)
-    })
-  }
-
-  getPhase (id) {
-    return this.PhasePosMap.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.
+ **/
+export default class PhaseDataModel {
+  constructor () {
+    this.PhasePosMap = new Map()
+    this.Init()
+  }
+  Init () {
+    const phaseJson = require('./phasePos.json')
+    phaseJson.phaseList.forEach(phase => {
+      let value = {
+        name: phase.name,
+        x: phase.x,
+        y: phase.y
+      }
+      this.PhasePosMap.set(phase.id, value)
+    })
+  }
+
+  getPhase (id) {
+    return this.PhasePosMap.get(id)
+  }
+}

package/src/kisscomps/components/DrawChannelization/drawsvg/utils/phasePos.json

@@ -1,20 +1,20 @@
-{
-  "phaseList": [
-    {
-      "id": 1,
-      "name": "直行"
-    },
-    {
-      "id": 2,
-      "name": "左转"
-    },
-    {
-      "id": 3,
-      "name": "右转"
-    },
-    {
-      "id": 4,
-      "name": "掉头"
-    }
-  ]
-}
+{
+  "phaseList": [
+    {
+      "id": 1,
+      "name": "直行"
+    },
+    {
+      "id": 2,
+      "name": "左转"
+    },
+    {
+      "id": 3,
+      "name": "右转"
+    },
+    {
+      "id": 4,
+      "name": "掉头"
+    }
+  ]
+}

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

@@ -1,2 +1,2 @@
-import DrawChannelization from './drawsvg/index.vue'
-export default DrawChannelization
+import DrawChannelization from './drawsvg/index.vue'
+export default DrawChannelization