apps/supplier-dispatch-h5
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

task#10677,tab切的索引记录

Browse Source
This commit is contained in:
zhouxueli
2024-02-01 11:41:46 +08:00
parent aa93bc352d
commit 4c451dc0fc
4 changed files with 49 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/views/caseList/caseAuditList.vue
View File

@ -66,7 +66,7 @@ export default {
},
created() {
const urlParams = new URLSearchParams(window.location.search);
this.id = this.$route.params.id || urlParams.get('id');
this.id = this.$route.params.id || urlParams.get('id') || this.$route.params.batchCode;
},
async mounted() {
this.activeIndex=this.$route.params?.activeIndex || 0
@ -116,6 +116,7 @@ export default {
params: {
id:id,
index:this.activeIndex,
batchCode:this.id,
}
});
},
@ -172,9 +173,9 @@ export default {
.navBar{
margin-bottom: 46px;
}
::v-deep .van-nav-bar__content{
/*::v-deep .van-nav-bar__content{
background-color: #354683 !important;
}
}*/
.tab_wrap {
@include fontWeightSize(500, 14px);
@include flexColAround();

6
src/views/caseList/caseDetail.vue
View File

@ -8,9 +8,10 @@
:border="false"
:fixed="true"
:safe-area-inset-top="true"
@click-left="h5GoBack"
@click-left="goPrePage"
/>
</div>
<!-- h5GoBack-->
<div class="listWrap">
<div class="mapWrap">
<div>DDA2304142407036</div>
@ -142,11 +143,13 @@ export default {
abPath:[],
bcPath:[],
activeIndex:'',
batchCode:'',
}
},
created() {
this.id = this.$route.params.id;
this.activeIndex=this.$route.params.index;
this.batchCode=this.$route.params.batchCode
},
async mounted(){
await this.getOrderDetail()
@ -161,6 +164,7 @@ export default {
params: {
id:this.id,
activeIndex:this.activeIndex,
batchCode:this.batchCode,
}
});
},

52
src/views/caseList/caseList.vue
View File

@ -18,19 +18,25 @@
<span class="numTip" style="opacity: 1 !important;">{{item.num}}</span>
</div>
</div>
<div class="listWrap">
<div class="listItem" v-for="(item,index) in pageList" :key="index" @click="goPageDetail(item.batchCode)">
<div class="line1">
<div><span>审核批次:</span><span>{{item.batchCode}}</span></div>
<div class="viewBtn">查看</div>
<van-pull-refresh class="refresh" v-model="isLoading" @refresh="onRefresh" v-show="!show">
<div class="listWrap">
<div class="listItem" v-for="(item,index) in pageList" :key="index" @click="goPageDetail(item.batchCode)">
<div class="line1">
<div><span>审核批次:</span><span>{{item.batchCode}}</span></div>
<div class="viewBtn">查看</div>
</div>
<div><span>报销金额:</span><span class="redColor">{{item.totalAmount}}元</span><span class="greColor">/{{item.auditSuccessAmount}}元</span></div>
<div><span>案件数量:</span><span>{{item.orderCount}}</span><span class="greColor">/{{item.auditSuccessCount}}</span></div>
<div><span>提交人员:</span><span>{{ item.createUser }}</span></div>
<div><span>提交时间:</span><span>{{ item.createTime }}</span></div>
</div>
<div><span>报销金额:</span><span class="redColor">{{item.totalAmount}}元</span><span class="greColor">/{{item.auditSuccessAmount}}元</span></div>
<div><span>案件数量:</span><span>{{item.orderCount}}</span><span class="greColor">/{{item.auditSuccessCount}}</span></div>
<div><span>提交人员:</span><span>{{ item.createUser }}</span></div>
<div><span>提交时间:</span><span>{{ item.createTime }}</span></div>
</div>
</van-pull-refresh>
<div class="bgEmptyImg" v-show="show" >
<img src="@/assets/empty.png" />
</div>
</div>
</div>
</template>
@ -47,12 +53,18 @@ export default {
pageList:[],
pageNum:1,
pageSize:10,
isLoading:"",
}
},
async mounted() {
await this.getCount();
await this.getList()
},
computed:{
show() {
return (this.pageList.length < 0 || this.pageList.length == 0); // 判断数组长度是否大于 0
},
},
methods:{
async changeTab(index) {
this.activeIndex = index
@ -60,6 +72,13 @@ export default {
this.pageList = [];
await this.getList()
},
onRefresh() {
this.getList()
setTimeout(() => {
this.$toast('刷新成功');
this.isLoading = false;
}, 1000);
},
async getList(){
let res=await reimburseBatchList({
pageNum:this.pageNum,
@ -83,7 +102,6 @@ export default {
name: 'caseAuditList', // 目标路由的名称
params: {
id: id, // 参数对象的属性
// queryTime: this.time || this.queryTime
}
});
},
@ -101,9 +119,17 @@ export default {
.navBar{
margin-bottom: 46px;
}
::v-deep .van-nav-bar__content{
background-color: #354683 !important;
.bgEmptyImg{
@include flexTwoCenter;
height: 90% ;
background-color: #FAFAFA;
img{
width: 100%;
}
}
/*::v-deep .van-nav-bar__content{
background-color: #354683 !important;
}*/
.tab_wrap {
@include fontWeightSize(500, 14px);
@include flexColAround();