wzp
2022-02-21 2667d6931e0f85f3dda26238330d9c45385025cf
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<template>
    <view>
        <view class="">
            <cu-custom bgColor="bg-gradual-blue" >
                <!-- <block slot="backText">返回</block> -->
                <block slot="content">我的申请</block>
            </cu-custom>
        </view>
        
        <view class="">
            <u-subsection
                :list="curlist"
                mode="button"
                :current="current"
                @change="changeCurrent"
            ></u-subsection>
        </view>
        
        <view class="">
            <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>
            
            <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>
    export default {
        data() {
            return {
                assetsList:[],
                
                current: 0,
                status:0,
                curlist: ['待审批', '已完成', '未通过'],
            }
        },
        onShow() {
            this.getAssetList();
        },
        methods: {
            changeCurrent(index) {
                this.current = index
                this.getAssetList();
            },
            
            //请求
            getAssetList() {
                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;
                            // if(this.assetsList)
                            // console.log(JSON.stringify(res.data.data[0]))
                        }
                    }).catch(err => {
                        console.log(err.data)
                    })
            },
            
            navTo(id) {
                uni.navigateTo({
                    url: `./applyInfo?id=${id}&type=${this.current+1}`
                })
            }
        }
    }
</script>
 
<style>
 
</style>