From e8d2fb192894d42d5cf00c8699e5d0ec5ce710a4 Mon Sep 17 00:00:00 2001 From: kongdeqiang <123456> Date: 星期二, 06 六月 2023 17:17:13 +0800 Subject: [PATCH] 修改前端页面 --- src/components/page/Index2.vue | 68 ++++++++++++++++++++-------------- 1 files changed, 40 insertions(+), 28 deletions(-) diff --git a/src/components/page/Index2.vue b/src/components/page/Index2.vue index acb6fd4..a5ed5f6 100644 --- a/src/components/page/Index2.vue +++ b/src/components/page/Index2.vue @@ -37,14 +37,22 @@ <el-button class="jiaofei-btn" type="primary" @click="pay()" :loading="payFlag">鍘荤即璐�</el-button> </el-form-item> </el-form> -<!-- <el-form label-width="100px" label-position="left">--> -<!-- <el-form-item label="璇疯緭鍏ユ墜鏈哄彿" style="margin-left: 5px;">--> -<!-- <el-input v-model="carNo" placeholder="璇疯緭鍏ユ墜鏈哄彿"></el-input>--> -<!-- </el-form-item>--> -<!-- <el-form-item style="display: flex;justify-content: center;margin-top: 2px" label-width="0">--> -<!-- <el-button class="jiaofei-btn" type="primary" @click="noCarOut()" v-show="showFlag">鏃犵墝鍑哄満缂磋垂</el-button>--> -<!-- </el-form-item>--> -<!-- </el-form>--> + <el-form + class="carSearch" + label-position="left"> + <el-form-item + class='formLabel' + style="display: flex; + flex-direction: column;align-items: center;justify-content: center" + 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> </div> @@ -81,7 +89,7 @@ } //this.outParkId = cs.code; this.code2 = cs.code; - this.$byutil.postData(this, this.$systemconfig.basePath + '/outPark/findByBarrierCode', {code:cs.code}, res => { + this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/outpark/findByBarrierCode', {code:cs.code}, res => { this.statisticData = res.data; this.outParkId = this.statisticData.id; this.status3 = this.statisticData.status3; @@ -106,38 +114,25 @@ }); return; } - this.$byutil.postData(this, this.$systemconfig.basePath + '/ffPay/park', {id:this.outParkId}, res => { - this.$message({ - message: '2绉掑悗鑷姩璺宠浆鍒版敮浠橀〉闈紝闃叉鍐呭缃戞暟鎹悓姝ュ欢杩燂紝璇风◢绛�', - type: 'success', - duration:2000, - }); - setTimeout(function(){window.location.href = res.msg;},2000); + this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/api/park', {id:this.outParkId}, res => { + window.location.href = res.msg this.showFlag = false; }) }, noCarOut(){ if(this.carNo){ - this.$byutil.postData(this, this.$systemconfig.basePath + '/outPark/outPark2', {code2:this.code2,carNo:this.carNo}, res => { - if(res.success){ - this.outParkId = res.data.id; - this.pay(); - this.showFlag = false; - }else{ - this.$message({ - message: res.msg, type: 'error', duration:2000, - }); + this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/car/outParkByPhone', {code2:this.code2,carNo:this.carNo}, res => { + if(res.code===0){ + this.statisticData = res.data; + this.outParkId = this.statisticData.id; } - }) }else{ this.$message({ message: '璇疯緭鍏ユ墜鏈哄彿', type: 'error', - duration:2000, }); } - }, } } @@ -250,4 +245,21 @@ .weizhang-main-bootom{ margin-top: 0.333rem /* 25/75 */; } + .formLabel{ + ::v-deep .el-form-item__label{ + font-size: 18px; + } + ::v-deep el-input{ + border: solid 1px #ccc!important; + + } + + } + .carSearch{ + border:solid 1px #ccc; + margin-top: 15%; + border-radius: 4%; + box-shadow: 0px 0px 0px 10px; + + } </style> -- Gitblit v1.9.1