From 1fdb81a91f5f4092e927d2d9a7cc9ff4d231fca4 Mon Sep 17 00:00:00 2001
From: 819527061@qq.com <123456>
Date: 星期二, 07 一月 2025 16:43:41 +0800
Subject: [PATCH] 月付页面细节
---
src/components/page/MonthFeePay.vue | 26 +++++++++++++++++++-------
src/components/page/components/TKeyword.vue | 16 ++++++++++------
2 files changed, 29 insertions(+), 13 deletions(-)
diff --git a/src/components/page/MonthFeePay.vue b/src/components/page/MonthFeePay.vue
index 9f59340..ca75d51 100644
--- a/src/components/page/MonthFeePay.vue
+++ b/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;
diff --git a/src/components/page/components/TKeyword.vue b/src/components/page/components/TKeyword.vue
index c969b68..cbaf76d 100644
--- a/src/components/page/components/TKeyword.vue
+++ b/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 */;
}
}
}
--
Gitblit v1.9.1