apps/supplier-dispatch-h5
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first

Browse Source
This commit is contained in:
周林芳
2023-08-11 10:45:20 +08:00
commit 161ca982f3
31850 changed files with 2706500 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

140
src/views/index/driverManage.vue Normal file
View File

@@ -0,0 +1,140 @@
<template>
<div class="wrap">
<div class="itemWrap">
<div class="name-status">
<div class="namephone">王小微 / 15234345656</div>
<div class="twoBtn">
<button class="del">启用</button>
<button class="revise">修改</button>
</div>
</div>
<div class="" style="display: flex">
<div class="sex" style="margin-right: 40px">
<span class="halfOpci">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别:</span>
<span class="allOpci">男</span>
</div>
<div class="carType">
<span class="halfOpci">准驾车型:</span>
<span class="allOpci">C2</span>
</div>
</div>
<div>
<span class="halfOpci">身份证号:</span>
<span class="allOpci">4115241999083449090</span>
</div>
<div class="">
<span class="halfOpci">状&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;态:</span>
<span class="statusNo">停用</span>
</div>
</div>
<div class="itemWrap">
<div class="name-status">
<div class="namephone">王小微 / 15234345656</div>
<div class="twoBtn">
<button class="del">停用</button>
<button class="revise" @click="goPage('driverAdd')">修改</button>
</div>
</div>
<div class="" style="display: flex">
<div class="sex" style="margin-right: 40px">
<span class="halfOpci">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别:</span>
<span class="allOpci">男</span>
</div>
<div class="carType">
<span class="halfOpci">准驾车型:</span>
<span class="allOpci">C2</span>
</div>
</div>
<div>
<span class="halfOpci">身份证号:</span>
<span class="allOpci">4115241999083449090</span>
</div>
<div>
<span class="halfOpci">状&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;态:</span>
<span class="statusYes">启用</span>
</div>
</div>
</div>
</template>
<script>
import {myMixins} from "@/utils/myMixins"
export default {
name: "driverManage",
mixins:[myMixins],
}
</script>
<style scoped lang="scss">
@import '@/styles/mixin.scss';
.wrap {
background: #F4F5F7;
box-sizing: border-box;
padding: 13px;
@include wh(100%, 100%);
}
.itemWrap {
@include wh(100%, 104px);
background: #FFFFFF;
box-shadow: 0px 2px 10px 0px rgba(216, 216, 216, 0.5);
border-radius: 6px;
margin-bottom: 10px;
box-sizing: border-box;
padding: 11px 13px 9px 15px;
@include fontWeightSize(400, 12px);
@include flexBetween;
.halfOpci {
opacity: .5;
margin-right: 5px;
}
.allOpci {
opacity: 1;
}
.statusNo {
color: #FF0000;
}
.statusYes {
color: #09B820
}
}
.name-status {
display: flex;
justify-content: space-between;
.namephone {
@include fontWeightSize(500, 14px)
}
.twoBtn {
button {
border: none;
width: 48px;
@include all-height(20px);
border-radius: 3px;
@include fontWeightSize(500, 12px)
}
.del {
border: 1px solid #DDDDDD;
background-color: #FFFFFF;
}
.revise {
color: #FFFFFF;
margin-left: 15px;
background: #354D93;
}
}
}
</style>