src/components/page/MonthFeePay.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/components/page/components/TKeyword.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
src/components/page/MonthFeePay.vue
@@ -1,14 +1,14 @@ <template> <div class="weizhang-box"> <div class="weizhang-main-top"> <div class="weizhang-box yuezucard-wrap"> <!-- <div class="weizhang-main-top"> <h1 class="title">月租车办理</h1> </div> </div>--> <div class="weizhang-main-box"> <div class="weizhang-main-bootom"> <div class="weizhang-main-form"> <el-form label-width="100px" :model="statisticData" ref="statisticData" :rules="rules" label-position="left"> <el-form-item label="车牌号:" style="margin-left: 25px;" prop="carNo"> <el-input @focus="isShow=true" v-model="statisticData.carNo" ></el-input> <el-input readonly @focus="isShow=true" v-model="statisticData.carNo" ></el-input> </el-form-item> <el-form-item label="手机号:" style="margin-left: 25px;" prop="phone"> <el-input v-model="statisticData.phone" ></el-input> @@ -23,7 +23,7 @@ </el-select> </el-form-item> <el-form-item v-if="statisticData.allFlag == 0" label="停车场:" style="margin-left: 25px;" prop="parkId"> <el-select v-model="statisticData.parkId" @onchange="changePark"> <el-select v-model="statisticData.parkId" @change="changePark"> <el-option v-for="item in table1" :key="item.id" :label="item.name" :value="item.id + ''" ></el-option> </el-select> </el-form-item> @@ -108,6 +108,9 @@ statisticData:{ allFlag:0, carNo:'', parkId:'', phone:'', name:'', }, showFlag:true, activeIndex:'', @@ -300,8 +303,9 @@ const dayDifference = Math.round(timeDifference / millisecondsPerDay); // 将毫秒数差值转换为天数 return dayDifference; }, changePark(){ changePark(val){ console.log(val,'改变停车场---') this.statisticData.parkId = val }, changeAll(){ @@ -314,6 +318,14 @@ <style lang="scss"> .yuezucard-wrap{ .el-form-item{ margin-bottom: 2.5vw!important; } .el-input__inner{ height: 5.33vw /* 40/7.5 */; } } .weizhang-main-bootom{ .el-input__inner{ border:none; src/components/page/components/TKeyword.vue
@@ -239,7 +239,7 @@ justify-content: center; z-index: 1000; background: #fff; padding-bottom: 10px; padding-bottom: 12vw /* 60/7.5 */; } .vehicle-panel-row_province { display: flex; @@ -261,11 +261,12 @@ margin: 0 1vw; margin-top: 8px; width: 8.8vw; height: 40px; height: 9.33vw /* 70/7.5 */; border-radius: 5px; display: flex; justify-content: center; align-items: center; font-size: 3.2vw /* 24/7.5 */; } .delete-btn{ color: #fff; @@ -275,7 +276,7 @@ } .vehicle-panel-row-button-last { width: 8.8vw; height: 40px; height: 9.33vw /* 70/7.5 */; display: flex; justify-content: center; align-items: center; @@ -292,7 +293,7 @@ } .vehicle-en-button-delete { width: 8.8vw; height: 40px; height: 9.33vw /* 70/7.5 */; display: flex; justify-content: center; align-items: center; @@ -301,7 +302,7 @@ background-color: #355db4; color: #fff; width: 50px; height: 40px; height: 9.33vw /* 70/7.5 */; font-size: 16px; display: flex; justify-content: center; @@ -311,23 +312,26 @@ display: flex; justify-content: space-between; align-items: center; height: 40px; height: 9.33vw /* 70/7.5 */; font-size: 16px; border: 1px solid #ebedf0; .check { margin-left: 10px; color: #355db4; flex: 0.5; font-size: 3.73vw /* 28/7.5 */; } .exit { margin-left: 0; margin-right: 10px; flex: 0.5; text-align: right; font-size: 3.73vw /* 28/7.5 */; } .contentShow { text-align: center; flex: 1; font-size: 4vw /* 30/7.5 */; } } }