194 lines
5.4 KiB
Vue
194 lines
5.4 KiB
Vue
<template>
|
|
<view>
|
|
<view class="backlog">
|
|
<!-- 时间 -->
|
|
<view class="backlog_time">
|
|
{{isToday}}
|
|
</view>
|
|
<view class="backlog_content">
|
|
<view class="backlog_item" @click="toLookList(1)">
|
|
<view class="item_img">
|
|
<image :src="BASE_IMG_URL+'/daiban_customer.png'" mode="scaleToFill"></image>
|
|
</view>
|
|
<view class="item_event">待跟进客户</view>
|
|
<view class="item_num">
|
|
<view>{{needDealinfo.customer?needDealinfo.customer:''}}</view>
|
|
<view class="iconfont icon-arrows_right"></view>
|
|
</view>
|
|
</view>
|
|
<view class="backlog_item" @click="toLookList(9)">
|
|
<view class="item_img">
|
|
<image :src="BASE_IMG_URL+'/tixing.png'" mode="scaleToFill"></image>
|
|
</view>
|
|
<view class="item_event">待跟进商机</view>
|
|
<view class="item_num">
|
|
<view>{{needDealinfo.business?needDealinfo.business:''}}</view>
|
|
<view class="iconfont icon-arrows_right"></view>
|
|
</view>
|
|
</view>
|
|
<view class="backlog_item" @click="toLookList(6)">
|
|
<view class="item_img">
|
|
<image :src="BASE_IMG_URL+'/daiban_contract.png'" mode="scaleToFill"></image>
|
|
</view>
|
|
<view class="item_event">待跟进合同</view>
|
|
<view class="item_num">
|
|
<view>{{needDealinfo.contract?needDealinfo.contract:''}}</view>
|
|
<view class="iconfont icon-arrows_right"></view>
|
|
</view>
|
|
</view>
|
|
<view class="backlog_item" @click="toLookList(7)">
|
|
<view class="item_img">
|
|
<image :src="BASE_IMG_URL+'/daiban_lead.png'" mode="scaleToFill"></image>
|
|
</view>
|
|
<view class="item_event">待跟进线索</view>
|
|
<view class="item_num">
|
|
<view>{{needDealinfo.lead?needDealinfo.lead:''}}</view>
|
|
<view class="iconfont icon-arrows_right"></view>
|
|
</view>
|
|
</view>
|
|
<view class="backlog_item" @click="toLookList(8)">
|
|
<view class="item_img">
|
|
<image :src="BASE_IMG_URL+'/daiban_contacts.png'" mode="scaleToFill"></image>
|
|
</view>
|
|
<view class="item_event">待跟进联系人</view>
|
|
<view class="item_num">
|
|
<view>{{needDealinfo.contacts?needDealinfo.contacts:''}}</view>
|
|
<view class="iconfont icon-arrows_right"></view>
|
|
</view>
|
|
</view>
|
|
<view class="backlog_item" @click="toLookList(2)">
|
|
<view class="item_img">
|
|
<image :src="BASE_IMG_URL+'/richeng.png'" mode="scaleToFill"></image>
|
|
</view>
|
|
<view class="item_event">待处理日程</view>
|
|
<view class="item_num">
|
|
<view>{{needDealinfo.event_one?needDealinfo.event_one:''}}</view>
|
|
<view class="iconfont icon-arrows_right"></view>
|
|
</view>
|
|
</view>
|
|
<!-- <view class="backlog_item" @click="toLookList(3)">
|
|
<view class="item_img">
|
|
<image :src="BASE_IMG_URL+'/hetong.png'" mode="scaleToFill"></image>
|
|
</view>
|
|
<view class="item_event">待审核合同</view>
|
|
<view class="item_num">
|
|
<view>{{needDealinfo.examine?needDealinfo.examine:''}}</view>
|
|
<view class="iconfont icon-arrows_right"></view>
|
|
</view>
|
|
</view>
|
|
<view class="backlog_item" @click="toLookList(4)">
|
|
<view class="item_img">
|
|
<image :src="BASE_IMG_URL+'/huikuan.png'" mode="scaleToFill"></image>
|
|
</view>
|
|
<view class="item_event">待审核回款</view>
|
|
<view class="item_num">
|
|
<view>{{needDealinfo.receivables?needDealinfo.receivables:''}}</view>
|
|
<view class="iconfont icon-arrows_right"></view>
|
|
</view>
|
|
</view> -->
|
|
<view class="backlog_item" @click="toLookList(5)">
|
|
<view class="item_img">
|
|
<image :src="BASE_IMG_URL+'/tixing.png'" mode="scaleToFill"></image>
|
|
</view>
|
|
<view class="item_event">待回款提醒</view>
|
|
<view class="item_num">
|
|
<view>{{needDealinfo.receivables_plan?needDealinfo.receivables_plan:''}}</view>
|
|
<view class="iconfont icon-arrows_right"></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { getNowData } from '@/util/weekTime.js'
|
|
import { netNeedDealtData } from '@/api/index.js'
|
|
import { BASE_IMG_URL } from '@/util/api.js'
|
|
export default{
|
|
data() {
|
|
return{
|
|
isToday:'',
|
|
needDealinfo:{},
|
|
BASE_IMG_URL:BASE_IMG_URL,
|
|
}
|
|
},
|
|
onLoad() {
|
|
|
|
},
|
|
onShow() {
|
|
this.isToday = getNowData()
|
|
this.getNeedDeal()
|
|
|
|
},
|
|
methods:{
|
|
//获取 待办 事项
|
|
getNeedDeal() {
|
|
netNeedDealtData().then(res=>{
|
|
this.needDealinfo = res.data
|
|
})
|
|
},
|
|
//待办 事项 明细 列表
|
|
toLookList(type) {
|
|
//待跟进客户
|
|
if(type == 1 || type == 6 || type == 7 || type == 8 || type == 9){
|
|
uni.navigateTo({
|
|
url:'/pagesA/crm/followRecord/needrecord?type='+type
|
|
})
|
|
}else{
|
|
uni.navigateTo({
|
|
url:'/pages/index/dataList?type='+type
|
|
})
|
|
}
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
// 待办事项
|
|
.backlog {
|
|
padding-bottom:100rpx;
|
|
.backlog_time {
|
|
height: 100rpx;
|
|
padding-left: 30rpx;
|
|
line-height: 100rpx;
|
|
font-size: 28rpx;
|
|
}
|
|
.backlog_content {
|
|
background:#fff;
|
|
margin: 0 20rpx;
|
|
.backlog_item {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 0 20rpx;
|
|
height: 120rpx;
|
|
line-height: 120rpx;
|
|
margin-bottom: 20rpx;
|
|
background-color: #fff;
|
|
border-radius: 20rpx;
|
|
box-shadow: 2rpx 2rpx 50rpx rgba(0,0,0,0.1);
|
|
.item_img {
|
|
width: 90rpx;
|
|
|
|
image {
|
|
width: 70rpx;
|
|
height: 70rpx;
|
|
margin-top: 53rpx;
|
|
}
|
|
}
|
|
|
|
.item_event {
|
|
flex: 1;
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.item_num {
|
|
display: flex;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|