openatc-components 0.2.72 → 0.2.74

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 (9) hide show
  1. package/package/kisscomps/components/IntersectionMap/crossDirection/crossDiagram.vue +14 -11
  2. package/package/kisscomps/components/SchemeConfig/realtimeStatusModal/index.vue +8 -0
  3. package/package/kissui.min.js +1 -1
  4. package/package.json +1 -1
  5. package/src/i18n/language/en.js +2 -0
  6. package/src/i18n/language/zh.js +2 -0
  7. package/src/kisscomps/components/IntersectionMap/crossDirection/crossDiagram.vue +14 -11
  8. package/src/kisscomps/components/SchemeConfig/realtimeStatusModal/index.vue +8 -0
  9. package/src/views/overView.vue +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "openatc-components",
3
- "version": "0.2.72",
3
+ "version": "0.2.74",
4
4
  "description": "A Vue.js project",
5
5
  "author": "openatc developer",
6
6
  "private": false,
package/src/i18n/language/en.js CHANGED
@@ -114,6 +114,8 @@ const en = {
114
114
  'maxFlow': 'The average lane flow is too large. Is it further optimized?',
115
115
  'typecycle-opt': 'Cycle Opt',
116
116
  'signalIP': 'Signal IP',
117
+ 'stagecountdown': 'Stage Countdown',
118
+ 'stageduration': 'Stage Duration',
117
119
  'currentphase': 'Current phase',
118
120
  'directionnull': 'Please select the import direction',
119
121
  'faultinfo': 'Fault Information',
package/src/i18n/language/zh.js CHANGED
@@ -114,6 +114,8 @@ const zh = {
114
114
  'protocoltype': '协议类型',
115
115
  'signalID': '路口ID',
116
116
  'signalIP': '信号机IP',
117
+ 'stagecountdown': '阶段倒计时',
118
+ 'stageduration': '阶段时长',
117
119
  'faultinfo': '故障信息',
118
120
  'platform': '平台类型',
119
121
  'online': '在线',
package/src/kisscomps/components/IntersectionMap/crossDirection/crossDiagram.vue CHANGED
@@ -35,11 +35,11 @@
35
35
  <div class="phaseCountdown" v-show="isShowInterval" v-if="isLoaded && isHasPhase && isHasCountdown" :class="{'countdownBg': isLoaded}">
36
36
  <div v-for="curPhase in phaseCountdownList" :key="curPhase.id" :style="{color: curPhase.phaseCountdownColor}">
37
37
  <div v-if="curPhase.phaseCountdown !== undefined && curPhase.phaseCountdown !== -1" style="overflow: hidden;margin-bottom: 4px;">
38
- <span style="float: left;width: 33px;height: 33px;position: relative;border: 1px solid rgba(255, 255, 255, 0.1);margin-right: 7px;">
39
- <xdr-dir-selector :Data="xdrData" :Datas="xdrpedData" Width="42px" Height="42px" Widths="42px" Heights="42px" :showlist="curPhase.showlist" :roadDirection="roadDirection"></xdr-dir-selector>
38
+ <span style="float: left;width: 42px;height: 42px;position: relative;border: 1px solid rgba(255, 255, 255, 0.1);margin-right: 5px;">
39
+ <xdr-dir-selector :Data="xdrData" :Datas="xdrpedData" Width="55px" Height="55px" Widths="55px" Heights="55px" :showlist="curPhase.showlist" :roadDirection="roadDirection"></xdr-dir-selector>
40
40
  </span>
41
- <span style="float: left;color: #fff;margin-right: 10px;width: 30px;">P{{curPhase.id}}:</span>
42
- <span style="float: left;font-size: 20px;">{{curPhase.phaseCountdown}}</span>
41
+ <span style="float: left;color: #fff;margin-right: 8px;width: 30px;">P{{curPhase.id}}:</span>
42
+ <span style="float: left;font-size: 25px;">{{curPhase.phaseCountdown}}</span>
43
43
  </div>
44
44
  </div>
45
45
  </div>
@@ -97,11 +97,14 @@
97
97
  <div class="left-dir-road" v-if="roadDir === 'left'">
98
98
  <div class="centerText" v-if="mainType === '100' || mainType === '101'" :class="{'countdownBg': isLoaded}">
99
99
  <!-- 相位倒计时 -->
100
- <div class="phaseCountdown" v-if="isLoaded && isHasPhase">
100
+ <div class="phaseCountdown" v-show="isShowInterval" v-if="isLoaded && isHasPhase && isHasCountdown" :class="{'countdownBg': isLoaded}">
101
101
  <div v-for="curPhase in phaseCountdownList" :key="curPhase.id" :style="{color: curPhase.phaseCountdownColor}">
102
- <div v-if="curPhase.phaseCountdown !== -1">
103
- <span style="float: left;font-size: 20px;color: #fff;width: 70px;">{{$t('openatccomponents.overview.phase')}}{{curPhase.id}}:</span>
104
- <span style="float: left;">{{curPhase.phaseCountdown}}</span>
102
+ <div v-if="curPhase.phaseCountdown !== undefined && curPhase.phaseCountdown !== -1" style="overflow: hidden;margin-bottom: 4px;">
103
+ <span style="float: left;width: 42px;height: 42px;position: relative;border: 1px solid rgba(255, 255, 255, 0.1);margin-right: 5px;">
104
+ <xdr-dir-selector :Data="xdrData" :Datas="xdrpedData" Width="55px" Height="55px" Widths="55px" Heights="55px" :showlist="curPhase.showlist" :roadDirection="roadDirection"></xdr-dir-selector>
105
+ </span>
106
+ <span style="float: left;color: #fff;margin-right: 8px;width: 30px;">P{{curPhase.id}}:</span>
107
+ <span style="float: left;font-size: 25px;">{{curPhase.phaseCountdown}}</span>
105
108
  </div>
106
109
  </div>
107
110
  </div>
@@ -1224,8 +1227,8 @@ export default {
1224
1227
  /* padding-left: 16px; */
1225
1228
  }
1226
1229
  .phaseCountdown {
1227
- line-height: 32PX;
1228
- font-size: 14px;
1230
+ line-height: 42PX;
1231
+ font-size: 18px;
1229
1232
  font-weight: normal;
1230
1233
  font-stretch: normal;
1231
1234
  letter-spacing: 0px;
@@ -1236,7 +1239,7 @@ export default {
1236
1239
  .countdownBg {
1237
1240
  border-radius: 10PX;
1238
1241
  background-color: rgba(94, 90, 90, 0.8);
1239
- padding-left: 16PX;
1242
+ padding-left: 14PX;
1240
1243
  padding-top: 10PX;
1241
1244
  padding-bottom: 10PX;
1242
1245
  }
package/src/kisscomps/components/SchemeConfig/realtimeStatusModal/index.vue CHANGED
@@ -49,6 +49,14 @@
49
49
  <div style="float: left;" class="cross-name">{{$t('openatccomponents.overview.platform')}}:</div>
50
50
  <div style="margin-left: 85px;" class="cross-value">{{platform}}</div>
51
51
  </div>
52
+ <div class="cross-content" v-if="controlData.current_stagecd !== undefined">
53
+ <div style="float: left;" class="cross-name">{{$t('openatccomponents.overview.stagecountdown')}}:</div>
54
+ <div style="margin-left: 85px;" class="cross-value">{{controlData.current_stagecd}}</div>
55
+ </div>
56
+ <div class="cross-content" v-if="controlData.stages_len">
57
+ <div style="float: left;" class="cross-name">{{$t('openatccomponents.overview.stageduration')}}:</div>
58
+ <div style="margin-left: 85px;" class="cross-value">{{controlData.stages_len + ''}}</div>
59
+ </div>
52
60
  <div class="cross-content">
53
61
  <div style="float: left;" class="cross-name">{{$t('openatccomponents.overview.faultinfo')}}:</div>
54
62
  <div style="margin-left: 85px;" v-if="curFaultList.length">
package/src/views/overView.vue CHANGED
@@ -19,7 +19,7 @@ export default {
19
19
  isShowMode: true,
20
20
  modeName: '交警遥控',
21
21
  controlName: '步进',
22
- agentId: '12007_001',
22
+ agentId: 'jmlxhl',
23
23
  Token: 'eyJraWQiOiIxNzA4OTA5NDk2ODcxIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTcwODk1MjY5NiwiaWF0IjoxNzA4OTA5NDk2fQ.FI0gzBQFLyQsj95LG56lVZxb6WYlr2-datNsyv6fF-I',
24
24
  reqUrl: 'http://192.168.13.103:10003/openatc'
25
25
  }