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

页面代码优化，代办事项列表和代办审核

Browse Source
This commit is contained in:
zhouxueli
2023-08-14 14:27:01 +08:00
parent f860f9784e
commit f24b5feab2
10 changed files with 233 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
src/views/index/driverAdd.vue
View File

@ -1,45 +1,47 @@
<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>
<cell-group label="司机姓名" placeholder="请输入司机姓名" @input="getName(name)" v-model="name"/>
<cell-group label="手机号码" placeholder="请输入手机号" @input="getPhone(phone)" v-model="phone"/>
<cell-group label="身份证号" placeholder="请输入身份证号" @input="getCarId(carId)" v-model="carId"/>
<!-- <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 id="mySelect" class="chosen-select" style="width: 44px">
<option value="C1">C1</option>
<option value="C2">C2</option>
<option value="C3">C3</option>
</select>
</div>
<div class="lineBot"></div>
@ -82,11 +84,21 @@ export default {
data(){
return{
name:"",
phone:"",
carId:"",
radio:'启用',
activeIcon: require('@/assets/check.png'),
inactiveIcon: require('@/assets/uncheck.png')
}
},
mounted() {
console.log("radio",this.radio)
const selectElement = document.getElementById('mySelect');
selectElement.addEventListener('change', function() {
const selectedValue = selectElement.value;
console.log('Selected value:', selectedValue);
});
},
methods:{
isUse(e){
console.log("是否启用",e)
@ -96,6 +108,15 @@ export default {
},
submitBtn(){
console.log("提交司机")
},
getName(e){
console.log("NAME",e);
},
getPhone(e){
console.log("phone",e);
},
getCarId(e){
console.log("car",e);
}
},
components:{
@ -108,6 +129,7 @@ export default {
<style scoped lang="scss">
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
.wrap{
@include wh(100%,100%);
box-sizing: border-box;
@ -141,6 +163,7 @@ export default {
@include fontWeightSize(500,13px);
opacity: .5;
}
}
.lineBot{
@include wh(100%,1px);