页面代码优化,代办事项列表和代办审核
This commit is contained in:
@ -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;
|
||||
|
Reference in New Issue
Block a user