openatc-components 0.4.1 → 0.4.3

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

@@ -1,665 +1,665 @@
-/**
- * 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()
-    }
-  }
-}
+/**
+ * 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()
+    }
+  }
+}