#

whycq

2023-10-10 155f2b80f2a9b6f900c73f6e4461e9cebb7cd028

 pages/business/cstmr/csmtr.vue

@@ -1,18 +1,27 @@
<template>
   <view>
      <!-- 搜索框 -->
      <view></view>
      <!-- 客户列表 -->
      <view class="c-list" @click="getCsmtr()">
         <view class="list-item1 title">{{customer.name}}</view><view class="list-item"></view>
         <view class="list-item1">客户代号</view><view class="list-item2">{{customer.uuid}}</view>
         <view class="list-item1">详细地址</view><view class="list-item2">{{customer.addr}}</view>
         <view class="list-item1">电话</view><view class="list-item2">{{customer.tel}}</view>
         <view class="list-item1">备注</view><view class="list-item2">{{customer.memo}}</view>
         <view class="list-item1">客户类别</view><view class="list-item2">{{customer.cstmrType$}}</view>
         <view class="list-item1">创建人</view><view class="list-item2">{{customer.createBy$}}</view>
         <view class="list-item1">创建时间</view><view class="list-item2">{{customer.createTime$}}</view>
      <view class="search-bg">
         <uni-search-bar placeholder="客户代号/名称" 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">客户代号</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,37 +29,129 @@
   export default { 
      data() {
         return {
            baseUrl: '',
            customer: {
               name: '测试',
               uuid: '0910',
               addr: '滨江路15号',
               tel: '13402043859',
               memo: '--',
               cstmrType$: '第一类',
               createBy$: '李腾江',
               createTime$: '2022-12-13 09:00'
					
            }
            csmtrList: [],
            last_id: '',
            reload: false,
            status: 'more',
            curr:2,
            contentText: {
               contentdown: '上拉加载更多',
               contentrefresh: '加载中',
               contentnomore: '没有更多'
            },
				
         }
      },
      onReady() {
         this.baseUrl = uni.getStorageSync('baseUrl')
         console.log(this.baseUrl);
      // 新建按钮事件
      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) {
                     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() {
				
         }
      }
   }
@@ -63,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;
   }
   /* 父view 换 scroll-view */
   .c-list:last-child {
      margin-bottom: 20px;
   }
   .list-item1 {
		
      height: 45rpx;
      line-height: 45rpx;
      color: #909399;
@@ -78,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>