报销单tab

main-20240105
gongzeliang 8 months ago
parent 599578b531
commit b046f46587

@ -26,6 +26,9 @@
<div style="margin-top: 0.3rem;"> <div style="margin-top: 0.3rem;">
申请时间 {{dayjs(itemData.createTime).format('YY/MM/DD HH:ss')}} 申请时间 {{dayjs(itemData.createTime).format('YY/MM/DD HH:ss')}}
</div> </div>
<div class="mt5">
当前节点<span v-for="(items,index) in itemData.taskNames" :key="index">{{items}}</span>
</div>
</div> </div>
<div class="cr-bt" style="margin-top: 0.6rem;"> <div class="cr-bt" style="margin-top: 0.6rem;">
<div class="tags" :style="`border: 1px solid ${handleFilterStatus(DICT_TYPE.BS_EXPENSE_APPLY_STATUS,itemData.status).color};color:${handleFilterStatus(DICT_TYPE.BS_EXPENSE_APPLY_STATUS,itemData.status).color}`"> {{handleFilterStatus(DICT_TYPE.BS_EXPENSE_APPLY_STATUS,itemData.status).label}}</div> <div class="tags" :style="`border: 1px solid ${handleFilterStatus(DICT_TYPE.BS_EXPENSE_APPLY_STATUS,itemData.status).color};color:${handleFilterStatus(DICT_TYPE.BS_EXPENSE_APPLY_STATUS,itemData.status).color}`"> {{handleFilterStatus(DICT_TYPE.BS_EXPENSE_APPLY_STATUS,itemData.status).label}}</div>

@ -63,6 +63,11 @@
<RePick v-model="listQuery.remark" label="行程" :list="areaTree" isLastSelect isCascader isShowSearch title="行程" titleKey="name" isCascaderAllLevelNameSymnol isCell clearable /> <RePick v-model="listQuery.remark" label="行程" :list="areaTree" isLastSelect isCascader isShowSearch title="行程" titleKey="name" isCascaderAllLevelNameSymnol isCell clearable />
</van-form> </van-form>
</div> </div>
<div class="common-popup-body moreContain-body">
<van-form ref="filterForm" :show-error-message="false" validate-trigger="" :submit-on-enter="false">
<van-field v-model="listQuery.projectName" placeholder="请输入项目名称" />
</van-form>
</div>
<div class="common-popup-footer"> <div class="common-popup-footer">
<van-button style="width: 8rem; margin-right: 1rem;" round @click="handleMoreReset"></van-button> <van-button style="width: 8rem; margin-right: 1rem;" round @click="handleMoreReset"></van-button>
<van-button type="info" style="width: 8rem;" round @click.stop="handleMoreConfirm">确认</van-button> <van-button type="info" style="width: 8rem;" round @click.stop="handleMoreConfirm">确认</van-button>
@ -204,6 +209,7 @@ export default {
// //
handleMoreReset() { handleMoreReset() {
this.listQuery.remark = null this.listQuery.remark = null
this.listQuery.projectName = ''
}, },
handleMoreConfirm() { handleMoreConfirm() {
this.$emit('onListQuery', this.listQuery) this.$emit('onListQuery', this.listQuery)

@ -2,6 +2,10 @@
<!-- 出差列表 --> <!-- 出差列表 -->
<div> <div>
<HeaderFilter :listType="listType" @onListQuery="handleListQuery" :paramProp="listQuery" /> <HeaderFilter :listType="listType" @onListQuery="handleListQuery" :paramProp="listQuery" />
<van-tabs v-model="authorisedType" @click="authorisedChange">
<van-tab name="1" title="我的报销单" />
<van-tab name="0" title="全部报销单" />
</van-tabs>
<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>
<MyClaimListCard v-for="(item,index) in tableList" :key="item.id" :itemData="item" :listType="listType" @onUpdataInfo="handleUpdataInfo($event, index)" @onAllRefresh="handleAllRefresh" /> <MyClaimListCard v-for="(item,index) in tableList" :key="item.id" :itemData="item" :listType="listType" @onUpdataInfo="handleUpdataInfo($event, index)" @onAllRefresh="handleAllRefresh" />
@ -70,6 +74,7 @@ export default {
costDeptId: null, costDeptId: null,
invoiceIds: null, invoiceIds: null,
}, },
authorisedType:'1'
} }
}, },
computed: { computed: {
@ -173,7 +178,8 @@ 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,
...{authorisedType:this.authorisedType}
} }
this.moreLoading = true this.moreLoading = true
this.$loading(true, 'tableLoading') this.$loading(true, 'tableLoading')
@ -197,6 +203,11 @@ export default {
// this.$loading(false, `cTableLoading_${this.listType}`) // this.$loading(false, `cTableLoading_${this.listType}`)
}) })
}, },
authorisedChange(){
this.listQuery.pageNo = 1
this.finished = false
this.getTableList('refresh')
}
} }
} }
</script> </script>

Loading…
Cancel
Save