#

whycq

2023-11-21 c47270ff1962e5554a1caa5274fa9723421801c8

 pages/business/plan/plan.vue

@@ -1,8 +1,24 @@
<template>
   <view>
      <!-- 搜索框 -->
      <view class="status_bar">
         <!-- 这里是状态栏 -->
      </view>
      <uni-nav-bar left-icon="left" title="规划申请单" @clickLeft="back" @clickRight="scan"  :fixed="true"
         :border="false" rightWidth="160rpx" leftWidth="160rpx"
         >
         <block slot="right">
            <view class="city">
               <view>
                  <text class="uni-nav-bar-text">{{user.username}}</text>
               </view>
               <uni-icons type="arrowdown" color="#333333" size="20" />
            </view>
         </block>
       </uni-nav-bar>
      <!-- 搜索框 -->
      <view class="search-bg">
         <uni-search-bar placeholder="客户代号/名称" bgColor="#f4f4f4"  @confirm="search" />
         <u-search placeholder="输入" v-model="keyword" :clearabled="true" @custom="search()" @search="search()"></u-search>
      </view>
      <view>
         <!-- 客户列表 -->
@@ -11,17 +27,19 @@
               <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 class="list-item1">业务员</view><view class="list-item2">{{item.userId$}}</view>
               <view class="list-item1">业务类型</view><view class="list-item2">{{item.planType$}}</view>
               <view class="list-item1">规划单号</view><view class="list-item2">{{item.uuid}}</view>
               <view class="list-item1">所需</view><view class="list-item2">{{item.planNeed$}}</view>
               <view class="list-item1">规划员</view><view class="list-item2">{{item.planner$}}</view>
               <view class="list-item1">跟踪项目</view><view class="list-item2 color-main">{{item.cstmrId$}}</view>
               <view class="list-item1">进度</view><view class="list-item2">{{item.settle$}}</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" />
      <!-- <uni-load-more :status="status" :icon-size="16" :content-text="contentText" /> -->
      <u-empty v-if="true" icon="../../../static/image/emptyList.png" v-show="csmtrList.length <= 0" />
      <view>
         <!-- 普通弹窗 -->
         <uni-popup ref="popup" background-color="#fff">
@@ -32,13 +50,25 @@
            </view>
         </uni-popup>
      </view>
		
      <view class="fxbtn">
         <uni-icons type="plusempty" color="#fff" @click="gotoggle()" ></uni-icons>
      </view>
   </view>
</template>

<script>
   import user from '@/pages/api/user/user.js'
   export default { 
      data() {
         return {
            keyword: '',
            user: {
               username: '',
               id: 0,
               type: ''
            },
            falg: true,
            csmtrList: [],
            last_id: '',
            reload: false,
@@ -78,43 +108,49 @@
            ]
         }
      },
      // 新建按钮事件
      onNavigationBarButtonTap(e) {
         this.toggle('right')
         // uni.navigateTo({
         //    url:'/pages/business/cstmr/addCsmtr',
         // })
			
      },
      onLoad() {
         
      },
      onShow() {
         let that = this
         uni.$on('isRefresh',function(data){
            that.user.username = data.title
            that.user.id = data.id
            that.user.type = data.key
            that.falg = false
         })
         if (this.falg) {
            this.getDetail()
         }
         setTimeout(()=> {
            this.getCsmtr1()
         },500)
         },50)
      },
      onReachBottom() {
         this.status = 'more';
         this.getCsmtr()
      },
      methods: {
         add(val) {
            switch (val) {
               case 1: 
                  uni.navigateTo({
                     url:'/pages/business/plan/addPlan',
                  })
                  break;
               case 2:
                  uni.navigateTo({
                     url:'/pages/business/plan/addPlan2',
                  })
                  break;
               default:
                  console.log(val);
                  break;
         async getDetail() {
            let res = await user.getDetail()
            if (res.code === 200) {
               this.user.username = res.data.username
               this.user.id = res.data.id
            } else if (res.code === 403) {
               this.backLogin(res)
            }
         },
         gotoggle() {
            this.toggle('right')
         },
         add(val) {
            let addPlan = 'addPlan'
            if (val > 1) {
               addPlan = 'addPlan' + val
            }
            uni.navigateTo({
               url:'/pages/business/plan/' + addPlan,
            })
         },
         toggle(type) {
            this.type = type
@@ -165,7 +201,7 @@
         getCsmtr() {
            let that = this
            uni.request({
               url: that.baseUrl + '/cstmr/page/auth',
               url: that.baseUrl + '/plan/page/auth',
               header: {'token' : uni.getStorageSync('token'),},
               data: {curr:that.curr,limit:4},
               method:'GET',
@@ -205,13 +241,22 @@
         },
         getDetails(id) {
            uni.navigateTo({
               url: '/pages/business/cstmr/cstmrDetails?id=' + id
               url: '/pages/business/plan/planDetails?id=' + id
            })
         },
         // ---
         search() {
            
         }
         },
         back() {
            uni.navigateBack({
            })
         },
         scan() {
            uni.navigateTo({
               url: '/pages/authority/authority'
            })
         },
      }
   }
</script>
@@ -224,6 +269,7 @@
      margin-top: 20px;
   }
   .popup-content {
      margin-top: 150rpx;
      display:  flex;
      align-items: center;
      justify-content: center;
@@ -259,6 +305,9 @@
      line-height: 45rpx;
      color: black;
   }
   .color-main {
      color: #55aaff
   }
   .titles {
      padding-left: 10rpx;
      text-indent: 5rpx;