111 lines
2.2 KiB
Vue
111 lines
2.2 KiB
Vue
<template>
|
|
<view class="customer-warp">
|
|
<view class="clineInfo" v-for="(item,index) in customerList" :key="index" @click="jumpCustomer(item)">
|
|
<view class="info_head">
|
|
<view>{{item.name}}</view>
|
|
<view>{{item.follow}}</view>
|
|
</view>
|
|
<view class="info_main">
|
|
<view class="main_left">
|
|
<view class="left_followUp">
|
|
<view>下次跟进时间：</view>
|
|
<view>{{item.next_time}}</view>
|
|
</view>
|
|
<view class="left_star">
|
|
<view>客户星级：</view>
|
|
<view>
|
|
<u-rate :count="5" v-model="item.level" disabled active-color="#FFD049" inactive-color="#b2b2b2" :size="30" :gutter="10"></u-rate>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<u-empty v-if="customerList.length == 0" text="暂无更多"></u-empty>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { BASE_IMG_URL } from '@/util/api.js'
|
|
export default{
|
|
props:{
|
|
customerList:{
|
|
type:Array,
|
|
default:[]
|
|
}
|
|
},
|
|
data(){
|
|
return{
|
|
list:[{}]
|
|
}
|
|
},
|
|
methods:{
|
|
jumpCustomer(item){
|
|
uni.navigateTo({
|
|
url: '/pages/index/groupCompany/groupCompany?id='+item.id
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.customer-warp{
|
|
padding:20rpx 0;
|
|
margin-bottom:100rpx;
|
|
}
|
|
.clineInfo {
|
|
margin: 0 30rpx;
|
|
background-color: #fff;
|
|
padding: 30rpx 24rpx;
|
|
margin-bottom: 20rpx;
|
|
border-radius: 10rpx;
|
|
box-shadow: 2rpx 2rpx 50rpx rgba(0,0,0,0.1);
|
|
.info_head {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
:first-child {
|
|
font-size: 28rpx;
|
|
font-weight: 700;
|
|
color: #999;
|
|
}
|
|
:last-child {
|
|
&::before {
|
|
position: relative;
|
|
display: block;
|
|
content: '';
|
|
width: 10rpx;
|
|
height: 10rpx;
|
|
top: 24rpx;
|
|
left: -22rpx;
|
|
background-color: #52c1f5;
|
|
border-radius: 5rpx;
|
|
}
|
|
}
|
|
}
|
|
.info_main {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
.main_left {
|
|
.left_followUp {
|
|
display: flex;
|
|
padding: 20rpx 0;
|
|
}
|
|
.left_star {
|
|
display: flex;
|
|
padding-bottom: 20rpx;
|
|
}
|
|
}
|
|
.main_right {
|
|
text-align: center;
|
|
padding: 20rpx 20rpx 0 0;
|
|
image {
|
|
border-radius: 50%;
|
|
width: 44rpx;
|
|
height: 44rpx;
|
|
margin-bottom: 5rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|