<template>
	<dm-pop-view ref='popView' title="解释说明" :isShowConfirm="false" :maskTapHide='maskTapHide'>
		<scroll-view class="explain-contain" :style="{height:viewHeight}" :scroll-y="true">
			<view class="explainItem" v-for="(item, index) in dataList" :key="index">
				<view class="explain-Title">{{item.title}}</view>
				<view class="explain-Des">{{item.des}}</view>
			</view>
		</scroll-view>
	</dm-pop-view>
</template>

<script>
	import dmPopView from './dmPopView.vue'
	
	let app = getApp();
	export default {
		props: {
			title: {
				type: String,
				default: '解释说明'
			},
			maskTapHide: {
				type: Boolean,
				default: true
			},
			chartId: {
				type: String,
				default: ''
			},
			isJiTuanCeng:{
				type: Boolean,
				default: false
			},
			brandSelected: {
				type: Boolean,
				default: false
			}
		},
		data() {
			return {
				themeColor: null,
				fuzhuColor: null,
				themeColor50: null,
				themeColor25: null,
				fuzhuColor50: null,
				dataList: [],
				viewHeight:"760rpx"
			}
		},
		mounted() {
			this.themeColor = app.globalData.themeColor
			this.themeColor50 = app.globalData.themeColor50
			this.themeColor25 = app.globalData.themeColor25
			this.fuzhuColor = app.globalData.fuzhuColor
			this.fuzhuColor50 = app.globalData.fuzhuColor50
			this.viewHeight = "760rpx"
		},
		methods: {
			show() {
				this.$refs.popView.show()
			},
			reloadData() {
				// 获客
				if (this.title == '客户浏览情况') {
					this.dataList = [
						{
							title: '新访',
							des: '在当前时间范围内，首次访问小程序的客户，数据统计维度按人按天去重'
						},
						{
							title: '复访',
							des: '在当前时间范围内，非首次访问小程序的客户，数据统计维度按人按天去重'
						}
					]
				}
				else if (this.title == '访客来源') {
					this.dataList = [
						{
							title: '集团',
							des: '在当前时间范围内，首次进入集团页面，获得的客户'
						},
						{
							title: '其他项目',
							des: '在当前时间范围内，首次进入集团其他项目，获得的客户'
						},
						{
							title: '本项目',
							des: '在当前时间范围内，首次进入本项目，获得的客户'
						}
					]
				}
				else if (this.title == '来源场景') {
					this.dataList = [
						{
							title: '获客来源场景',
							des: '指该新增获客首次进入小程序的场景方式'
						},
						{
							title: '长按识别',
							des: '通过长按识别二维码进入小程序的用户，一般为人为分享的二维码'
						},
						{
							title: '会话分享',
							des: '通过会话分享（单人会话、群消息）进入的用户'
						},
						{
							title: '扫码进入',
							des: '通过扫码方式进入小程序的用户'
						},
						{
							title: '朋友圈进入',
							des: '通过分享到朋友圈的小程序页面进入的用户'
						},
						{
							title: '最近使用',
							des: '通过最近使用的小程序进入的用户'
						},
						{
							title: '广告',
							des: '通过广告进入小程序的用户'
						},
						{
							title: '搜索',
							des: '通过主动搜索方式进入小程序的用户'
						},
						{
							title: '公众号',
							des: '通过公众号菜单、公众号消息等进入小程序的用户'
						},
						{
							title: '公众号文章',
							des: '通过公众号文章进入小程序的用户'
						},
						{
							title: '视频号进入',
							des: '通过视频号进入小程序的用户'
						},
						{
							title: '订阅号进入',
							des: '通过订阅号进入小程序的用户'
						},
						{
							title: '订阅消息',
							des: '通过订阅的微信消息进入小程序的用户'
						},
						{
							title: '其他APP/其他小程序',
							des: '通过APP、或其他小程序进入小程序的用户'
						},
						{
							title: '企业微信',
							des: '通过企业微信打开小程序的用户'
						},
						{
							title: '其他',
							des: '不属于以上场景的其他进入小程序场景的用户'
						}
					]
				}
				else if (this.title == '浏览情况') {
					this.dataList = [
						{
							title: '浏览量',
							des: '时间范围内，小程序用户产生以下行为的总浏览量，客户每浏览1个页面即产生1个浏览量'
						}
					]
				} else if (this.title == '浏览时长') {
					this.dataList = [
						{
							title: '',
							des: '在当前时间范围内，客户单次在项目内浏览时长（当天数据当天无法查看，仅能查看截止至昨天的数据）'
						}
					]
				} else if (this.title == '用户转化明细') {
					this.dataList = [
						{
							title: '',
							des: '在当前时间范围内，IM咨询及视频看房接通情况（当天数据当天无法查看，仅能查看截止至昨天的数据）'
						}
					]
				}
				
				// 获电
				else if (this.title == '获电情况') {
					this.dataList = [
						{
							title: '集团层查看',
							des: '集团获电：统计整个集团的获电情况，如客户在多个项目产生留电行为，取该客户的最早一次获电场景进行统计'
						},
						{
							title: '小程序获电',
							des: '在当前时间范围内，通过触及小程序的使用场景，所产生的获电'
						},
						{
							title: '非小程序获电',
							des: '在当前时间范围内，未触发过小程序的使用场景，并产生了获电'
						}
					]
				}
				else if (this.title == '获电方式') {
					this.dataList = [
						{
							title: '授权号码',
							des: '客户进入小程序，并在当前项目产生授权留存的客户电话'
						},
						{
							title: '手动报备',
							des: '通过经纪人手动录入客户电话产生报备关系的客户电话'
						},
						{
							title: '到访录入',
							des: '线下自然顺访的客户，通过录入来访系统产生的客户电话'
						},
						{
							title: '导入获电',
							des: '项目历史客户资源，通过导入系统而产生的客户电话'
						},
						{
							title: '其他',
							des: '通过H5、或其他非以上方式产生的客户电话'
						}
					]
				}
				else if (this.title == '获电来源') {
					if (this.isJiTuanCeng) {
						this.dataList = [{
							title: '集团层',
							des: '客户在集团层浏览过并且已产生电话'
						}]
					}
					else if (this.brandSelected) {
						this.dataList = [
							{
								title: '集团层',
								des: '客户在集团层浏览过并且已产生电话'
							},
							{
								title: '线上获电-自然获电',
								des: '客户主动进入小程序产生获电，无推荐或报备关系'
							},
							{
								title: '线上获电-自然裂变',
								des: '由自然人推荐裂变产生的获电'
							},
							{
								title: '指定角色获电',
								des: '由对应身份的用户（案场顾问、老业主、全民经纪人、分销经纪人等各种身份）推荐或报备产生的获电'
							},
							{
								title: '线下-自然来访',
								des: '通过扫码到访、或手动录入到访产生的获电'
							},
							{
								title: '线下-其他',
								des: '通过非以上场景产生的获电情况，统计为其他获电'
							}
						]
					}
					else {
						this.dataList = [
							{
								title: '线上获电-自然获电',
								des: '客户主动进入小程序产生获电，无推荐或报备关系'
							},
							{
								title: '线上获电-自然裂变',
								des: '由自然人推荐裂变产生的获电'
							},
							{
								title: '指定角色获电',
								des: '由对应身份的用户（案场顾问、老业主、全民经纪人、分销经纪人等各种身份）推荐或报备产生的获电'
							},
							{
								title: '线下-自然来访',
								des: '通过扫码到访、或手动录入到访产生的获电'
							},
							{
								title: '线下-其他',
								des: '通过非以上场景产生的获电情况，统计为其他获电'
							}
						]
					}
					// this.dataList = [
					// 	{
					// 		title: '更新时间差',
					// 		des: '有2小时延迟 例：当前时间为10点，数据为8点的统计结果'
					// 	},
					// 	{
					// 		title: '线上-自然获客',
					// 		des: '小程序产生的自然获客（如通过公众号文章、微信投放等进入的客户）'
					// 	},
					// 	{
					// 		title: '线上-自然裂变',
					// 		des: '通过客户推荐分享，产生的获客'
					// 	},
					// 	{
					// 		title: '线上-顾问拓客',
					// 		des: '案场置业顾问通过小程序产生的推荐/裂变客户'
					// 	},
					// 	{
					// 		title: '线上-组织名称',
					// 		des: '渠道人员推荐/报备产生的客户'
					// 	},{
					// 		title: '线下-自然来访',
					// 		des: '线下到访客户中，来源为自然来访的客户'
					// 	},{
					// 		title: '线下-来电',
					// 		des: '线下到访客户中，来源为“来电”的客户'
					// 	},{
					// 		title: '线下-电转访',
					// 		des: '线下到访客户中，来源为“电转访”的客户'
					// 	},{
					// 		title: '线下-全民营销',
					// 		des: '线下到访客户中，来源为“全民营销”的客户'
					// 	},{
					// 		title: '线下-老客户介绍',
					// 		des: '线下到访客户中，来源为“老客户介绍”的客户'
					// 	},{
					// 		title: '线下-员工自购',
					// 		des: '线下到访客户中，来源为“员工自购”的客户'
					// 	},{
					// 		title: '线下-其他',
					// 		des: '线下到访客户中，来源为“其他”的客户'
					// 	},
					// ]
				}
				
				// 跟进
				else if (this.title == '跟进客户来源') {
					this.dataList = [
						{
							title: '更新时间差',
							des: '有2小时延迟 例：当前时间为10点，数据为8点的统计结果'
						},
						{
							title: '线上-自然获客',
							des: '小程序产生的自然获客（如通过公众号文章、微信投放等进入的客户）'
						},
						{
							title: '线上-自然裂变',
							des: '通过客户推荐分享，产生的获客'
						},
						{
							title: '线上-顾问拓客',
							des: '案场置业顾问通过小程序产生的推荐/裂变客户'
						},
						{
							title: '线上-组织名称',
							des: '渠道人员推荐/报备产生的客户'
						},
						{
							title: '线下-自然来访',
							des: '线下到访客户中，来源为自然来访的客户'
						},
						{
							title: '线下-来电',
							des: '线下到访客户中，来源为“来电”的客户'
						},
						{
							title: '线下-电转访',
							des: '线下到访客户中，来源为“电转访”的客户'
						},
						{
							title: '线下-全民营销',
							des: '线下到访客户中，来源为“全民营销”的客户'
						},
						{
							title: '线下-老客户介绍',
							des: '线下到访客户中，来源为“老客户介绍”的客户'
						},
						{
							title: '线下-员工自购',
							des: '线下到访客户中，来源为“员工自购”的客户'
						},
						{
							title: '线下-其他',
							des: '线下到访客户中，来源为“其他”的客户'
						}
					]
				}
				
				// 到访
				else if (this.title == '到访方式') {
					this.dataList = [
						{
							title: '扫码到访',
							des: '在当前时间范围内，到访方式为扫小程序码'
						},
						{
							title: '线下录入',
							des: '在当前时间范围内，到访方式为线下录入特例审核'
						},
						{
							title: '隐号报备到访',
							des: '在当前时间范围内，到访方式为前三后四'
						}
					]
				}else if (this.title == '到访来源') {
					this.dataList = [
						{
							title: '更新时间差',
							des: '有2小时延迟 例：当前时间为10点，数据为8点的统计结果'
						},
						{
							title: '线上-自然获客',
							des: '小程序产生的自然获客（如通过公众号文章、微信投放等进入的客户）'
						},
						{
							title: '线上-自然裂变',
							des: '通过客户推荐分享，产生的获客'
						},
						{
							title: '线上-顾问拓客',
							des: '案场置业顾问通过小程序产生的推荐/裂变客户'
						},
						{
							title: '线上-组织名称',
							des: '渠道人员推荐/报备产生的客户'
						},
						{
							title: '线下-自然来访',
							des: '线下到访客户中，来源为自然来访的客户'
						},
						{
							title: '线下-来电',
							des: '线下到访客户中，来源为“来电”的客户'
						},
						{
							title: '线下-电转访',
							des: '线下到访客户中，来源为“电转访”的客户'
						},
						{
							title: '线下-全民营销',
							des: '线下到访客户中，来源为“全民营销”的客户'
						},
						{
							title: '线下-老客户介绍',
							des: '线下到访客户中，来源为“老客户介绍”的客户'
						},
						{
							title: '线下-员工自购',
							des: '线下到访客户中，来源为“员工自购”的客户'
						},
						{
							title: '线下-其他',
							des: '线下到访客户中，来源为“其他”的客户'
						}
					]
				}else if(this.title == '认知途径'){
					this.dataList = [
						{
							title: '未知',
							des: '无客户认知途径的客户'
						},
						{
							title: '路过',
							des: '客户认知途径中，来源为“路过”的客户'
						},
						{
							title: '渠道/中介',
							des: '客户认知途径中，来源为“渠道/中介”的客户'
						},
						{
							title: '朋友介绍',
							des: '客户认知途径中，来源为“朋友介绍”的客户'
						},
						{
							title: '互联网/平台',
							des: '客户认知途径中，来源为“互联网/平台”的客户'
						},
						{
							title: '公众号',
							des: '客户认知途径中，来源为“公众号”的客户'
						},
						{
							title: '小程序',
							des: '客户认知途径中，来源为“小程序”的客户'
						},
						{
							title: '户外广告',
							des: '客户认知途径中，来源为“户外广告”的客户'
						},
						{
							title: '展点/活动',
							des: '客户认知途径中，来源为“展点/活动”的客户'
						},
						{
							title: '其他',
							des: '客户认知途径中，来源为“其他”的客户'
						}
					]
				}
				
				// 成交
				else if (this.title == '成交进度') {
					if (this.chartId == 'chengJiaoPage2') {
						this.dataList = [
							{
								title: '说明',
								des: '当前版本认购、签合为发生过即'
							},
							{
								title: '认购',
								des: '在当前时间范围内，发生认购的客户总数'
							},
							{
								title: '签约',
								des: '在当前时间范围内，成交情况为已签约'
							},
							{
								title: '回款',
								des: '在当前时间范围内，成交情况为已回款'
							},
							{
								title: '已结首付',
								des: '在当前时间范围内，成交情况为已结首付'
							},
							{
								title: '已结全款',
								des: '在当前时间范围内，成交情况为已结全款'
							}
						]
					}
					else {
						this.dataList = [
							{
								title: '统计口径',
								des: '成交进度以客户成交的房间为单位，统计时间范围内的最新成交进度'
							},
							{
								title: '认购',
								des: '统计时间范围内，成交进度达到认购的成交数量'
							},
							{
								title: '签约',
								des: '统计时间范围内，成交进度达到签约的成交数量'
							},
							{
								title: '已结首付',
								des: '统计时间范围内，成交进度达到已完成首付的成交数量'
							},
							{
								title: '已结全款',
								des: '统计时间范围内，成交进度达到已完成全款支付的成交数量'
							},
							{
								title: '已退房',
								des: '统计时间范围内，成交进度为已退房的成交数量'
							}
						]
					}
					
				}else if (this.title == '成交来源') {
					this.dataList = [
						{
							title: '更新时间差',
							des: '有2小时延迟 例：当前时间为10点，数据为8点的统计结果'
						},
						{
							title: '线上-自然获客',
							des: '小程序产生的自然获客（如通过公众号文章、微信投放等进入的客户）'
						},
						{
							title: '线上-自然裂变',
							des: '通过客户推荐分享，产生的获客'
						},
						{
							title: '线上-顾问拓客',
							des: '案场置业顾问通过小程序产生的推荐/裂变客户'
						},
						{
							title: '线上-组织名称',
							des: '渠道人员推荐/报备产生的客户'
						},
						{
							title: '线下-自然来访',
							des: '线下到访客户中，来源为自然来访的客户'
						},
						{
							title: '线下-来电',
							des: '线下到访客户中，来源为“来电”的客户'
						},
						{
							title: '线下-电转访',
							des: '线下到访客户中，来源为“电转访”的客户'
						},
						{
							title: '线下-全民营销',
							des: '线下到访客户中，来源为“全民营销”的客户'
						},
						{
							title: '线下-老客户介绍',
							des: '线下到访客户中，来源为“老客户介绍”的客户'
						},
						{
							title: '线下-员工自购',
							des: '线下到访客户中，来源为“员工自购”的客户'
						},
						{
							title: '线下-其他',
							des: '线下到访客户中，来源为“其他”的客户'
						}
					]
				} else if (this.title == '成交构成') {
					this.dataList = [
						{
							title: '报备成交',
							des: '报备有效成交，且报备关系人为对应角色类型的成员'
						},
						{
							title: '推荐成交',
							des: '小程序分享推荐成交，且推荐关系人为对应角色类型的成员（PS：经纪人和客户仅存在推荐关系，无有效的报备关系时不能生成结佣凭证）'
						},
						{
							title: '自然人推荐成交',
							des: '分享推荐成交，且推荐人为自然用户'
						},
						{
							title: '线上自然成交',
							des: '自然进入线上小程序，并成交的客户（无推荐报备关系）'
						},
						{
							title: '自然到访成交',
							des: '自然来访并成交的客户'
						},
						{
							title: '其他自然成交',
							des: '不符合以上成交类型的，统计为其他自然成交'
						}
					]
				}
				
				// 抢单
				else if (this.title == '客户构成') {
					this.dataList = [
						{
							title: 'A级',
							des: '通过客户视频看房、留电、关注项目等行为，由AI系统评定AI等级为A的客户'
						},
						{
							title: 'B级',
							des: '通过客户视频看房、留电、关注项目等行为，由AI系统评定AI等级为B的客户'
						},
						{
							title: 'C级',
							des: '通过客户视频看房、留电、关注项目等行为，由AI系统评定AI等级为C的客户'
						}
					]
				}
				
				// 认证
				else if (this.title == '认证角色') {
					this.dataList = [
						{
							title: '组织名称',
							des: '在当前时间范围内，认证角色的组织名称'
						}
					]
				}
				
				// 报备
				else if (this.title == '报备方式') {
					this.dataList = [
						{
							title: '推荐自动报备',
							des: '在当前时间范围内，通过分享转发，客户授权后自动报备的客户'
						},
						{
							title: '推荐手动报备',
							des: '在当前时间范围内，通过分享转发，客户授权后操作报备的客户'
						},
						{
							title: '手动录入报备',
							des: '在当前时间范围内，通过手动录入报备的客户'
						},
						{
							title: '导入报备',
							des: '在当前时间范围内，通过导入形式产生的报备客户（一般为系统切换时产生）'
						},
						{
							title: '隐号报备',
							des: '在当前时间范围内，通过前三后四报备的客户'
						}
					]
				}else if (this.title == '报备来源') {
					this.dataList = [
						{
							title: '更新时间差',
							des: '有2小时延迟例：当前时间为10点，数据为8点的统计结果'
						},
						{
							title: '线上-组织名称',
							des: '渠道人员推荐/报备产生的客户'
						}
					]
				}
				else if (this.title == '待确认明细') {
					this.dataList = [
						{
							title: '待确认状态',
							des: '案场暂未确认客户报备结果，确认报备结果前请勿带访客户。'
						},
						{
							title: '提醒审核',
							des: '发起当条报备的有效性审核，如系统未完成判定，10分钟后可再次发起确认；'
						},
						{
							title: '一键批量提醒',
							des: '批量发起当前客户列表的有效性审核，如系统未完成判定，10分钟后可再次发起确认'
						}
					]
				}
				else if (this.title == '推荐关系来源') {
					this.dataList = [
						{
							title: '推荐关系来源',
							des: '客户在本项目的推荐人，如无则显示空'
						}
					];
					this.viewHeight = "300rpx"
				}else if (this.title == '报备关系来源') {
					this.dataList = [
						{
							title: '报备关系来源',
							des: '客户在本项目的首位报备关系人，如无则显示空'
						}
					];
					this.viewHeight = "300rpx"
				}
				else if (this.title == '邀约方式') {
					this.dataList = [
						{
							title: '普通邀约',
							des: '在当前时间范围内，非二维码和顾问私密二维码邀约产生的成功邀约'
						},
						{
							title: '二维码邀约',
							des: '在当前时间范围内，通过活动页面二维码扫码产生的成功邀约'
						},
						{
							title: '顾问私密邀约',
							des: '在当前时间范围内，通过顾问私密二维码产生成功邀约'
						}
					];
				}
				
			}
		},
		watch: {
			title: {
				handler(e) {
					this.reloadData()
				},
				immediate: true
			}
		},
		components: {
			dmPopView
		}
	}
</script>

<style scoped lang="scss">
	.explain-contain {
		width: 100%;
		height: 760rpx;
		font-family: Verdana;
		color: #454545;
		overflow-y: scroll;
		padding-bottom: 50rpx;
		
		.explainItem {
			width: 100%;
			padding: 20rpx 30rpx;
			box-sizing: border-box;
			white-space: pre-wrap;
			
			.explain-Title {
				font-size: 32rpx;
				font-weight: bold;
			}
			.explain-Des {
				font-size: 28rpx;
			}
		}
		
	}
</style>