添加中间页面

zhangxiaoxu123

2023-01-03 4b5b989a31cbbd9f7738450516eed2f146bf1f1e

 src/components/page/invoice/invoiceForm.vue

@@ -1,5 +1,6 @@
<template>
    <div class="invoiceForm-wrap">
        <div v-if="isWeiXin ">
        <div class="title">订单发票</div>
        <div class="invoiceForm-main">
            <div class="invoiceForm-main-inside">
@@ -65,7 +66,12 @@
                </div>
            </div>
        </div>

        </div>
        <div class="middlePge-wrap" v-else>
            <div class="middlePge-main">
                <img src="../../../assets/images/middlePage.png" alt="">
            </div>
        </div>
    </div>
</template>

@@ -78,6 +84,7 @@
        },
        data() {
            return {
                isWeiXin: false,
                date:'',
                checkedInvoices: [1,2],
                invoiceData:[],
@@ -92,12 +99,22 @@
            }
        },
        created() {
            this.checkWeiXin()
            this.date = this.$byutil.dateFormat(new Date(), "yyyy-MM");
        },
        mounted() {
            this.getByCarNo()
        },
        methods: {
            checkWeiXin() {
                let userAgent = navigator.userAgent;
                console.log(userAgent)
                if (userAgent.includes("MicroMessenger")) {
                    this.isWeiXin = true
                } else {
                    this.isWeiXin = false
                }
            },
            onLoad() {
                this.loading = true
                this.current += 1
@@ -270,6 +287,18 @@
            top: 2px;
        }
    }
    .middlePge-wrap{
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.7);
        .middlePge-main{
            width: 100%;
            height: 100%;
            img{
                width: 100%;
            }
        }
    }
    .iconSvg{
        width: 3.2vw  /* 24/7.5 */;
        height: 3.2vw  /* 24/7.5 */;