Skip to content

卡
卡车调度系统
Commit ad56706e authored by xxx's avatar xxx
Browse files
Options

1

parent 2782e9a4
Show whitespace changes
Inline Side-by-side
Showing with 35 additions and 25 deletions
src/views/MLargeScreen/components/smallComponents/DPcomputer12.vue
View file @ ad56706e
...@@ -18,30 +18,30 @@ ...@@ -18,30 +18,30 @@
</div> </div>
<div class="carManScrView_leftView_content_views3" v-if="forkLiftRankListData.selectFieldText == 'time'"> <div class="carManScrView_leftView_content_views3" v-if="forkLiftRankListData.selectFieldText == 'time'">
<div v-for="(item,index) in forkLiftRankListData.listData" :key="index" :class="'forkliftRankTwo' + (index + 1)"> <div v-for="(item,index) in forkLiftRankListData.listData" :key="index" :class="'forkliftRankTwo' + (index + 1)">
<div style="color:#BCF0FE;">{{item.car}}</div> <div style="color:#BCF0FE;width: 45%;">{{item.car}}</div>
<div style="color:#1AC9FF;">{{item.time}}H</div> <div style="color:#1AC9FF;width: 39%;">{{item.time}}H</div>
<div style="color:#BCF0FE;">{{item.createTime}}</div> <!-- <div style="color:#BCF0FE;">{{item.createTime}}</div> -->
</div> </div>
</div> </div>
<div class="carManScrView_leftView_content_views3" v-if="forkLiftRankListData.selectFieldText == 'average'"> <div class="carManScrView_leftView_content_views3" v-if="forkLiftRankListData.selectFieldText == 'average'">
<div v-for="(item,index) in forkLiftRankListData.listData" :key="index" :class="'forkliftRankTwo' + (index + 1)"> <div v-for="(item,index) in forkLiftRankListData.listData" :key="index" :class="'forkliftRankTwo' + (index + 1)">
<div style="color:#BCF0FE;">{{item.car}}</div> <div style="color:#BCF0FE;width: 45%;">{{item.car}}</div>
<div style="color:#1AC9FF;">{{item.average}}H</div> <div style="color:#1AC9FF;width: 39%;">{{item.average}}H</div>
<div style="color:#BCF0FE;">{{item.createTime}}</div> <!-- <div style="color:#BCF0FE;">{{item.createTime}}</div> -->
</div> </div>
</div> </div>
<div class="carManScrView_leftView_content_views3" v-if="forkLiftRankListData.selectFieldText == 'yunzai'"> <div class="carManScrView_leftView_content_views3" v-if="forkLiftRankListData.selectFieldText == 'yunzai'">
<div v-for="(item,index) in forkLiftRankListData.listData" :key="index" :class="'forkliftRankTwo' + (index + 1)"> <div v-for="(item,index) in forkLiftRankListData.listData" :key="index" :class="'forkliftRankTwo' + (index + 1)">
<div style="color:#BCF0FE;">{{item.car}}</div> <div style="color:#BCF0FE;width: 45%;">{{item.car}}</div>
<div style="color:#1AC9FF;">{{item.yunzai}}吨</div> <div style="color:#1AC9FF;width: 39%;">{{item.yunzai}}吨</div>
<div style="color:#BCF0FE;">{{item.createTime}}</div> <!-- <div style="color:#BCF0FE;">{{item.createTime}}</div> -->
</div> </div>
</div> </div>
<div class="carManScrView_leftView_content_views3" v-if="forkLiftRankListData.selectFieldText == 'jiedan'"> <div class="carManScrView_leftView_content_views3" v-if="forkLiftRankListData.selectFieldText == 'jiedan'">
<div v-for="(item,index) in forkLiftRankListData.listData" :key="index" :class="'forkliftRankTwo' + (index + 1)"> <div v-for="(item,index) in forkLiftRankListData.listData" :key="index" :class="'forkliftRankTwo' + (index + 1)">
<div style="color:#BCF0FE;">{{item.car}}</div> <div style="color:#BCF0FE;width: 45%;">{{item.car}}</div>
<div style="color:#1AC9FF;">{{item.jiedan}}辆</div> <div style="color:#1AC9FF;width: 39%;">{{item.jiedan}}辆</div>
<div style="color:#BCF0FE;">{{item.createTime}}</div> <!-- <div style="color:#BCF0FE;">{{item.createTime}}</div> -->
</div> </div>
</div> </div>
</div> </div>
...@@ -313,6 +313,7 @@ export default { ...@@ -313,6 +313,7 @@ export default {
background-size:100% 100%; background-size:100% 100%;
padding-left: 4vw; padding-left: 4vw;
box-sizing: border-box; box-sizing: border-box;
text-align: center;
} }
.DPcomputer12Box .forkliftRankTwo2{ .DPcomputer12Box .forkliftRankTwo2{
margin-bottom: 1.5vh; margin-bottom: 1.5vh;
...@@ -325,6 +326,7 @@ export default { ...@@ -325,6 +326,7 @@ export default {
background-size:100% 100%; background-size:100% 100%;
padding-left: 4vw; padding-left: 4vw;
box-sizing: border-box; box-sizing: border-box;
text-align: center;
} }
.DPcomputer12Box .forkliftRankTwo3{ .DPcomputer12Box .forkliftRankTwo3{
margin-bottom: 1.5vh; margin-bottom: 1.5vh;
...@@ -337,6 +339,7 @@ export default { ...@@ -337,6 +339,7 @@ export default {
background-size:100% 100%; background-size:100% 100%;
padding-left: 4vw; padding-left: 4vw;
box-sizing: border-box; box-sizing: border-box;
text-align: center;
} }
.DPcomputer12Box .forkliftRankTwo4{ .DPcomputer12Box .forkliftRankTwo4{
margin-bottom: 1.5vh; margin-bottom: 1.5vh;
...@@ -349,6 +352,7 @@ export default { ...@@ -349,6 +352,7 @@ export default {
background-size:100% 100%; background-size:100% 100%;
padding-left: 4vw; padding-left: 4vw;
box-sizing: border-box; box-sizing: border-box;
text-align: center;
} }
.DPcomputer12Box .forkliftRankTwo5{ .DPcomputer12Box .forkliftRankTwo5{
display: flex; display: flex;
...@@ -360,5 +364,6 @@ export default { ...@@ -360,5 +364,6 @@ export default {
background-size:100% 100%; background-size:100% 100%;
padding-left: 4vw; padding-left: 4vw;
box-sizing: border-box; box-sizing: border-box;
text-align: center;
} }
</style> </style>
\ No newline at end of file
src/views/MLargeScreen/components/smallComponents/DPcomputer4.vue
View file @ ad56706e
...@@ -18,30 +18,30 @@ ...@@ -18,30 +18,30 @@
</div> </div>
<div class="dataScrView_leftView_content_views3" v-if="forkLiftRankListData.selectFieldText == 'time'"> <div class="dataScrView_leftView_content_views3" v-if="forkLiftRankListData.selectFieldText == 'time'">
<div v-for="(item,index) in forkLiftRankListData.listData" :key="index" :class="'forkliftRank' + (index + 1)"> <div v-for="(item,index) in forkLiftRankListData.listData" :key="index" :class="'forkliftRank' + (index + 1)">
<div style="color:#BCF0FE;">{{item.driver}}</div> <div style="color:#BCF0FE;width: 50%;">{{item.driver}}</div>
<div style="color:#1AC9FF;">{{item.time}}h</div> <div style="color:#1AC9FF;width: 39%;">{{item.time}}h</div>
<div style="color:#BCF0FE;">{{item.createTime}}</div> <!-- <div style="color:#BCF0FE;">{{item.createTime}}</div> -->
</div> </div>
</div> </div>
<div class="dataScrView_leftView_content_views3" v-if="forkLiftRankListData.selectFieldText == 'average'"> <div class="dataScrView_leftView_content_views3" v-if="forkLiftRankListData.selectFieldText == 'average'">
<div v-for="(item,index) in forkLiftRankListData.listData" :key="index" :class="'forkliftRank' + (index + 1)"> <div v-for="(item,index) in forkLiftRankListData.listData" :key="index" :class="'forkliftRank' + (index + 1)">
<div style="color:#BCF0FE;">{{item.driver}}</div> <div style="color:#BCF0FE;width: 50%;">{{item.driver}}</div>
<div style="color:#1AC9FF;">{{item.average}}h</div> <div style="color:#1AC9FF;width: 39%;">{{item.average}}h</div>
<div style="color:#BCF0FE;">{{item.createTime}}</div> <!-- <div style="color:#BCF0FE;">{{item.createTime}}</div> -->
</div> </div>
</div> </div>
<div class="dataScrView_leftView_content_views3" v-if="forkLiftRankListData.selectFieldText == 'yunzai'"> <div class="dataScrView_leftView_content_views3" v-if="forkLiftRankListData.selectFieldText == 'yunzai'">
<div v-for="(item,index) in forkLiftRankListData.listData" :key="index" :class="'forkliftRank' + (index + 1)"> <div v-for="(item,index) in forkLiftRankListData.listData" :key="index" :class="'forkliftRank' + (index + 1)">
<div style="color:#BCF0FE;">{{item.driver}}</div> <div style="color:#BCF0FE;width: 50%;">{{item.driver}}</div>
<div style="color:#1AC9FF;">{{item.yunzai}}吨</div> <div style="color:#1AC9FF;width: 39%;">{{item.yunzai}}吨</div>
<div style="color:#BCF0FE;">{{item.createTime}}</div> <!-- <div style="color:#BCF0FE;">{{item.createTime}}</div> -->
</div> </div>
</div> </div>
<div class="dataScrView_leftView_content_views3" v-if="forkLiftRankListData.selectFieldText == 'jiedan'"> <div class="dataScrView_leftView_content_views3" v-if="forkLiftRankListData.selectFieldText == 'jiedan'">
<div v-for="(item,index) in forkLiftRankListData.listData" :key="index" :class="'forkliftRank' + (index + 1)"> <div v-for="(item,index) in forkLiftRankListData.listData" :key="index" :class="'forkliftRank' + (index + 1)">
<div style="color:#BCF0FE;">{{item.driver}}</div> <div style="color:#BCF0FE;width: 50%;">{{item.driver}}</div>
<div style="color:#1AC9FF;">{{item.jiedan}}辆</div> <div style="color:#1AC9FF;width: 39%;">{{item.jiedan}}辆</div>
<div style="color:#BCF0FE;">{{item.createTime}}</div> <!-- <div style="color:#BCF0FE;">{{item.createTime}}</div> -->
</div> </div>
</div> </div>
</div> </div>
...@@ -312,6 +312,7 @@ export default { ...@@ -312,6 +312,7 @@ export default {
background-size:100% 100%; background-size:100% 100%;
padding-left: 4vw; padding-left: 4vw;
box-sizing: border-box; box-sizing: border-box;
text-align: center;
} }
.DPcomputer4Box .forkliftRank2{ .DPcomputer4Box .forkliftRank2{
margin-top: 0.5vh; margin-top: 0.5vh;
...@@ -324,6 +325,7 @@ export default { ...@@ -324,6 +325,7 @@ export default {
background-size:100% 100%; background-size:100% 100%;
padding-left: 4vw; padding-left: 4vw;
box-sizing: border-box; box-sizing: border-box;
text-align: center;
} }
.DPcomputer4Box .forkliftRank3{ .DPcomputer4Box .forkliftRank3{
margin-top: 0.5vh; margin-top: 0.5vh;
...@@ -336,6 +338,7 @@ export default { ...@@ -336,6 +338,7 @@ export default {
background-size:100% 100%; background-size:100% 100%;
padding-left: 4vw; padding-left: 4vw;
box-sizing: border-box; box-sizing: border-box;
text-align: center;
} }
.DPcomputer4Box .forkliftRank4{ .DPcomputer4Box .forkliftRank4{
margin-top: 0.5vh; margin-top: 0.5vh;
...@@ -348,6 +351,7 @@ export default { ...@@ -348,6 +351,7 @@ export default {
background-size:100% 100%; background-size:100% 100%;
padding-left: 4vw; padding-left: 4vw;
box-sizing: border-box; box-sizing: border-box;
text-align: center;
} }
.DPcomputer4Box .forkliftRank5{ .DPcomputer4Box .forkliftRank5{
margin-top: 0.5vh; margin-top: 0.5vh;
...@@ -360,5 +364,6 @@ export default { ...@@ -360,5 +364,6 @@ export default {
background-size:100% 100%; background-size:100% 100%;
padding-left: 4vw; padding-left: 4vw;
box-sizing: border-box; box-sizing: border-box;
text-align: center;
} }
</style> </style>
\ No newline at end of file
src/views/MLargeScreen/index.vue
View file @ ad56706e
...@@ -169,7 +169,7 @@ export default { ...@@ -169,7 +169,7 @@ export default {
this.reconnect(); this.reconnect();
}, 20000) }, 20000)
//与嵌入的地图页面进行交互 //与嵌入的地图页面进行交互
//window.addEventListener('message', this.handleMessage); window.addEventListener('message', this.handleMessage);
}, },
methods: { methods: {
loadData() { loadData() {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment