openatc-components 0.1.116 → 0.1.118
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.
|
@@ -15,7 +15,7 @@
|
|
|
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
17
|
<div style="position: relative;" :style="{'height': '34px','float':'left','width':((item.split+(item.sum?item.sum:0)) / (max?max:item.cycle) * 100).toFixed(3) + '%'}" v-for="(item,index2) in list" :key="index2" :class="item.mode===7?'direction': ''">
|
|
18
|
-
<div class="first-1" :class="item.mode===8?'
|
|
18
|
+
<div class="first-1" :class="item.mode===8?'masks': ''" :style="{'width':Number(item.greenWidth.replace('%', ''))/Number((((item.split+(item.sum?item.sum:0)) / (max?max:item.cycle) * 100).toFixed(3) + '%').replace('%', ''))*100+'%','height':'34px','background':'#7ccc66'}">
|
|
19
19
|
<el-tooltip placement="top-start" effect="light">
|
|
20
20
|
<div slot="content">P{{item.id}}:{{item.split}}</div>
|
|
21
21
|
<div style="cursor:pointer;">
|
|
@@ -23,24 +23,24 @@
|
|
|
23
23
|
<!-- <patternwalksvg :showWalk="item.peddirection" :Width="'32'" :Height="'34'"></patternwalksvg> -->
|
|
24
24
|
<xdrdirselector Width="38px" Height="36px" :showlist="item.direction"></xdrdirselector>
|
|
25
25
|
</div>
|
|
26
|
-
<div class="box" style="position: absolute; left:40px;top:
|
|
26
|
+
<div class="box" style="position: absolute; left:40px;top: -1px;">
|
|
27
27
|
<div class="ring-nums">P{{item.id}}</div>
|
|
28
28
|
<div class="ring-nums">{{item.split}}</div>
|
|
29
29
|
</div>
|
|
30
30
|
</div>
|
|
31
31
|
</el-tooltip>
|
|
32
32
|
<div style="width:50px;" v-for="(bus,index3) in busPhaseData" :key="index3">
|
|
33
|
-
<i class="iconfont icon-lukouzhilu" style="position: absolute;top: 8px;left:
|
|
34
|
-
<i class="iconfont icon-BRT" style="position: absolute;top: 8px;left:
|
|
35
|
-
<i class="iconfont icon-xuxiangwei-xin" style="position: absolute;top: 8px;left:
|
|
36
|
-
<i class="iconfont icon-feijidongche" style="position: absolute;top: 8px;left:
|
|
37
|
-
<i class="iconfont icon-gongjiaoche" style="position: absolute;top: 8px;left:
|
|
38
|
-
<i class="iconfont icon-youguidianche" style="position: absolute;top: 8px;left:
|
|
33
|
+
<i class="iconfont icon-lukouzhilu" style="position: absolute;top: 8px;left:70px;font-size:12px;color:#454545;" v-if="bus.controltype === 1 && bus.phaseid===item.id"></i>
|
|
34
|
+
<i class="iconfont icon-BRT" style="position: absolute;top: 8px;left:70px;font-size:12px;color:#454545;" v-if="bus.controltype === 4 && bus.phaseid===item.id"></i>
|
|
35
|
+
<i class="iconfont icon-xuxiangwei-xin" style="position: absolute;top: 8px;left:70px;font-size:12px;color:#454545;" v-if="bus.controltype === 99 && bus.phaseid===item.id"></i>
|
|
36
|
+
<i class="iconfont icon-feijidongche" style="position: absolute;top: 8px;left:70px;font-size:12px;color:#454545;" v-if="bus.controltype === 6 && bus.phaseid===item.id"></i>
|
|
37
|
+
<i class="iconfont icon-gongjiaoche" style="position: absolute;top: 8px;left:70px;font-size:12px;color:#454545;" v-if="bus.controltype === 3 && bus.phaseid===item.id"></i>
|
|
38
|
+
<i class="iconfont icon-youguidianche" style="position: absolute;top: 8px;left:70px;font-size:12px;color:#454545;" v-if="bus.controltype === 5 && bus.phaseid===item.id"></i>
|
|
39
39
|
</div>
|
|
40
40
|
</div>
|
|
41
|
-
<div class="first-1" :class="item.mode===8?'
|
|
42
|
-
<div class="first-1" :class="item.mode===8?'
|
|
43
|
-
<div class="first-1" :class="item.mode===8?'
|
|
41
|
+
<div class="first-1" :class="item.mode===8?'masks': ''" :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>
|
|
42
|
+
<div class="first-1" :class="item.mode===8?'masks': ''" :style="{'width':Number(item.yellowWidth.replace('%', ''))/Number((((item.split+(item.sum?item.sum:0)) / (max?max:item.cycle) * 100).toFixed(3) + '%').replace('%', ''))*100+'%','height':'34px','background':'#f9dc6a'}"></div>
|
|
43
|
+
<div class="first-1" :class="item.mode===8?'masks': ''" :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>
|
|
44
44
|
</div>
|
|
45
45
|
</div>
|
|
46
46
|
<div v-if="showBarrier">
|
|
@@ -1355,7 +1355,7 @@ export default {
|
|
|
1355
1355
|
.direction {
|
|
1356
1356
|
filter: brightness(70%);
|
|
1357
1357
|
}
|
|
1358
|
-
.
|
|
1358
|
+
.masks {
|
|
1359
1359
|
background: rgb(242, 121, 121) !important;
|
|
1360
1360
|
}
|
|
1361
1361
|
.first-1 {
|