php
/
ZhiHuiJiaoWu_UniApp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

销售端-线索

master
李双庆 1 year ago
parent
df82bae756
commit
fe3672781f
25 changed files with 1295 additions and 14 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 20
      components/AQ/AQTabber.vue
  2. 30
      pages.json
  3. 558
      pages/market/clue/clue_info.vue
  4. 462
      pages/market/clue/index.vue
  5. 237
      pages/market/index/index.vue
  6. BIN
      static/images/index/danlan.png
  7. BIN
      static/images/index/danlv.png
  8. BIN
      static/images/index/hong.png
  9. BIN
      static/images/index/huang.png
  10. BIN
      static/images/index/intention1.png
  11. BIN
      static/images/index/intention2.png
  12. BIN
      static/images/index/intention3.png
  13. BIN
      static/images/index/lan.png
  14. BIN
      static/images/index/lvs.png
  15. BIN
      static/images/index/message.png
  16. BIN
      static/images/index/myk.png
  17. BIN
      static/images/index/phone.png
  18. BIN
      static/images/index/shenlan.png
  19. BIN
      static/images/index/star.png
  20. BIN
      static/images/tabbar/clue.png
  21. BIN
      static/images/tabbar/clues.png
  22. BIN
      static/images/tabbar/data.png
  23. BIN
      static/images/tabbar/datas.png
  24. BIN
      static/images/tabbar/plus.png

20
components/AQ/AQTabber.vue
View File

@ -74,20 +74,20 @@
{
text: "首页",
urlPath:'/pages/market/index/index',//自定义页面跳转路径
iconPath: "/static/images/tabbar/my.png",
selectedIconPath: "/static/images/tabbar/my.png"
iconPath: "/static/images/tabbar/index.png",
selectedIconPath: "/static/images/tabbar/indexs.png"
},
{
text: "线索",
urlPath:'/pages/market/my/index',//自定义页面跳转路径
iconPath: "/static/images/tabbar/my.png",
selectedIconPath: "/static/images/tabbar/my.png"
urlPath:'/pages/market/clue/index',//自定义页面跳转路径
iconPath: "/static/images/tabbar/clue.png",
selectedIconPath: "/static/images/tabbar/clues.png"
},
{
text: "",
urlPath:'/pages/market/my/index',//自定义页面跳转路径
iconPath: "/static/images/tabbar/my.png",
selectedIconPath: "/static/images/tabbar/my.png",
iconPath: "/static/images/tabbar/plus.png",
selectedIconPath: "/static/images/tabbar/plus.png",
midButton: true,
width: 70,
height: 70
@ -95,14 +95,14 @@
{
text: "数据",
urlPath:'/pages/market/my/index',//自定义页面跳转路径
iconPath: "/static/images/tabbar/my.png",
selectedIconPath: "/static/images/tabbar/my.png"
iconPath: "/static/images/tabbar/timetable.png",
selectedIconPath: "/static/images/tabbar/timetables.png"
},
{
text: "我的",
urlPath:'/pages/market/my/index',//自定义页面跳转路径
iconPath: "/static/images/tabbar/my.png",
selectedIconPath: "/static/images/tabbar/my.png"
selectedIconPath: "/static/images/tabbar/mys.png"
}
]
break;

30
pages.json
View File

@ -313,9 +313,33 @@
{
"path": "pages/market/clue/clue_info",
"style": {
"navigationBarTitleText": "客户详情",
"navigationStyle": "default",
"navigationBarBackgroundColor": "#29d3b4",
"navigationBarTextStyle": "black"
}
},
{
"path": "pages/market/clue/index",
"style": {
"navigationBarTitleText": "线索",
"navigationStyle": "default",
"navigationBarBackgroundColor": "#292929",
"navigationBarTextStyle": "black"
}
},
{
"path": "pages/market/index/index",
"style": {
"navigationBarTitleText": "首页",
"navigationStyle": "default",
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black"
}
},
{
"path": "pages/market/my/index",
"style": {

558
pages/market/clue/clue_info.vue
View File

@ -0,0 +1,558 @@
<!--我的-首页-->
<template>
<view class="assemble">
<view class="main_box">
<view style="height: 20rpx;background: #29D3B4;"></view>
<view class="count_section">
<view class="main">
<view class="course_box">
<view class="course_box_top">
<view class="course_box_top_top">
<image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="name">包子皮</view>
</view>
<view class="course_box_top_below">
<view class="course_box_top_below-left">
<view>08-30 14:25  跟进</view>
<view style="display: flex;align-items: center;" v-if="false">
<view style="padding-left: 30rpx;">
<image src="@/static/images/index/intention1.png" class="drop-image-x"></image>
</view>
<view class="title-x">意向：低</view>
</view>
<view style="display: flex;align-items: center;" v-if="true">
<view style="padding-left: 30rpx;">
<image src="@/static/images/index/intention3.png" class="drop-image-x"></image>
</view>
<view class="title-x">意向：高</view>
</view>
<view style="display: flex;align-items: center;" v-if="false">
<view style="padding-left: 30rpx;">
<image src="@/static/images/index/intention2.png" class="drop-image-x"></image>
</view>
<view class="title-x">意向：中</view>
</view>
</view>
<view class="course_box_top_below-right">
<view>
<image src="@/static/images/index/star.png" class="drop-image-star"></image>
</view>
<view class="title-x">重点关注</view>
</view>
</view>
</view>
<view class="course_box_centre"></view>
<view class="course_box_below">
<view :class="{'selected-text': switch_tags_type === 1, 'text': switch_tags_type !== 1}" @click="switch_tags(1)">基本资料</view>
<view :class="{'selected-text': switch_tags_type === 2, 'text': switch_tags_type !== 2}" @click="switch_tags(2)">跟进记录</view>
<view :class="{'selected-text': switch_tags_type === 3, 'text': switch_tags_type !== 3}" @click="switch_tags(3)">通话记录</view>
<view :class="{'selected-text': switch_tags_type === 4, 'text': switch_tags_type !== 4}" @click="switch_tags(4)">在籍客户</view>
</view>
</view>
</view>
<view class="bg_box bg_top"></view>
<view class="bg_box bg_bottom"></view>
</view>
<view class="basic-information" v-if="switch_tags_type == 1">
<view class="basic-message">基本信息</view>
<view class="basic-message-div">
<view class="basic-message-div-txt">
<view>客户编号</view>
<view>1254545</view>
</view>
<view class="basic-message-div-txt">
<view>年龄</view>
<view>12岁</view>
</view>
<view class="basic-message-div-txt">
<view>学校</view>
<view>幸福小学</view>
</view>
<view class="basic-message-div-txt">
<view>年级</view>
<view>小学 五年级</view>
</view>
<view class="basic-message-div-txt">
<view>班级</view>
<view>3班</view>
</view>
<view class="basic-message-div-txt">
<view>小区</view>
<view>幸福小区</view>
</view>
<view class="basic-message-div-txt">
<view>客户来源</view>
<view>地推</view>
</view>
<view class="basic-message-div-txt">
<view>客户归属</view>
<view>赵小刚 (已锁定，到期时间10/30)</view>
</view>
</view>
<view class="basic-message">
<view>联系人信息<span style="padding-left: 10rpx;color: #7F7F7F;">选中为客户首联系人</span></view>
<view style="color: #45C59F;font-size: 24rpx;">添加</view>
</view>
<view class="basic-message-div">
<view class="basic-message-div-txt">
<view>包念念</view>
<view>1888888888</view>
</view>
<view class="basic-message-div-txt">
<view>张铭行</view>
<view>1888888888</view>
</view>
</view>
<view class="basic-message">附加信息</view>
<view class="basic-message-div">
<view class="basic-message-div-txt">
<view>已成交次数</view>
<view>3次</view>
</view>
<view class="basic-message-div-txt">
<view>体验课程</view>
<view>1次</view>
</view>
<view class="basic-message-div-txt">
<view>客户标签</view>
<view>XXXX,XXXX,XXXX</view>
</view>
</view>
<view style="height: 200rpx;"></view>
</view>
<view class="follow-records" v-if="switch_tags_type == 2">
<view>
<view class="basic-message">08-23</view>
<view class="follow-records-list">
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>赵小刚</view>
<view>跟进(电话)</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">客户对产品意向很高，但是希望价格能有优惠。</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2019-08-23 22:31</view>
</view>
</view>
<view>
<view class="basic-message">08-23</view>
<view class="follow-records-list">
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>赵小刚</view>
<view>跟进(电话)</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">客户对产品意向很高，但是希望价格能有优惠。</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2019-08-23 22:31</view>
</view>
</view>
<view>
<view class="basic-message">08-23</view>
<view class="follow-records-list">
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>赵小刚</view>
<view>跟进(电话)</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">客户对产品意向很高，但是希望价格能有优惠。</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2019-08-23 22:31</view>
</view>
</view>
<view style="height: 200rpx;"></view>
</view>
<view class="call-log" v-if="switch_tags_type == 3">
<view>
<view class="basic-message">08-23</view>
<view class="follow-records-list">
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>赵小刚</view>
<view>2019-08-23 22:31</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫类型：主叫</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫号码：18888888888</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫对象：包念念</view>
</view>
</view>
<view>
<view class="basic-message">08-23</view>
<view class="follow-records-list">
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>赵小刚</view>
<view>2019-08-23 22:31</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫类型：主叫</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫号码：18888888888</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫对象：包念念</view>
</view>
</view>
<view>
<view class="basic-message">08-23</view>
<view class="follow-records-list">
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>赵小刚</view>
<view>2019-08-23 22:31</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫类型：主叫</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫号码：18888888888</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫对象：包念念</view>
</view>
</view>
<view style="height: 200rpx;"></view>
</view>
<view class="registered-clients" v-if="switch_tags_type == 4">
<view class="search">
<view :class="{'selected': select_type === 1, 'not-selected': select_type !== 1}" @click="getSelect(1)">全部(320)</view>
<view :class="{'selected': select_type === 2, 'not-selected': select_type !== 2}" @click="getSelect(2)">同校(8)</view>
<view :class="{'selected': select_type === 3, 'not-selected': select_type !== 3}" @click="getSelect(3)">同班(15)</view>
<view :class="{'selected': select_type === 4, 'not-selected': select_type !== 4}" @click="getSelect(4)">同小区(12)</view>
</view>
<view style="margin: 16rpx;">
<view class="follow-records-list">
<view class="same-community" v-if="true">
同小区
</view>
<view class="coeducation" v-if="false">
同校
</view>
<view class="coeducation" v-if="false">
同班
</view>
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>包子皮</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;display: flex;justify-content: space-between;">
<view>合同联系人：包念念<span style="font-size: 20rpx;color: #a47332;padding-left: 12rpx;">妈妈</span></view>
<view>课程：课程名称1</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2020-08-30 签单</view>
</view>
</view>
<view style="margin: 16rpx;">
<view class="follow-records-list">
<view class="same-community" v-if="false">
同小区
</view>
<view class="coeducation" v-if="true">
同校
</view>
<view class="coeducation" v-if="false">
同班
</view>
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>包子皮</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;display: flex;justify-content: space-between;">
<view>合同联系人：包念念<span style="font-size: 20rpx;color: #a47332;padding-left: 12rpx;">妈妈</span></view>
<view>课程：课程名称1</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2020-08-30 签单</view>
</view>
</view>
<view style="margin: 16rpx;">
<view class="follow-records-list">
<view class="same-community" v-if="false">
同小区
</view>
<view class="coeducation" v-if="false">
同校
</view>
<view class="coeducation" v-if="true">
同班
</view>
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>包子皮</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;display: flex;justify-content: space-between;">
<view>合同联系人：包念念<span style="font-size: 20rpx;color: #a47332;padding-left: 12rpx;">妈妈</span></view>
<view>课程：课程名称1</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2020-08-30 签单</view>
</view>
</view>
<view style="margin: 16rpx;">
<view class="follow-records-list">
<view class="same-community" v-if="true">
同小区
</view>
<view class="coeducation" v-if="false">
同校
</view>
<view class="coeducation" v-if="false">
同班
</view>
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>包子皮</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;display: flex;justify-content: space-between;">
<view>合同联系人：包念念<span style="font-size: 20rpx;color: #a47332;padding-left: 12rpx;">妈妈</span></view>
<view>课程：课程名称1</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2020-08-30 签单</view>
</view>
</view>
<view style="margin: 16rpx;">
<view class="follow-records-list">
<view class="same-community" v-if="true">
同小区
</view>
<view class="coeducation" v-if="false">
同校
</view>
<view class="coeducation" v-if="false">
同班
</view>
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>包子皮</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;display: flex;justify-content: space-between;">
<view>合同联系人：包念念<span style="font-size: 20rpx;color: #a47332;padding-left: 12rpx;">妈妈</span></view>
<view>课程：课程名称1</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2020-08-30 签单</view>
</view>
</view>
<view style="height: 200rpx;"></view>
</view>
<view class="bottom-label">
<view>写作跟进</view>
<view>新建任务</view>
<view>拨打电话</view>
<view>更多操作</view>
</view>
</view>
</view>
</template>
<script>
import user from '@/api/user.js';
export default {
data() {
return {
formData: {},
switch_tags_type: 4,
select_type: 1,
}
},
onLoad() {},
methods: {
//切换标签
switch_tags(type){
this.switch_tags_type = type
},
getSelect(type){
this.select_type = type
},
}
}
</script>
<style lang="less" scoped>
.assemble {
width: 100%;
height: 100vh;
overflow: auto;
background-color: #292929;
}
.main_box {
background: #292929;
min-height: 28vh;
}
//统计信息
.count_section {
width: 100%;
position: relative;
.main {
width: 100%;
position: absolute;
z-index: 2;
padding: 0rpx 24rpx;
display: flex;
justify-content: center;
.course_box {
padding: 26rpx 22rpx 0 22rpx;
width: 95%;
height: 250rpx;
border-radius: 20rpx;
background-color: #fff;
}
}
.bg_top {
height: 180rpx;
background-color: #29D3B4;
}
.bg_bottom {
height: 80rpx;
background-color: #292929;
}
}
.course_box_top{
width: 100%;
height: 60%;
}
.course_box_centre{
margin: auto;
width: 95%;
height: 4rpx;
background: #F5F5F8;
}
.course_box_below{
width: 100%;
height: 40%;
display: flex;
justify-content: space-between;
}
.course_box_top_top {
display: flex;
align-items: center;
gap: 20rpx;
.pic {
width: 44rpx;
height: 44rpx;
border-radius: 50%;
}
.name {
color: #333333;
font-size: 28rpx;
}
}
.course_box_top_below{
display: flex;
align-items: center;
justify-content: space-between;
}
.course_box_top_below-left{
display: flex;
align-items: center;
padding-top: 16rpx;
font-size: 24rpx;
}
.drop-image-x {
width: 20rpx;
height: 20rpx;
}
.title-x {
font-size: 28rpx;
color: #333333;
padding-left: 10rpx;
}
.course_box_top_below-right{
padding-top: 16rpx;
font-size: 24rpx;
display: flex;
align-items: center;
}
.drop-image-star {
width: 40rpx;
height: 40rpx;
}
.selected-text{
color: #1CD188;
display: flex;
align-items: center;
}
.text{
color: #333333;
display: flex;
align-items: center;
}
.basic-message{
color: #fff;
padding: 16rpx 60rpx;
display: flex;
justify-content: space-between;
}
.basic-message-div{
width: 92%;
margin: auto;
background: #555555;
border-radius: 16rpx;
padding: 16rpx 0;
}
.basic-message-div-txt{
display: flex;
justify-content: space-between;
color: #FFFFFF;
padding: 14rpx 30rpx;
}
.bottom-label{
width: 100%;
height: 150rpx;
background: #fff;
position: fixed;
bottom: 0;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 30rpx;
}
.follow-records-list{
width: 92%;
background: #434544;
border-radius: 16rpx;
margin: auto;
padding: 16rpx;
color: #fff;
position: relative;
}
.same-community{
width: 120rpx;
background: #3d4a55;
color: #1e62a9;
position: absolute;
top: 0;
right: 0;
padding: 8rpx 16rpx;
text-align: center;
border-radius: 40rpx 70rpx 70rpx 12rpx;
}
.coeducation{
width: 120rpx;
background: #3d4a55;
color: #2e9380;
position: absolute;
top: 0;
right: 0;
padding: 8rpx 16rpx;
text-align: center;
border-radius: 40rpx 70rpx 70rpx 12rpx;
}
.same-community{
width: 120rpx;
background: #40504c;
color: #1e62a9;
position: absolute;
top: 0;
right: 0;
padding: 8rpx 16rpx;
text-align: center;
border-radius: 40rpx 70rpx 70rpx 12rpx;
}
.search{
width: 92%;
margin: auto;
display: flex;
margin-top: 20rpx;
}
.selected{
background: #294e48;
border-radius: 16rpx;
padding: 12rpx 8rpx;
text-align: center;
color: #29d3b4;
margin-left: 5rpx;
}
.not-selected{
margin-left: 5rpx;
background: #ffffff;
border: 4rpx #959595 solid;
border-radius: 16rpx;
padding: 12rpx 8rpx;
text-align: center;
}
</style>

462
pages/market/clue/index.vue
View File

@ -0,0 +1,462 @@
<template>
<view class="assemble">
<fui-segmented-control :values="values" type="text" activeColor="#29d3b4" color="#fff" @click="segmented"></fui-segmented-control>
<view class="search">
<view :class="{'selected': select_type === 1, 'not-selected': select_type !== 1}" @click="getSelect(1)">全部(320)</view>
<view :class="{'selected': select_type === 2, 'not-selected': select_type !== 2}" @click="getSelect(2)">待跟进(8)</view>
<view :class="{'selected': select_type === 3, 'not-selected': select_type !== 3}" @click="getSelect(3)">7天未跟进(15)</view>
<view :class="{'selected': select_type === 4, 'not-selected': select_type !== 4}" @click="getSelect(4)">30天未成交(12)</view>
</view>
<view v-if="segmented_type == 1">
<view class="card">
<view style="width: 70%;" @click="clue_info">
<view style="display: flex;align-items: center;padding: 20rpx;">
<view><image src="@/static/images/index/myk.png" class="card-image"></image></view>
<view class="card-text">包子皮</view>
<view class="card-label">试听</view>
</view>
<view class="card-con">
首联系人：包念念 <span class="card-con-span">妈妈</span>
</view>
<view class="card-date">
<view class="card-con">08-30 14:25  跟进</view>
<view style="margin-left: 30rpx;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/intention1.png" class="drop-image-x"></image>
</view>
<view class="title-x">意向：低</view>
</view>
</view>
</view>
</view>
<view style="width: 15%;">
<image src="@/static/images/index/message.png" class="image"></image>
</view>
<view style="width: 15%;">
<image src="@/static/images/index/phone.png" class="image"></image>
</view>
</view>
<view class="card">
<view style="width: 70%;" @click="clue_info">
<view style="display: flex;align-items: center;padding: 20rpx;">
<view><image src="@/static/images/index/myk.png" class="card-image"></image></view>
<view class="card-text">包子皮</view>
<view class="card-label">试听</view>
</view>
<view class="card-con">
首联系人：包念念 <span class="card-con-span">妈妈</span>
</view>
<view class="card-date">
<view class="card-con">08-30 14:25  跟进</view>
<view style="margin-left: 30rpx;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/intention3.png" class="drop-image-x"></image>
</view>
<view class="title-x">意向：高</view>
</view>
</view>
</view>
</view>
<view style="width: 15%;">
<image src="@/static/images/index/message.png" class="image"></image>
</view>
<view style="width: 15%;">
<image src="@/static/images/index/phone.png" class="image"></image>
</view>
</view>
<view class="card">
<view style="width: 70%;" @click="clue_info">
<view style="display: flex;align-items: center;padding: 20rpx;">
<view><image src="@/static/images/index/myk.png" class="card-image"></image></view>
<view class="card-text">包子皮</view>
<view class="card-label">试听</view>
</view>
<view class="card-con">
首联系人：包念念 <span class="card-con-span">妈妈</span>
</view>
<view class="card-date">
<view class="card-con">08-30 14:25  跟进</view>
<view style="margin-left: 30rpx;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/intention2.png" class="drop-image-x"></image>
</view>
<view class="title-x">意向：中</view>
</view>
</view>
</view>
</view>
<view style="width: 15%;">
<image src="@/static/images/index/message.png" class="image"></image>
</view>
<view style="width: 15%;">
<image src="@/static/images/index/phone.png" class="image"></image>
</view>
</view>
<view class="card">
<view style="width: 70%;" @click="clue_info">
<view style="display: flex;align-items: center;padding: 20rpx;">
<view><image src="@/static/images/index/myk.png" class="card-image"></image></view>
<view class="card-text">包子皮</view>
<view class="card-label">试听</view>
</view>
<view class="card-con">
首联系人：包念念 <span class="card-con-span">妈妈</span>
</view>
<view class="card-date">
<view class="card-con">待跟进</view>
<view style="margin-left: 30rpx;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/intention1.png" class="drop-image-x"></image>
</view>
<view class="title-x">意向：低</view>
</view>
</view>
</view>
</view>
<view style="width: 15%;">
<image src="@/static/images/index/message.png" class="image"></image>
</view>
<view style="width: 15%;">
<image src="@/static/images/index/phone.png" class="image"></image>
</view>
</view>
<view class="card">
<view style="width: 70%;" @click="clue_info">
<view style="display: flex;align-items: center;padding: 20rpx;">
<view><image src="@/static/images/index/myk.png" class="card-image"></image></view>
<view class="card-text">包子皮</view>
<view class="card-label">试听</view>
</view>
<view class="card-con">
首联系人：包念念 <span class="card-con-span">妈妈</span>
</view>
<view class="card-date">
<view class="card-con">08-30 14:25  跟进</view>
<view style="margin-left: 30rpx;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/intention1.png" class="drop-image-x"></image>
</view>
<view class="title-x">意向：低</view>
</view>
</view>
</view>
</view>
<view style="width: 15%;">
<image src="@/static/images/index/message.png" class="image"></image>
</view>
<view style="width: 15%;">
<image src="@/static/images/index/phone.png" class="image"></image>
</view>
</view>
</view>
<view v-if="segmented_type == 2">
<view style="color: #999999;padding: 20rpx 30rpx;">
今日待领（15/30）
</view>
<view class="card">
<view style="width: 70%;" @click="clue_info">
<view style="display: flex;align-items: center;padding: 20rpx;">
<view><image src="@/static/images/index/myk.png" class="card-image"></image></view>
<view class="card-text">包子皮</view>
<view class="card-label">试听</view>
</view>
<view class="card-con">
首联系人：包念念 <span class="card-con-span">妈妈</span>
</view>
<view class="card-date">
<view class="card-con">08-30 14:25  跟进</view>
<view style="margin-left: 30rpx;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/intention1.png" class="drop-image-x"></image>
</view>
<view class="title-x">意向：低</view>
</view>
</view>
</view>
</view>
<view style="width: 30%;display: flex;justify-content: center;">
<view class="neck">
领
</view>
</view>
</view>
<view class="card">
<view style="width: 70%;" @click="clue_info">
<view style="display: flex;align-items: center;padding: 20rpx;">
<view><image src="@/static/images/index/myk.png" class="card-image"></image></view>
<view class="card-text">包子皮</view>
<view class="card-label">试听</view>
</view>
<view class="card-con">
首联系人：包念念 <span class="card-con-span">妈妈</span>
</view>
<view class="card-date">
<view class="card-con">08-30 14:25  跟进</view>
<view style="margin-left: 30rpx;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/intention1.png" class="drop-image-x"></image>
</view>
<view class="title-x">意向：低</view>
</view>
</view>
</view>
</view>
<view style="width: 30%;display: flex;justify-content: center;">
<view class="neck">
领
</view>
</view>
</view>
<view class="card">
<view style="width: 70%;" @click="clue_info">
<view style="display: flex;align-items: center;padding: 20rpx;">
<view><image src="@/static/images/index/myk.png" class="card-image"></image></view>
<view class="card-text">包子皮</view>
<view class="card-label">试听</view>
</view>
<view class="card-con">
首联系人：包念念 <span class="card-con-span">妈妈</span>
</view>
<view class="card-date">
<view class="card-con">08-30 14:25  跟进</view>
<view style="margin-left: 30rpx;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/intention1.png" class="drop-image-x"></image>
</view>
<view class="title-x">意向：低</view>
</view>
</view>
</view>
</view>
<view style="width: 30%;display: flex;justify-content: center;">
<view class="neck">
领
</view>
</view>
</view>
<view class="card">
<view style="width: 70%;" @click="clue_info">
<view style="display: flex;align-items: center;padding: 20rpx;">
<view><image src="@/static/images/index/myk.png" class="card-image"></image></view>
<view class="card-text">包子皮</view>
<view class="card-label">试听</view>
</view>
<view class="card-con">
首联系人：包念念 <span class="card-con-span">妈妈</span>
</view>
<view class="card-date">
<view class="card-con">08-30 14:25  跟进</view>
<view style="margin-left: 30rpx;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/intention1.png" class="drop-image-x"></image>
</view>
<view class="title-x">意向：低</view>
</view>
</view>
</view>
</view>
<view style="width: 30%;display: flex;justify-content: center;">
<view class="neck">
领
</view>
</view>
</view>
<view class="card">
<view style="width: 70%;" @click="clue_info">
<view style="display: flex;align-items: center;padding: 20rpx;">
<view><image src="@/static/images/index/myk.png" class="card-image"></image></view>
<view class="card-text">包子皮</view>
<view class="card-label">试听</view>
</view>
<view class="card-con">
首联系人：包念念 <span class="card-con-span">妈妈</span>
</view>
<view class="card-date">
<view class="card-con">08-30 14:25  跟进</view>
<view style="margin-left: 30rpx;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/intention1.png" class="drop-image-x"></image>
</view>
<view class="title-x">意向：低</view>
</view>
</view>
</view>
</view>
<view style="width: 30%;display: flex;justify-content: center;">
<view class="neck">
领
</view>
</view>
</view>
<view class="card">
<view style="width: 70%;" @click="clue_info">
<view style="display: flex;align-items: center;padding: 20rpx;">
<view><image src="@/static/images/index/myk.png" class="card-image"></image></view>
<view class="card-text">包子皮</view>
<view class="card-label">试听</view>
</view>
<view class="card-con">
首联系人：包念念 <span class="card-con-span">妈妈</span>
</view>
<view class="card-date">
<view class="card-con">08-30 14:25  跟进</view>
<view style="margin-left: 30rpx;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/intention1.png" class="drop-image-x"></image>
</view>
<view class="title-x">意向：低</view>
</view>
</view>
</view>
</view>
<view style="width: 30%;display: flex;justify-content: center;">
<view class="neck">
领
</view>
</view>
</view>
</view>
<view style="height: 170rpx;"></view>
<AQTabber />
</view>
</template>
<script>
import AQTabber from "@/components/AQ/AQTabber.vue"
export default {
components: {
AQTabber,
},
data() {
return {
values: [{
id: 1,
name: '我的客户'
}, {
id: 2,
name: '区域公海'
}],
select_type: 1,
segmented_type: 1,
}
},
methods: {
getSelect(type){
this.select_type = type
},
segmented(index){
this.segmented_type = index.id
},
clue_info(){
uni.navigateTo({
url: '/pages/market/clue/clue_info'
})
},
}
}
</script>
<style>
.assemble{
width: 100%;
height: 100vh;
background-color: #292929;
overflow: auto;
}
.search{
width: 92%;
margin: auto;
display: flex;
margin-top: 20rpx;
}
.selected{
background: #294e48;
border-radius: 16rpx;
padding: 12rpx 8rpx;
text-align: center;
color: #29d3b4;
margin-left: 5rpx;
}
.not-selected{
margin-left: 5rpx;
background: #ffffff;
border: 4rpx #959595 solid;
border-radius: 16rpx;
padding: 12rpx 8rpx;
text-align: center;
}
.card{
width: 92%;
margin: 20rpx auto;
background: #434544;
border-radius: 16rpx;
display: flex;
align-items: center;
}
.card-image{
width: 60rpx;
height: 60rpx;
}
.card-text{
font-size: 46rpx;
padding-left: 16rpx;
color: #fff;
}
.card-label{
margin-left: 30rpx;
background: #76575a;
width: 130rpx;
padding: 8rpx 20rpx;
color: #c9595a;
text-align: center;
border-radius: 0 50rpx 50rpx 40rpx;
}
.card-con{
font-size: 30rpx;
padding: 20rpx 10rpx 20rpx 16rpx;
color: #fff;
}
.card-con-span{
font-size: 24rpx;
color: #a47332;
padding-left: 12rpx;
}
.drop-image-x {
width: 20rpx;
height: 20rpx;
}
.title-x {
font-size: 28rpx;
color: #fff;
padding-left: 10rpx;
}
.card-date{
display: flex;
align-items: center;
justify-content: space-between;
}
.image{
width: 70rpx;
height: 70rpx;
}
.neck{
width: 60rpx;
height: 60rpx;
border-radius: 50%;
background: #f59a23;
color: #fff;
line-height: 60rpx;
text-align: center;
}
</style>

237
pages/market/index/index.vue
View File

@ -0,0 +1,237 @@
<template>
<view class="assemble">
<view style="height: 20rpx;"></view>
<view class="div-style">
<view style="height: 38vh;">
<view style="display: flex;align-items: center;padding: 20rpx 0 0 20rpx;">
<view>
<image src="@/static/images/index/danlan.png" class="drop-image"></image>
</view>
<view class="title">本月业绩</view>
</view>
<view class="coach-message">
<view class="left1">
<view style="padding: 20rpx 0;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/huang.png" class="drop-image-x"></image>
</view>
<view class="title-x">目标</view>
</view>
<view class="title-x1">50.000元</view>
</view>
<view>
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/lvs.png" class="drop-image-x"></image>
</view>
<view class="title-x">预测</view>
</view>
<view class="title-x1">50.000元</view>
</view>
<view>
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/shenlan.png" class="drop-image-x"></image>
</view>
<view class="title-x">成交</view>
</view>
<view class="title-x1">50.000元</view>
</view>
<view>
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/lan.png" class="drop-image-x"></image>
</view>
<view class="title-x">定金</view>
</view>
<view class="title-x1">50.000元</view>
</view>
</view>
<view class="right1">
<view style="text-align: center;">08月01日-08月30日</view>
<view style="width: 100%;height: 80%;padding: 12rpx;">
<view style="padding: 10rpx;">目标 100%</view>
<fui-progress :percent="100" background="#ddd" activeColor="#FFB703" height="20"></fui-progress>
</view>
<view style="width: 100%;height: 80%;padding: 12rpx;">
<view style="padding: 10rpx;">目标 1%</view>
<fui-progress :percent="1" background="#ddd" activeColor="#039f64" height="20"></fui-progress>
</view>
<view style="width: 100%;height: 80%;padding: 12rpx;">
<view style="padding: 10rpx;">目标 20%</view>
<fui-progress :percent="20" background="#ddd" activeColor="#4066f2" height="20"></fui-progress>
</view>
<view style="width: 100%;height: 80%;padding: 12rpx;">
<view style="padding: 10rpx;">目标 8%</view>
<fui-progress :percent="8" background="#ddd" activeColor="#3b8bd1" height="20"></fui-progress>
</view>
</view>
</view>
</view>
<view style="width: 90%;background: #EFF3F8;height: 4rpx;margin: auto;"></view>
<view style="height: 38vh;">
<view style="display: flex;align-items: center;padding: 20rpx 0 0 20rpx;">
<view>
<image src="@/static/images/index/danlv.png" class="drop-image"></image>
</view>
<view class="title">本月业绩</view>
</view>
<view class="coach-message">
<view class="this_month">
<view style="padding: 20rpx 0;display: flex;justify-content: space-between;">
<view style="width: 48%;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/danlv.png" class="drop-image-x"></image>
</view>
<view class="title-x">待联系</view>
</view>
<view class="title-x1">50个</view>
</view>
<view style="width: 48%;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/danlv.png" class="drop-image-x"></image>
</view>
<view class="title-x">待联系</view>
</view>
<view class="title-x1">50个</view>
</view>
</view>
<view style="padding: 20rpx 0;display: flex;justify-content: space-between;">
<view style="width: 48%;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/danlv.png" class="drop-image-x"></image>
</view>
<view class="title-x">待释放</view>
</view>
<view class="title-x1">50个</view>
</view>
<view style="width: 48%;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/danlv.png" class="drop-image-x"></image>
</view>
<view class="title-x">合同审核中</view>
</view>
<view class="title-x1">50个</view>
</view>
</view>
<view style="padding: 20rpx 0;display: flex;justify-content: space-between;">
<view style="width: 48%;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/danlv.png" class="drop-image-x"></image>
</view>
<view class="title-x">待协作</view>
</view>
<view class="title-x1">50个</view>
</view>
<view style="width: 48%;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/danlv.png" class="drop-image-x"></image>
</view>
<view class="title-x">消息</view>
</view>
<view class="title-x1">50个</view>
</view>
</view>
</view>
</view>
</view>
</view>
<AQTabber />
</view>
</template>
<script>
import AQTabber from "@/components/AQ/AQTabber.vue"
export default {
components: {
AQTabber,
},
data() {
return {
}
},
methods: {
}
}
</script>
<style>
.assemble {
width: 100%;
height: 100vh;
background: #292929;
}
.div-style {
width: 92%;
height: 85vh;
background: #fff;
border-radius: 16rpx;
margin: auto;
}
.coach-message {
width: 92%;
margin: 10rpx auto;
display: flex;
align-items: center;
padding-top: 20rpx;
}
.drop-image {
width: 50rpx;
height: 50rpx;
}
.title {
font-size: 30rpx;
color: #7F7F7F;
padding-left: 20rpx;
}
.left1 {
width: 48%;
height: 95%;
margin: auto;
}
.right1 {
width: 48%;
height: 95%;
margin: auto;
}
.this_month {
width: 100%;
height: 95%;
margin: auto;
}
.drop-image-x {
width: 20rpx;
height: 20rpx;
}
.title-x {
font-size: 28rpx;
color: #7F7F7F;
padding-left: 20rpx;
}
.title-x1 {
font-size: 28rpx;
color: #333333;
padding-left: 60rpx;
}
</style>

BIN
static/images/index/danlan.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
static/images/index/danlv.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.5 KiB

BIN
static/images/index/hong.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

BIN
static/images/index/huang.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
static/images/index/intention1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

BIN
static/images/index/intention2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.8 KiB

BIN
static/images/index/intention3.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.5 KiB

BIN
static/images/index/lan.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.5 KiB

BIN
static/images/index/lvs.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
static/images/index/message.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.7 KiB

BIN
static/images/index/myk.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.8 KiB

BIN
static/images/index/phone.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
static/images/index/shenlan.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
static/images/index/star.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

BIN
static/images/tabbar/clue.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.8 KiB

BIN
static/images/tabbar/clues.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB

BIN
static/images/tabbar/data.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.1 KiB

BIN
static/images/tabbar/datas.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.1 KiB

BIN
static/images/tabbar/plus.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

Write Preview
Loading…
Cancel
Save