openatc-components 0.1.82 → 0.1.83

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.
@@ -12,6 +12,7 @@
12
12
  <!--静态渠化路口,需要传入路口状态数据和检测器状态数据-->
13
13
  <template>
14
14
  <div class="show-channelization channelization-base-map" :class="{
15
+ 'widescreenCrossImg': bodyDomWidth > 1680,
15
16
  'superlargeCrossImg': bodyDomWidth <= 1680 && bodyDomWidth > 1440,
16
17
  'largeCrossImg': bodyDomWidth <= 1440 && bodyDomWidth > 1280,
17
18
  'middleCrossImg': bodyDomWidth <= 1280 && bodyDomWidth > 960,
@@ -12,6 +12,7 @@
12
12
  <!--流量统计渠化路口图-->
13
13
  <template>
14
14
  <div class="show-channelization channelization-base-map" :class="{
15
+ 'widescreenCrossImg': bodyDomWidth > 1680,
15
16
  'superlargeCrossImg': bodyDomWidth <= 1680 && bodyDomWidth > 1440,
16
17
  'largeCrossImg': bodyDomWidth <= 1440 && bodyDomWidth > 1280,
17
18
  'middleCrossImg': bodyDomWidth <= 1280 && bodyDomWidth > 960,
@@ -12,6 +12,7 @@
12
12
  <template>
13
13
  <div class="intersection-map">
14
14
  <div class="crossDirection-display openatc-intersection-base-map" :class="{
15
+ 'widescreenCrossImg': bodyDomWidth > 1680,
15
16
  'superlargeCrossImg': bodyDomWidth <= 1680 && bodyDomWidth > 1440,
16
17
  'largeCrossImg': bodyDomWidth <= 1440 && bodyDomWidth > 1280,
17
18
  'middleCrossImg': bodyDomWidth <= 1280 && bodyDomWidth > 960,
@@ -136,11 +137,13 @@ export default {
136
137
  if (this.$el.parentElement === null || this.$el.parentElement === undefined) return
137
138
  this.bodyDomSize.width = this.$el.parentElement.clientWidth
138
139
  this.bodyDomWidth = this.bodyDomSize.width
140
+ console.log(this.bodyDomWidth)
139
141
  window.addEventListener('resize', () => {
140
142
  // 定义窗口大小变更通知事件
141
143
  if (_this.$el.parentElement === null || _this.$el.parentElement === undefined) return
142
144
  _this.bodyDomSize.width = _this.$el.parentElement.clientWidth
143
145
  this.bodyDomWidth = this.bodyDomSize.width
146
+ console.log(this.bodyDomWidth)
144
147
  console.log('resize this.bodyDomSize.width', _this.bodyDomSize.width)
145
148
  }, false)
146
149
  })
@@ -826,17 +826,6 @@ export default {
826
826
  return k.id
827
827
  })
828
828
  })
829
- let valSplit = val.map(item => {
830
- return item.map(val => {
831
- return val.value + (val.sum ? val.sum : 0)
832
- })
833
- })
834
- let splitCycle = valSplit.length > 0 ? valSplit.map(item => {
835
- return item.length > 0 ? item.reduce((a, b) => {
836
- return a + b
837
- }) : 0
838
- }) : 0
839
- let cycle = Math.max(...splitCycle)// 每个环的周期最大值
840
829
  let newRings = ringsequence.filter(item => item)
841
830
  let minLength = Math.min(...ringlength)
842
831
  let resultArrs = [] // 环1分组
@@ -934,9 +923,7 @@ export default {
934
923
  if (this.patternList) {
935
924
  this.setBarrier(ringTeams, val)
936
925
  }
937
- if (newRings.length > 1) {
938
- this.fillGap(ringTeams, val)
939
- }
926
+ this.fillGap(ringTeams, val)
940
927
  let barrier = this.step2(ringTeams, newPattern)
941
928
  this.barrierList = barrier.map(j => {
942
929
  return (j / (this.max ? this.max : this.newCycle) * 100) + '%'
@@ -1006,14 +993,14 @@ export default {
1006
993
  }
1007
994
  obj.split = split
1008
995
  if (ring.sum) {
1009
- obj.redWidth = ((currPhase.redclear + ring.sum) / (this.max ? this.max : cycle) * 100).toFixed(3) + '%'
996
+ obj.redWidth = ((currPhase.redclear + ring.sum) / (this.max ? this.max : this.newCycle) * 100).toFixed(3) + '%'
1010
997
  } else {
1011
- obj.redWidth = (currPhase.redclear / (this.max ? this.max : cycle) * 100).toFixed(3) + '%'
998
+ obj.redWidth = (currPhase.redclear / (this.max ? this.max : this.newCycle) * 100).toFixed(3) + '%'
1012
999
  }
1013
1000
  obj.mode = ring.mode
1014
- obj.greenWidth = ((split - currPhase.redclear - currPhase.yellow - currPhase.flashgreen) / (this.max ? this.max : cycle) * 100).toFixed(3) + '%'
1015
- obj.flashgreen = (currPhase.flashgreen / (this.max ? this.max : cycle) * 100).toFixed(3) + '%'
1016
- obj.yellowWidth = (currPhase.yellow / (this.max ? this.max : cycle) * 100).toFixed(3) + '%'
1001
+ obj.greenWidth = ((split - currPhase.redclear - currPhase.yellow - currPhase.flashgreen) / (this.max ? this.max : this.newCycle) * 100).toFixed(3) + '%'
1002
+ obj.flashgreen = (currPhase.flashgreen / (this.max ? this.max : this.newCycle) * 100).toFixed(3) + '%'
1003
+ obj.yellowWidth = (currPhase.yellow / (this.max ? this.max : this.newCycle) * 100).toFixed(3) + '%'
1017
1004
  // 忽略相位不显示
1018
1005
  // let mode = ring.mode
1019
1006
  // if (mode !== 7) { // 忽略相位不显示
@@ -182,10 +182,14 @@ export default {
182
182
  control: 24,
183
183
  delay: this.manualInfo.delay,
184
184
  duration: this.manualInfo.duration,
185
- type: this.manualInfo.type,
186
- phase: this.manualInfo.phase,
187
- level: this.manualInfo.level
185
+ data: {
186
+ type: this.manualInfo.type,
187
+ phase: this.manualInfo.phase,
188
+ level: this.manualInfo.level
189
+ }
190
+
188
191
  }
192
+ console.log(submitdata, 'submitdata')
189
193
  this.$emit('closePhaseControl', submitdata)
190
194
  }
191
195
  }
@@ -111,15 +111,15 @@
111
111
  :list="patternOne.length===0?planPattern.rings[j-1]:patternOne[0].rings[j-1]"
112
112
  >
113
113
  </expend-config>
114
- <div class="forbiddenstage">
114
+ <div style="width: 60%;margin: 10px auto;color:#ffffff">
115
115
  {{$t('openatccomponents.pattern.forbiddenstage')}}
116
116
  <el-input class="stage-value" size="small" v-model="forbiddenstage"></el-input>
117
117
  </div>
118
- <div class="forbiddenstage">
118
+ <div style="width: 60%;margin: 10px auto;color:#ffffff">
119
119
  {{$t('openatccomponents.pattern.screenstage')}}
120
120
  <el-input class="stage-value" size="small" v-model="screenstage"></el-input>
121
121
  </div>
122
- <div class="forbiddenstage">
122
+ <div style="width: 60%;margin: 10px auto;color:#ffffff">
123
123
  {{$t('openatccomponents.pattern.coordinatestage')}}
124
124
  <el-input class="stage-value" size="small" v-model="coordinatestage"></el-input>
125
125
  </div>
@@ -228,14 +228,14 @@ export default {
228
228
  height: auto;
229
229
  margin: 5px 0;
230
230
  line-height: 40px;
231
- // color: #FFFFFF;
231
+ color: #FFFFFF;
232
232
  padding: 1px 1px;
233
233
  box-sizing: border-box;
234
234
  }
235
235
  .el-button--primary:hover, .el-button--primary:focus{
236
236
  background: #409EFF;
237
237
  border-color: #409EFF;
238
- // color: #FFFFFF;
238
+ color: #FFFFFF;
239
239
  }
240
240
  </style>
241
241
  <style lang="scss">