| | |
| | | <!--<div class="text"><h1>峰峰矿区综合行政执法局</h1></div>--> |
| | | <!--<div class="right"></div>--> |
| | | <!--</div>--> |
| | | <div class="weizhang-main-box"> |
| | | <div class="weizhang-main-box" v-loading="loading"> |
| | | <div class="weizhang-main-top"> |
| | | <img class="logoPhone" src="../../assets/images/logoImg.png" alt=""> |
| | | <span class="weizhang">停车收费</span> |
| | |
| | | {{this.statisticData.code}} |
| | | <!--<el-input v-model="statisticData.code" readonly></el-input>--> |
| | | </el-form-item> |
| | | <template> |
| | | <el-form-item class="weizhang-footer-box" style="display: flex;justify-content: center;margin-top: 5.498vh" label-width="0" v-show="showFlag"> |
| | | <el-button class="jiaofei-btn" type="primary" @click="pay()" :loading="payFlag">去缴费</el-button> |
| | | <el-button class="jiaofei-btn" type="primary" @click="pay()" :loading="payFlag">去缴费</el-button> |
| | | </el-form-item> |
| | | </template> |
| | | |
| | | </el-form> |
| | | <el-form |
| | | class="carSearch" |
| | |
| | | status3:0, |
| | | carNo:"", |
| | | oldCarNo:"", |
| | | code2:"" |
| | | code2:"", |
| | | loading: false, |
| | | } |
| | | }, |
| | | created(){ |
| | |
| | | } |
| | | //this.outParkId = cs.code; |
| | | this.code2 = cs.code; |
| | | |
| | | this.loading = true; |
| | | this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/outpark/findByBarrierCode', {code:cs.code}, res => { |
| | | this.statisticData = res.data; |
| | | this.loading = false |
| | | this.statisticData = res.data; |
| | | this.outParkId = this.statisticData.id; |
| | | this.status3 = this.statisticData.status3; |
| | | this.oldCarNo = this.statisticData.carNo; |
| | |
| | | {{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; |