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

整合样式

Browse Source
main
xuechunyuan 3 years ago
parent 5eee51507d
commit e37ea66ff0
5 changed files with 86 additions and 9410 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. 1
      .gitignore
  2. 9373
      package-lock.json
  3. 9
      public/index.html
  4. 64
      src/views/components/carMile.vue
  5. 49
      src/views/components/carWarn.vue

1
.gitignore vendored
Unescape View File

@ -1,6 +1,7 @@
.DS_Store .DS_Store
node_modules node_modules
/dist /dist
package-lock.json
# local env files # local env files

9373
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

9
public/index.html
Unescape View File

@ -8,6 +8,15 @@
<title><%= htmlWebpackPlugin.options.title %></title> <title><%= htmlWebpackPlugin.options.title %></title>
<script src="//mapopen.bj.bcebos.com/github/BMapGLLib/TrackAnimation/src/TrackAnimation.min.js"></script> <script src="//mapopen.bj.bcebos.com/github/BMapGLLib/TrackAnimation/src/TrackAnimation.min.js"></script>
<script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=FLPUL1102GNBvV2nVDy5kDIjYM9VGyYl"></script> <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=FLPUL1102GNBvV2nVDy5kDIjYM9VGyYl"></script>
<style>
*{
padding: 0;
margin: 0;
}
html,body{
overflow: hidden;
}
</style>
</head> </head>
<body> <body>
<noscript> <noscript>

64
src/views/components/carMile.vue
Unescape View File

@ -1,23 +1,39 @@
<template> <template>
<div class="mile_warp"> <div class="mile_warp">
<table class="table"> <table class="table_box">
<colgroup>
<col width="20%"/>
<col width="30%"/>
<col width="25%"/>
<col width="25%"/>
</colgroup>
<thead> <thead>
<tr> <tr>
<th>排名</th> <td>排名</td>
<th>车牌号</th> <td>车牌号</td>
<th>昨日里程(km/h)</th> <td>昨日里程<br />(km/h)</td>
<th>轨迹查询</th> <td>轨迹查询</td>
</tr> </tr>
</thead> </thead>
<tbody>
<tr v-for="(item,index) in carMile" :key="'car'+index">
<td>{{index+1}}</td>
<td>{{item.cardNo}}</td>
<td>{{item.mile}}</td>
<td><a :href="`https://lcrm3.lunz.cn/#/Equipment/LocatMonitor/Path/${item.key}`" target="_blank">查询</a></td>
</tr>
</tbody>
</table> </table>
<div style="width:100%;height:4.5rem;overflow-y:auto;">
<table class="table_box">
<colgroup>
<col width="20%"/>
<col width="30%"/>
<col width="25%"/>
<col width="25%"/>
</colgroup>
<tbody>
<tr v-for="(item, index) in carMile" :key="'car' + index">
<td>{{ index+ 1}}</td>
<td>{{ item.cardNo }}</td>
<td>{{ item.mile }}</td>
<td><a :href="`https://lcrm3.lunz.cn/#/Equipment/LocatMonitor/Path/${item.key}`" target="_blank">查询</a></td>
</tr>
</tbody>
</table>
</div>
</div> </div>
</template> </template>
@ -27,7 +43,7 @@ export default {
data() { data() {
return { return {
carList: carList,//车辆设备 carList: carList,//车辆设备
carMile:[], carMile: [],
} }
}, },
mounted() { mounted() {
@ -43,7 +59,7 @@ export default {
item.mile = idx > -1 ? res.Data[idx].Mile : 0; item.mile = idx > -1 ? res.Data[idx].Mile : 0;
this.carMile.push(item); this.carMile.push(item);
}) })
this.carMile.sort((a,b) => { this.carMile.sort((a, b) => {
return b.mile - a.mile; return b.mile - a.mile;
}) })
}) })
@ -57,12 +73,20 @@ export default {
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
.table {
.table_box {
width: 100%; width: 100%;
th,td{
color:#fff; tr {
font-size: 0.16rem; td {
padding: 0.03rem 0.05rem; font-size: 0.18rem;
color: #fff;
padding: 0.08rem 0;
}
}
a{
color:#0e94ea;
text-decoration: none;
} }
} }
} }

49
src/views/components/carWarn.vue
Unescape View File

@ -1,21 +1,35 @@
<template> <template>
<div class="mile_warp"> <div class="mile_warp">
<table class="table"> <table class="table_box">
<colgroup>
<col width="40%" />
<col width="30%" />
<col width="30%" />
</colgroup>
<thead> <thead>
<tr> <tr>
<th>时间</th> <td>时间</td>
<th>车牌号</th> <td>车牌号</td>
<th>报警信息</th> <td>报警信息</td>
</tr> </tr>
</thead> </thead>
<tbody>
<tr v-for="(item, index) in carWarn" :key="'car' + index">
<td>{{ item.TimeStamp }}</td>
<td>{{ item.MESSTYPE }}</td>
<td>{{ item.MESSCONTENT }}</td>
</tr>
</tbody>
</table> </table>
<div style="width:100%;height:1.5rem;overflow-y:auto;">
<table class="table_box">
<colgroup>
<col width="40%" />
<col width="30%" />
<col width="30%" />
</colgroup>
<tbody>
<tr v-for="(item, index) in carWarn" :key="'car' + index">
<td>{{ item.TimeStamp }}</td>
<td>{{ item.carNo }}</td>
<td :title="item.MESSCONTENT">{{ item.MESSTYPE }}</td>
</tr>
</tbody>
</table>
</div>
</div> </div>
</template> </template>
@ -61,14 +75,15 @@ export default {
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
.table { .table_box {
width: 100%; width: 100%;
th, tr {
td { td {
color: #fff; font-size: 0.18rem;
font-size: 0.16rem; color: #fff;
padding: 0.03rem 0.05rem; padding: 0.08rem 0;
}
} }
} }
} }

Write Preview
Loading…
Cancel
Save