819527061@qq.com
2025-01-07 1fdb81a91f5f4092e927d2d9a7cc9ff4d231fca4
月付页面细节
2个文件已修改
42 ■■■■■ 已修改文件
src/components/page/MonthFeePay.vue 26 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/page/components/TKeyword.vue 16 ●●●●● 补丁 | 查看 | 原始文档 | 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 */;
}
}
}