suojin
/
physical_distribution
15
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'main' of http://42.192.7.176:3000/suojin/physical_distribution into main

Browse Source
main
xuechunyuan 3 years ago
parent 02a98b972b a0112f93ef
commit cd0639fc06
1 changed files with 36 additions and 25 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 61
      src/views/dashboard/homepage.vue

61
src/views/dashboard/homepage.vue
Unescape View File

@ -30,17 +30,17 @@
</div> </div>
</div> </div>
<div class="cen_con"> <div class="cen_con">
<div class="table_line">
<div class="table_item"></div>
<div class="table_item">排名</div>
<div class="table_item">乡镇</div>
<div class="table_item">运单量</div>
</div>
<div class="swiper-container swiper1"> <div class="swiper-container swiper1">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in slideList" :key="index"> <div class="swiper-slide" v-for="(item, index) in slideList" :key="index">
<!-- <table> --> <!-- <table> -->
<div class="table_con"> <div class="table_con">
<div class="table_line">
<div class="table_item"></div>
<div class="table_item">排名</div>
<div class="table_item">乡镇</div>
<div class="table_item">运单量</div>
</div>
<div class="table_line" v-for="item1 in item.arr" :key="item1.no"> <div class="table_line" v-for="item1 in item.arr" :key="item1.no">
<div class="table_item" :class="item1.no <= 3 ? 'ac_no' : ''"> <div class="table_item" :class="item1.no <= 3 ? 'ac_no' : ''">
{{ item1.no <= 3 ? "top" : "" }} {{ item1.no <= 3 ? "top" : "" }}
@ -50,6 +50,7 @@
<div class="table_item">{{ item1.count }}</div> <div class="table_item">{{ item1.count }}</div>
</div> </div>
</div> </div>
<!-- </table> --> <!-- </table> -->
</div> </div>
<!-- <div class="swiper-slide">Slide 2</div> --> <!-- <div class="swiper-slide">Slide 2</div> -->
@ -62,15 +63,15 @@
<div class="tit">村点信息</div> <div class="tit">村点信息</div>
</div> </div>
<div class="table_box"> <div class="table_box">
<div class="table_line">
<div class="table_item">站点名称</div>
<div class="table_item">上行</div>
<div class="table_item">下行</div>
</div>
<div class="swiper-container swiper2"> <div class="swiper-container swiper2">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in villList" :key="index"> <div class="swiper-slide" v-for="(item, index) in villList" :key="index">
<div class="table_con"> <div class="table_con" :class="item.arr.length < 5 ? 'tab_con' : ''">
<div class="table_line">
<div class="table_item">站点名称</div>
<div class="table_item">上行</div>
<div class="table_item">下行</div>
</div>
<div class="table_line" v-for="item1 in item.arr" :key="item1.name"> <div class="table_line" v-for="item1 in item.arr" :key="item1.name">
<div class="table_item">{{ item1.name }}</div> <div class="table_item">{{ item1.name }}</div>
<div class="table_item">{{ item1.upData }}</div> <div class="table_item">{{ item1.upData }}</div>
@ -288,10 +289,10 @@ export default {
run() { run() {
this.mySwiper = new Swiper(".swiper1", { this.mySwiper = new Swiper(".swiper1", {
loop: true, // 循环模式选项 loop: true, // 循环模式选项
autoplay:{ autoplay: {
delay: 10000,//10秒切换一次 delay: 10000, //10秒切换一次
disableOnInteraction: false, disableOnInteraction: false,
} },
}); });
}, },
@ -299,10 +300,10 @@ export default {
this.mySwiper = new Swiper(".swiper2", { this.mySwiper = new Swiper(".swiper2", {
loop: true, // 循环模式选项 loop: true, // 循环模式选项
// autoplay: true, //可选选项，自动滑动 // autoplay: true, //可选选项，自动滑动
autoplay:{ autoplay: {
delay: 10000,//10秒切换一次 delay: 10000, //10秒切换一次
disableOnInteraction: false, disableOnInteraction: false,
} },
}); });
}, },
@ -1103,11 +1104,14 @@ export default {
height: 89%; height: 89%;
.swiper1 { .swiper1 {
width: 100%;
height: 100%; height: 100%;
.swiper-wrapper { .swiper-wrapper {
width: 100%;
height: 100%; height: 100%;
.swiper-slide { .swiper-slide {
width: 100%;
height: 100%; height: 100%;
} }
} }
@ -1115,7 +1119,7 @@ export default {
.table_con { .table_con {
width: 100%; width: 100%;
height: 100%; height: 92%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
@ -1205,13 +1209,16 @@ export default {
height: 88%; height: 88%;
// overflow-y: auto; // overflow-y: auto;
.swiper2{ .swiper2 {
width: 100%;
height: 100%; height: 100%;
.swiper-wrapper{ .swiper-wrapper {
width: 100%;
height: 100%; height: 100%;
.swiper-slide{ .swiper-slide {
width: 100%;
height: 100%; height: 100%;
} }
} }
@ -1219,13 +1226,17 @@ export default {
.table_con { .table_con {
width: 100%; width: 100%;
height: 100%; height: 88%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
.tab_con {
height: 55%;
}
.table_line { .table_line {
width: 100%; width: 100%;
height: 0.4rem; height: 0.4rem;

Write Preview
Loading…
Cancel
Save