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

156
src/views/index/driverAdd.vue Normal file
View File

@ -0,0 +1,156 @@
<template>
<div class="wrap">
<cell-group label="测试" placeholder="请输入测试内容" v-model="name"/>
<div class="itemContent">
<div class="titleType">
<img class="startImg" src="@/assets/start.png" />
<span>司机姓名</span>
</div>
<div class="checkContent">
<input placeholder="请输入司机姓名" />
</div>
</div>
<div class="lineBot"></div>
<div class="itemContent">
<div class="titleType">
<img class="startImg" src="@/assets/start.png" />
<span>手机号码</span>
</div>
<div class="checkContent">
<input placeholder="请输入手机号码" />
</div>
</div>
<div class="lineBot"></div>
<div class="itemContent">
<div class="titleType">
<img class="startImg" src="@/assets/start.png" />
<span>身份证号</span>
</div>
<div class="checkContent">
<input placeholder="请输入身份证号" />
</div>
</div>
<div class="lineBot"></div>
<div class="itemContent">
<div class="titleType">
<img class="startImg" src="@/assets/start.png" />
<span>准驾车型</span>
</div>
<select id="myDropdown" @change="handleSelectChange()" style="border: none">
<option value="option1">C1</option>
<option value="option2">C2</option>
<option value="option3">C3</option>
</select>
</div>
<div class="lineBot"></div>
<div class="itemContent">
<div class="titleType">
<img class="startImg" src="@/assets/start.png" />
<span>司机状态</span>
</div>
<div class="isJoin">
<van-radio-group v-model="radio" @change="isUse" class="joinWrap">
<van-radio name="启用" style="margin-right: 26px" class="item">
启用
<img
slot="icon"
slot-scope="props"
:src="props.checked ? activeIcon : inactiveIcon"
>
</van-radio>
<van-radio name="停用" class="item">
停用
<img
slot="icon"
slot-scope="props"
:src="props.checked ? activeIcon : inactiveIcon"
>
</van-radio>
</van-radio-group>
</div>
</div>
<div class="lineBot"></div>
<two-common-btn class="btn" @cancelClick="cancelBtn" @submitClick="submitBtn" />
</div>
</template>
<script>
import TwoCommonBtn from "@/components/twoBtnCommon.vue"
import CellGroup from "@/components/cellGroup.vue"
export default {
name: "driverAdd",
data(){
return{
name:"",
radio:'启用',
activeIcon: require('@/assets/check.png'),
inactiveIcon: require('@/assets/uncheck.png')
}
},
methods:{
isUse(e){
console.log("是否启用",e)
},
cancelBtn(){
console.log("取消司机")
},
submitBtn(){
console.log("提交司机")
}
},
components:{
TwoCommonBtn,
CellGroup
}
}
</script>
<style scoped lang="scss">
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
.wrap{
@include wh(100%,100%);
box-sizing: border-box;
padding-left: 16px;
}
.itemContent{
@include flexColBet;
line-height: 56px;
box-sizing: border-box;
padding-right: 25px;
.titleType{
@include fontWeightSize(500,14px);
color: #323643;
}
.isJoin{
display: flex;
.joinWrap, .item{
@include flexCenter;
}
img{
@include widHeiMar(16px,16px,6px)
}
}
.startImg{
@include widHeiMar(6px,6px,3px);
vertical-align: super;
}
input{
border: none;
text-align: right;
@include fontWeightSize(500,13px);
opacity: .5;
}
}
.lineBot{
@include wh(100%,1px);
background: #E9E9EA;
opacity: 0.6;
}
.btn{
margin-left: 8px;
width: 91%;
position: fixed;
bottom: 30px;
}
</style>