#

zjj

2024-04-07 e6a02c8b09a796e436a501e9b87d19e25c34c9d1

 pages/business/plan/plan.vue

@@ -22,28 +22,38 @@
      </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 class="c-list" v-for="(item,index) in csmtrList" :key="index">
            <view class="titles" @click="getDetails(item.id)">
               <view style="flex: 1;">
                  <y-title :title="item.name"></y-title>
               </view>
               <uni-icons class="opt-icon" type="right" size="20" color="#b9b9b9"></uni-icons>
            </view>
            <view style="display: grid;grid-template-columns: 1fr 3fr;">
               <view class="list-item1">ID</view><view class="list-item2">{{item.id}}</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 color-main" 
                  @click="goDetls(item.orderId)">{{item.orderId$}}</view>
               <view class="list-item1">申请日期</view><view class="list-item2">{{item.appleTime$}}</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 class="list-item1">状态</view><view class="list-item2">{{item.status$}}</view>
               <view class="list-item1">修改人</view><view class="list-item2">{{item.updateBy$}}</view>
               <view class="list-item1">关联流程</view><view class="list-item2 color-main"
                  @click="lookAssistantPlan(item.id)">查看关联流程</view>
               <view class="list-item1">主副标记</view><view class="list-item2">{{item.assistantHostSign$}}</view>
            </view>
         </view>
      </view>
      <!-- <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">
            <view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
            <view class="popup-content">
               <view>
                  <button v-for="item in planType" class="button btnn" type="primary" @click="add(item.value)">{{item.name}}</button>
               </view>
@@ -51,9 +61,47 @@
         </uni-popup>
      </view>
      
      <view>
         <!-- 关联流程弹窗 -->
         <uni-popup ref="assistantPlan">
            <view class="popup-bottom">
               <view style="height: 10rpx;"></view>
               <!-- 客户列表 -->
               <view class="c-list" v-for="(item,index) in assCsmtr" :key="index">
                  <view class="titles" @click="getDetails(item.id)">
                     <view style="flex: 1;">
                        <y-title :title="item.name"></y-title>
                     </view>
                     <uni-icons class="opt-icon" type="right" size="20" color="#b9b9b9"></uni-icons>
                  </view>
                  <view style="display: grid;grid-template-columns: 1fr 3fr;">
                     <view class="list-item1">ID</view><view class="list-item2">{{item.id}}</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" 
                        @click="goDetls(item.orderId)">{{item.orderId$}}</view>
                     <view class="list-item1">申请日期</view><view class="list-item2">{{item.appleTime$}}</view>
                     <view class="list-item1">进度</view><view class="list-item2">{{item.settle$}}</view>
                     <view class="list-item1">状态</view><view class="list-item2">{{item.status$}}</view>
                     <view class="list-item1">修改人</view><view class="list-item2">{{item.updateBy$}}</view>
                     <!-- <view class="list-item1">关联流程</view><view class="list-item2 color-main"
                        @click="lookAssistantPlan(item.id)">查看关联流程</view> -->
                     <view class="list-item1">主副标记</view><view class="list-item2">{{item.assistantHostSign$}}</view>
                  </view>
               </view>
               <view style="height: 5rpx;"></view>
            </view>
         </uni-popup>
      </view>
		
      <view style="height: 5rpx;"></view>
      <view class="fxbtn">
         <uni-icons type="plusempty" color="#fff" @click="gotoggle()" ></uni-icons>
      </view>
      <uni-load-more :status="status" :icon-size="16" :content-text="contentText" />
   </view>
</template>

@@ -70,6 +118,7 @@
            },
            falg: true,
            csmtrList: [],
            assCsmtr: [],
            last_id: '',
            reload: false,
            status: 'more',
@@ -105,7 +154,12 @@
                  name:'平库',
                  value: 6
               },
            ]
               {
                  name:'其他',
                  value: 7
               },
            ],
            param: {curr:1,limit:4}
         }
      },
      onLoad() {
@@ -123,7 +177,7 @@
            this.getDetail()
         }
         setTimeout(()=> {
            this.getCsmtr1()
            this.getList()
         },50)
      },
      onReachBottom() {
@@ -144,23 +198,79 @@
            this.toggle('right')
         },
         add(val) {
            let addPlan = 'addPlan'
            let addPlan = 'addPlan',_this = this
            if (val > 1) {
               addPlan = 'addPlan' + val
            }
            uni.navigateTo({
               url:'/pages/business/plan/' + addPlan,
               success() {
                  _this.$refs.popup.close()
               }
            })
				
				
         },
         toggle(type) {
            this.type = type
            // open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
            this.$refs.popup.open(type)
         },
         getList() {
            let that = this
            that.csmtrList = []
            uni.showLoading()
            if (this.user.type == 'user_id') {
               that.param = {curr:1,limit:4,user_id: that.user.id}
            } else if(this.user.type == 'dept_id') {
               that.param = {curr:1,limit:4,dept_id: that.user.id}
            } 
            uni.request({
               url: that.baseUrl + '/plan/page/auth',
               header: {'token' : uni.getStorageSync('token'),},
               data: that.param,
               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);
                     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);
               },
               complete() {
                  uni.hideLoading()
               }
            })
         },
         getCsmtr1(e) {
            let that = this
            that.csmtrList = []
            uni.showLoading({})
            uni.showLoading()
            let param = {curr:1,limit:4,dept_id: 0,user_id: 67}
            if (this.user.type == 'user_id') {
               param = {curr:1,limit:4,user_id: that.user.id}
@@ -169,12 +279,14 @@
            } else {
               param = {curr:1,limit:4}
            }
            param = {curr:1,limit:4}
            uni.request({
               url: that.baseUrl + '/plan/page/auth',
               header: {'token' : uni.getStorageSync('token'),},
               data: {curr:1,limit:4,deptId:19},
               data: param,
               method:'GET',
               success(result) {
                  console.log(result);
                  if (result.statusCode ===  404) {
                     uni.showToast({title: '请重新登录', icon: "none", position: 'top'})
                     return
@@ -224,9 +336,10 @@
            uni.request({
               url: that.baseUrl + '/plan/page/auth',
               header: {'token' : uni.getStorageSync('token'),},
               data: {curr:that.curr,limit:4},
               data: param,
               method:'GET',
               success(result) {
                  console.log(result);
                  if (result.statusCode ===  404) {
                     uni.showToast({title: '请重新登录', icon: "none", position: 'top'})
                     return
@@ -235,7 +348,10 @@
                  if (res.code === 200) {
                     let list = res.data.records
                     that.csmtrList = that.reload ? list : that.csmtrList.concat(list);
                     that.curr = that.curr + 1
                     console.log(list);
                     if (list.length > 0) {
                        that.curr = that.curr + 1
                     }
                     if (res.data.records.length == 0) {
                        that.status = 'noMore'
                     }
@@ -268,6 +384,31 @@
               url: '/pages/business/plan/planDetails?id=' + id
            })
         },
         goDetls(id) {
            uni.navigateTo({
               url: '/pages/business/saleManage/saleManageDetails?id=' + id
            })
         },
         lookAssistantPlan(id) {
            let _this = this
            uni.request({
               url: `${_this.baseUrl}/plan/assistantPlan/view/auth`,
               header: {'token' : uni.getStorageSync('token')},
               data: {hostPlanId:id},
               success(res) {
                  res = res.data 
                  if (res.code === 200) {
                     _this.assCsmtr = res.data.records
                     if (_this.assCsmtr.length > 0) {
                        _this.$refs.assistantPlan.open('bottom')
                     } else {
                        uni.showToast({title: '无关联流程', icon: "none", position: 'center'})
                     }
							
                  }
               }
            })
         },
         // ---
         search() {
            
@@ -293,11 +434,17 @@
      margin-top: 20px;
   }
   .popup-content {
      width: 60vw;
      margin-top: 260rpx;
      display:  flex;
      align-items: center;
      justify-content: center;
      background-color: #fff;
   }
   .popup-bottom {
      height: 60vh;
      background-color: #fff;
      border-radius: 20rpx 20rpx 0 0;
   }
   .popup-height {
      display: height;
@@ -318,14 +465,13 @@
      margin-bottom: 20px;
   }
   .list-item1 {
		
      height: 45rpx;
      min-height: 45rpx;
      line-height: 45rpx;
      color: #909399;
      text-indent: 30rpx;
   }
   .list-item2 {
      height: 45rpx;
      min-height: 45rpx;
      line-height: 45rpx;
      color: black;
   }
@@ -336,6 +482,7 @@
      padding-left: 10rpx;
      text-indent: 5rpx;
      margin-top: 10rpx;
      display: flex;
   }
   /* .title {
      height: 60rpx;