admin/zhgdyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

中建四局(资源管理)：完成车辆管理布局

Browse Source
This commit is contained in:
Jack 2022-08-25 15:03:45 +08:00
parent 64eb43c151
commit 82b573ea7a
3 changed files with 69 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/views/projectAdmin/zjsj/assets/images/sourse/bg-car-count.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.0 KiB

8
src/views/projectAdmin/zjsj/sourse/index.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="sourse"> <div class="sourse">
<!-- <div class="left"> <div class="left">
<div class="top"> <div class="top">
<LeftTop /> <LeftTop />
</div> </div>
@ -15,7 +15,7 @@
<div class="bottom"> <div class="bottom">
<RightBottom /> <RightBottom />
</div> </div>
</div> --> </div>
</div> </div>
</template> </template>
@ -36,8 +36,8 @@ export default {
color: #fff; color: #fff;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
background: url(../assets/temp/3.png) no-repeat; // background: url(../assets/temp/3.png) no-repeat;
background-size: 100% 100%; // background-size: 100% 100%;
.left { .left {
width: 22%; width: 22%;
height: 100%; height: 100%;

67
src/views/projectAdmin/zjsj/sourse/leftTop.vue
View File

@ -1,6 +1,23 @@
<template> <template>
<Card title="车辆管理"> <Card title="车辆管理">
车辆管理 <div class="car-count">
今日入场<span>234</span>辆
</div>
<div class="car-count">
今日出场<span>126</span>辆
</div>
<div class="list">
<div class="row">
<div>抓拍照片</div>
<div>车辆信息</div>
<div>抓拍时间</div>
</div>
<div class="row" v-for="i in 3" :key="i">
<div><img src="" /></div>
<div class="carNum">粤A455632</div>
<div class="datetime">2011-02-03 15:30</div>
</div>
</div>
</Card> </Card>
</template> </template>
@ -11,4 +28,50 @@ export default {
} }
</script> </script>
<style></style> <style lang="less" scoped>
.car-count {
padding-top: 10px;
padding-left: 30px;
font-size: 18px;
color: #59b2c0;
display: flex;
align-items: center;
span {
margin-left: 40px;
margin-right: 20px;
width: 140px;
height: 50px;
line-height: 60px;
text-align: center;
font-size: 28px;
font-weight: bold;
color: #fff;
background: url(../assets/images/sourse/bg-car-count.png) no-repeat;
background-size: 100% 100%;
}
}
.list {
box-sizing: border-box;
padding-top: 20px;
height: calc(100% - 120px);
.row {
display: flex;
align-items: center;
&:not(:last-child) {
margin-bottom: 12px;
}
&:first-child {
color: #59b2c0;
}
div {
flex: 1;
text-align: center;
img {
width: 80px;
height: 50px;
background: skyblue;
}
}
}
}
</style>