|
|
@@ -165,7 +165,7 @@
|
|
|
<div class="clearfix">
|
|
|
<div class="name pull-left">发票信息</div>
|
|
|
<template v-if="orderList.invoicetype === 1205 || orderList.invoicetype === 1206">
|
|
|
- <div class="pull-right clearfix" @click="showinvoiceType = !showinvoiceType" style="line-height: 0.88rem;padding: 0;border-bottom: 0;max-width: 6rem;">
|
|
|
+ <div class="pull-right clearfix" @click="ChangeshowinvoiceType()" style="line-height: 0.88rem;padding: 0;border-bottom: 0;max-width: 6rem;">
|
|
|
<div class="overHiddenText" style="float:left">{{orderList.invoicetitle}}</div>
|
|
|
<div class="smallfont" style="font-size: 0.24rem;float: left">
|
|
|
({{orderList.invoicetype === 1205 ? '增值税(专用)发票': '增值税普通发票'}})
|
|
|
@@ -265,9 +265,10 @@
|
|
|
></remind-str>
|
|
|
<!-- 发票信息 -->
|
|
|
<div class="mobile-modal" @touchmove="preventTouchMove($event)" v-if="orderList.invoicetype === 1205 || orderList.invoicetype === 1206" v-show="showinvoiceType">
|
|
|
- <div class="mobile-modal-box mobile-link-en mobile-link-en2" style="margin-top: -4.5rem">
|
|
|
+ <div class="mobile-modal-box mobile-link-en mobile-link-en2" style="margin-top: -3.8rem">
|
|
|
<div class="mobile-modal-header">发票信息<i @click="showinvoiceType = false" class="icon-guanbi iconfont"></i></div>
|
|
|
- <div class="order-details-invoiceinfo" >
|
|
|
+ <div class="order-details-invoiceinfo" ref="invoiceWrapper">
|
|
|
+ <div>
|
|
|
<div class="order-details-invoiceinfo-content">
|
|
|
<!--<div class="invoiceList clearfix" >-->
|
|
|
<!--<div class="pull-left">发票类型:</div>-->
|
|
|
@@ -319,8 +320,12 @@
|
|
|
<!--</div>-->
|
|
|
<div class="invoiceList clearfix">
|
|
|
<div class="pull-left">收票地址:</div>
|
|
|
+ <!---->
|
|
|
<div class="pull-left">{{invoiceAddress.area}}{{invoiceAddress.detailAddress}}</div>
|
|
|
</div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div style="position: relative;height: 0.6rem"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -443,6 +448,7 @@
|
|
|
import { RemindStr } from '~components/mobile/base'
|
|
|
import { EncryptionFilter } from '~utils/tools.js'
|
|
|
import { RemindBox } from '~components/mobile/common'
|
|
|
+ import BScroll from 'better-scroll'
|
|
|
export default {
|
|
|
name: 'orderdetails',
|
|
|
layout: 'mobile',
|
|
|
@@ -584,6 +590,15 @@
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ ChangeshowinvoiceType() {
|
|
|
+ this.showinvoiceType = !this.showinvoiceType
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.invoiceScroll = new BScroll(this.$refs.invoiceWrapper, {
|
|
|
+ click: true
|
|
|
+ })
|
|
|
+
|
|
|
+ })
|
|
|
+ },
|
|
|
// 确认付款
|
|
|
gotoPay(item) {
|
|
|
let id = EncryptionFilter(item.orderid)
|
|
|
@@ -1016,6 +1031,7 @@
|
|
|
mounted() {
|
|
|
this.$nextTick(res => {
|
|
|
this.$refs.listBtn.children.length > 0 ? this.ShowFixedBtn = true : this.ShowFixedBtn = false
|
|
|
+
|
|
|
})
|
|
|
}
|
|
|
}
|
|
|
@@ -1817,17 +1833,17 @@
|
|
|
left: 2.5%;
|
|
|
}
|
|
|
.order-details-invoiceinfo {
|
|
|
- max-height:65vh;
|
|
|
- overflow-y: auto;
|
|
|
+ max-height: 65vh;
|
|
|
+ overflow: hidden;
|
|
|
background: #f3f3f3;
|
|
|
padding: 0.2rem;
|
|
|
border-bottom-left-radius: 0.07rem;
|
|
|
border-bottom-right-radius: 0.07rem;
|
|
|
+ position: relative;
|
|
|
.order-details-invoiceinfo-content {
|
|
|
background: #fff;
|
|
|
padding: 0.3rem 0.2rem;
|
|
|
border-radius: 0.07rem;
|
|
|
- position: relative;
|
|
|
border: 1px solid #dcdcdc;
|
|
|
img {
|
|
|
position: absolute;
|