| | |
| | | <template> |
| | | <div class="invoiceForm-wrap"> |
| | | <div v-if="isWeiXin "> |
| | | <div class="title">订单发票</div> |
| | | <div class="invoiceForm-main"> |
| | | <div class="invoiceForm-main-inside"> |
| | |
| | | </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> |
| | | |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | isWeiXin: false, |
| | | date:'', |
| | | checkedInvoices: [1,2], |
| | | invoiceData:[], |
| | |
| | | } |
| | | }, |
| | | 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 |
| | | // } |
| | | let ua = window.navigator.userAgent.toLowerCase(); |
| | | //通过正则表达式匹配ua中是否含有MicroMessenger字符串 |
| | | if(ua.match(/MicroMessenger/i) == 'micromessenger'){ |
| | | this.isWeiXin = true |
| | | } else{ |
| | | this.isWeiXin = false |
| | | } |
| | | }, |
| | | onLoad() { |
| | | this.loading = true |
| | | this.current += 1 |
| | |
| | | .el-checkbox__inner::after{ |
| | | left: 5px; |
| | | 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{ |