PropertyApp/pages/resource/itemOutAuditOrders.vue
2023-09-02 15:50:53 +08:00

82 lines
1.9 KiB
Vue

<template>
<view>
<view class="cu-bar bg-white solid-bottom" style="justify-content: space-around;">
<view class="action" @click="changeListType(0)">
<text class="text-blue" :class="{'cuIcon-roundcheckfill' : currentPage == 0, 'cuIcon-roundcheck' : currentPage == 1}"></text>待办
</view>
<view class="action" @click="changeListType(1)">
<text class="text-blue" :class="{'cuIcon-roundcheckfill' : currentPage == 1, 'cuIcon-roundcheck' : currentPage == 0}"></text>已办
</view>
</view>
<view class="margin-top" v-show="currentPage == 0">
<item-out-audit-undo ref="itemOutAuditUndoRef"></item-out-audit-undo>
</view>
<view class="margin-top" v-show="currentPage == 1">
<item-out-audit-his ref="itemOutAuditHisRef"></item-out-audit-his>
</view>
</view>
</template>
<script>
import itemOutAuditHis from '../../components/resource/item-out-audit-his.vue'
import itemOutAuditUndo from '../../components/resource/item-out-audit-undo.vue'
export default {
data() {
return {
currentPage: 0,
communityId: '',
}
},
components: {
itemOutAuditHis,
itemOutAuditUndo
},
onLoad: function(options) {
let _that =this;
this.java110Context.onLoad();
setTimeout(function(){
_that.changeListType(0);
},1000)
},
methods: {
changeListType: function(e){
this.currentPage = e;
this.page = 1;
this.loadingStatus = 'more';
if(e == 0){
this.$refs.itemOutAuditUndoRef.loadApply();
}else{
this.$refs.itemOutAuditHisRef.loadApplyDone();
}
},
}
}
</script>
<style>
.item-content{
width: 100%;
margin-left: 20rpx;
line-height: 1.6em;
}
.ellipsis{
display: inline-block;
max-width: 50%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: middle
}
.bg-white{
position: relative;
}
.cu-btn{
position: absolute;
right: 10rpx;
top: 25rpx;
}
</style>