#

whycq

2023-11-22 3913b3c5c8cde03f8c92d1c738d28c4a9bae7e55

 pages/business/plan/planDetails.vue

@@ -10,8 +10,14 @@
         </view>
         <!-- 步骤条 -->
         <view style="background-color: #FFF;margin-top: 10px;padding-top: 20px;padding-bottom: 20px;">
            <uni-steps :options="list1" :active="active" />
            <uni-steps :options="list1" :active="current" />
         </view>
         <!-- <view style="background-color: #FFF;margin-top: 10px;padding-top: 20px;padding-bottom: 20px;">
            <u-steps :current="current">
               <u-steps-item :title="`${item.title}`" :desc="item.username" v-for="item in list1" />
            </u-steps>
         </view> -->
			
         <!-- 基本信息 -->
         <view class="container">
            <view><y-title title="基本信息"></y-title></view><view></view>
@@ -27,27 +33,32 @@

         <view class="container">
            <view><y-title title="其他信息"></y-title></view><view></view>
            <view class="list-item1">货物规格</view><view class="list-item2">{{detl.createBy$}}</view>
            <view class="list-item1">进叉方向</view><view class="list-item2">{{detl.createTime$}}</view>
         </view>
         <view class="detail-box">
            <plan-detail :info="info"></plan-detail>
         </view>
			
			
         <!-- 售前规划 -->
         <view class="container">
            <view><y-title title="售前规划"></y-title></view><view></view>
            <view class="list-item1">规划员</view><view class="list-item2">{{detl.planner$}}</view>
            <view class="list-item1">完成时间</view><view class="list-item2">{{detl.finishTime$}}</view>
            <view class="list-item1">更改方案</view><view class="list-item2">{{detl.change}}</view>
            <view class="list-item1">更改次数</view><view class="list-item2">{{detl.changeTime}}</view>
            <view class="list-item1">更改原因</view><view class="list-item2">{{detl.changeReason}}</view>
            <view class="list-item1">规格奖金</view><view class="list-item2">{{detl.planBonus}}</view>
            <view class="list-item1">组长奖金</view><view class="list-item2">{{detl.planLeaderBonus}}</view>
         </view>
         <!-- 系统信息 -->
         <view class="container">
            <view><y-title title="系统信息"></y-title></view><view></view>
            <view class="list-item1">添加人员</view><view class="list-item2">{{detl.createBy$}}</view>
            <view class="list-item1">添加时间</view><view class="list-item2">{{detl.createTime$}}</view>
            <view class="list-item1">修改人员</view><view class="list-item2">{{detl.updateBy$}}</view>
            <view class="list-item1">修改时间</view><view class="list-item2">{{detl.updateTime$}}</view>
         </view>
         <!-- 售前规划 -->
         <view class="container">
            <view><y-title title="跟进人"></y-title></view><view></view><view><uni-icons @click="addPerson()" type="plus" size="20" color="#55aaff"></uni-icons></view>
            <view class="list" v-for="(item,index) in followers" :key="index">
               <view class="list-left">{{item.userName}}</view>
               <view class="list-right"><button size="mini" style="float: right;" type="warn" @click="removeFollowers(item.userId)">移除</button></view>
            </view>
            <view class="list-none" v-show="followers.length == 0">
               <text>暂无跟进人</text>
            </view>
         </view>
			
      </scroll-view>
      <view class="foot">
         <button  size="mini" type="warn" @click="del(id)">删除</button>
      </view>
      
      <view>
         <!-- 输入框示例 -->
@@ -59,6 +70,11 @@
            </uni-popup-dialog>
         </uni-popup>
      </view>
		
      <view class="foot">
         <button  size="mini" type="primary" @click="edite(id)">修改</button>
         <button  size="mini" type="warn" @click="del(id)">删除</button>
      </view>
   </view>
</template>

@@ -66,6 +82,7 @@
   export default {
      data() {
         return {
            current: 1,
            id: 0,
            detl: {
               id: '',
@@ -82,9 +99,10 @@
            followers: [],
            cstmrId: '',
            active: 0,
            steps: [],
            list1: [{
               title: '开始',
               desc: ''
               desc: '123'
            }, {
               title: '组长审核',
               desc: ''
@@ -97,30 +115,102 @@
            },{
               title: '审核通过',
               desc: ''
            }]
            }],
            info: []
         }
      },
      onLoad(option) { 
         this.id = option.id
         this.init()
         this.autoLoad('follower','')
         setTimeout(()=>{
            this.getFollowers()
         },500)
         if (option != '') {
            this.id = option.id
            this.init()
            this.autoLoad('follower','')
            setTimeout(()=>{
               this.getFollowers()
            },500)
         } else {
            let _this = this
            const eventChannel = this.getOpenerEventChannel();
            eventChannel.on('saleManage', function(data) {
               _this.id = data.data
               _this.init()
            })
				
            this.autoLoad('follower','')
            setTimeout(()=>{
               this.getFollowers()
            },500)
         }
      },
      methods: {
         init() {
            let that = this
            that.info = []
            uni.request({
               url: that.baseUrl + '/plan/' + that.id +'/auth',
               header: {'token' : uni.getStorageSync('token')},
               method: 'GET',
               success(res) {
                  console.log(res);
                  res = res.data
                  that.detl = res.data
                  that.active = res.data.settle
                  that.cstmrId = that.cstmr.id
                  that.list1 = JSON.parse(res.data.settleMsg)
                  for (let key of that.list1) {
                     key.desc = key.username
                  }
                  that.current = res.data.settle-1
                  switch(res.data.select_3) {
                     case 'value1':
                        res.data.select_3 = '牛腿式'
                        break;
                     case 'value2':
                        res.data.select_3 = '横梁式'
                        break;
                     case 'value3':
                        res.data.select_3 = '新能源'
                        break;
                     case 'value4':
                        res.data.select_3 = '其他'
                        break;
                  }
                  if (res.data.planType == 4) {
                     that.info.push(
                     {name:'货物规格',val:res.data.input_1},
                     {name:'货物重量',val:res.data.input_2},
                     {name:'仓库温度',val:res.data.input_6},
                     {name:'顶部最低点离地距离',val:res.data.input_8},
                     {name:'进叉方向',val:res.data.input_4},
                     {name:'厂房可用高度',val:res.data.input_5},
                     {name:'通道大小有无要求',val:res.data.input_7},
                     {name:'平库货架类型',val:res.data.select_2},
                     {name:'是否需要跨梁',val:res.data.radio_1 == 'value1' ? '是' : '否'},
                     {name:'是否需要网层板',val:res.data.radio_2 == 'value1' ? '是' : '否'},
                     {name:'是否需要层板',val:res.data.radio_8 == 'value1' ? '是' : '否'},
                     {name:'地面有无电缆沟',val:res.data.radio_3 == 'value1' ? '是' : '否'},
                     {name:'地面平整度和地面沉降是否满足标准',val:res.data.radio_5 == 'value1' ? '是' : '否'},
                     {name:'布局区域是否提供CAD场地图纸/场地',val:res.data.radio_7 == 'value1' ? '是' : '否'},
                     {name:'其他要求及注意点',val:res.data.textarea_2 ? res.data.textarea_2 : '--'},
                     )
                  } else if(res.data.planType == 5) {
                     that.info.push(
                     {name:'货物规格',val:res.data.input_2},
                     {name:'货物重量',val:res.data.input_5},
                     {name:'厂房可用高度',val:res.data.input_4},
                     {name:'顶部最低点离地距离',val:res.data.input_9},
                     {name:'进叉方向',val:res.data.input_3},
                     {name:'仓库温度',val:res.data.input_7},
                     {name:'抗震设防烈度',val:res.data.input_6},
                     {name:'基本地震加速度',val:res.data.input_11},
                     {name:'客户技术对接联系方式（选填）',val:res.data.input_8},
                     {name:'立体库货架类型',val:res.data.select_3},
                     {name:'是否有消防要求',val:res.data.radio_5 == 'value1' ? '是' : '否'},
                     {name:'否需要货架背网',val:res.data.radio_8 == 'value1' ? '是' : '否'},
                     {name:'地面有无电缆沟',val:res.data.radio_7 == 'value1' ? '是' : '否'},
                     {name:'布局区域是否提供CAD场地图纸/场地',val:res.data.radio_6 == 'value1' ? '是' : '否'},
                     {name:'地面平整度和地面沉降是否满足标准',val:res.data.radio_10 == 'value1' ? '是' : '否'},
                     {name:'其他要求及注意点',val:res.data.textarea_2 ? res.data.textarea_2 : '--'},
                     )
                  }
                  // that.cstmrId = that.cstmr.id
               }
            })
         },
@@ -132,9 +222,7 @@
               header: {'token' : uni.getStorageSync('token'),
               },
               method: 'GET',
					
               success(res) {
                  console.log(res);
                  res = res.data
                  if (res.code === 200) {
                     uni.navigateBack()
@@ -236,7 +324,13 @@
                  that.getFollowers()
               }
            })
         }
         },
         edite(id) {
            let _this = this
            uni.navigateTo({
               url: '/pages/business/plan/modiPlan?id=' + id
            })
         },
      }
   }
</script>
@@ -274,7 +368,7 @@
      grid-template-columns: 1fr 3fr;
   }
   .container:last-child {
      grid-template-columns: 5fr 5fr 2fr;
      /* grid-template-columns: 5fr 5fr 2fr; */
      margin-bottom: 120rpx;
   }
   .list-item1 {
@@ -332,4 +426,7 @@
      display: grid;
      position: relative;
   }
   .detail-box {
      background-color: #fff;
   }
</style>