openatc-components 0.0.94 → 0.0.95

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (117) hide show
  1. package/package/kisscomps/components/Channelization/Channelization.vue +546 -0
  2. package/package/kisscomps/components/Channelization/index.js +2 -0
  3. package/package/kisscomps/components/ChannelizationWithInterface/ChannelizationWithInterface.vue +494 -0
  4. package/package/kisscomps/components/ChannelizationWithInterface/index.js +2 -0
  5. package/package/kisscomps/components/DrawChannelization/drawsvg/channelizationElements.vue +249 -0
  6. package/package/kisscomps/components/DrawChannelization/drawsvg/detectorAssociatedComponent.vue +152 -0
  7. package/package/kisscomps/components/DrawChannelization/drawsvg/drawElement/TextBox.vue +91 -0
  8. package/package/kisscomps/components/DrawChannelization/drawsvg/drawElement/crossMap.vue +176 -0
  9. package/package/kisscomps/components/DrawChannelization/drawsvg/drawElement/editText.vue +108 -0
  10. package/package/kisscomps/components/DrawChannelization/drawsvg/firstImportCrossmap.vue +48 -0
  11. package/package/kisscomps/components/DrawChannelization/drawsvg/iconSvg/countdownSvg.vue +182 -0
  12. package/package/kisscomps/components/DrawChannelization/drawsvg/iconSvg/detectorChart.vue +222 -0
  13. package/package/kisscomps/components/DrawChannelization/drawsvg/iconSvg/detectorIconSvg.vue +191 -0
  14. package/package/kisscomps/components/DrawChannelization/drawsvg/iconSvg/laneIcon.vue +78 -0
  15. package/package/kisscomps/components/DrawChannelization/drawsvg/iconSvg/motorwayIconSvg.vue +433 -0
  16. package/package/kisscomps/components/DrawChannelization/drawsvg/iconSvg/pedroadIconSvg.vue +195 -0
  17. package/package/kisscomps/components/DrawChannelization/drawsvg/importDialog.vue +71 -0
  18. package/package/kisscomps/components/DrawChannelization/drawsvg/index.draw.vue +940 -0
  19. package/package/kisscomps/components/DrawChannelization/drawsvg/index.vue +109 -0
  20. package/package/kisscomps/components/DrawChannelization/drawsvg/laneEditPanel.vue +563 -0
  21. package/package/kisscomps/components/DrawChannelization/drawsvg/overlapAssociatedComponent.vue +157 -0
  22. package/package/kisscomps/components/DrawChannelization/drawsvg/phaseAssociatedComponent.check.vue +191 -0
  23. package/package/kisscomps/components/DrawChannelization/drawsvg/phaseAssociatedComponent.syncOper.vue +331 -0
  24. package/package/kisscomps/components/DrawChannelization/drawsvg/phaseAssociatedComponent.vue +157 -0
  25. package/package/kisscomps/components/DrawChannelization/drawsvg/table.vue +99 -0
  26. package/package/kisscomps/components/DrawChannelization/drawsvg/utils/loadutils.js +43 -0
  27. package/package/kisscomps/components/DrawChannelization/drawsvg/utils/phaseDataModel.js +32 -0
  28. package/package/kisscomps/components/DrawChannelization/drawsvg/utils/phasePos.json +20 -0
  29. package/package/kisscomps/components/DrawChannelization/index.js +2 -0
  30. package/package/kisscomps/components/DrawChannelization/phaseDataMgr.js +278 -0
  31. package/package/kisscomps/components/KanBan/kanban.vue +1 -1
  32. package/package/kisscomps/components/MessageBox/index.vue +96 -0
  33. package/package/kisscomps/components/SchemeConfig/closePhaselControlModal/index.vue +2 -2
  34. package/package/kisscomps/index.js +11 -1
  35. package/package/kissui.min.js +1 -1
  36. package/package.json +4 -2
  37. package/src/api/cross.js +33 -0
  38. package/src/i18n/language/en.js +77 -2
  39. package/src/i18n/language/zh.js +77 -2
  40. package/src/icons/svg/custom-BRTlane.svg +40 -0
  41. package/src/icons/svg/custom-bicyclelane.svg +7 -0
  42. package/src/icons/svg/custom-buslane.svg +40 -0
  43. package/src/icons/svg/custom-detector.svg +12 -0
  44. package/src/icons/svg/custom-east-bottom.svg +32 -0
  45. package/src/icons/svg/custom-east-top.svg +32 -0
  46. package/src/icons/svg/custom-ewped.svg +35 -0
  47. package/src/icons/svg/custom-motorway.svg +7 -0
  48. package/src/icons/svg/custom-nonmotorizedlane.svg +40 -0
  49. package/src/icons/svg/custom-north-left.svg +32 -0
  50. package/src/icons/svg/custom-north-right.svg +32 -0
  51. package/src/icons/svg/custom-pedcrossing.svg +7 -0
  52. package/src/icons/svg/custom-peddetector.svg +17 -0
  53. package/src/icons/svg/custom-pedeastward.svg +9 -0
  54. package/src/icons/svg/custom-pedestrian.svg +7 -0
  55. package/src/icons/svg/custom-pednorthward.svg +9 -0
  56. package/src/icons/svg/custom-pedsouthward.svg +9 -0
  57. package/src/icons/svg/custom-pedwestward.svg +9 -0
  58. package/src/icons/svg/custom-secondcrossing.svg +7 -0
  59. package/src/icons/svg/custom-sectionpedestrian.svg +7 -0
  60. package/src/icons/svg/custom-snped.svg +35 -0
  61. package/src/icons/svg/custom-south-left.svg +32 -0
  62. package/src/icons/svg/custom-south-right.svg +32 -0
  63. package/src/icons/svg/custom-straightahead.svg +7 -0
  64. package/src/icons/svg/custom-tramlane.svg +40 -0
  65. package/src/icons/svg/custom-turnaround.svg +7 -0
  66. package/src/icons/svg/custom-turnleft.svg +7 -0
  67. package/src/icons/svg/custom-turnright.svg +7 -0
  68. package/src/icons/svg/custom-vehiclebranch.svg +40 -0
  69. package/src/icons/svg/custom-vehiclemainroad.svg +41 -0
  70. package/src/icons/svg/custom-west-bottom.svg +32 -0
  71. package/src/icons/svg/custom-west-top.svg +32 -0
  72. package/src/icons/svg/custom-xlped.svg +14 -0
  73. package/src/icons/svg/custom-xpedestrian.svg +7 -0
  74. package/src/icons/svg/custom-xrped.svg +14 -0
  75. package/src/kisscomps/components/Channelization/Channelization.vue +546 -0
  76. package/src/kisscomps/components/Channelization/index.js +2 -0
  77. package/src/kisscomps/components/ChannelizationWithInterface/ChannelizationWithInterface.vue +494 -0
  78. package/src/kisscomps/components/ChannelizationWithInterface/index.js +2 -0
  79. package/src/kisscomps/components/DrawChannelization/drawsvg/channelizationElements.vue +249 -0
  80. package/src/kisscomps/components/DrawChannelization/drawsvg/detectorAssociatedComponent.vue +152 -0
  81. package/src/kisscomps/components/DrawChannelization/drawsvg/drawElement/TextBox.vue +91 -0
  82. package/src/kisscomps/components/DrawChannelization/drawsvg/drawElement/crossMap.vue +176 -0
  83. package/src/kisscomps/components/DrawChannelization/drawsvg/drawElement/editText.vue +108 -0
  84. package/src/kisscomps/components/DrawChannelization/drawsvg/firstImportCrossmap.vue +48 -0
  85. package/src/kisscomps/components/DrawChannelization/drawsvg/iconSvg/countdownSvg.vue +182 -0
  86. package/src/kisscomps/components/DrawChannelization/drawsvg/iconSvg/detectorChart.vue +222 -0
  87. package/src/kisscomps/components/DrawChannelization/drawsvg/iconSvg/detectorIconSvg.vue +191 -0
  88. package/src/kisscomps/components/DrawChannelization/drawsvg/iconSvg/laneIcon.vue +78 -0
  89. package/src/kisscomps/components/DrawChannelization/drawsvg/iconSvg/motorwayIconSvg.vue +433 -0
  90. package/src/kisscomps/components/DrawChannelization/drawsvg/iconSvg/pedroadIconSvg.vue +195 -0
  91. package/src/kisscomps/components/DrawChannelization/drawsvg/importDialog.vue +71 -0
  92. package/src/kisscomps/components/DrawChannelization/drawsvg/index.draw.vue +940 -0
  93. package/src/kisscomps/components/DrawChannelization/drawsvg/index.vue +109 -0
  94. package/src/kisscomps/components/DrawChannelization/drawsvg/laneEditPanel.vue +563 -0
  95. package/src/kisscomps/components/DrawChannelization/drawsvg/overlapAssociatedComponent.vue +157 -0
  96. package/src/kisscomps/components/DrawChannelization/drawsvg/phaseAssociatedComponent.check.vue +191 -0
  97. package/src/kisscomps/components/DrawChannelization/drawsvg/phaseAssociatedComponent.syncOper.vue +331 -0
  98. package/src/kisscomps/components/DrawChannelization/drawsvg/phaseAssociatedComponent.vue +157 -0
  99. package/src/kisscomps/components/DrawChannelization/drawsvg/table.vue +99 -0
  100. package/src/kisscomps/components/DrawChannelization/drawsvg/utils/loadutils.js +43 -0
  101. package/src/kisscomps/components/DrawChannelization/drawsvg/utils/phaseDataModel.js +32 -0
  102. package/src/kisscomps/components/DrawChannelization/drawsvg/utils/phasePos.json +20 -0
  103. package/src/kisscomps/components/DrawChannelization/index.js +2 -0
  104. package/src/kisscomps/components/DrawChannelization/phaseDataMgr.js +278 -0
  105. package/src/kisscomps/components/KanBan/kanban.vue +1 -1
  106. package/src/kisscomps/components/MessageBox/index.vue +96 -0
  107. package/src/kisscomps/components/SchemeConfig/closePhaselControlModal/index.vue +2 -2
  108. package/src/kisscomps/index.js +11 -1
  109. package/src/main.js +3 -0
  110. package/src/router/index.js +7 -0
  111. package/src/store/index.js +2 -2
  112. package/src/store/modules/globalParam.js +56 -16
  113. package/src/views/customchannelization.vue +49 -0
  114. package/src/views/intersection.vue +17 -9
  115. package/static/apiconfig.json +15 -0
  116. package/static/styles/channelizatioon.scss +365 -0
  117. package/static/styles/common.scss +1 -0
@@ -0,0 +1,157 @@
1
+ /**
2
+ * Copyright (c) 2020 kedacom
3
+ * OpenATC is licensed under Mulan PSL v2.
4
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
5
+ * You may obtain a copy of Mulan PSL v2 at:
6
+ * http://license.coscl.org.cn/MulanPSL2
7
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
8
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
9
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
10
+ * See the Mulan PSL v2 for more details.
11
+ **/
12
+ <template>
13
+ <div class="phase-associated-component">
14
+ <div class="phase-box" v-for="(item, index) in phaseList" :key="index">
15
+ <div class="single-phase" @click="selectPhase(index, item)" :class="preselectPhase == item.id ? 'single-phase-select' : ''">
16
+ <div class="ped-icon">
17
+ <PatternWalkSvg v-if="item.peddirection && item.peddirection.length" :showWalk="getshowped(item.peddirection)" Width="42" Height="44" />
18
+ </div>
19
+
20
+ <div class="phase-icon" v-if="item.direction">
21
+ <xdr-dir-selector Width="44px" Height="44px" :showlist="getShowlist(item.direction)" :roadDirection="roadDirection"></xdr-dir-selector>
22
+ </div>
23
+ </div>
24
+ <div class="single-phase-name">{{$t('openatccomponents.channelizationmap.phase') + item.id}}</div>
25
+ </div>
26
+ </div>
27
+ </template>
28
+ <script>
29
+ import { mapState } from 'vuex'
30
+ import PatternWalkSvg from '../../PatternWalkSvg/PatternWalkSvg'
31
+ import PhaseDataModel from '../../IntersectionMap/crossDirection/utils.js'
32
+ export default {
33
+ name: 'phase-associated-component',
34
+ components: {
35
+ PatternWalkSvg
36
+ },
37
+ data () {
38
+ return {
39
+ preselectPhase: -1,
40
+ id: 1,
41
+ isCanAdd: true
42
+ }
43
+ },
44
+ props: {
45
+ editData: {
46
+ type: Object
47
+ }
48
+ },
49
+ computed: {
50
+ ...mapState({
51
+ phaseList: state => state.globalParam.tscParam.phaseList,
52
+ roadDirection: state => state.globalParam.roadDirection
53
+ })
54
+ },
55
+ watch: {
56
+ phaseList: {
57
+ handler: function (list) {
58
+ },
59
+ deep: true
60
+ },
61
+ editData: {
62
+ handler: function (editobj) {
63
+ this.initChoosedPhase(editobj)
64
+ },
65
+ deep: true
66
+ }
67
+ },
68
+ methods: {
69
+ initChoosedPhase (editobj) {
70
+ if (editobj.phaseid !== undefined && editobj.phasetype === 'phase') {
71
+ this.preselectPhase = editobj.phaseid
72
+ } else {
73
+ this.preselectPhase = -1
74
+ }
75
+ },
76
+ selectPhase (index, item) {
77
+ // 关联相位
78
+ this.preselectPhase = item.id
79
+ this.$emit('selectPhaseNew', this.preselectPhase, 'phase')
80
+ },
81
+ changeDirection (choosedicon) {
82
+
83
+ },
84
+ editDirPosToPhaseDireaciton (laneDirArr, lanePos) {
85
+ // 编辑的车道转向和方位,转化成相位的direction
86
+ let phaseDireacitonArr = laneDirArr.map(lanedir => {
87
+ if (lanePos === 1) {
88
+ // 东
89
+ return lanedir
90
+ }
91
+ if (lanePos === 2) {
92
+ // 西
93
+ return 4 * 1 + lanedir
94
+ }
95
+ if (lanePos === 3) {
96
+ // 南
97
+ return 4 * 3 + lanedir
98
+ }
99
+ if (lanePos === 4) {
100
+ // 北
101
+ return 4 * 2 + lanedir
102
+ }
103
+ })
104
+ return phaseDireacitonArr
105
+ },
106
+ getShowlist (direction) {
107
+ return direction.map(dir => {
108
+ return {
109
+ id: dir,
110
+ color: '#606266'
111
+ }
112
+ })
113
+ },
114
+ getshowped (peddirection) {
115
+ let peddirarr = peddirection.map(peddir => ({
116
+ id: peddir,
117
+ name: this.PhaseDataModel.getSidePos(peddir).name
118
+ }))
119
+ return peddirarr
120
+ },
121
+ handleDisassociatePhase (deletePhaseid) {
122
+ // 删除相位后,解除相位关联
123
+ this.$emit('handleDisassociatePhase', deletePhaseid)
124
+ },
125
+ getPedPhasePos () {
126
+ // 行人相位信息
127
+ this.sidewalkPhaseData = []
128
+ this.phaseList.forEach((ele, i) => {
129
+ if (ele.peddirection) {
130
+ ele.peddirection.forEach((dir, index) => {
131
+ // 行人相位
132
+ if (this.PhaseDataModel.getSidePos(dir)) {
133
+ this.sidewalkPhaseData.push({
134
+ key: this.CrossDiagramMgr.getUniqueKey('pedphase'),
135
+ phaseid: ele.id, // 相位id,用于对应相位状态
136
+ id: dir,
137
+ name: this.PhaseDataModel.getSidePos(dir).name
138
+ })
139
+ }
140
+ })
141
+ }
142
+ })
143
+ return this.sidewalkPhaseData
144
+ }
145
+ },
146
+ created () {
147
+ this.PhaseDataModel = new PhaseDataModel()
148
+ },
149
+ mounted () {
150
+ this.initChoosedPhase(this.editData)
151
+ },
152
+ destroyed () {
153
+ }
154
+ }
155
+ </script>
156
+ <style lang="scss">
157
+ </style>
@@ -0,0 +1,99 @@
1
+ /**
2
+ * Copyright (c) 2020 kedacom
3
+ * OpenATC is licensed under Mulan PSL v2.
4
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
5
+ * You may obtain a copy of Mulan PSL v2 at:
6
+ * http://license.coscl.org.cn/MulanPSL2
7
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
8
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
9
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
10
+ * See the Mulan PSL v2 for more details.
11
+ **/
12
+ <template>
13
+ <el-table :data="list" :max-height="tableHeight" id="footerBtn">
14
+ <el-table-column align="center" label='No' min-width="30">
15
+ <template slot-scope="scope">
16
+ <span>{{scope.$index+1}}</span>
17
+ </template>
18
+ </el-table-column>
19
+ <el-table-column align="center" label='类型' min-width="60">
20
+ <template slot-scope="scope">
21
+ <span>{{scope.row.icontype}}</span>
22
+ </template>
23
+ </el-table-column>
24
+ <el-table-column align="center" label="相位">
25
+ <template slot-scope="scope">
26
+ <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)">
27
+ <el-option
28
+ v-for="item in phaseoptions"
29
+ :key="item.id"
30
+ :label="item.label"
31
+ :value="item.id">
32
+ </el-option>
33
+ </el-select>
34
+ <el-input v-if="scope.row.icontype === 'text'" v-model="scope.row.text" @change="handleChanngeText(scope.row)">{{scope.row.content}}</el-input>
35
+ </template>
36
+ </el-table-column>
37
+
38
+ <el-table-column align="center" :label="$t('openatccomponents.overlap.operation')">
39
+ <template slot-scope="scope">
40
+ <el-button type="text" @click="handleDelete(scope.row)">{{$t('openatccomponents.common.delete')}}</el-button>
41
+ </template>
42
+ </el-table-column>
43
+ </el-table>
44
+ </template>
45
+
46
+ <script>
47
+ export default {
48
+ data () {
49
+ return {
50
+ list: [],
51
+ tableHeight: 400,
52
+ phaseoptions: [{
53
+ id: 1,
54
+ label: 'P1'
55
+ }, {
56
+ id: 2,
57
+ label: 'P2'
58
+ }, {
59
+ id: 3,
60
+ label: 'P3'
61
+ }
62
+ ]
63
+ }
64
+ },
65
+ props: {
66
+ customlist: {
67
+ type: Array
68
+ }
69
+ },
70
+ watch: {
71
+ customlist: {
72
+ handler: function (val) {
73
+ this.list = JSON.parse(JSON.stringify(val))
74
+ },
75
+ deep: true
76
+ }
77
+ },
78
+ components: {
79
+ },
80
+ mounted () {
81
+ },
82
+ methods: {
83
+ handleDelete (row) {
84
+ this.$emit('deleteItem', row)
85
+ },
86
+ handleChanngeText (row) {
87
+ this.$emit('changeText', row, ['text'])
88
+ },
89
+ handleChangePhase (row) {
90
+ row.phaselabel = this.phaseoptions.filter(ele => ele.id === row.phaseid)[0].label
91
+ this.$emit('changeIconDataByType', row, ['phaseid', 'phaselabel'])
92
+ }
93
+ }
94
+ }
95
+ </script>
96
+
97
+ <style>
98
+
99
+ </style>
@@ -0,0 +1,43 @@
1
+ /**
2
+ * Copyright (c) 2020 kedacom
3
+ * OpenATC is licensed under Mulan PSL v2.
4
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
5
+ * You may obtain a copy of Mulan PSL v2 at:
6
+ * http://license.coscl.org.cn/MulanPSL2
7
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
8
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
9
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
10
+ * See the Mulan PSL v2 for more details.
11
+ **/
12
+ export default class Svgmethods {
13
+ clickOpen (call) {
14
+ const file = document.getElementById('importimg').files[0]
15
+ const filetype = file.type
16
+ const reader = new FileReader()
17
+ const filesize = file.size
18
+ if (filetype !== 'image/svg+xml' && filetype !== 'image/png' && filetype !== 'image/jpeg') {
19
+ call('error', 'type')
20
+ return
21
+ }
22
+ if (filesize > 1024 * 1024 * 10) { // 10M换算字节
23
+ call('error', 'size')
24
+ return
25
+ }
26
+ if (filetype === 'image/svg+xml') {
27
+ reader.readAsText(file, 'UTF-8')
28
+ reader.addEventListener('load', async (readerEvent) => {
29
+ const content = readerEvent.target.result
30
+ call('vectorgraph', content)
31
+ })
32
+ }
33
+ if (filetype === 'image/png' || filetype === 'image/jpeg') {
34
+ reader.readAsDataURL(file)
35
+ reader.addEventListener('load', async (readerEvent) => {
36
+ // 图片的 base64 格式, 可以直接当成 img 的 src 属性值
37
+ const _base64 = reader.result
38
+ const content = _base64
39
+ call('picture', content)
40
+ })
41
+ }
42
+ }
43
+ }
@@ -0,0 +1,32 @@
1
+ /**
2
+ * Copyright (c) 2020 kedacom
3
+ * OpenATC is licensed under Mulan PSL v2.
4
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
5
+ * You may obtain a copy of Mulan PSL v2 at:
6
+ * http://license.coscl.org.cn/MulanPSL2
7
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
8
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
9
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
10
+ * See the Mulan PSL v2 for more details.
11
+ **/
12
+ export default class PhaseDataModel {
13
+ constructor () {
14
+ this.PhasePosMap = new Map()
15
+ this.Init()
16
+ }
17
+ Init () {
18
+ const phaseJson = require('./phasePos.json')
19
+ phaseJson.phaseList.forEach(phase => {
20
+ let value = {
21
+ name: phase.name,
22
+ x: phase.x,
23
+ y: phase.y
24
+ }
25
+ this.PhasePosMap.set(phase.id, value)
26
+ })
27
+ }
28
+
29
+ getPhase (id) {
30
+ return this.PhasePosMap.get(id)
31
+ }
32
+ }
@@ -0,0 +1,20 @@
1
+ {
2
+ "phaseList": [
3
+ {
4
+ "id": 1,
5
+ "name": "直行"
6
+ },
7
+ {
8
+ "id": 2,
9
+ "name": "左转"
10
+ },
11
+ {
12
+ "id": 3,
13
+ "name": "右转"
14
+ },
15
+ {
16
+ "id": 4,
17
+ "name": "掉头"
18
+ }
19
+ ]
20
+ }
@@ -0,0 +1,2 @@
1
+ import DrawChannelization from './drawsvg/index.vue'
2
+ export default DrawChannelization
@@ -0,0 +1,278 @@
1
+ /**
2
+ * Copyright (c) 2020 kedacom
3
+ * OpenATC is licensed under Mulan PSL v2.
4
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
5
+ * You may obtain a copy of Mulan PSL v2 at:
6
+ * http://license.coscl.org.cn/MulanPSL2
7
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
8
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
9
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
10
+ * See the Mulan PSL v2 for more details.
11
+ **/
12
+ // 相位数据管理模型
13
+ import store from '../../../store/index'
14
+ export default class PhaseDataMgr {
15
+ constructor (originphaselist) {
16
+ this.globalParamModel = store.getters.globalParamModel
17
+ this.id = 1
18
+ this.originphaselist = originphaselist // 初始上载的相位数组
19
+ this.originphaseMap = new Map()
20
+ this.lanecommonphaseMap = new Map() // 关联了相位的渠化车道数据(实时变化)
21
+ this.lastLanecommonphaseMap = new Map()
22
+ this.associatedphaselist = [] // 相位关联列表显示的相位方向(初始上载相位数据被关联了相位的渠化车道覆盖)
23
+ this.associatedphaseMap = new Map()
24
+ this.createOriginPhaseData()
25
+ }
26
+ createOriginPhaseData () {
27
+ // 根据渠化变化前的上载的相位数据,生成初始数据,后续如果有相位的增加、删除,会变化,或者离开渠化再进来才会再次更新
28
+ let originphaselist = JSON.parse(JSON.stringify(this.originphaselist))
29
+ this.originphaseMap = new Map()
30
+ for (let i = 0; i < originphaselist.length; i++) {
31
+ this.originphaseMap.set(originphaselist[i].id, originphaselist[i])
32
+ }
33
+ console.log('originphasemap', this.originphaseMap)
34
+ this.updateAssophaseList()
35
+ }
36
+ createTempLanePhase (Motorways, editobj, choosephaseid) {
37
+ let TempLaneMap = new Map()
38
+ let curMotorways = JSON.parse(JSON.stringify(Motorways))
39
+ let tempeditobj = JSON.parse(JSON.stringify(editobj))
40
+ tempeditobj.phaseid = choosephaseid
41
+ tempeditobj.phaselabel = `P${choosephaseid}`
42
+ this.changeItem(tempeditobj, ['phaseid', 'phaselabel'], curMotorways)
43
+ for (let i = 0; i < curMotorways.length; i++) {
44
+ let motorobj = curMotorways[i]
45
+ let motorphaseid = motorobj.phaseid
46
+ if (motorphaseid !== undefined) {
47
+ // 处理已经关联了相位的渠化车道
48
+ // motorphaseid !== undefined 证明已经关联相位,以此生成关联列表,数据驱动就不用处理删除修改等情况
49
+ let lanephasedir = {}
50
+ if (motorobj.direction) {
51
+ lanephasedir.direction = motorobj.direction
52
+ }
53
+ if (motorobj.peddirection) {
54
+ lanephasedir.peddirection = motorobj.peddirection
55
+ }
56
+ if (TempLaneMap.get(motorphaseid) === undefined) {
57
+ TempLaneMap.set(motorphaseid, lanephasedir)
58
+ } else {
59
+ // 若有别的渠化车道关联了此相位,需要和当前渠化车道的方向叠加
60
+ let laneassociatedphase = TempLaneMap.get(motorphaseid)
61
+ if (motorobj.direction) {
62
+ laneassociatedphase.direction = Array.from(new Set([...laneassociatedphase.direction, ...motorobj.direction]))
63
+ }
64
+ if (motorobj.peddirection) {
65
+ laneassociatedphase.peddirection = Array.from(new Set([...laneassociatedphase.peddirection, ...motorobj.peddirection]))
66
+ }
67
+ TempLaneMap.set(motorphaseid, laneassociatedphase)
68
+ }
69
+ }
70
+ }
71
+ console.log(TempLaneMap)
72
+ return this.createTempAssophaseList(TempLaneMap)
73
+ }
74
+ updateLanePhaseAssociatedMap (Motorways) {
75
+ // 渠化图车道数据,更新key为phaseid的Map
76
+ this.lanecommonphaseMap = new Map()
77
+ let curMotorways = JSON.parse(JSON.stringify(Motorways))
78
+ for (let i = 0; i < curMotorways.length; i++) {
79
+ let motorobj = curMotorways[i]
80
+ let motorphaseid = motorobj.phaseid
81
+ if (motorphaseid !== undefined) {
82
+ // 处理已经关联了相位的渠化车道
83
+ // motorphaseid !== undefined 证明已经关联相位,以此生成关联列表,数据驱动就不用处理删除修改等情况
84
+ let lanephasedir = {}
85
+ if (motorobj.direction) {
86
+ lanephasedir.direction = motorobj.direction
87
+ }
88
+ if (motorobj.peddirection) {
89
+ lanephasedir.peddirection = motorobj.peddirection
90
+ }
91
+ if (this.lanecommonphaseMap.get(motorphaseid) === undefined) {
92
+ this.lanecommonphaseMap.set(motorphaseid, lanephasedir)
93
+ } else {
94
+ // 若有别的渠化车道关联了此相位,需要和当前渠化车道的方向叠加
95
+ let laneassociatedphase = this.lanecommonphaseMap.get(motorphaseid)
96
+ if (motorobj.direction) {
97
+ laneassociatedphase.direction = Array.from(new Set([...laneassociatedphase.direction, ...motorobj.direction]))
98
+ }
99
+ if (motorobj.peddirection) {
100
+ laneassociatedphase.peddirection = Array.from(new Set([...laneassociatedphase.peddirection, ...motorobj.peddirection]))
101
+ }
102
+ this.lanecommonphaseMap.set(motorphaseid, laneassociatedphase)
103
+ }
104
+ }
105
+ }
106
+ console.log('lanecommonphaseMap', this.lanecommonphaseMap)
107
+ this.updateAssophaseList()
108
+ }
109
+ checkSameDirectionPhase (curlanedirection, choosephaseid, lastchoosephaseid, tempMotorways, editobj) {
110
+ // 校验同方向车道关联相位
111
+ // 1. lastchoosephaseid不存在,说明是车道首次关联相位:
112
+ // 仅需判断当前相位列表AssophaseList中,相位id !== choosephaseid的相位数据中,direction若包含curlanedirection其中一个方向,则校验不通过
113
+ // 2. lastchoosephaseid存在,说明车道是切换相位关联:
114
+ // 情况稍微复杂一些,需要创建一个临时车道关联数据,保存把当前车道方向关联当前选择的相位后,临时生成tempAssophaseList
115
+ // 再判断tempAssophaseList中,相位id !== choosephaseid的相位数据,direction是否包含车道所选择的方向
116
+ let checkSame = true
117
+ if (!lastchoosephaseid) {
118
+ for (let i = 0; i < this.associatedphaselist.length; i++) {
119
+ let phaseid = this.associatedphaselist[i].id
120
+ let direction = this.associatedphaselist[i].direction
121
+ if (phaseid !== choosephaseid) {
122
+ for (let j = 0; j < curlanedirection.length; j++) {
123
+ if (direction.indexOf(curlanedirection[j]) !== -1) {
124
+ checkSame = false
125
+ }
126
+ }
127
+ }
128
+ }
129
+ } else {
130
+ let TempAssociatedphaselist = this.createTempLanePhase(tempMotorways, editobj, choosephaseid)
131
+ console.log('TempAssociatedphaselist', TempAssociatedphaselist)
132
+ for (let i = 0; i < TempAssociatedphaselist.length; i++) {
133
+ let phaseid = TempAssociatedphaselist[i].id
134
+ let direction = TempAssociatedphaselist[i].direction
135
+ if (phaseid !== choosephaseid) {
136
+ for (let j = 0; j < curlanedirection.length; j++) {
137
+ if (direction.indexOf(curlanedirection[j]) !== -1) {
138
+ checkSame = false
139
+ }
140
+ }
141
+ }
142
+ }
143
+ }
144
+ return checkSame
145
+ }
146
+ changeItem (row, fieldarr, data) {
147
+ for (let item of data) {
148
+ if (item.index === row.index) {
149
+ for (let field of fieldarr) {
150
+ item[field] = row[field]
151
+ }
152
+ }
153
+ }
154
+ }
155
+ ArrToMap (Arr) {
156
+ let phaseMap = new Map()
157
+ for (let i = 0; i < Arr.length; i++) {
158
+ phaseMap.set(Arr[i].id, Arr[i])
159
+ }
160
+ return phaseMap
161
+ }
162
+ createTempAssophaseList (TempLaneMap) {
163
+ let TempAssociatedphaselist = []
164
+ let TempAssociatedphaseMap = new Map()
165
+ TempAssociatedphaseMap = this.ArrToMap(JSON.parse(JSON.stringify(this.originphaselist)))
166
+ for (let [key, value] of TempAssociatedphaseMap) {
167
+ if (TempLaneMap.get(key)) {
168
+ // 渠化车道如果关联此相位,要把渠化车道的方向覆盖初始相位的方向
169
+ let lanevalue = TempLaneMap.get(key)
170
+ value.direction = lanevalue.direction
171
+ }
172
+ }
173
+ TempAssociatedphaselist = this.MapToArray(TempAssociatedphaseMap)
174
+ return TempAssociatedphaselist
175
+ }
176
+ updateAssophaseList () {
177
+ // 根据动态变化的渠化车道关联列表+初始上载的相位列表(包含处理后续相位的增删操作,也是变化的),
178
+ // 被渠化关联的相位direction被渠化组合方向替换,
179
+ // 未被关联的相位direction还是初始相位方向
180
+ this.associatedphaselist = []
181
+ this.associatedphaseMap = this.ArrToMap(JSON.parse(JSON.stringify(this.originphaselist)))
182
+ for (let [key, value] of this.associatedphaseMap) {
183
+ if (this.lanecommonphaseMap.get(key)) {
184
+ // 渠化车道如果关联此相位,要把渠化车道的方向覆盖初始相位的方向
185
+ let lanevalue = this.lanecommonphaseMap.get(key)
186
+ value.direction = lanevalue.direction
187
+ }
188
+ }
189
+ console.log('associatedphaseMap', this.associatedphaseMap)
190
+ this.associatedphaselist = this.MapToArray(this.associatedphaseMap)
191
+ console.log('associatedphaselist', this.associatedphaselist)
192
+ store.dispatch('SetAssociatedPhaseList', this.associatedphaselist)
193
+ }
194
+ MapToArray (Map) {
195
+ let arr = []
196
+ for (let [key, value] of Map) {
197
+ let phaseinfo = {
198
+ id: key,
199
+ ...value
200
+ }
201
+ arr.push(phaseinfo)
202
+ }
203
+ return arr
204
+ }
205
+ increaseId () { // 实现id在之前的基础上寻找最小的
206
+ let phaseIdList = this.originphaselist.map(ele => ele.id)
207
+ let i = this.originphaselist.length - 1
208
+ if (i >= 0) {
209
+ for (let j = 1; j <= 40; j++) {
210
+ if (!phaseIdList.includes(j)) {
211
+ this.id = j
212
+ return
213
+ }
214
+ }
215
+ }
216
+ }
217
+ addOriginPhase () {
218
+ this.increaseId()
219
+ var phaseInitData = {
220
+ id: this.id,
221
+ direction: [],
222
+ peddirection: [], // 行人方向
223
+ mingreen: 0,
224
+ max1: 120,
225
+ max2: 180,
226
+ passage: 3,
227
+ phasewalk: 0,
228
+ pedclear: 0,
229
+ yellow: 3,
230
+ redclear: 2,
231
+ flashgreen: 0,
232
+ redyellow: 0,
233
+ ring: 1,
234
+ greenpulse: 5,
235
+ redpulse: 10,
236
+ vehiclethresh: 30,
237
+ pedestrianthresh: 30,
238
+ controltype: 0, // 控制类型
239
+ concurrent: []
240
+ }
241
+ this.originphaselist.push(phaseInitData)
242
+ // 重新排序相位数组
243
+ this.originphaselist.sort(this.compareProperty('id'))
244
+ this.updateAssophaseList()
245
+ }
246
+ compareProperty (property) {
247
+ return function (a, b) {
248
+ var value1 = a[property]
249
+ var value2 = b[property]
250
+ return value1 - value2
251
+ }
252
+ }
253
+ deleteOriginPhase (index) {
254
+ this.originphaselist.splice(index, 1)
255
+ }
256
+ editDirPosToPhaseDireaciton (laneDirArr, lanePos) {
257
+ // 编辑的车道转向和方位,转化成相位的direction
258
+ let phaseDireacitonArr = laneDirArr.map(lanedir => {
259
+ if (lanePos === 1) {
260
+ // 东
261
+ return lanedir
262
+ }
263
+ if (lanePos === 2) {
264
+ // 西
265
+ return 4 * 1 + lanedir
266
+ }
267
+ if (lanePos === 3) {
268
+ // 南
269
+ return 4 * 3 + lanedir
270
+ }
271
+ if (lanePos === 4) {
272
+ // 北
273
+ return 4 * 2 + lanedir
274
+ }
275
+ })
276
+ return phaseDireacitonArr
277
+ }
278
+ }
@@ -180,7 +180,7 @@ export default {
180
180
  ls.minSplit = temp1 > temp2 ? temp1 : temp2
181
181
  if (ls.mode !== 7 && ls.value < ls.minSplit) {
182
182
  ls.value = ls.minSplit
183
- this.$message.error(this.$t('edge.pattern.splitCheckMsg'))
183
+ this.$message.error(this.$t('openatccomponents.pattern.splitCheckMsg'))
184
184
  }
185
185
  }
186
186
  },