From 1f478b4b033d518f6de21f931d828d2a175b2a3e Mon Sep 17 00:00:00 2001
From: wzp <2880584989@qq.com>
Date: 星期二, 08 三月 2022 13:40:51 +0800
Subject: [PATCH] 最新版本，修复bug
---
assetMgtH5/pages/apply/apply.vue | 156 +++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 125 insertions(+), 31 deletions(-)
diff --git a/assetMgtH5/pages/apply/apply.vue b/assetMgtH5/pages/apply/apply.vue
index 0ac8a0b..969bed9 100644
--- a/assetMgtH5/pages/apply/apply.vue
+++ b/assetMgtH5/pages/apply/apply.vue
@@ -6,70 +6,164 @@
<block slot="content">鎴戠殑鐢宠</block>
</cu-custom>
</view>
- <view class="">
- <view class="cu-list menu-avatar">
- <view class="cu-item" v-for="(item,index) in assetsList" :key="index">
- <view class="cu-avatar radius lg bg-white"
- style="background-image:url(../../static/device.png);">
- </view>
- <view class="content">
- <view>
- <view class="text-cut text-bold text-xl">璁惧</view>
- <view class="cu-tag radius bg-orange sm">鏁伴噺锛歿{item.quantity}}</view>
- </view>
- <view class="text-gray text-sm flex">
- <view class="text-cut">鐢宠鏃堕棿:{{item.createTime}}</view>
- </view>
- </view>
- <view class="action">
- <view class="text-grey text-xs">鐢宠鐘舵��</view>
- <view class="cu-tag round bg-red sm">閫氳繃</view>
- </view>
- </view>
- </view>
+
+ <view class="tabBox">
+ <u-subsection
+ :list="curlist"
+ mode="button"
+ :current="current"
+ @change="changeCurrent"
+ ></u-subsection>
+ </view>
+
+ <view class="contentBox">
- <view class="" v-if="listFlag">
+ <mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback">
+ <view class="cu-list menu-avatar">
+ <view class="cu-item" v-for="(item,index) in assetsList" :key="index" @click="navTo(item.id)">
+ <view class="cu-avatar radius lg bg-white"
+ style="background-image:url(../../static/device.png);">
+ </view>
+ <view class="content">
+ <view>
+ <view class="text-cut text-bold text-xl">{{item.approvalAssets[0].assets.name}}</view>
+ <view class="cu-tag radius bg-orange sm">鏁伴噺锛歿{item.approvalAssets[0].quantity}}</view>
+ </view>
+ <view class="text-gray text-sm flex">
+ <view class="text-cut">鐢宠鏃堕棿:{{item.createTime}}</view>
+ </view>
+
+ </view>
+ <view class="action">
+ <view class="text-grey text-xs">鐢宠鐘舵��</view>
+ <view class="cu-tag round bg-red sm">{{current+1===1?'寰呭鎵�':current+1===2?'閫氳繃':"鏈�氳繃"}}</view>
+ </view>
+ </view>
+ </view>
+
+
+ </mescroll-body>
+
+
+ <view class="" v-if="assetsList.length===0">
<u-empty mode="list" icon="http://cdn.uviewui.com/uview/empty/list.png">
</u-empty>
</view>
</view>
+
+
+
+
</view>
</template>
<script>
+ import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
export default {
+ mixins: [MescrollMixin], // 浣跨敤mixin
data() {
return {
assetsList:[],
- listFlag:false
+
+ current: 0,
+ status:0,
+ curlist: ['寰呭鎵�', '宸插畬鎴�', '鏈�氳繃'],
}
},
onShow() {
- this.getAssetList();
+ // this.getAssetList();
+ this.page = 1;
+ let page ={};
+ page.num =1;
+ this.upCallback(page);
},
methods: {
- //璇锋眰
- getAssetList() {
- this.$http.post('/assets/approval/myAssets')
+ changeCurrent(index) {
+ this.current = index
+ // this.getAssetList();
+ this.page = 1;
+ let page ={};
+ page.num =1;
+ this.upCallback(page);
+ },
+
+
+ //鎺ュ彛鏈夐棶棰�
+ upCallback(page) {
+ let pageNum = page.num; //椤电爜锛岄粯璁や粠1寮�濮�
+ let pageSize = 10; //椤甸暱锛岄粯璁ゆ瘡椤�10鏉�
+
+ console.log("this.current",this.current)
+ this.$http.get('/assets/approval/myApply',{params:{
+ "pageNum":1,
+ "pageSize":100,
+ "type":this.current+1
+ }})
.then(res => {
// debugger;
- if(res.data.code===0){
- this.assetsList =res.data.data;
- console.log(JSON.stringify(res.data.data[0]))
+ if (res.data.code === 0) {
+ let data = res.data.data;
+ console.log('鍒楄〃锛�'+ data.length)
+ if (page.num == 1) this.assetsList = []; //濡傛灉鏄涓�椤碉紝闇�鎵嬪姩缃┖鍒楄〃
+ this.assetsList = this.assetsList.concat(data); //杩藉姞鏂版暟鎹�
+ // console.log('鏁版嵁',JSON.stringify(this.assetsList[0]));
+ this.mescroll.endBySize(this.assetsList.length, res.data.total);
}
else{
- this.listFlag=true;
+ this.mescroll.endBySize(0, 0);
}
+ })
+ .catch(err => {
+ this.mescroll.endErr();
+ console.log('寮傚父', err);
+ });
+ },
+
+ //璇锋眰
+ getAssetList() {
+ this.$http.get('/assets/approval/myApply',{params:{
+ "pageNum":1,
+ "pageSize":100,
+ "type":this.current+1
+ }})
+ .then(res => {
+ // debugger;
+
+ if(res.data.code===0 ){
+ let data =res.data.data;
+ this.assetsList =data;
+ console.log("缁撴灉",data)
+
+ }
}).catch(err => {
console.log(err.data)
})
+ },
+
+ navTo(id) {
+ uni.navigateTo({
+ url: `./applyInfo?id=${id}&type=${this.current+1}`
+ })
}
}
}
</script>
<style>
+.tabBox{
+ z-index: 100;
+ position: fixed;
+ width: 100%;
+ top:90rpx;
+
+}
+.contentBox{
+ z-index: 99;
+ position: fixed;
+ width: 100%;
+ top:165rpx;
+}
</style>
--
Gitblit v1.9.1