root
/
O1-mobile
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

添加发票

Browse Source
pull/1/head
gongzeliang 9 months ago
parent ec2ab6dcd4
commit 851370a156
4 changed files with 281 additions and 53 deletions
Show Stats Download Patch File Download Diff File

96
src/components/MyInvoiceListCard/index.vue
Unescape Escape View File

@ -7,25 +7,81 @@
<div class="bt">发票</div> <div class="bt">发票</div>
</div> --> </div> -->
<div class="box-cr"> <div class="box-cr">
<div class="cr-bt"> <!-- <div class="cr-bt">-->
<div class="tags" :style="`border: 1px solid ;color:#05A9FF; min-width: 10rem !important;`"> {{getDictDataLabel(DICT_TYPE.BS_INVOICE_KIND,itemData.type) || '未知'}} </div> <!-- <div class="tags" :style="`border: 1px solid ;color:#05A9FF; min-width: 10rem !important;`"> {{getDictDataLabel(DICT_TYPE.BS_INVOICE_KIND,itemData.type) || '未知'}} </div>-->
</div> <!-- </div>-->
<!-- <div class="cr-tt" style="margin-top: 0.3rem;"> <!-- <div class="cr-tt" style="margin-top: 0.3rem;">
{{itemData.invoiceNum}} {{itemData.invoiceNum}}
</div> --> </div> -->
<div class="ct-md"> <div class="ct-md" v-if="invoiceType == '01'">
<div class="mt5"> <div class="mt5">发票消费类型： {{itemData.serviceType || '-'}}</div>
不含税金额： {{itemData.excludingTaxAmount || '-'}} <div class="mt5">发票代码： {{itemData.invoiceCode || '-'}}</div>
</div> <div class="mt5">发票号码： {{itemData.invoiceNum || '-'}}</div>
<div class="mt5"> <div style="margin-top: 0.3rem;color:#333 ">开票日期： {{itemData.invoiceDate && dayjs(itemData.invoiceDate).format('YY/MM/DD HH:ss')}}</div>
发票代码： {{itemData.invoiceCode || '-'}} <div class="mt5">不含税金额： {{itemData.totalAmount || '-'}}</div>
</div> <div class="mt5">价税合计： {{itemData.amountInFiguers || '-'}}</div>
<div style="margin-top: 0.3rem;color:#333 "> <div class="mt5">税额： {{itemData.totalTax || '-'}}</div>
开票日期： {{itemData.invoiceDate && dayjs(itemData.invoiceDate).format('YY/MM/DD HH:ss')}} <div class="mt5">发票种类： {{itemData.invoiceType || '-'}}</div>
</div> <div class="mt5">购方名称： {{itemData.purchaserName || '-'}}</div>
<div style="margin-top: 0.3rem;color:#333 "> <div class="mt5">购方纳税人识别号： {{itemData.purchaserRegisterNum || '-'}}</div>
验真状态： {{ itemData.status == 1 ? '已验真' : '未验真' }} <div class="mt5">税率： {{itemData.commodityTaxRate || '-'}}</div>
</div> <div class="mt5">是否代开： {{itemData.agent || '-'}}</div>
<div class="mt5">销售方名称： {{itemData.sellerName || '-'}}</div>
<div class="mt5">销售方纳税人识别号： {{itemData.sellerRegisterNum || '-'}}</div>
</div>
<div class="ct-md" v-if="invoiceType == '02'">
<div class="mt5">车票号： {{itemData.ticketNum || '-'}}</div>
<div class="mt5">始发站： {{itemData.startingStation || '-'}}</div>
<div class="mt5">到达站： {{itemData.destinationStation || '-'}}</div>
<div style="margin-top: 0.3rem;color:#333 ">出发日期： {{itemData.startingDate && dayjs(itemData.startingDate).format('YY/MM/DD HH:ss')}}</div>
<div class="mt5">车次号： {{itemData.trainNum || '-'}}</div>
<div class="mt5">车票金额： {{itemData.ticketRates || '-'}}</div>
<div class="mt5">乘客姓名： {{itemData.name || '-'}}</div>
<div class="mt5">时间： {{itemData.startingTime || '-'}}</div>
<div class="mt5">座位号： {{itemData.seatNum || '-'}}</div>
</div>
<div class="ct-md" v-if="invoiceType == '03'">
<div class="mt5">姓名： {{itemData.name || '-'}}</div>
<div class="mt5">始发站： {{itemData.startingStation || '-'}}</div>
<div class="mt5">目的站： {{itemData.destinationStation || '-'}}</div>
<div class="mt5">航班号： {{itemData.flight || '-'}}</div>
<div class="mt5">承运人： {{itemData.carrier || '-'}}</div>
<div class="mt5">座位等级： {{itemData.seatClass || '-'}}</div>
<div style="margin-top: 0.3rem;color:#333 ">日期： {{itemData.startingDate && dayjs(itemData.startingDate).format('YY/MM/DD HH:ss')}}</div>
<div class="mt5">时间： {{itemData.startingTime || '-'}}</div>
<div class="mt5">电子客票号码： {{itemData.ticketNumber || '-'}}</div>
<div class="mt5">票价： {{itemData.fare || '-'}}</div>
<div class="mt5">燃油附加费： {{itemData.fuelSurcharge || '-'}}</div>
<div class="mt5">民航发展基金/基建费： {{itemData.devFund || '-'}}</div>
<div class="mt5">合计金额： {{itemData.ticketRates || '-'}}</div>
<div class="mt5">签注： {{itemData.endorsement || '-'}}</div>
</div>
<div class="ct-md" v-if="invoiceType == '04'">
<div class="mt5">服务商： {{itemData.serviceProvider || '-'}}</div>
<div style="margin-top: 0.3rem;color:#333 ">行程开始时间： {{itemData.startTime && dayjs(itemData.startTime).format('YY/MM/DD HH:ss')}}</div>
<div style="margin-top: 0.3rem;color:#333 ">行程结束时间： {{itemData.endTime && dayjs(itemData.endTime).format('YY/MM/DD HH:ss')}}</div>
<div class="mt5">行程人手机号： {{itemData.phone || '-'}}</div>
<div style="margin-top: 0.3rem;color:#333 ">申请日期： {{itemData.applicationDate && dayjs(itemData.applicationDate).format('YY/MM/DD HH:ss')}}</div>
<div style="margin-top: 0.3rem;color:#333 ">上车日期： {{itemData.items[0].pickupDate && dayjs(itemData.items[0].pickupDate).format('YY/MM/DD HH:ss')}}</div>
<div class="mt5">车型： {{itemData.items[0].carType || '-'}}</div>
<div class="mt5">里程： {{itemData.items[0].distance || '-'}}</div>
<div class="mt5">起点： {{itemData.items[0].startPlace || '-'}}</div>
<div class="mt5">终点： {{itemData.items[0].destinationPlace || '-'}}</div>
<div class="mt5">城市： {{itemData.items[0].city || '-'}}</div>
<div class="mt5">金额： {{itemData.items[0].fare || '-'}}</div>
<div class="mt5">总金额： {{itemData.totalFare || '-'}}</div>
</div>
<div class="ct-md" v-if="invoiceType == '05'">
<div class="mt5">发票代码： {{itemData.invoiceCode || '-'}}</div>
<div class="mt5">发票号码： {{itemData.invoiceNum || '-'}}</div>
<div class="mt5">车牌号： {{itemData.taxiNum || '-'}}</div>
<div style="margin-top: 0.3rem;color:#333 ">日期： {{itemData.startingDate && dayjs(itemData.startingDate).format('YY/MM/DD HH:ss')}}</div>
<div class="mt5">上车时间： {{itemData.pickupTime || '-'}}</div>
<div class="mt5">下车时间： {{itemData.dropoffTime || '-'}}</div>
<div class="mt5">总金额： {{itemData.totalFare || '-'}}</div>
<div class="mt5">开票城市： {{itemData.location || '-'}}</div>
<div class="mt5">单价： {{itemData.pricePerkm || '-'}}</div>
<div class="mt5">里程： {{itemData.distance || '-'}}</div>
</div> </div>
</div> </div>
<div class="box-rt"> <div class="box-rt">
@ -50,7 +106,9 @@ export default {
required: true, required: true,
default: () => { } default: () => { }
}, },
invoiceType:{
default:String
}
}, },
components: { components: {
@ -78,14 +136,14 @@ export default {
handleShow(id) { handleShow(id) {
this.$router.push({ this.$router.push({
path: '/invoice', path: '/invoice',
query: { id, type: 'show' } query: { id, type: 'show',invoiceType:this.invoiceType }
}) })
}, },
handleEdit(id) { handleEdit(id) {
this.jumoStudentId = id this.jumoStudentId = id
this.$router.push({ this.$router.push({
path: '/invoice', path: '/invoice',
query: { id, type: 'edit' } query: { id, type: 'edit',invoiceType:this.invoiceType }
}) })
}, },
handleDel(id) { handleDel(id) {

7
src/views/company/invoice/index.vue
Unescape Escape View File

@ -343,7 +343,12 @@ export default {
let backRes = res.data || {} let backRes = res.data || {}
this.form = { this.form = {
...backRes, ...backRes,
time: `${backRes.invoiceDate ? dayjs(backRes.invoiceDate).format('YYYY/MM/DD') : ''}`, invoiceDate1: `${res.data.invoiceDate ? dayjs(res.data.invoiceDate).format('YYYY/MM/DD') : ''}`,
startingDate1:`${res.data.startingDate ? dayjs(res.data.startingDate).format('YYYY/MM/DD') : ''}`,
startTime1:`${res.data.startTime ? dayjs(res.data.startTime).format('YYYY/MM/DD') : ''}`,
endTime1:`${res.data.endTime ? dayjs(res.data.endTime).format('YYYY/MM/DD') : ''}`,
applicationDate1:`${res.data.applicationDate ? dayjs(res.data.applicationDate).format('YYYY/MM/DD') : ''}`,
agent1:res.data.agent,
type: backRes.type type: backRes.type
} }
this.fileList = res.data.files || [] this.fileList = res.data.files || []

212
src/views/company/myInvoice/components/HeaderFilter.vue
Unescape Escape View File

@ -5,37 +5,190 @@
<div class="hf-l-list" v-show="!isActSearch"> <div class="hf-l-list" v-show="!isActSearch">
<van-dropdown-menu class="hf-l-list-menu"> <van-dropdown-menu class="hf-l-list-menu">
<!-- 课程包列表状态 --> <!-- 课程包列表状态 -->
<van-dropdown-item title="发票类型" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1"> <!-- <van-dropdown-item title="发票类型" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">-->
<div class="hf-drop-view"> <!-- <div class="hf-drop-view">-->
<div class="hf-drop-contain"> <!-- <div class="hf-drop-contain">-->
<div class="hr-drop-filter-item" @click.stop="handleClass(item.value)" v-for="item in stateList" :key="item.value"> <!-- <div class="hr-drop-filter-item" @click.stop="handleClass(item.value)" v-for="item in stateList" :key="item.value">-->
<van-icon v-if="listQuery.type && listQuery.type == item.value" name="success" color="#0088FE" /> <!-- <van-icon v-if="listQuery.type && listQuery.type == item.value" name="success" color="#0088FE" />-->
<span :class="{'hr-drop-filter-item-act': listQuery.type && listQuery.type == item.value }">{{item.label}}</span> <!-- <span :class="{'hr-drop-filter-item-act': listQuery.type && listQuery.type == item.value }">{{item.label}}</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="common-double-button">-->
<!-- <van-button class="common-double-button-l" @click="handleReset()">重置</van-button>-->
<!-- <van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>-->
<!-- </div>-->
<!-- </div>-->
<!-- </van-dropdown-item>-->
<!-- &lt;!&ndash; 讲座日期 &ndash;&gt;-->
<!-- <van-dropdown-item title="开票日期" :title-class="isHtab4 ? 'common-act-color' : ''" @open="handleDropOpen(5)" ref="vanDropItem4">-->
<!-- <div class="hf-drop-view">-->
<!-- <div class="hf-drop-quick" style="margin-top: 0;">-->
<!-- <div class="hf-drop-quick-item" style="margin-bottom: 0;">-->
<!-- <ReQuickDateBtns @change="handleQuickDate" :startData="listQuery.startDate" :endData="listQuery.endDate" style="margin-top: 1rem;" />-->
<!-- <div class="hf-drop-quick-calendar">-->
<!-- <van-calendar ref="vanCalendar" :formatter="dayTextFormatter" @select="handleDateSelect" :default-date="defaultDate" :poppable="false" type="range" :show-title="false" color="#0088FE" :show-confirm="false" allow-same-day :min-date="new Date('2000/01/01')" :style="{ height: '400px' }" />-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="common-double-button">-->
<!-- <van-button class="common-double-button-l" @click="handleDateReset(4)">重置</van-button>-->
<!-- <van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>-->
<!-- </div>-->
<!-- </div>-->
<!-- </van-dropdown-item>-->
<div v-if="type == '01'">
<van-dropdown-item title="发票代码" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
<div class="hf-drop-view">
<div class="hf-drop-contain">
<van-search style="width: 100%" v-model="listQuery.invoiceCode" shape="round" placeholder="请输入发票代码" :clearable="false" />
</div>
<div class="common-double-button">
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
</div> </div>
</div> </div>
<div class="common-double-button"> </van-dropdown-item>
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button> <van-dropdown-item title="发票号码" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button> <div class="hf-drop-view">
<div class="hf-drop-contain">
<van-search style="width: 100%" v-model="listQuery.invoiceNum" shape="round" placeholder="请输入发票代码" :clearable="false" />
</div>
<div class="common-double-button">
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
</div>
</div> </div>
</div> </van-dropdown-item>
</van-dropdown-item> </div>
<!-- 讲座日期 --> <div v-if="type == '02'">
<van-dropdown-item title="开票日期" :title-class="isHtab4 ? 'common-act-color' : ''" @open="handleDropOpen(5)" ref="vanDropItem4"> <van-dropdown-item title="始发站" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
<div class="hf-drop-view"> <div class="hf-drop-view">
<div class="hf-drop-quick" style="margin-top: 0;"> <div class="hf-drop-contain">
<div class="hf-drop-quick-item" style="margin-bottom: 0;"> <van-search style="width: 100%" v-model="listQuery.startingStation" shape="round" placeholder="请输入始发站" :clearable="false" />
<ReQuickDateBtns @change="handleQuickDate" :startData="listQuery.startDate" :endData="listQuery.endDate" style="margin-top: 1rem;" /> </div>
<div class="hf-drop-quick-calendar"> <div class="common-double-button">
<van-calendar ref="vanCalendar" :formatter="dayTextFormatter" @select="handleDateSelect" :default-date="defaultDate" :poppable="false" type="range" :show-title="false" color="#0088FE" :show-confirm="false" allow-same-day :min-date="new Date('2000/01/01')" :style="{ height: '400px' }" /> <van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
</div> <van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
</div> </div>
</div> </div>
<div class="common-double-button"> </van-dropdown-item>
<van-button class="common-double-button-l" @click="handleDateReset(4)">重置</van-button> <van-dropdown-item title="到达站" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button> <div class="hf-drop-view">
<div class="hf-drop-contain">
<van-search style="width: 100%" v-model="listQuery.destinationStation" shape="round" placeholder="请输入到达站" :clearable="false" />
</div>
<div class="common-double-button">
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
</div>
</div>
</van-dropdown-item>
</div>
<div v-if="type == '03'">
<van-dropdown-item title="姓名" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
<div class="hf-drop-view">
<div class="hf-drop-contain">
<van-search style="width: 100%" v-model="listQuery.name" shape="round" placeholder="请输入姓名" :clearable="false" />
</div>
<div class="common-double-button">
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
</div>
</div>
</van-dropdown-item>
<van-dropdown-item title="始发站" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
<div class="hf-drop-view">
<div class="hf-drop-contain">
<van-search style="width: 100%" v-model="listQuery.startingStation" shape="round" placeholder="请输入始发站" :clearable="false" />
</div>
<div class="common-double-button">
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
</div>
</div>
</van-dropdown-item>
<van-dropdown-item title="目的站" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
<div class="hf-drop-view">
<div class="hf-drop-contain">
<van-search style="width: 100%" v-model="listQuery.destinationStation" shape="round" placeholder="请输入目的站" :clearable="false" />
</div>
<div class="common-double-button">
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
</div>
</div>
</van-dropdown-item>
</div>
<div v-if="type == '04'">
<van-dropdown-item title="行程人手机号" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
<div class="hf-drop-view">
<div class="hf-drop-contain">
<van-search style="width: 100%" v-model="listQuery.phone" shape="round" placeholder="请输入行程人手机号" :clearable="false" />
</div>
<div class="common-double-button">
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
</div>
</div> </div>
</div> </van-dropdown-item>
</van-dropdown-item> <van-dropdown-item title="起点" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
<div class="hf-drop-view">
<div class="hf-drop-contain">
<van-search style="width: 100%" v-model="listQuery.startPlace" shape="round" placeholder="请输入起点" :clearable="false" />
</div>
<div class="common-double-button">
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
</div>
</div>
</van-dropdown-item>
<van-dropdown-item title="终点" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
<div class="hf-drop-view">
<div class="hf-drop-contain">
<van-search style="width: 100%" v-model="listQuery.destinationPlace" shape="round" placeholder="请输入终点" :clearable="false" />
</div>
<div class="common-double-button">
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
</div>
</div>
</van-dropdown-item>
</div>
<div v-if="type == '05'">
<van-dropdown-item title="发票号码" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
<div class="hf-drop-view">
<div class="hf-drop-contain">
<van-search style="width: 100%" v-model="listQuery.invoiceNum" shape="round" placeholder="请输入发票代码" :clearable="false" />
</div>
<div class="common-double-button">
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
</div>
</div>
</van-dropdown-item>
<van-dropdown-item title="车牌号" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
<div class="hf-drop-view">
<div class="hf-drop-contain">
<van-search style="width: 100%" v-model="listQuery.taxiNum" shape="round" placeholder="请输入车牌号" :clearable="false" />
</div>
<div class="common-double-button">
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
</div>
</div>
</van-dropdown-item>
<van-dropdown-item title="里程" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
<div class="hf-drop-view">
<div class="hf-drop-contain">
<van-search style="width: 100%" v-model="listQuery.distance" shape="round" placeholder="请输入里程" :clearable="false" />
</div>
<div class="common-double-button">
<van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
<van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
</div>
</div>
</van-dropdown-item>
</div>
</van-dropdown-menu> </van-dropdown-menu>
</div> </div>
<div class="hf-r-list"> <div class="hf-r-list">
@ -84,6 +237,7 @@ export default {
props: { props: {
listType: String, // 'detail' 详情 listType: String, // 'detail' 详情
paramProp: Object, paramProp: Object,
type:String,
}, },
components: { components: {
ReQuickDateBtns: () => import('@/components/ReComponents/ReQuickDateBtns'), ReQuickDateBtns: () => import('@/components/ReComponents/ReQuickDateBtns'),
@ -156,7 +310,7 @@ export default {
this.listQuery.endDate = `${e.time[1]} 23:59:59` this.listQuery.endDate = `${e.time[1]} 23:59:59`
}, },
handleConfirm() { handleConfirm() {
this.$refs.vanDropItem4 && this.$refs.vanDropItem4.toggle(false) // this.$refs.vanDropItem4 && this.$refs.vanDropItem4.toggle(false)
this.$refs.vanDropItem1 && this.$refs.vanDropItem1.toggle(false) this.$refs.vanDropItem1 && this.$refs.vanDropItem1.toggle(false)
this.$emit('onListQuery', this.listQuery) this.$emit('onListQuery', this.listQuery)
}, },
@ -237,10 +391,12 @@ export default {
}, },
handleMoreConfirm() { handleMoreConfirm() {
this.$emit('onListQuery', this.listQuery) this.$emit('onListQuery', this.listQuery)
this.moreFilterShow = false
}, },
handleReset() { handleReset() {
this.listQuery.type = null this.listQuery = {}
this.$emit('onListQuery', this.listQuery)
}, },

19
src/views/company/myInvoice/components/UserList.vue
Unescape Escape View File

@ -2,7 +2,7 @@
<!-- 出差列表 --> <!-- 出差列表 -->
<div> <div>
<div style="position: sticky;top: 0;background-color: white;z-index: 999"> <div style="position: sticky;top: 0;background-color: white;z-index: 999">
<van-tabs v-model="type" :swipe-threshold="4"> <van-tabs v-model="type" :swipe-threshold="4" @change="vanTabsChange">
<van-tab name="01" title="增值税发票" /> <van-tab name="01" title="增值税发票" />
<van-tab name="02" title="火车票" /> <van-tab name="02" title="火车票" />
<van-tab name="03" title="飞机行程票" /> <van-tab name="03" title="飞机行程票" />
@ -10,10 +10,10 @@
<van-tab name="05" title="出租车发票" /> <van-tab name="05" title="出租车发票" />
</van-tabs> </van-tabs>
</div> </div>
<HeaderFilter :listType="listType" @onListQuery="handleListQuery" :paramProp="listQuery" /> <HeaderFilter :listType="listType" :type="type" @onListQuery="handleListQuery" :paramProp="listQuery" />
<RMList :moreLoading.sync="moreLoading" :refreshing.sync="refreshing" :finished.sync="finished" @onLoad="handleLoad" @onRefresh="handleRefresh" isMore :tableList="tableList"> <RMList :moreLoading.sync="moreLoading" :refreshing.sync="refreshing" :finished.sync="finished" @onLoad="handleLoad" @onRefresh="handleRefresh" isMore :tableList="tableList">
<div> <div>
<MyInvoiceListCard v-for="(item,index) in tableList" :key="item.id" :itemData="item" :listType="listType" @onUpdataInfo="handleUpdataInfo($event, index)" @onAllRefresh="handleAllRefresh" /> <MyInvoiceListCard v-for="(item,index) in tableList" :key="item.id" :itemData="item" :invoiceType="type" :listType="listType" @onUpdataInfo="handleUpdataInfo($event, index)" @onAllRefresh="handleAllRefresh" />
</div> </div>
</RMList> </RMList>
<div class="common-bottom-btns" style="bottom:8rem"> <div class="common-bottom-btns" style="bottom:8rem">
@ -45,7 +45,8 @@
import { getScrollTop, findAreaIdName } from '@/utils' import { getScrollTop, findAreaIdName } from '@/utils'
// import { getOrderListApi, getDataStatisticsApi, updateOrderSingleListApi } from '@/api/potentialGuest/order' // import { getOrderListApi, getDataStatisticsApi, updateOrderSingleListApi } from '@/api/potentialGuest/order'
// import { getInvoicePage, } from "@/api/bs/expenseApply"; // import { getInvoicePage, } from "@/api/bs/expenseApply";
import { deleteInvoice, getInvoice, getInvoicePage, exportInvoiceExcel } from "@/api/bs/invoice"; // import { deleteInvoice, getInvoice, getInvoicePage, exportInvoiceExcel } from "@/api/bs/invoice";
import { deleteInvoice01, getInvoicePage01, exportInvoiceExcel01, deleteInvoice02, getInvoicePage02, exportInvoiceExcel02, deleteInvoice03, getInvoicePage03, exportInvoiceExcel03, deleteInvoice04, getInvoicePage04, exportInvoiceExcel04, deleteInvoice05, getInvoicePage05, exportInvoiceExcel05 } from "@/api/bs/invoice";
import { mapState, mapMutations } from 'vuex' import { mapState, mapMutations } from 'vuex'
import dayjs from 'dayjs' import dayjs from 'dayjs'
export default { export default {
@ -114,6 +115,7 @@ export default {
pageNo: 1, pageNo: 1,
pageSize: this.singlePageSize, pageSize: this.singlePageSize,
} }
const getInvoicePage = this.type == '01' ? getInvoicePage01 : this.type == '02' ? getInvoicePage02 : this.type == '03' ? getInvoicePage03 : this.type == '04' ? getInvoicePage04 : getInvoicePage05;
getInvoicePage(listQuery).then((res) => { getInvoicePage(listQuery).then((res) => {
let arr = (res.data && res.data.list || []).filter(item => item.id == id) let arr = (res.data && res.data.list || []).filter(item => item.id == id)
resolve(arr) resolve(arr)
@ -186,10 +188,12 @@ export default {
getTableList(val) { getTableList(val) {
// const { shellIdsLocal, collegeInfoIdLocal, startDate, endDate, keyword, type, method, targets, usePersonId, teacherIds, chargePersonIds } = this.listQuery // const { shellIdsLocal, collegeInfoIdLocal, startDate, endDate, keyword, type, method, targets, usePersonId, teacherIds, chargePersonIds } = this.listQuery
const query = { const query = {
...this.listQuery ...this.listQuery,
type:this.type
} }
this.moreLoading = true this.moreLoading = true
this.$loading(true, 'tableLoading') this.$loading(true, 'tableLoading')
const getInvoicePage = this.type == '01' ? getInvoicePage01 : this.type == '02' ? getInvoicePage02 : this.type == '03' ? getInvoicePage03 : this.type == '04' ? getInvoicePage04 : getInvoicePage05;
getInvoicePage(query).then(res => { getInvoicePage(query).then(res => {
let resList = res.data && res.data.list || [] let resList = res.data && res.data.list || []
if (['init', 'refresh'].includes(val)) { if (['init', 'refresh'].includes(val)) {
@ -221,6 +225,11 @@ export default {
invoiceType:`0${index+1}` invoiceType:`0${index+1}`
} }
}) })
},
vanTabsChange(){
this.listQuery.pageNo = 1
this.finished = false
this.getTableList('init')
} }
} }
} }

Write Preview
Loading…
Cancel
Save