1

huangxiaoqiang

2025-05-26 41702c7ce4c88ad70f52d83d153dd4c596ff69d5

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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<template>
    <view>
        <u-sticky>
            <view style="background-color: #ffffff;">
                <uni-search-bar @confirm="search" v-model="searchValue"></uni-search-bar>
            </view>
        </u-sticky>
        <uni-list :border="true">
            <uni-list-item direction="column" clickable @click="groupClick(item.orderNo)" link
                :to="page+item.orderNo" v-for="item in allReceivingOrders" :key="item.orderNo">
                <template v-slot:body>
                    <uni-group margin-top="20">
                        <view> 单号:{{item.orderNo}} </view>
                        <view> 创建人:{{item.creater}} </view>
                        <view> 日期:{{item.createDate}} </view>
                    </uni-group>
                </template>
            </uni-list-item>
 
        </uni-list>
        <uni-load-more :status="status" v-if="loadVisible"></uni-load-more>
 
        <u-back-top :scroll-top="scrollTop" top="400"></u-back-top>
    </view>
</template>
 
<script>
    export default {
        data() {
            return {
                page: "/pages/materielGroup/Inorderboxing?orderNo=",
                loadVisible: false,
                searchValue: "",
                status: "more",
                allReceivingOrders: [],
                pageNo: 1,
                scrollTop: 0
            }
        },
        onLoad(res) {
            this.getData();
        },
        onReachBottom() {
            this.pageNo += 1;
            this.getData();
        },
        onPageScroll(e) {
            this.scrollTop = e.scrollTop;
        },
        methods: {
            search(res) {
                this.getData();
            },
            groupClick() {
 
            },
            getData() {
                var postData = {
                        orderNo: this.searchValue,
                        pageNo: this.pageNo
                }
                this.$u.post('/api/InboundOrder/GetInboundOrder', postData).then((res) => {
                    if (res.status) {
                        if (this.searchValue == '') {
                            this.allReceivingOrders = this.allReceivingOrders.concat(res.data);
                            if (this.allReceivingOrders.length > 3) {
                                this.loadVisible = true;
                            } else {
                                this.loadVisible = false;
                            }
                        } else {
                            this.allReceivingOrders = res.data;
                            if (this.allReceivingOrders.length > 3) {
                                this.loadVisible = true;
                            } else {
                                this.loadVisible = false;
                            }
                        }
                    }
                })
            }
        }
    }
</script>
 
<style lang="scss">
    @import '@/common/uni-ui.scss';
 
    page {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        background-color: #efeff4;
        min-height: 100%;
        height: auto;
    }
 
    .tips {
        color: #67c23a;
        font-size: 14px;
        line-height: 40px;
        text-align: center;
        background-color: #f0f9eb;
        height: 0;
        opacity: 0;
        transform: translateY(-100%);
        transition: all 0.3s;
    }
 
    .tips-ani {
        transform: translateY(0);
        height: 40px;
        opacity: 1;
    }
 
    .content {
        width: 100%;
        display: flex;
    }
 
    .list-picture {
        width: 100%;
        height: 145px;
    }
 
    .thumb-image {
        width: 100%;
        height: 100%;
    }
 
    .ellipsis {
        display: flex;
        overflow: hidden;
    }
 
    .uni-ellipsis-1 {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
 
    .uni-ellipsis-2 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
 
    .customcss {
        display: flex;
        position: fixed;
        width: 100%;
        top: 10px;
        text-align: center;
        z-index: 999;
        left: 30px;
        height: 20%;
    }
 
    .footer {
        padding-top: 50%;
    }
</style>