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

This commit is contained in:
2023-08-14 14:27:01 +08:00
parent f860f9784e
commit f24b5feab2
10 changed files with 233 additions and 150 deletions

View File

@ -1,25 +1,26 @@
<template>
<div class="wrap">
<div class="addContentWrap">
<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="getPLateNum(carNum)" v-model="carNum" />
<!-- <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()">
<option value="option1">一般平板</option>
<option value="option2">小轿车</option>
<option value="option3">大卡车</option>
<select id="mySelect" style="width: 80px">
<option value="一般平板">一般平板</option>
<option value="小轿车">小轿车</option>
<option value="大卡车">大卡车</option>
</select>
</div>
<div class="lineBot"></div>
@ -130,6 +131,7 @@
<script>
import {myMixins} from "@/utils/myMixins"
import TwoCommonBtn from "@/components/twoBtnCommon.vue"
import CellGroup from "@/components/cellGroup.vue";
export default {
name: "vehicleAdd",
mixins:[myMixins],
@ -139,10 +141,17 @@ export default {
radio2: '换胎',
radio3:'参与',
activeIcon: require('@/assets/check.png'),
inactiveIcon: require('@/assets/uncheck.png')
inactiveIcon: require('@/assets/uncheck.png'),
carNum:"",
}
},
mounted() {
const selectElement = document.getElementById('mySelect');
selectElement.addEventListener('change', function() {
const selectedValue = selectElement.value;
console.log('Selected value:', selectedValue);
});
},
methods:{
change(e) {
console.log("拖车服务",e)
@ -158,9 +167,13 @@ export default {
},
submitBtn(){
console.log("提交车辆")
},
getPLateNum(e){
console.log("e",e)
}
},
components:{
CellGroup,
TwoCommonBtn
}
}
@ -209,9 +222,6 @@ export default {
background: #E9E9EA;
opacity: 0.6;
}
select{
border: none;
}
.serviceType{
@include fontWeightSize(500,13px);
margin-left: 15px;