From 155f2b80f2a9b6f900c73f6e4461e9cebb7cd028 Mon Sep 17 00:00:00 2001 From: whycq <10027870+whycq@user.noreply.gitee.com> Date: 星期二, 10 十月 2023 17:12:20 +0800 Subject: [PATCH] # --- pages/business/cstmr/csmtr.vue | 137 +++++++++++++++++++++++++++++++++++---------- 1 files changed, 105 insertions(+), 32 deletions(-) diff --git a/pages/business/cstmr/csmtr.vue b/pages/business/cstmr/csmtr.vue index 94727bb..e504094 100644 --- a/pages/business/cstmr/csmtr.vue +++ b/pages/business/cstmr/csmtr.vue @@ -1,21 +1,27 @@ <template> <view> <!-- 鎼滅储妗� --> - <view></view> - <scroll-view> + <view class="search-bg"> + <uni-search-bar placeholder="瀹㈡埛浠e彿/鍚嶇О" bgColor="#f4f4f4" @confirm="search" /> + </view> + <view> <!-- 瀹㈡埛鍒楄〃 --> <view class="c-list" @click="getDetails(item.id)" v-for="(item,index) in csmtrList" :key="index"> - <view class="titles"><y-title :title="item.name"></y-title></view><view></view> - <!-- <view class="list-item1 title">{{item.name}}</view><view class="list-item"></view> --> - <view class="list-item1">瀹㈡埛浠e彿</view><view class="list-item2">{{item.uuid}}</view> - <view class="list-item1">璇︾粏鍦板潃</view><view class="list-item2">{{item.addr}}</view> - <view class="list-item1">鐢佃瘽</view><view class="list-item2">{{item.tel}}</view> - <view class="list-item1">澶囨敞</view><view class="list-item2">{{item.memo ? item.memo : '--'}}</view> - <view class="list-item1">瀹㈡埛绫诲埆</view><view class="list-item2">{{item.cstmrType$}}</view> - <view class="list-item1">鍒涘缓浜�</view><view class="list-item2">{{item.createBy$}}</view> - <view class="list-item1">鍒涘缓鏃堕棿</view><view class="list-item2">{{item.createTime$}}</view> + <view class="titles"> + <y-title :title="item.name"></y-title> + </view> + <view style="display: grid;grid-template-columns: 1fr 3fr;"> + <view class="list-item1">瀹㈡埛浠e彿</view><view class="list-item2">{{item.uuid}}</view> + <view class="list-item1">璇︾粏鍦板潃</view><view class="list-item2">{{item.addr}}</view> + <view class="list-item1">鐢佃瘽</view><view class="list-item2">{{item.tel}}</view> + <view class="list-item1">澶囨敞</view><view class="list-item2">{{item.remarks ? item.remarks : '--'}}</view> + <view class="list-item1">瀹㈡埛绫诲埆</view><view class="list-item2">{{item.cstmrType$}}</view> + <view class="list-item1">鍒涘缓浜�</view><view class="list-item2">{{item.createBy$}}</view> + <view class="list-item1">鍒涘缓鏃堕棿</view><view class="list-item2">{{item.createTime$}}</view> + </view> </view> - </scroll-view> + </view> + <uni-load-more :status="status" :icon-size="16" :content-text="contentText" /> </view> </template> @@ -23,8 +29,17 @@ export default { data() { return { - baseUrl: '', csmtrList: [], + last_id: '', + reload: false, + status: 'more', + curr:2, + contentText: { + contentdown: '涓婃媺鍔犺浇鏇村', + contentrefresh: '鍔犺浇涓�', + contentnomore: '娌℃湁鏇村' + }, + } }, // 鏂板缓鎸夐挳浜嬩欢 @@ -32,28 +47,29 @@ uni.navigateTo({ url:'/pages/business/cstmr/addCsmtr', }) + + }, + onLoad() { + }, onShow() { - this.baseUrl = uni.getStorageSync('baseUrl') + setTimeout(()=> { + this.getCsmtr1() + },500) + }, + onReachBottom() { + this.status = 'more'; this.getCsmtr() }, methods: { - getCsmtr() { + getCsmtr1(e) { let that = this + that.csmtrList = [] uni.request({ url: that.baseUrl + '/cstmr/page/auth', - fail(result) { - uni.showToast({title: '璇锋眰澶辫触'}) - setTimeout(() => { - uni.reLaunch({ - url: '../../login/login' - }); - }, 1000); - }, - header: {'token' : uni.getStorageSync('token'), - "content-type": "application/json"}, - data: {curr:1,limit:16}, - method:'POST', + header: {'token' : uni.getStorageSync('token'),}, + data: {curr:1,limit:4}, + method:'GET', success(result) { if (result.statusCode === 404) { uni.showToast({title: '璇烽噸鏂扮櫥褰�', icon: "none", position: 'top'}) @@ -61,7 +77,11 @@ } var res = result.data if (res.code === 200) { - that.csmtrList = res.data.records + let list = res.data.records + that.csmtrList = that.reload ? list : that.csmtrList.concat(list); + if (res.data.records.length == 0) { + that.status = 'noMore' + } } else if (res.code === 403) { uni.showToast({title: res.msg, icon: "none", position: 'top'}) setTimeout(() => { @@ -72,15 +92,67 @@ } else { uni.showToast({title: res.msg, icon: "none",position: 'top'}) } - } + }, + fail(result) { + uni.showToast({title: '璇锋眰澶辫触'}) + setTimeout(() => { + uni.reLaunch({ + url: '../../login/login' + }); + }, 1000); + }, + }) + }, + getCsmtr() { + let that = this + uni.request({ + url: that.baseUrl + '/cstmr/page/auth', + header: {'token' : uni.getStorageSync('token'),}, + data: {curr:that.curr,limit:4}, + method:'GET', + success(result) { + if (result.statusCode === 404) { + uni.showToast({title: '璇烽噸鏂扮櫥褰�', icon: "none", position: 'top'}) + return + } + var res = result.data + if (res.code === 200) { + let list = res.data.records + that.csmtrList = that.reload ? list : that.csmtrList.concat(list); + that.curr = that.curr + 1 + if (res.data.records.length == 0) { + that.status = 'noMore' + } + } else if (res.code === 403) { + uni.showToast({title: res.msg, icon: "none", position: 'top'}) + setTimeout(() => { + uni.reLaunch({ + url: '../../login/login' + }); + }, 1000); + } else { + uni.showToast({title: res.msg, icon: "none",position: 'top'}) + } + }, + fail(result) { + uni.showToast({title: '璇锋眰澶辫触'}) + setTimeout(() => { + uni.reLaunch({ + url: '../../login/login' + }); + }, 1000); + }, }) }, getDetails(id) { uni.navigateTo({ url: '/pages/business/cstmr/cstmrDetails?id=' + id }) - } + }, // --- + search() { + + } } } </script> @@ -92,8 +164,8 @@ background-color: #fff; border-radius: 10rpx; margin: 20rpx 2% 0 2%; - display: grid; - grid-template-columns: 1fr 3fr; + display: flex; + flex-direction: column; font-size: 24rpx; } /* 鐖秜iew 鎹� scroll-view */ @@ -101,6 +173,7 @@ margin-bottom: 20px; } .list-item1 { + height: 45rpx; line-height: 45rpx; color: #909399; -- Gitblit v1.9.1