修改前端页面

kongdeqiang

2022-12-29 ef2b0be11f0472976f7363c0ede346b111b67a21

 src/components/page/Index2.vue

@@ -34,7 +34,7 @@
                            <!--<el-input v-model="statisticData.code" readonly></el-input>-->
                        </el-form-item>
                        <el-form-item 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()">去缴费</el-button>
                            <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">
@@ -59,6 +59,7 @@
        name: 'dashboard',
        data() {
            return {
                payFlag:false,
                outParkId:"",
                statisticData:{

@@ -82,10 +83,9 @@
            this.code2 = cs.code;
            this.$byutil.postData(this, this.$systemconfig.basePath + '/outPark/findByBarrierCode', {code:cs.code}, res => {
                this.statisticData = res.data;
                this.statisticData.enterTime = this.dateFormat('yyyy-MM-dd HH:mm:ss',this.statisticData.enterTime)
                this.statisticData.createTime = this.dateFormat('yyyy-MM-dd HH:mm:ss',this.statisticData.createTime)
                this.outParkId = this.statisticData.id;
                this.status3 = this.statisticData.status3;
                this.payFlag = false
                if(this.status3==1){
                    this.$message({
                        message: '您有违章未处理，请先处理或联系停车场管理人员',
@@ -97,21 +97,22 @@
        },
        methods: {
            pay(){
                this.payFlag = true;
                if(this.status3==1){
                    this.$message({
                        message: '您有违章未处理，请先处理或联系停车场管理人员',
                        type: 'error',
                        duration:5000,
                        duration:3000,
                    });
                    return;
                }
                this.$byutil.postData(this, this.$systemconfig.basePath + '/ffPay/park', {id:this.outParkId}, res => {
                    this.$message({
                        message: '10秒后自动跳转到支付页面，防止内外网数据同步延迟，请稍等',
                        message: '2秒后自动跳转到支付页面，防止内外网数据同步延迟，请稍等',
                        type: 'success',
                        duration:10000,
                        duration:2000,
                    });
                    setTimeout(function(){window.location.href = res.data.obj;},10000);
                  setTimeout(function(){window.location.href = res.msg;},2000);
                    this.showFlag = false;
                })
            },
@@ -138,28 +139,6 @@
                }

            },
          dateFormat(fmt, date) {
            let ret
            const opt = {
              'y+': date.getFullYear().toString(), // 年
              'M+': (date.getMonth() + 1).toString(), // 月
              'd+': date.getDate().toString(), // 日
              'H+': date.getHours().toString(), // 时
              'm+': date.getMinutes().toString(), // 分
              's+': date.getSeconds().toString(), // 秒
              // 有其他格式化字符需求可以继续添加，必须转化成字符串
            }
            for (let k in opt) {
              ret = new RegExp('(' + k + ')').exec(fmt)
              if (ret) {
                fmt = fmt.replace(
                    ret[1],
                    ret[1].length == 1 ? opt[k] : opt[k].padStart(ret[1].length, '0')
                )
              }
            }
            return fmt
          },
        }
    }