819527061@qq.com
2024-03-22 e4aeb891ab4d27dfdfc85ef92f59f44d60b94e53
src/components/page/IndexXTYH.vue
@@ -7,7 +7,7 @@
        <!--</div>-->
        <div class="weizhang-main-box">
            <div class="weizhang-main-top">
                <img class="logoPhone" src="../../assets/images/logoImg.png" alt="">
<!--                <img class="logoPhone" src="../../assets/images/logoImg.png" alt="">-->
                <span class="weizhang">停车收费</span>
                <span class="money">¥{{this.statisticData.price}}</span>
            </div>
@@ -33,7 +33,7 @@
                            {{this.statisticData.code}}
                            <!--<el-input v-model="statisticData.code" readonly></el-input>-->
                        </el-form-item>
                        <el-form-item class="weizhang-footer-box" style="display: flex;justify-content: center;margin-top: 4.498vh" label-width="0" v-show="showFlag">
                        <el-form-item v-if="isShowjiaofei" class="weizhang-footer-box" style="display: flex;justify-content: center;margin-top: 4.498vh" label-width="0" v-show="showFlag">
                            <el-button class="jiaofei-btn" type="primary" @click="pay()" :loading="payFlag">去缴费</el-button>
                        </el-form-item>
                    </el-form>
@@ -47,11 +47,11 @@
                        label="无 牌 车 辆 查 询">
                      <el-input prefix-icon="el-icon-search" style="margin-top: 20px;border: solid 1px #ccc!important;" v-model="carNo" placeholder="请输入手机号"></el-input>
                    </el-form-item>
                    <el-form-item class="weizhang-footer-box" style="display: flex;justify-content: center;margin-top: 5.498vh" label-width="0">
                      <el-button
                          style="borderColor:'none';background:#121215e0 "
                          class="jiaofei-btn" type="primary" @click="noCarOut()" v-show="showFlag">查询</el-button>
                    </el-form-item>
<!--                    <el-form-item class="weizhang-footer-box" style="display: flex;justify-content: center;margin-top: 5.498vh" label-width="0">-->
<!--                      <el-button-->
<!--                          style="borderColor:'none';background:#121215e0 "-->
<!--                          class="jiaofei-btn" type="primary" @click="noCarOut()" v-show="showFlag">查询</el-button>-->
<!--                    </el-form-item>-->
                  </el-form>
                </div>
@@ -101,6 +101,7 @@
        name: 'dashboard',
        data() {
            return {
                isShowjiaofei: true,
                dialogVisible:false,
                payFlag:false,
                payNowFlag:false,
@@ -172,6 +173,25 @@
            this.status3 = this.statisticData.status3;
            this.oldCarNo = this.statisticData.carNo;
            this.payFlag = false
            if(!this.statisticData.enterTime) {
              this.isShowjiaofei = false
              this.$message({
                showClose: false,
                duration:0,
                type: 'error',
                message: '入场异常,请联系管理员'
              });
            }else if(this.statisticData.enterTime && (!this.statisticData.price || this.statisticData.price == 0)) {
              this.isShowjiaofei = false
              this.$message({
                showClose: false,
                duration:0,
                type: 'error',
                message: '入场异常,请联系管理员'
              });
            }else {
              this.isShowjiaofei = true
            }
            if(this.status3==1){
              this.$message({
                message: '您有违章未处理,请先处理或联系停车场管理人员',
@@ -185,8 +205,9 @@
            pay(){
                console.log('code',this.code)
                console.log('code2',this.code2)
                this.payFlag = true;
                // this.payFlag = true;
                this.payNowFlag = true;
                // this.showFlag = true
                if(this.status3==1){
                    this.$message({
                        message: '您有违章未处理,请先处理或联系停车场管理人员',
@@ -197,8 +218,16 @@
                }
                this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/api/parkXT', {id:this.outParkId}, res => {
                  if(res.code === 0){
                    this.payNowFlag = false;
                    this.getCode()
                    this.showFlag = false
                    // this.showFlag = false
                  }else {
                    this.$message({
                      message: '支付错误,请重新支付',
                      type: 'error',
                      duration:3000,
                    });
                    this.payNowFlag = false;
                  }
                })
            },
@@ -343,6 +372,15 @@
<style lang="scss">
.el-message{
  padding: 30px 15px 30px 20px;
}
.el-message__content{
  font-size: 5vw;
}
.el-icon-error:before{
  font-size: 5vw
}
    .weizhang-main-bootom{
        .el-input__inner{
            border:none;
@@ -433,16 +471,17 @@
        padding:5.33vw  /* 40/7.5 */;
    }
    .weizhang-main-top{
        height: 22.489vh  /* 300/13.34 */;
        height: 21.489vh  /* 300/13.34 */;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #f0f0f0;
        .money{
            font-size: 6.93vw  /* 52/7.5 */;
            font-size: 7.6vw  /* 52/7.5 */;
            font-weight: 550;
            color: #000;
            margin-top: 1vw;
        }
        .weizhang{
            font-size: 0.4rem  /* 30/75 */;