openatc-components 0.3.61 → 0.3.62

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 (24) hide show
  1. package/package/kisscomps/components/BoardCard/BoardCard.vue +0 -11
  2. package/package/kisscomps/components/DrawChannelization/drawsvg/iconSvg/motorwayIconSvg.vue +145 -46
  3. package/package/kisscomps/components/DrawChannelization/drawsvg/index.draw.vue +4 -4
  4. package/package/kisscomps/components/PatternStatus/PatternStatus.vue +8 -83
  5. package/package/kisscomps/components/SchemeConfig/SchemeConfig.vue +7 -0
  6. package/package/kisscomps/components/SchemeConfig/lockingPhaselControlModal/index.vue +11 -9
  7. package/package/kisscomps/components/SchemeConfig/manualControlModalNew/index.vue +1 -1
  8. package/package/kisscomps/components/patternList/patternList.vue +0 -11
  9. package/package/kissui.min.js +1 -1
  10. package/package.json +1 -1
  11. package/src/kisscomps/components/BoardCard/BoardCard.vue +0 -11
  12. package/src/kisscomps/components/DrawChannelization/drawsvg/iconSvg/motorwayIconSvg.vue +145 -46
  13. package/src/kisscomps/components/DrawChannelization/drawsvg/index.draw.vue +4 -4
  14. package/src/kisscomps/components/PatternStatus/PatternStatus.vue +8 -83
  15. package/src/kisscomps/components/SchemeConfig/SchemeConfig.vue +7 -0
  16. package/src/kisscomps/components/SchemeConfig/lockingPhaselControlModal/index.vue +11 -9
  17. package/src/kisscomps/components/SchemeConfig/manualControlModalNew/index.vue +1 -1
  18. package/src/kisscomps/components/patternList/patternList.vue +0 -11
  19. package/static/styles/common.scss +3 -3
  20. package/static/styles/dark/theme/element-dark.scss +1 -1
  21. package/static/styles/intersection.scss +15 -5
  22. package/static/styles/light/theme/element-light.scss +1 -1
  23. package/static/styles/schemeconfig.scss +3 -6
  24. package/src/node_modules/.package_versions.json +0 -1
@@ -212,8 +212,8 @@ export default {
212
212
  Detector: [], // 管理所有检测器
213
213
  DetectorChart: [], // 管理所有检测器统计图
214
214
  motorwayicon: '',
215
- IconLengh: 33,
216
- IconWdith: 109,
215
+ IconLengh: 60,
216
+ IconWdith: 134,
217
217
  textareaW: 200,
218
218
  textareaH: 100,
219
219
  pedW: 206,
@@ -389,8 +389,8 @@ export default {
389
389
  h: this.IconWdith,
390
390
  angle: 0
391
391
  }
392
- this.IconLengh = 33
393
- this.IconWdith = 109
392
+ this.IconLengh = 60
393
+ this.IconWdith = 134
394
394
  let Motorwaysitem = {
395
395
  index: this.index,
396
396
  id: this.motorid,
@@ -14,9 +14,8 @@
14
14
  <!-- 环模式true -->
15
15
  <div v-if="this.contrloType === 'ring' || !this.contrloType">
16
16
  <div class="ring-first" v-for="(list, index1) in patternInfo" :key="index1">
17
- <draggable :move="move" @end="endDrag(index1)" :disabled="isMove" :list="list">
18
- <div style="position: relative;" :style="{'height': '34px','float':'left','width':((item.split+(item.sum?item.sum:0)) / (max?max:item.cycle) * 100) + '%'}" v-for="(item,index2) in list" :key="index2" :class="item.mode===7?'direction': ''">
19
- <div class="first-1" :class="item.mode === 8 ? 'mask' : item.mode === 9 ? 'yellowClass' : ''" :style="{'width':Number(item.greenWidth.replace('%', ''))/Number((((item.split+(item.sum?item.sum:0)) / (max?max:item.cycle) * 100) + '%').replace('%', ''))*100+'%','height':'34px','background':'#7ccc66'}">
17
+ <div style="position: relative;" :style="{'height': '34px','float':'left','width':((item.split+(item.sum?item.sum:0)) / (max?max:item.cycle) * 100) + '%'}" v-for="(item,index2) in list" :key="index2" :class="item.mode===7?'direction': ''">
18
+ <div class="first-1" :class="item.mode === 8 ? 'mask' : item.mode === 9 ? 'yellowClass' : ''" :style="{'width':Number(item.greenWidth.replace('%', ''))/Number((((item.split+(item.sum?item.sum:0)) / (max?max:item.cycle) * 100) + '%').replace('%', ''))*100+'%','height':'34px','background':'#7ccc66'}">
20
19
  <el-tooltip placement="top-start" effect="light">
21
20
  <div slot="content">{{$t('openatccomponents.phase.phase')}}{{item.id}}:{{item.split}}</div>
22
21
  <div style="cursor:pointer;">
@@ -26,18 +25,7 @@
26
25
  </div>
27
26
  <div v-if="isShowTip" class="box" style="position: absolute; left:40px; width:40px; top: -1px;">
28
27
  <div class="ring-nums">{{$t('openatccomponents.phase.phase')}}{{item.id}}</div>
29
- <div v-if="isMove" class="ring-nums">{{item.split}}</div>
30
- <el-input-number
31
- v-if="!isMove"
32
- class="ring-nums"
33
- size="small"
34
- :controls="false"
35
- :min="0"
36
- :step="1"
37
- v-model.number="item.split"
38
- @change="handleEdit(item)"
39
- style="width: 24px"
40
- ></el-input-number>
28
+ <div class="ring-nums">{{item.split}}</div>
41
29
  </div>
42
30
  </div>
43
31
  </el-tooltip>
@@ -53,8 +41,7 @@
53
41
  <div class="first-1" :class="item.mode === 8 ? 'mask' : item.mode === 9 ? 'yellowClass' : ''" :style="{'width':Number(item.flashgreen.replace('%', ''))/Number((((item.split+(item.sum?item.sum:0)) / (max?max:item.cycle) * 100).toFixed(3) + '%').replace('%', ''))*100+'%','height':'34px','float':'left','background': 'linear-gradient(to right, #ffffff 50%, #7ccc66 0)','background-size': '4px 100%'}"></div>
54
42
  <div class="first-1" :class="item.mode === 8 ? 'mask' : item.mode === 9 ? 'yellowClass' : ''" :style="{'width':Number(item.yellowWidth.replace('%', ''))/Number((((item.split+(item.sum?item.sum:0)) / (max?max:item.cycle) * 100) + '%').replace('%', ''))*100+'%','height':'34px','background':'#f9dc6a'}"></div>
55
43
  <div class="first-1" :class="item.mode === 8 ? 'mask' : item.mode === 9 ? 'yellowClass' : ''" :style="{'width':Number(item.redWidth.replace('%', ''))/Number((((item.split+(item.sum?item.sum:0)) / (max?max:item.cycle) * 100).toFixed(3) + '%').replace('%', ''))*100+'%','height':'34px','background':'#f27979'}"></div>
56
- </div>
57
- </draggable>
44
+ </div>
58
45
  </div>
59
46
  <div v-if="showBarrier">
60
47
  <div v-for="(item, index) in barrierList" :key="index + '1'">
@@ -113,7 +100,6 @@
113
100
  <script>
114
101
  // import patternwalksvg from '../PatternWalkSvg/PatternWalkSvg'
115
102
  import xdrdirselector from '../XRDDirSelector/XRDDirSelector'
116
- import draggable from 'vuedraggable'
117
103
  // import PatternWalkSvg from '../IntersectionMap/crossDirection/baseImg/PatternWalkSvg'
118
104
  import PhaseDataModel from '../IntersectionMap/crossDirection/utils.js'
119
105
  import CrossDiagramMgr from '../../../EdgeMgr/controller/crossDiagramMgr.js'
@@ -121,7 +107,6 @@ export default {
121
107
  name: 'pattern-list',
122
108
  components: {
123
109
  // patternwalksvg,
124
- draggable,
125
110
  xdrdirselector
126
111
  },
127
112
  data () {
@@ -129,7 +114,6 @@ export default {
129
114
  barrierHeight: '',
130
115
  stageCycle: '',
131
116
  barrierList: [],
132
- barrierArr: [],
133
117
  newCycle: this.cycles,
134
118
  patternIds: this.patternId,
135
119
  newPatterns: [],
@@ -158,10 +142,6 @@ export default {
158
142
  stagesChange: {
159
143
  type: Array
160
144
  },
161
- isMove: {
162
- type: Boolean,
163
- default: true
164
- },
165
145
  controlPhase: {
166
146
  type: Object
167
147
  },
@@ -363,11 +343,11 @@ export default {
363
343
  handler: function (val, oldVal) {
364
344
  this.handleBarrierHeight() // 计算屏障高度
365
345
  if (this.patternStatusList && this.newCycle) {
366
- // setTimeout(() => {
367
- this.handleCurrentChange(this.patternStatusList)
346
+ setTimeout(() => {
347
+ this.handleCurrentChange(this.patternStatusList)
348
+ this.handleBarrierHeight()
349
+ }, 10)
368
350
  this.handleBarrierHeight()
369
- // }, 10)
370
- // this.handleBarrierHeight()
371
351
  }
372
352
  },
373
353
  // 深度观察监听
@@ -395,60 +375,6 @@ export default {
395
375
  }
396
376
  },
397
377
  methods: {
398
- move (e) {
399
- // 这里的e表示即将停靠的元素。
400
- let result = this.barrierArr.filter(item => item.includes(e.relatedContext.element.id))[0]
401
- if (!result.includes(e.draggedContext.element.id)) {
402
- return false
403
- }
404
- },
405
- endDrag (index) {
406
- // 拖动后对原数据排序
407
- const idIndexMap = {}
408
- this.patternInfo.forEach((subArray, subArrayIndex) => {
409
- subArray.forEach((item, index) => {
410
- idIndexMap[item.id] = { subArrayIndex, index }
411
- })
412
- })
413
- this.patternStatusList.forEach((subArray, subArrayIndex) => {
414
- if (subArray.length > 0) {
415
- subArray.sort((aItem, bItem) => {
416
- const aIndex = idIndexMap[aItem.id] ? idIndexMap[aItem.id].index : Infinity
417
- const bIndex = idIndexMap[bItem.id] ? idIndexMap[bItem.id].index : Infinity
418
- return aIndex - bIndex
419
- })
420
- }
421
- })
422
- },
423
- handleEdit (val) {
424
- this.patternStatusList.map(d => {
425
- d.map(r => {
426
- if (r.id === val.id) {
427
- r.value = val.split
428
- }
429
- })
430
- })
431
- // this.handleCurrentChange(this.patternStatusList)
432
- this.$emit('handleSplitMove', this.patternId)
433
- },
434
- getMaxCycle (pattern) {
435
- // let rings = pattern.rings
436
- let maxCycle = 0
437
- for (let ring of pattern) {
438
- if (ring.length === 0) continue
439
- let cycle = 0
440
- for (let r of ring) {
441
- if (r.mode === 7) { // 忽略相位不计周期
442
- continue
443
- }
444
- cycle = cycle + r.value
445
- }
446
- if (cycle > maxCycle) {
447
- maxCycle = cycle
448
- }
449
- }
450
- return maxCycle
451
- },
452
378
  getPed (data) {
453
379
  let ped = []
454
380
  for (let stg of data) {
@@ -1253,7 +1179,6 @@ export default {
1253
1179
  }
1254
1180
  }
1255
1181
  let resArr = ringArr.map(item => item.data)
1256
- this.barrierArr = resArr
1257
1182
  let ringTeam = this.step1(this.phaseList, resArr)
1258
1183
  let ringTeams = ringTeam.filter(item => item.length !== 0)
1259
1184
  if (this.patternList) {
@@ -510,6 +510,7 @@ export default {
510
510
  this.changeStatus()
511
511
  }
512
512
  this.setPropsToken(this.Token)
513
+ this.hiddenPartControl()
513
514
  // await this.getPhase()
514
515
  this.getFault()
515
516
  this.initData()
@@ -941,6 +942,12 @@ export default {
941
942
  if (token && token !== '') {
942
943
  setToken(token)
943
944
  }
945
+ },
946
+ hiddenPartControl () {
947
+ // 保存的面板,不显示方位锁定的功能
948
+ if (this.isShowImplement === false) {
949
+ this.residentControlList = this.residentControlList.filter(item => item.id !== 25)
950
+ }
944
951
  }
945
952
  },
946
953
  destroyed () {
@@ -20,10 +20,10 @@
20
20
  :model="manualInfo"
21
21
  label-width="90px">
22
22
  <el-form-item
23
- :label="$t('openatccomponents.overview.duration')"
24
- prop="count">
25
- <el-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempDuration" size="small"></el-input-number>
26
- </el-form-item>
23
+ :label="$t('openatccomponents.overview.greenclear')"
24
+ prop="intersection">
25
+ <el-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempGreenflash" size="small"></el-input-number>
26
+ </el-form-item>
27
27
 
28
28
  <el-form-item
29
29
  :label="$t('openatccomponents.overview.yellowflash')"
@@ -44,11 +44,13 @@
44
44
  label-position="left"
45
45
  :model="manualInfo"
46
46
  label-width="90px">
47
- <el-form-item
48
- :label="$t('openatccomponents.overview.greenclear')"
49
- prop="intersection">
50
- <el-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempGreenflash" size="small"></el-input-number>
51
- </el-form-item>
47
+
48
+ <el-form-item
49
+ :label="$t('openatccomponents.overview.duration')"
50
+ prop="count">
51
+ <el-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempDuration" size="small"></el-input-number>
52
+ </el-form-item>
53
+
52
54
  <el-form-item
53
55
  :label="$t('openatccomponents.overview.allred')"
54
56
  prop="intersection">
@@ -62,7 +62,7 @@
62
62
  @toAutoControl="toAutoControl" />
63
63
 
64
64
  <AzimuthLocking
65
- v-if="preselecttype === '方向锁定'"
65
+ v-if="preselecttype === '方向锁定' && isShowImplement"
66
66
  :realtimeStatusModalvisible="realtimeStatusModalvisible"
67
67
  :phaseList="phaseList"
68
68
  :patternStatus="statusData"
@@ -5,7 +5,6 @@
5
5
  :contrloType="contrloType"
6
6
  :stagesChange="stagesChange"
7
7
  :isShowTip="isShowTip"
8
- :isMove="isMove"
9
8
  :patternStatusList="patternStatusList"
10
9
  :cycles="cycles"
11
10
  :cycle="cycle"
@@ -20,7 +19,6 @@
20
19
  :agentId="agentId"
21
20
  :controlData="controlData"
22
21
  :syncTime="syncTime"
23
- @handleSplitMove="handleSplitMove"
24
22
  :isPhase="isPhase"
25
23
  >
26
24
  </BoardCard>
@@ -504,10 +502,6 @@ export default {
504
502
  type: Boolean,
505
503
  default: true
506
504
  },
507
- isMove: {
508
- type: Boolean,
509
- default: true
510
- },
511
505
  contrloType: {
512
506
  type: String
513
507
  },
@@ -587,11 +581,6 @@ export default {
587
581
  // if (this.$route.query !== undefined && Object.keys(this.$route.query).length) {
588
582
  // this.resetCrossDiagram()
589
583
  // }
590
- },
591
- methods: {
592
- handleSplitMove (data) {
593
- this.$emit('handleSplitMove', data)
594
- }
595
584
  }
596
585
  }
597
586
  </script>