| | |
| | | <!--</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> |
| | |
| | | {{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> |
| | |
| | | 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> |
| | |
| | | name: 'dashboard', |
| | | data() { |
| | | return { |
| | | isShowjiaofei: true, |
| | | dialogVisible:false, |
| | | payFlag:false, |
| | | payNowFlag:false, |
| | |
| | | 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: '您有违章未处理,请先处理或联系停车场管理人员', |
| | |
| | | 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: '您有违章未处理,请先处理或联系停车场管理人员', |
| | |
| | | } |
| | | 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; |
| | | } |
| | | }) |
| | | }, |
| | |
| | | |
| | | |
| | | <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; |
| | |
| | | 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 */; |