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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "openatc-components",
3
- "version": "0.1.82",
3
+ "version": "0.1.83",
4
4
  "description": "A Vue.js project",
5
5
  "author": "openatc developer",
6
6
  "private": false,
@@ -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">
@@ -34,8 +34,6 @@ let errorCodeMap = new Map([
34
34
  [503, '星期超出限值'],
35
35
  [504, '日期值超出限值'],
36
36
  [505, '配置未知计划号'],
37
- [505, '配置未知计划号'],
38
- [506, '包含普通计划的日期未覆盖全年'],
39
37
  [601, '通道数超出限值'],
40
38
  [602, '通道配置未知控制源'],
41
39
  [603, '通道控制源未配置'],
@@ -123,8 +121,6 @@ let errorCodeMapEn = new Map([
123
121
  [503, 'The week exceeds the limit'],
124
122
  [504, 'The date value exceeds the limit'],
125
123
  [505, 'Configure unknown plan number'],
126
- [506, 'Dates that include common plans do not cover the full year'],
127
- [507, 'No month is configured for the scheduling plan'],
128
124
  [601, 'The number of channels exceeds the limit'],
129
125
  [602, 'Channel configuration unknown control source'],
130
126
  [603, 'Channel control source is not configured'],
@@ -74,7 +74,6 @@
74
74
  .lock-map {
75
75
  cursor: pointer;
76
76
  margin: 0 5PX;
77
- font-size: 18PX;
78
77
  }
79
78
  .el-icon-lock {
80
79
  color: $--color-text-secondary;
@@ -11,6 +11,21 @@
11
11
  .changePaddingBottom {
12
12
  padding-bottom: 30px;
13
13
  }
14
+ @media only screen and (min-width: 2048px){
15
+ .crossDirection-display{
16
+ zoom: 1.5;
17
+ }
18
+ }
19
+ @media only screen and (max-width: 2048px){
20
+ .crossDirection-display{
21
+ zoom: 1.3;
22
+ }
23
+ }
24
+ @media only screen and (max-width: 1920px){
25
+ .crossDirection-display{
26
+ zoom: 1.2;
27
+ }
28
+ }
14
29
  /*当屏幕小于等于1680px的屏幕样式*/
15
30
  @media only screen and (max-width: 1680px){
16
31
  .crossDirection-display{
@@ -76,39 +91,30 @@
76
91
  font-size: 12px;
77
92
  }
78
93
  }
94
+
95
+ .widescreenCrossImg {
96
+ zoom: 1.5;
97
+ }
79
98
  .superlargeCrossImg {
80
99
  // transform: scale(0.9);
81
- zoom: 1;
82
-
100
+ zoom: 1.3;
83
101
  }
84
102
  .largeCrossImg {
85
- // transform: scale(0.8);
86
- zoom: 0.9;
87
-
103
+ zoom: 1.2;
88
104
  }
89
105
  .middleCrossImg {
90
- // transform: scale(0.65);
91
- // zoom: 0.65;
92
- zoom: 0.8;
106
+ zoom: 1;
93
107
  }
94
108
  .smallCrossImg {
95
- // transform: scale(0.5);
96
- // zoom: 0.5;
97
- zoom: 0.65;
109
+ zoom: 0.8;
98
110
  }
99
111
  .miniCrossImg {
100
- // transform: scale(0.45);
101
- // zoom: 0.45;
102
- zoom: 0.5;
112
+ zoom: 0.6;
103
113
  }
104
114
  .superminiCrossImg {
105
- // transform: scale(0.35);
106
- // zoom: 0.35;
107
115
  zoom: 0.45;
108
116
  }
109
117
  .minimumCrossImg {
110
- // transform: scale(0.25);
111
- // zoom: 0.25;
112
118
  zoom: 0.35;
113
119
  }
114
120
  .transMiddleCrossImg {
@@ -330,21 +330,6 @@
330
330
  padding: 21PX 0PX 21PX 28PX;
331
331
  min-width: 360PX;
332
332
  overflow: auto;
333
- .forbiddenstage{
334
- width: 60%;
335
- margin: 10px auto;
336
- color: $--color-text-primary;
337
- }
338
- .stage-item {
339
- cursor: pointer;
340
- width: 100%;
341
- height: auto;
342
- margin: 5px 0;
343
- line-height: 40px;
344
- color: $--color-text-primary;
345
- padding: 1px 1px;
346
- box-sizing: border-box;
347
- }
348
333
  .title {
349
334
  margin-bottom: 24PX;
350
335
  font-size: 20PX;
@@ -1 +0,0 @@
1
- {}