openatc-components 0.2.43 → 0.2.44

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.2.43",
3
+ "version": "0.2.44",
4
4
  "description": "A Vue.js project",
5
5
  "author": "openatc developer",
6
6
  "private": false,
@@ -109,7 +109,7 @@ const en = {
109
109
  'protocoltype': 'Protocol',
110
110
  'signalID': 'Intersection ID',
111
111
  'flow': 'Average lane flow (h)low',
112
- 'saturationflow': 'Planned lane saturation Flow (h)',
112
+ 'saturationflow': 'Planned lane saturation Flow(h)',
113
113
  'typeflow-split-opt': 'Flow Split Op',
114
114
  'maxFlow': 'The average lane flow is too large. Is it further optimized?',
115
115
  'typecycle-opt': 'Cycle Opt',
@@ -105,7 +105,7 @@ const zh = {
105
105
  'overview': {
106
106
  'crossinfo': '路口信息',
107
107
  'flow': '车道平均流量(h)',
108
- 'saturationflow': '车道规划饱和流量(h',
108
+ 'saturationflow': '车道规划饱和流量(h)',
109
109
  'typeflow-split-opt': '饱和绿信比优化',
110
110
  'maxFlow': '车道平均流量过大,是否继续优化?',
111
111
  'typecycle-opt': '周期优化',
@@ -5,14 +5,14 @@
5
5
  {{headerText}}
6
6
  </div>
7
7
  <div class="common-board-table-header">
8
- <el-row :gutter="13">
9
- <el-col :span="3">{{this.$t('openatccomponents.pattern.phase')}}
8
+ <el-row :gutter="10">
9
+ <el-col :span="4">{{this.$t('openatccomponents.pattern.phase')}}
10
10
  </el-col>
11
- <el-col :span="11">{{this.$t('openatccomponents.pattern.property')}}
11
+ <el-col :span="8">{{this.$t('openatccomponents.pattern.property')}}
12
12
  </el-col>
13
- <el-col :span="5">{{this.$t('openatccomponents.pattern.delaystart')}}
13
+ <el-col :span="6">{{this.$t('openatccomponents.pattern.delaystart')}}
14
14
  </el-col>
15
- <el-col :span="5">{{this.$t('openatccomponents.pattern.advanceend')}}
15
+ <el-col :span="6">{{this.$t('openatccomponents.pattern.advanceend')}}
16
16
  </el-col>
17
17
  </el-row>
18
18
  </div>
@@ -21,8 +21,8 @@
21
21
  :list="list"
22
22
  :options="options">
23
23
  <div class="common-board-item" v-for="element in list" :key="element.id">
24
- <el-row :gutter="13" >
25
- <el-col :span="3">
24
+ <el-row :gutter="10" >
25
+ <el-col :span="4">
26
26
  <el-tooltip class="item" effect="dark" placement="left">
27
27
  <div slot="content">{{element.name}}</div>
28
28
  <div class="common-phase-description">
@@ -30,7 +30,7 @@
30
30
  </div>
31
31
  </el-tooltip>
32
32
  </el-col>
33
- <el-col :span="11">
33
+ <el-col :span="8">
34
34
  <el-select v-model="element.options" size="small" multiple collapse-tags :placeholder="$t('openatccomponents.common.select')">
35
35
  <el-option
36
36
  v-for="item in coordphaseOption"
@@ -40,10 +40,10 @@
40
40
  </el-option>
41
41
  </el-select>
42
42
  </el-col>
43
- <el-col :span="5">
43
+ <el-col :span="6">
44
44
  <el-input-number :controls="false" size="small" :min="0" :max="255" :step="1" v-model.number="element.delaystart" ref="type"></el-input-number>
45
45
  </el-col>
46
- <el-col :span="5">
46
+ <el-col :span="6">
47
47
  <el-input-number :controls="false" size="small" :min="0" :max="255" :step="1" v-model.number="element.advanceend" ref="type"></el-input-number>
48
48
  </el-col>
49
49
  </el-row>
@@ -5,11 +5,11 @@
5
5
  </div>
6
6
  <div class="common-board-table-header">
7
7
  <el-row :gutter="13">
8
- <el-col :span="6">{{this.$t('openatccomponents.overview.phase')}}
8
+ <el-col :span="4">{{this.$t('openatccomponents.overview.phase')}}
9
9
  </el-col>
10
- <el-col :span="9">{{this.$t('openatccomponents.overview.phasesplit')}}
10
+ <el-col :span="10">{{this.$t('openatccomponents.overview.phasesplit')}}
11
11
  </el-col>
12
- <el-col :span="9">{{this.$t('openatccomponents.detector.mode')}}
12
+ <el-col :span="10">{{this.$t('openatccomponents.detector.mode')}}
13
13
  </el-col>
14
14
  </el-row>
15
15
  </div>
@@ -19,7 +19,7 @@
19
19
  :options="options">
20
20
  <div class="common-board-item" v-for="element in list" :key="element.id">
21
21
  <el-row :gutter="13">
22
- <el-col :span="6">
22
+ <el-col :span="4">
23
23
  <el-tooltip class="item" effect="dark" placement="left">
24
24
  <div slot="content">{{element.name}}</div>
25
25
  <div class="common-phase-description">
@@ -27,10 +27,10 @@
27
27
  </div>
28
28
  </el-tooltip>
29
29
  </el-col>
30
- <el-col :span="9">
30
+ <el-col :span="10">
31
31
  <el-input-number :controls="false" class="col-content" size="small" :min="element.minSplit" :max="255" :step="1" v-model.number="element.value" ref="type"></el-input-number>
32
32
  </el-col>
33
- <el-col :span="9">
33
+ <el-col :span="10">
34
34
  <el-select v-model="element.mode" class="col-content" size="small" @change="doChange(element)" :placeholder="$t('openatccomponents.common.select')">
35
35
  <el-option
36
36
  v-for="item in modeOption"
@@ -557,7 +557,7 @@ export default {
557
557
  this.changeStatus()
558
558
  }
559
559
  this.setPropsToken(this.Token)
560
- // await this.getPhase()
560
+ await this.getPhase()
561
561
  this.getFault()
562
562
  this.initData()
563
563
  },
@@ -1,11 +1,19 @@
1
1
  // 公共面板组件通用样式
2
2
  .common-board-column {
3
- min-width: 180PX;
3
+ min-width: 260PX;
4
+ max-width: 380PX;
4
5
  min-height: 100PX;
5
- max-width: 350PX;
6
6
  height: auto;
7
7
  overflow: hidden;
8
8
  // background: #f0f0f0;
9
+ border-radius: 3PX;
10
+ border: 1PX solid $--border-color-base;
11
+ // min-width: 180PX;
12
+ // min-height: 100PX;
13
+ // max-width: 350PX;
14
+ // height: auto;
15
+ // overflow: hidden;
16
+ // background: #f0f0f0;
9
17
  // border: 1PX solid $--border-color-base;
10
18
  .common-phase-description {
11
19
  position: relative;
@@ -14,7 +22,27 @@
14
22
  height: 40PX;
15
23
  }
16
24
 
17
-
25
+ // .board-column-header {
26
+ // height: 50PX;
27
+ // line-height: 50PX;
28
+ // overflow: hidden;
29
+ // padding: 0 10PX;
30
+ // text-align: center;
31
+ // background: $--color-primary;
32
+ // color: #FFFFFF;
33
+ // border-radius: 3PX 3PX 0 0;
34
+ // }
35
+ // .board-table-header {
36
+ // height: 30PX;
37
+ // line-height: 30PX;
38
+ // overflow: hidden;
39
+ // text-align: center;
40
+ // padding: 0 6PX;
41
+ // margin-bottom: -20PX;
42
+ // font-size: 12PX;
43
+ // color: $--color-info;
44
+ // background-color: $--color-black;
45
+ // }
18
46
  .common-board-column-header {
19
47
  line-height: 40PX;
20
48
  overflow: hidden;
@@ -24,15 +52,24 @@
24
52
  height: 40PX;
25
53
  }
26
54
  .common-board-table-header {
27
- height: 42PX;
55
+ height: 30PX;
56
+ line-height: 30PX;
28
57
  overflow: hidden;
29
58
  text-align: center;
30
- margin-bottom: -12PX;
31
- font-size: 14PX;
59
+ padding: 0 6PX;
60
+ margin-bottom: -20PX;
61
+ font-size: 12PX;
32
62
  color: $--color-info;
33
63
  background-color: $--color-black;
34
- border: 20PX solid transparent;
35
- border-bottom-width: 0PX;
64
+ // height: 42PX;
65
+ // overflow: hidden;
66
+ // text-align: center;
67
+ // margin-bottom: -12PX;
68
+ // font-size: 14PX;
69
+ // color: $--color-info;
70
+ // background-color: $--color-black;
71
+ // border: 20PX solid transparent;
72
+ // border-bottom-width: 0PX;
36
73
  .common-titlecolumn {
37
74
  float: left;
38
75
  text-align: left;
@@ -60,9 +97,30 @@
60
97
  flex-direction: column;
61
98
  align-items: center;
62
99
  background-color: $--color-black;
63
- border-width: 20PX;
64
- border-top-width: 16PX;
65
- border-bottom-width: 15PX;
100
+
101
+ // .board-item {
102
+ // cursor: pointer;
103
+ // width: 100%;
104
+ // height: 48PX;
105
+ // margin: 5PX 0;
106
+ // // background-color: rgba(31,46,46,0.9);
107
+ // text-align: left;
108
+ // line-height: 40PX;
109
+ // padding: 1PX 1PX;
110
+ // box-sizing: border-box;
111
+ // }
112
+ // height: auto;
113
+ // overflow: hidden;
114
+ // border: 10PX solid transparent;
115
+ // min-height: 60PX;
116
+ // display: flex;
117
+ // justify-content: flex-start;
118
+ // flex-direction: column;
119
+ // align-items: center;
120
+ // background-color: $--color-black;
121
+ // border-width: 20PX;
122
+ // border-top-width: 16PX;
123
+ // border-bottom-width: 15PX;
66
124
  .common-contentcolumn {
67
125
  float: left;
68
126
  }
@@ -82,10 +140,19 @@
82
140
  .common-board-item {
83
141
  cursor: pointer;
84
142
  width: 100%;
85
- height: 40PX;
86
- margin-top: 10PX;
143
+ height: 48PX;
144
+ margin: 5PX 0;
145
+ // background-color: rgba(31,46,46,0.9);
87
146
  text-align: left;
147
+ line-height: 40PX;
148
+ padding: 1PX 1PX;
88
149
  box-sizing: border-box;
150
+ // cursor: pointer;
151
+ // width: 100%;
152
+ // height: 40PX;
153
+ // margin-top: 10PX;
154
+ // text-align: left;
155
+ // box-sizing: border-box;
89
156
  .index{
90
157
  color: $--color-text-primary;
91
158
  font-size: 14PX;
@@ -392,6 +392,7 @@
392
392
  flex-wrap: wrap;
393
393
  }
394
394
  .optimizetype {
395
+ font-size: 14PX;
395
396
  color: $--color-text-primary;
396
397
  }
397
398
  // .todo {