Merge remote-tracking branch 'origin/master'

# Conflicts:
#	components/AQ/AQTabber.vue

components/AQ/AQTabber.vue

@@ -74,20 +74,20 @@
               {
                 text: "首页",
                 urlPath:'/pages/market/index/index',//自定义页面跳转路径
-                iconPath: "/static/images/tabbar/my.png",
+                iconPath: "/static/images/tabbar/index.png",
-                selectedIconPath: "/static/images/tabbar/my.png"
+                selectedIconPath: "/static/images/tabbar/indexs.png"
               },
               {
                 text: "线索",
-                urlPath:'/pages/market/my/index',//自定义页面跳转路径
+                urlPath:'/pages/market/clue/index',//自定义页面跳转路径
-                iconPath: "/static/images/tabbar/my.png",
+                iconPath: "/static/images/tabbar/clue.png",
-                selectedIconPath: "/static/images/tabbar/my.png"
+                selectedIconPath: "/static/images/tabbar/clues.png"
               },
               {
                 text: "",
                 urlPath:'/pages/market/my/index',//自定义页面跳转路径
-                iconPath: "/static/images/tabbar/my.png",
+                iconPath: "/static/images/tabbar/plus.png",
-                selectedIconPath: "/static/images/tabbar/my.png",
+                selectedIconPath: "/static/images/tabbar/plus.png",
                 midButton: true,
                 width: 70,
                 height: 70
@@ -95,14 +95,14 @@
               {
                 text: "数据",
                 urlPath:'/pages/market/data/index',//自定义页面跳转路径
-                iconPath: "/static/images/tabbar/my.png",
+                iconPath: "/static/images/tabbar/timetable.png",
-                selectedIconPath: "/static/images/tabbar/my.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;

pages.json

@@ -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": {

pages/market/clue/clue_info.vue

@@ -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>

pages/market/clue/index.vue

@@ -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>

pages/market/index/index.vue

@@ -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>