openatc-components 0.1.131 → 0.1.132

package/package/kisscomps/components/patternConfig/pattern/planChart/model/coordinationModel.js

@@ -1,665 +0,0 @@
-/**
- * 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.
- **/
-/**
- * @Description: Coordination Echarts表格图
- * @Author: yangdongyang
- * @Date: Create in 11:27 2019/11/26
- * @Modified By:
- */
-import echarts from 'echarts'
-import { getTheme } from '../../../../utils/auth'
-export default class CoordinationModel {
-  constructor () {
-    this.rourte = {}
-    this.greenwave = []
-  }
-  getMaxY () {
-    let rourte = this.rourte
-    let maxY = 0
-    if (Object.keys(rourte).length === 0) return maxY
-    for (let devs of rourte.devs) {
-      for (let pattern of devs.patternList) {
-        if (pattern.cycle > maxY) {
-          maxY = pattern.cycle
-        }
-      }
-    }
-    return maxY
-  }
-  getMaxX () {
-    let rourte = this.rourte
-    let maxX = 0
-    if (Object.keys(rourte).length === 0) return maxX
-    for (let devs of rourte.devs) {
-      maxX = maxX + devs.distance
-    }
-    return maxX
-  }
-  getInitBarData () {
-    let rourte = this.rourte
-    let data = []
-    let xDistance = 0 // 表示该路口到起点的距离
-    for (let devs of rourte.devs) {
-      xDistance = xDistance + devs.distance
-      let list = [xDistance, 0]
-      data.push(list)
-    }
-    return data
-  }
-  getXName (val) {
-    let rourte = this.rourte
-    let xDistance = 0 // 表示该路口到起点的距离
-    let xName = ''
-    for (let devs of rourte.devs) {
-      xDistance = xDistance + devs.distance
-      if (xDistance === val) {
-        xName = devs.agentid + '(' + val + ')'
-      }
-    }
-    return xName
-  }
-  getCycleNum () {
-    let rourte = this.rourte
-    let minCycle = 99999
-    for (let devs of rourte.devs) {
-      let cycle = devs.patternList[0].cycle
-      if (cycle < minCycle) {
-        minCycle = cycle
-      }
-    }
-    let maxValue = this.getMaxY()
-    let cycleNum = Math.ceil(maxValue * 3 / minCycle)
-    return cycleNum
-  }
-  getSeries () {
-    let _vue = this
-    let seriesList = []
-    let dataTemplate = this.getInitBarData()
-    let obj = {
-      type: 'bar',
-      clickable: false,
-      stack: '信号灯0',
-      barWidth: 6,
-      silent: true,
-      itemStyle: {
-        color: '#009f3c'
-      },
-      data: dataTemplate,
-      label: {
-        show: true,
-        position: 'bottom',
-        offset: [0, 5],
-        color: getTheme() === 'light' ? '#666666' : '#B9BABF',
-        formatter: function (val) {
-          return _vue.getXName(val.data[0])
-        }
-      }
-    }
-    seriesList.push(obj)
-    let allInterList = []
-    let forwardCycleDta = this.getForwardIntersectionCycle()
-    let backCycleDta = this.getBackIntersectionCycle()
-    allInterList.push(backCycleDta)
-    allInterList.push(forwardCycleDta)
-    let cycleNum = this.getCycleNum() // 计算时距图上显示几个周期（以周期最小的路口计算）
-    for (let s = 0; s < allInterList.length; s++) {
-      for (let t = 0; t < cycleNum; t++) {
-        for (let i = 0; i < 4; i++) {
-          let tempObj = {}
-          tempObj.type = 'bar'
-          tempObj.clickable = false
-          tempObj.stack = '信号灯' + s
-          tempObj.barWidth = 6
-          tempObj.silent = true
-          tempObj.itemStyle = {}
-          tempObj.data = []
-          if (i % 2 !== 0) {
-            tempObj.itemStyle.color = '#009f3c'
-          } else {
-            tempObj.itemStyle.color = '#ca0d0d'
-          }
-          for (let cycle of allInterList[s]) {
-            let cycleList = []
-            cycleList[0] = cycle.distance
-            cycleList[1] = cycle.value[i]
-            tempObj.data.push(cycleList)
-          }
-          seriesList.push(tempObj)
-        }
-        for (let cyc of allInterList[s]) {
-          let addCycle = cyc.cycle
-          let val = cyc.value
-          cyc.value = this.calculationNewCycle(val, addCycle)
-        }
-      }
-    }
-    let newSeriesList = seriesList.reverse()
-    // 画时距图阴影部分
-    let customList = []
-    let dir = this.rourte.direction
-    if (dir === 'up') {
-      let forwardCustomData = this.getCustomData('forward') // 获取正向阴影面积的数据
-      customList.push(forwardCustomData)
-    } else if (dir === 'down') {
-      let backCustomData = this.getCustomData('back') // 获取反向阴影部分面积数据
-      customList.push(backCustomData)
-    } else if (dir === 'all') {
-      let forwardCustomData = this.getCustomData('forward') // 获取正向阴影面积的数据
-      let backCustomData = this.getCustomData('back') // 获取反向阴影部分面积数据
-      customList.push(forwardCustomData)
-      customList.push(backCustomData)
-    }
-    for (let customl of customList) {
-      for (let custom of customl) {
-        let data = []
-        data.push(custom)
-        let customObj = {}
-        customObj.type = 'custom'
-        customObj.renderItem = this.renderItem
-        customObj.silent = true
-        customObj.data = data // data数据格式为[n1,n2,n3,n4,n5,n6]n1到n4为阴影面的四个带你的y坐标，n5和n6分别表示x轴上的两点
-        newSeriesList.push(customObj)
-      }
-    }
-    // 画时距图虚线部分
-    if (this.greenwave.length > 0) {
-      let allLine = []
-      let dir = this.rourte.direction
-      let greenwave = this.greenwave
-      let upGreenware = greenwave.filter(ele => ele.type === 'up')
-      let downGreenware = greenwave.filter(ele => ele.type === 'down')
-      if (dir === 'down') {
-        let lineDataBack = this.getLineData('down', downGreenware)
-        allLine.push(lineDataBack)
-      } else if (dir === 'up') {
-        let lineDataFoward = this.getLineData('up', upGreenware)
-        allLine.push(lineDataFoward)
-      } else if (dir === 'all') {
-        let lineDataFoward = this.getLineData('down', downGreenware)
-        let lineDataBack = this.getLineData('up', upGreenware)
-        allLine.push(lineDataFoward)
-        allLine.push(lineDataBack)
-      }
-      // let lineData = this.getLineData()
-      for (let lineData of allLine) {
-        for (let line of lineData) {
-          let lineObj = {
-            lineStyle: {
-              normal: {
-                color: '#009f3c',
-                width: 1,
-                type: 'dashed'
-              }
-            }
-          }
-          lineObj.name = '最优通行方案'
-          lineObj.type = 'line'
-          lineObj.data = line
-          newSeriesList.push(lineObj)
-        }
-      }
-      // for (let line of lineData) {
-      //   let lineObj = {
-      //     lineStyle: {
-      //       normal: {
-      //         color: '#009f3c',
-      //         width: 1,
-      //         type: 'dashed'
-      //       }
-      //     }
-      //   }
-      //   lineObj.name = '最优通行方案'
-      //   lineObj.type = 'line'
-      //   lineObj.data = line
-      //   newSeriesList.push(lineObj)
-      // }
-    }
-    return newSeriesList
-  }
-  getLineData (direction, greenwave) {
-    let data = []
-    let rourte = this.rourte
-    // let greenwave = this.greenwave
-    if (greenwave.length === 0) return data
-    let routeList = rourte.devs
-    let firstXLine = routeList[0].distance // 虚线起点的x坐标
-    let lastXLine = this.getMaxX() // 虚线终点的x坐标
-    let firstYLine = greenwave[0].start // 虚线起点的y坐标
-    let firstYLine2 = greenwave[0].width + firstYLine // 第二条虚线起点的y坐标
-    let speed = greenwave[0].speed
-    let lastYLine = 0
-    if (direction === 'down') {
-      lastYLine = Number(((lastXLine - firstXLine) / (speed * 1000 / 3600)).toFixed(2)) * (-1) + firstYLine // 下行虚线终点的y坐标
-    } else if (direction === 'up') {
-      lastYLine = Number(((lastXLine - firstXLine) / (speed * 1000 / 3600)).toFixed(2)) + firstYLine // 上行虚线终点的y坐标
-    }
-    let lastYLine2 = lastYLine + greenwave[0].width // 第二条虚线终点的y坐标
-    let maxY = this.getMaxY() * 3
-    let firstDevCycle = rourte.devs[0].patternList[0].cycle
-    let lineNum = Math.ceil(maxY / firstDevCycle)
-    for (let i = 0; i < lineNum; i++) { // 根据周期画出多段虚线
-      let dataList = []
-      let tempList = []
-      let addNum = firstDevCycle * i
-      tempList[0] = firstXLine
-      tempList[1] = firstYLine + addNum
-      dataList.push(tempList)
-      tempList = []
-      tempList[0] = lastXLine
-      tempList[1] = lastYLine + addNum
-      dataList.push(tempList)
-      data.push(dataList)
-      tempList = []
-      dataList = []
-      tempList[0] = firstXLine
-      tempList[1] = firstYLine2 + addNum
-      dataList.push(tempList)
-      tempList = []
-      tempList[0] = lastXLine
-      tempList[1] = lastYLine2 + addNum
-      dataList.push(tempList)
-      data.push(dataList)
-    }
-    return data
-  }
-  getCustomData (direction) {
-    let rourte = this.rourte
-    let customList = []
-    let routeList = rourte.devs
-    if (routeList.length === 1) return customList // 如果只有一个路口则不画阴影部分
-    let speed = 0
-    if (direction === 'forward') {
-      speed = rourte.upspeed
-    }
-    if (direction === 'back') {
-      speed = rourte.downspeed
-    }
-    let dist = 0 // 计算每个路口到原点的距离
-    for (let i = 0; i < routeList.length - 1; i++) {
-      dist = dist + routeList[i].distance
-      if (direction === 'forward') {
-        let customArea = this.getCustomArea(routeList[i], routeList[i + 1], speed, dist, 'forward')
-        let firstDistance = dist // 表示第一个路口距离原点的距离
-        let secondDistance = dist + routeList[i + 1].distance // 表示第二个路口到原点的距离
-        for (let area of customArea) {
-          area.push(firstDistance)
-          area.push(secondDistance)
-          customList.push(area)
-        }
-      }
-      if (direction === 'back') {
-        let firstDistance = dist // 表示第一个路口距离原点的距离
-        let secondDistance = dist + routeList[i + 1].distance // 表示第二个路口到原点的距离
-        let customArea = this.getCustomArea(routeList[i + 1], routeList[i], speed, secondDistance, 'back')
-        for (let area of customArea) {
-          area.push(secondDistance)
-          area.push(firstDistance)
-          customList.push(area)
-        }
-      }
-    }
-    return customList
-  }
-  getCustomArea (intersection1, intersection2, speed, dist, direction) {
-    speed = (speed * 1000 / 3600).toFixed(2)
-    let maxY = this.getMaxY()
-    let intersectionCycle1
-    let intersectionCycle2
-    let distance
-    if (direction === 'forward') {
-      let rings1 = this.getByRingById(intersection1.forwardphaseid, intersection1.patternList[0].rings)
-      let rings2 = this.getByRingById(intersection2.forwardphaseid, intersection2.patternList[0].rings)
-      intersectionCycle1 = this.getCycleData(intersection1.forwardphaseid, rings1, intersection1.patternList[0].cycle, intersection1.patternList[0].offset)
-      intersectionCycle2 = this.getCycleData(intersection2.forwardphaseid, rings2, intersection2.patternList[0].cycle, intersection2.patternList[0].offset)
-      distance = intersection2.distance
-    }
-    if (direction === 'back') {
-      let rings3 = this.getByRingById(intersection1.backphaseid, intersection1.patternList[0].rings)
-      let rings4 = this.getByRingById(intersection2.backphaseid, intersection2.patternList[0].rings)
-      intersectionCycle1 = this.getCycleData(intersection1.backphaseid, rings3, intersection1.patternList[0].cycle, intersection1.patternList[0].offset)
-      intersectionCycle2 = this.getCycleData(intersection2.backphaseid, rings4, intersection2.patternList[0].cycle, intersection2.patternList[0].offset)
-      distance = intersection1.distance
-    }
-    let intersectionList1 = this.getGreenAreaList(intersectionCycle1, maxY, intersection1.patternList[0].cycle) // 获取第一个路口绿色部分的集合
-    let intersectionList2 = this.getGreenAreaList(intersectionCycle2, maxY, intersection2.patternList[0].cycle) // 获取第二个路口绿色部分的集合
-    let time = parseInt(distance / speed) // 时间 = 距离 / 速度
-    let customAreaList
-    if (direction === 'forward') {
-      customAreaList = this.getCustomAreaList(intersectionList1, intersectionList2, time, maxY, speed, dist, 'forward')
-    }
-    if (direction === 'back') {
-      customAreaList = this.getCustomAreaList(intersectionList1, intersectionList2, time, maxY, speed, dist, 'back')
-    }
-    return customAreaList
-  }
-  getCustomAreaList (intlist1, intlist2, time, maxY, speed, dist, direction) {
-    let shadowList = []
-    for (let int1 of intlist1) {
-      let shadow = []
-      for (let int2 of intlist2) {
-        let min = int1[0] + time
-        let max = int1[1] + time
-        if (min === int2[0] && max === int2[1]) {
-          shadow = [int1[0], int1[1], int2[1], int2[0]]
-        } else if (min < int2[0] && max >= int2[1]) {
-          shadow = [int2[0] - time, int2[1] - time, int2[1], int2[0]]
-        } else if (min >= int2[0] && max < int2[1]) {
-          shadow = [int1[0], int1[1], int1[1] + time, int1[0] + time]
-        } else if (min >= int2[0] && min < int2[1]) {
-          shadow = [int1[0], int2[1] - time, int2[1], int1[0] + time]
-        } else if (max > int2[0] && max <= int2[1]) {
-          shadow = [int2[0] - time, int1[1], int1[1] + time, int2[0]]
-        }
-      }
-      shadow = this.checkIsOverY(shadow, maxY, speed, dist, direction) // 检验所取数值是否大于y轴最大值，即阴影部分是否溢出
-      if (shadow.length !== 0) shadowList.push(shadow)
-    }
-    return shadowList
-  }
-  checkIsOverY (shadow, maxY, speed, dist, direction) {
-    let maxValue = maxY * 3 // 计算y轴最大值
-    if (shadow.length === 0) {
-      return []
-    } else if (shadow[0] >= maxValue || shadow[3] >= maxValue) {
-      return []
-    } else if (shadow[1] > maxValue && shadow[3] < maxValue) {
-      return [shadow[0], maxValue, shadow[3] + (maxValue - shadow[0]), shadow[3]]
-    } else if (shadow[2] > maxValue && shadow[3] < maxValue) { // 处理阴影面积部分溢出y轴的情况， return[n1, n2, n3, n4, n5], n1到n4为阴影面积四点的纵坐标值，n5为溢出点的横坐标值，n5对应的y轴value值为y轴最大值
-      let xValue = (maxValue - shadow[1]) * speed
-      if (shadow[1] > maxValue) {
-        return [shadow[0], maxValue, maxValue, shadow[3]]
-      } else {
-        if (direction === 'forward') {
-          return [shadow[0], shadow[1], maxValue, shadow[3], xValue + dist]
-        } else if (direction === 'back') {
-          return [shadow[0], shadow[1], maxValue, shadow[3], dist - xValue]
-        }
-        // return [shadow[0], shadow[1], maxValue, shadow[3], xValue + dist]
-      }
-    } else {
-      return shadow
-    }
-  }
-  getGreenAreaList (list, max, cycle) {
-    let greenAreaList = []
-    let cycleNum = Math.ceil(max * 3 / cycle)
-    for (let i = 0; i < cycleNum; i++) {
-      let tempList = []
-      let tempList1 = []
-      if (list[3] === 0) {
-        let val1 = (cycle * i) + list[0]
-        let val2 = (cycle * i) + list[1]
-        tempList.push(val1)
-        tempList.push(val2)
-        greenAreaList.push(tempList)
-      } else {
-        if (i === 0) {
-          let val1 = list[0]
-          let val2 = list[1]
-          let val3 = list[2]
-          let val4 = list[3] + list[1]
-          tempList.push(val1)
-          tempList.push(val2)
-          tempList1.push(val3)
-          tempList1.push(val4)
-          greenAreaList.push(tempList)
-          greenAreaList.push(tempList1)
-        } else {
-          let val3 = (cycle * i) + list[2]
-          let val4 = (cycle * i) + list[3] + list[1]
-          tempList.push(val3)
-          tempList.push(val4)
-          greenAreaList.push(tempList)
-        }
-      }
-    }
-    return greenAreaList
-  }
-  getForwardIntersectionCycle () { // 获取正向每个路口的相位周期数组
-    let rourte = this.rourte
-    let list = []
-    let distance = 0
-    for (let devs of rourte.devs) {
-      let ob = {}
-      ob.name = devs.agentid
-      distance = distance + devs.distance
-      ob.distance = distance
-      let cycle = devs.patternList[0].cycle
-      ob.cycle = cycle
-      let forwardphaseid = devs.forwardphaseid
-      let rings = this.getByRingById(forwardphaseid, devs.patternList[0].rings)
-      let offset = devs.patternList[0].offset
-      ob.value = this.getCycleData(forwardphaseid, rings, cycle, offset)
-      list.push(ob)
-    }
-    return list
-  }
-  getBackIntersectionCycle () { // 获取反向每个路口的相位周期数组
-    let rourte = this.rourte
-    let list = []
-    let distance = 0
-    for (let devs of rourte.devs) {
-      let ob = {}
-      ob.name = devs.agentid
-      distance = distance + devs.distance
-      ob.distance = distance
-      let cycle = devs.patternList[0].cycle
-      ob.cycle = cycle
-      let backphaseid = devs.backphaseid
-      let rings = this.getByRingById(backphaseid, devs.patternList[0].rings)
-      let offset = devs.patternList[0].offset
-      // ob.value = this.getCycleData(backphaseid, devs.patternList[0].rings, cycle, offset)
-      ob.value = this.getCycleData(backphaseid, rings, cycle, offset)
-      list.push(ob)
-    }
-    return list
-  }
-  calculationNewCycle (list, addNum) { // 将数组里的每个值加addnum
-    let ll = []
-    for (let li of list) {
-      li = li + addNum
-      ll.push(li)
-    }
-    return ll
-  }
-  getByRingById (phaseId, ringsList) {
-    for (let rings of ringsList) {
-      let ring = rings.filter(item => item.id === phaseId)
-      if (ring.length > 0) {
-        return rings
-      }
-    }
-    return []
-  }
-  getCycleData (phaseid, rings, cycle, offset) {
-    let tempList = [0, 0, 0, 0]
-    let num = rings.length - 1
-    if (rings.length === 0) return tempList
-    let val = 0
-    let greenNum = 0 // 表示时距图中一个周期绿色部分的高度
-    for (let i = 0; i < rings.length; i++) {
-      val = val + rings[i].value
-      if (rings[i].id === phaseid) {
-        greenNum = rings[i].value
-        // tempList[1] = greenNum
-        // tempList[2] = cycle
-        if (i === 0) {
-          tempList[1] = greenNum
-          tempList[2] = cycle
-        } else if (i === num) {
-          tempList[0] = cycle - greenNum
-          tempList[1] = cycle
-        } else {
-          tempList[0] = val - greenNum
-          tempList[1] = val
-          tempList[2] = cycle
-        }
-      }
-    }
-    // 根据offset对tempList数组进行调整
-    if ((offset % cycle) !== 0) {
-      let relativeOffset = offset % cycle
-      let greenVal = tempList[1]
-      if ((relativeOffset + greenVal) < cycle) {
-        tempList[0] = relativeOffset + greenVal - greenNum
-        tempList[1] = relativeOffset + greenVal
-        tempList[2] = cycle
-        tempList[3] = 0
-      } else if ((relativeOffset + greenVal) === cycle) {
-        tempList[0] = cycle - greenNum
-        tempList[1] = cycle
-        tempList[2] = 0
-        tempList[3] = 0
-      } else {
-        let greenOffset = relativeOffset + greenVal - cycle
-        // tempList[0] = 0
-        // tempList[1] = greenOffset
-        // tempList[2] = relativeOffset
-        // tempList[3] = cycle
-        if (greenOffset < greenNum) {
-          tempList[0] = 0
-          tempList[1] = greenOffset
-          tempList[2] = relativeOffset + greenVal - greenNum
-          tempList[3] = cycle
-        } else if (greenOffset === greenNum) {
-          tempList[0] = 0
-          tempList[1] = greenNum
-          tempList[2] = cycle
-          tempList[3] = 0
-        } else {
-          tempList[0] = greenOffset - greenNum
-          tempList[1] = greenOffset
-          tempList[2] = cycle
-          tempList[3] = 0
-        }
-      }
-    }
-    return tempList
-  }
-  renderItem (params, api) {
-    if (params.context.rendered) {
-      return
-    }
-    params.context.rendered = true
-    var points = []
-    if (!Number.isNaN(api.value(6))) { // 处理阴影面积溢出y轴的情况
-      points.push(api.coord([api.value(5), api.value(0)]))
-      points.push(api.coord([api.value(5), api.value(1)]))
-      points.push(api.coord([api.value(4), api.value(2)]))
-      points.push(api.coord([api.value(6), api.value(2)]))
-      points.push(api.coord([api.value(6), api.value(3)]))
-    } else { // 处理正常情况
-      points.push(api.coord([api.value(4), api.value(0)]))
-      points.push(api.coord([api.value(4), api.value(1)]))
-      points.push(api.coord([api.value(5), api.value(2)]))
-      points.push(api.coord([api.value(5), api.value(3)]))
-    }
-    return {
-      type: 'polygon',
-      shape: {
-        // points: points
-        points: echarts.graphic.clipPointsByRect(points, {
-          x: params.coordSys.x,
-          y: params.coordSys.y,
-          width: params.coordSys.width,
-          height: params.coordSys.height
-        })
-      },
-      style: api.style({
-        fill: 'rgba(0, 159, 60, 0.2)'
-        // stroke: echarts.color.lift(color)
-      })
-    }
-  }
-  RenderOption () {
-    return {
-      // legend: {
-      //   data: ['红灯1', '绿灯1']
-      // },
-      tooltip: {
-        // trigger: 'axis',
-        axisPointer: {
-          type: 'cross',
-          label: {
-            backgroundColor: '#6a7985'
-          }
-        },
-        formatter: function (params) {
-          return ''
-        }
-      },
-      grid: {
-        left: '3%',
-        right: '4%',
-        bottom: '3%',
-        containLabel: true
-      },
-      xAxis: [
-        {
-          type: 'value',
-          name: '距离（m）',
-          nameGap: 5,
-          axisTick: {
-            show: false,
-            alignWithLabel: false
-          },
-          splitLine: {
-            show: false
-          },
-          axisLabel: { // 可以设置x轴的value格式
-            formatter: function (val) {
-              return ''
-            },
-            interval: 0
-            // rotate: 30
-          },
-          nameTextStyle: {
-            color: getTheme() === 'light' ? '#666666' : '#B9BABF'
-          },
-          min: -50,
-          max: this.getMaxX() + 50
-        }
-      ],
-      yAxis: [
-        {
-          type: 'value',
-          name: '时间（s）',
-          axisLine: {
-            show: true,
-            onZero: false
-          },
-          axisTick: {
-            show: false
-          },
-          splitLine: {
-            show: true,
-            lineStyle: {
-              color: getTheme() === 'light' ? '#DCDFE6' : '#30384d'
-            }
-          },
-          nameTextStyle: {
-            color: getTheme() === 'light' ? '#666666' : '#B9BABF'
-          },
-          axisLabel: {
-            textStyle: {
-              color: getTheme() === 'light' ? '#666666' : '#B9BABF'
-            }
-          },
-          min: 0,
-          max: this.getMaxY() * 3
-          // show: false
-        }
-      ],
-      series: this.getSeries()
-    }
-  }
-}