feat: 出场增加缴费状态查询

kongdeqiang

2025-02-20 105128d7780861f699a3261fdad68804fe5b7c80

 src/components/page/Index.vue

@@ -8,8 +8,8 @@
        <div class="weizhang-main-box">
            <div class="weizhang-main-top">
                <img class="logoPhone" src="../../assets/images/logoImg.png" alt="">
                <span class="money">￥{{this.statisticData.money}}</span>
                <span class="weizhang">罚没金额</span>
                <span class="money">￥{{this.statisticData.money}}</span>

            </div>
            <div class="weizhang-main-bootom">
@@ -41,7 +41,7 @@
                                {{this.statisticData.remark}}
                            </h1>
                        </div>
                        <el-form-item style="display: flex;justify-content: center;margin-top: 4.498vh" label-width="0" v-if="showFlag">
                        <el-form-item class="weizhang-footer-box" style="display: flex;justify-content: center;margin-top: 4.498vh" label-width="0" v-if="showFlag">
                            <el-button class="jiaofei-btn" type="primary" @click="pay()">去缴费</el-button>
                        </el-form-item>
                    </el-form>
@@ -74,14 +74,14 @@
                cs[cs_arr[i].split('=')[0]] = cs_arr[i].split('=')[1]
            }
            this.ticketId = cs.id;
            this.$byutil.postData(this, this.$systemconfig.basePath + '/ticket/findById', {id:cs.id}, res => {
            this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/ticket/findById', {id:cs.id}, res => {
                this.statisticData = res.data;
            })
        },
        methods: {
            pay(){
                //window.location.href = "https://payapp.weixin.qq.com/life/index?fr=PSBC&pg=charge&ct=39&sv=20&wx=130100002001&bk=13040621E00000002330"
                this.$byutil.postData(this, this.$systemconfig.basePath + '/ffPay/zhiFa', {id:this.ticketId}, res => {
                this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/ffPay/zhifa', {id:this.ticketId}, res => {
                    this.$message({
                        message: '2秒后自动跳转到支付页面，防止内外网数据同步延迟，请稍等',
                        type: 'success',
@@ -103,7 +103,19 @@
            border:none;
        }
        .el-form-item__label{
            color: #999999;
            color: #000;
            font-weight: 600;
        }
    }
    .weizhang-footer-box{
        .el-form-item__content{
            width: 100%;
            display: flex;
            justify-content: center;
        }
        .el-button--small{
            padding: 11px 15px;
            font-size: 0.347rem  /* 26/75 */;
        }
    }

@@ -148,13 +160,17 @@
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
    .money{
        font-size: 6.93vw  /* 52/7.5 */;
        font-weight: 550;
    }
    .weizhang{
        font-size: 4.8vw  /* 36/7.5 */;
        font-size: 0.4rem  /* 30/75 */;
        line-height: 2;
        font-weight: normal;
        margin-top:1.33vw  /* 10/7.5 */;
        color: #000;
    }
}
    .weizhang-main-form{
@@ -175,10 +191,13 @@
    }
.logoPhone{
    margin-top: 0.67vw;
    width: 20vw  /* 180/7.5 */;
    height: 20vw  /* 180/7.5 */;
    width: 1.333rem  /* 100/75 */;
    height: 1.333rem  /* 100/75 */;
}
.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
    margin-bottom: 10px;
}
.weizhang-main-bootom{
    margin-top: 0.333rem  /* 25/75 */;
}
</style>