| | |
| | | <!--</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.type = 1 |
| | | } |
| | | if(this.type == null){ |
| | | this.$message.error("请用微信或支付宝扫描二维码") |
| | | return; |
| | | } |
| | | // if(this.type == null){ |
| | | // this.$message.error("请用微信或支付宝扫描二维码") |
| | | // return; |
| | | // } |
| | | |
| | | var url = window.location.href; |
| | | var count = url.split('?').length-1; |
| | | if(count >1){ |
| | | this.code = this.getCodeFromUrl(url) |
| | | this.code2 = this.getCode2FromUrl(url) |
| | | window.location.href = "http://hesuancj.cn/#/index2?code="+this.code+"&state=STATE&code2="+this.code2 |
| | | let codeONE = this.getCodeFromUrl(url) |
| | | let codeTWO = this.getCode2FromUrl(url) |
| | | window.location.href = "http://hesuancj.cn/#/index2?code="+codeONE+"&state=STATE&code2="+codeTWO |
| | | } |
| | | var cs = url.split('?')[1]; |
| | | var cs_arr = cs.split('&'); |
| | |
| | | this.code2 = cs.code2; |
| | | this.code = cs.code; |
| | | if(this.code2 == null || this.code2 == ''){ |
| | | window.location.href = "http://hesuancj.cn/#/index2?code2="+this.code |
| | | this.$message({ |
| | | message: '1秒后自动跳转,请稍等', |
| | | type: 'success', |
| | | duration:1000, |
| | | }); |
| | | setTimeout(function(){window.location.href = "http://hesuancj.cn/#/index2?code2="+cs.code},1000); |
| | | return; |
| | | } |
| | | if(this.code != null && this.code != '') { |
| | | this.dialogVisible = true |
| | | }else { |
| | | this.dialogVisible = false |
| | | } |
| | | this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/outpark/findByBarrierCode', {code2:cs.code2}, res => { |
| | | this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/outpark/findByBarrierCode2', {code2:cs.code2}, res => { |
| | | this.statisticData = res.data; |
| | | this.outParkId = this.statisticData.id; |
| | | 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: '您有违章未处理,请先处理或联系停车场管理人员', |
| | |
| | | }, |
| | | methods: { |
| | | pay(){ |
| | | this.payFlag = true; |
| | | console.log('code',this.code) |
| | | console.log('code2',this.code2) |
| | | // 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; |
| | | } |
| | | }) |
| | | }, |
| | |
| | | }, |
| | | queryOrder() { |
| | | this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/outpark/getById', {id: this.outParkId}, res => { |
| | | if (res.code == 0) { |
| | | if (res.code === 0) { |
| | | let outpark = res.data |
| | | if(outpark.status == 1){ |
| | | if(outpark.status === 1){ |
| | | window.location.href = "http://hesuancj.cn/#/indexOk?code2="+this.code2 |
| | | return; |
| | | }else { |
| | | window.location.href = "http://hesuancj.cn/#/indexFail?code2="+this.code2 |
| | | return; |
| | | } |
| | | } |
| | | }) |
| | |
| | | |
| | | |
| | | <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 */; |