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 | 170 ++++++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 140 insertions(+), 30 deletions(-) diff --git a/pages/business/cstmr/csmtr.vue b/pages/business/cstmr/csmtr.vue index 652e3c0..e504094 100644 --- a/pages/business/cstmr/csmtr.vue +++ b/pages/business/cstmr/csmtr.vue @@ -1,18 +1,27 @@ <template> <view> <!-- 鎼滅储妗� --> - <view></view> - <!-- 瀹㈡埛鍒楄〃 --> - <view class="c-list" @click="getCsmtr()" v-for="(item,index) in csmtrList" :key="index"> - <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}}</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="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 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> + </view> + <uni-load-more :status="status" :icon-size="16" :content-text="contentText" /> </view> </template> @@ -20,38 +29,129 @@ export default { data() { return { - baseUrl: '', csmtrList: [], + last_id: '', + reload: false, + status: 'more', + curr:2, + contentText: { + contentdown: '涓婃媺鍔犺浇鏇村', + contentrefresh: '鍔犺浇涓�', + contentnomore: '娌℃湁鏇村' + }, + } - }, - onReady() { - this.baseUrl = uni.getStorageSync('baseUrl') - this.getCsmtr() }, // 鏂板缓鎸夐挳浜嬩欢 onNavigationBarButtonTap(e) { uni.navigateTo({ url:'/pages/business/cstmr/addCsmtr', }) + + }, + onLoad() { + + }, + onShow() { + setTimeout(()=> { + this.getCsmtr1() + },500) + }, + onReachBottom() { + this.status = 'more'; + this.getCsmtr() }, methods: { + getCsmtr1(e) { + let that = this + that.csmtrList = [] + uni.request({ + url: that.baseUrl + '/cstmr/page/auth', + 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'}) + return + } + var res = result.data + if (res.code === 200) { + 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(() => { + 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); + }, + }) + }, getCsmtr() { let that = this uni.request({ url: that.baseUrl + '/cstmr/page/auth', - header: {'token' : uni.getStorageSync('token'), - "content-type": "application/json"}, - data: {curr:1,limit:16}, - method:'POST', + header: {'token' : uni.getStorageSync('token'),}, + data: {curr:that.curr,limit:4}, + method:'GET', success(result) { - console.log(result); + if (result.statusCode === 404) { + uni.showToast({title: '璇烽噸鏂扮櫥褰�', icon: "none", position: 'top'}) + return + } 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); + 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'}) } - console.log(that.csmtrList); - } + }, + fail(result) { + uni.showToast({title: '璇锋眰澶辫触'}) + setTimeout(() => { + uni.reLaunch({ + url: '../../login/login' + }); + }, 1000); + }, }) + }, + getDetails(id) { + uni.navigateTo({ + url: '/pages/business/cstmr/cstmrDetails?id=' + id + }) + }, + // --- + search() { + } } } @@ -64,11 +164,16 @@ 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 */ + .c-list:last-child { + margin-bottom: 20px; + } .list-item1 { + height: 45rpx; line-height: 45rpx; color: #909399; @@ -79,11 +184,16 @@ line-height: 45rpx; color: black; } - .title { - height: 50rpx; - line-height: 50rpx; + .titles { + padding-left: 10rpx; + text-indent: 5rpx; + margin-top: 10rpx; + } + /* .title { + height: 60rpx; + line-height: 70rpx; font-size: 28rpx; font-weight: 900; color: #303133; - } + } */ </style> \ No newline at end of file -- Gitblit v1.9.1