From f29dfb68a705ab9f37ed924fc82d6fd414c1c78c Mon Sep 17 00:00:00 2001
From: wzp <2040239371@qq.com>
Date: 星期一, 21 十一月 2022 17:01:45 +0800
Subject: [PATCH] 最新
---
assetMgtH5/pages/approval/approval.vue | 139 +++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 137 insertions(+), 2 deletions(-)
diff --git a/assetMgtH5/pages/approval/approval.vue b/assetMgtH5/pages/approval/approval.vue
index 8183fd0..6f13c91 100644
--- a/assetMgtH5/pages/approval/approval.vue
+++ b/assetMgtH5/pages/approval/approval.vue
@@ -1,22 +1,157 @@
<template>
<view>
+ <view class="">
+ <cu-custom bgColor="bg-gradual-blue" >
+ <!-- <block slot="backText">杩斿洖</block> -->
+ <block slot="content">鎴戠殑瀹℃壒</block>
+ </cu-custom>
+ </view>
+ <view class="tabBox">
+ <view class="">
+ <u-subsection
+ :list="curlist"
+ mode="button"
+ :current="current"
+ @change="changeCurrent"
+ ></u-subsection>
+ </view>
+ </view>
+
+ <view class="contentBox">
+
+ <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">{{item.statusName}}</view>
+ </view>
+ </view>
+ </view>
+
+ <!-- <view class="" v-if="assetsList.length===0">
+ <u-empty mode="list" icon="http://cdn.uviewui.com/uview/empty/list.png">
+ </u-empty>
+ </view> -->
+ </mescroll-body>
+ </view>
+
+
+
</view>
</template>
<script>
+ import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
export default {
+ mixins: [MescrollMixin], // 浣跨敤mixin
data() {
return {
-
+ current: 0,
+ curlist: ['宸插畬鎴�', '鏈�氳繃'],
+ assetsList:[],
}
},
+ onShow() {
+ // this.getAssetList();
+ this.page = 1;
+ let page ={};
+ page.num =1;
+ this.upCallback(page);
+ },
methods: {
+ 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/myApproval',{params:{
+ "pageNum":1,
+ "pageSize":100,
+ "type":this.current+1
+ }})
+ .then(res => {
+ // debugger;
+ 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); //杩藉姞鏂版暟鎹�
+
+ this.assetsList = this.assetsList.reverse();
+ console.log(this.assetsList.length)
+ this.mescroll.endBySize(this.assetsList.length, res.data.total);
+ }
+ else{
+ this.mescroll.endBySize(0, 0);
+ }
+
+ })
+ .catch(err => {
+ this.mescroll.endErr();
+ console.log('寮傚父', err);
+ });
+ },
+
+ //璇锋眰
+ getAssetList() {
+ this.$http.get('/assets/approval/myApproval',{params:{
+ "pageNum":1,
+ "pageSize":100,
+ "type":this.current+1
+ }})
+ .then(res => {
+ // debugger;
+ if(res.data.code===0){
+ this.assetsList =res.data.data;
+ // if(this.assetsList)
+ // console.log(JSON.stringify(res.data.data[0]))
+ }
+ }).catch(err => {
+ console.log(err.data)
+ })
+ },
}
}
</script>
-<style>
+<style lang="scss">
+.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