Acher
/
newEdition
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
AI销管
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
248 Commits
13 Branches
9.9 MiB
 
 
 
 
Tree: 67e983bc6d
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '67e983bc6d'
${ noResults }
newEdition/pages/index/consumer/index.vue

1752 lines
45 KiB
Raw Blame History 

  1. <template>

  2. 	<view class="box">

  3. 		<view class="top-search">

  4. 			<view class="search-box">

  5. 				<view class="search" @click="goSearch">

  6. 					<view class="search-img">

  7. 						<image class="search-img1" src="../../../static/images/search.png" mode=""></image>

  8. 					</view>

  9. 					<view class="search-text">输入客户姓名/手机号</view>

  10. 				</view>

  11. 			</view>

  12. 

  13. 			<template v-if="showFilterOption">

  14. 				<image @click="screenShow = true" class="filter-icon" src="@/static/images/iconFilter.png" mode="">

  15. 				</image>

  16. 			</template>

  17. 			<template v-else>

  18. 				<image class="filter-icon" @click="screenShow = true"

  19. 					src="https://static.quhouse.com/f4feade4a19d413085b591612179457f.png" mode="" />

  20. 			</template>

  21. 		</view>

  22. 		<!-- 选择器 -->

  23. 		<view class="boxtittab">

  24. 			<view class="tabbox" :class="{activeColor: sortFilter!=='排序'}" @click="soltishow = true">

  25. 				{{ sortFilter }}

  26. 				<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>

  27. 			</view>

  28. 			<view class="tabbox" :class="{activeColor: arriveFilter!=='接待时间'}" @click="timeshow = true">

  29. 				{{ arriveFilter }}

  30. 				<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>

  31. 			</view>

  32. 			<view class="tabbox" :class="{activeColor: agentIdtext!=='接待顾问'}" @click="selectshow=true">

  33. 				{{ agentIdtext }}

  34. 				<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>

  35. 			</view>

  36. 			<view class="tabbox" :class="{activeColor: tagSign}" @click="huaxiangShow = true">

  37. 				画像标签<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>

  38. 			</view>

  39. 			<view class="tabbox" :class="{activeColor: trendTagSign}" @click="trendShow=true">

  40. 				{{ trendShowText }}

  41. 				<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>

  42. 			</view>

  43. 		</view>

  44. 

  45. 		<!-- 筛选后的数量 -->

  46. 		<view class="count" v-if="recordList.length > 0">

  47. 			筛选结果：<text>{{totalRecords}} </text>条

  48. 		</view>

  49. 

  50. 		<view class="content">

  51. 			<view v-if="recordList.length==0" style="width: 100%;height: 100%;display: flex;align-items: center;">

  52. 				<view style="width: 100%;height: 100%;padding-top: 200rpx;">

  53. 					<view style="width: 100%;text-align: center;">

  54. 						<image style="width: 220rpx;height: 200rpx;"

  55. 							src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png" mode=""></image>

  56. 					</view>

  57. 					<view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view>

  58. 				</view>

  59. 			</view>

  60. 			<view v-if="recordList.length" class="content-tips" v-for="(item,index) in recordList" :key='index'

  61. 				@click="gotoDetail(item.id)">

  62. 				<view class="content-first">

  63. 					<view class="left">

  64. 						<view v-if="item.level.length == 0"></view>

  65. 						<view class="img A" v-else-if="item.level == 1">A</view>

  66. 						<view class="img B" v-else-if="item.level == 2">B</view>

  67. 						<view class="img C" v-else-if="item.level == 3">C</view>

  68. 						<view class="img D" v-else-if="item.level == 4">D</view>

  69. 						<view class="test">{{item.name}}</view>

  70. 					</view>

  71. 					<view class="right">

  72. 

  73. 						<view class="clientStageName">

  74. 							{{ item.fraction || 0 }}%

  75. 						</view>

  76. 					</view>

  77. 				</view>

  78. 				<view class="content-sec">

  79. 					<view class="content-sec-lab">

  80. 						<view class="content-sec-lab1">手机号码：{{ item.phone || "--" }}</view>

  81. 						<view class="content-sec-lab1" style="width: 44%">客户阶段：{{ item.clientStageName || '--' }}</view>

  82. 					</view>

  83. 					<view class="content-sec-lab">

  84. 						<view class="content-sec-lab1">负责顾问：{{ item.agentName || "--" }}</view>

  85. 					</view>

  86. 					<view class="content-sec-lab">

  87. 						<view class="content-sec-lab1">

  88. 							挖掘执行/成功：{{ max100(item.wordFraction) }}%/{{ max100(item.wordFinishFraction) }}%</view>

  89. 						<view class="content-sec-lab1" style="width: 44%">

  90. 							客户意向率：{{ `${item.levelFraction||'0'}%` }}

  91. 						</view>

  92. 					</view>

  93. 					<view class="content-sec-lab">

  94. 						<view class="content-sec-lab1">最近到访：{{ item.createTime || "--" }}</view>

  95. 						<view class="content-sec-lab1-min">

  96. 							到访{{ item.visitRecord || 0 }}次/{{ item.mm || 0 }}min

  97. 						</view>

  98. 					</view>

  99. 				</view>

  100. 				<view class="content-last">

  101. 					<template v-if="permissions.commonly2">

  102. 						<view class="content-last-tab" @click.stop="gotoFollowUp(item)">

  103. 							<image src="/static/images/genjin-icon.png" mode="" />

  104. 							写跟进

  105. 						</view>

  106. 					</template>

  107. 

  108. 					<template v-if="CHECKAUTHORITY('khgl_bj')">

  109. 						<view class="content-last-tab" @click.stop="goedit(item)">

  110. 							<image class="icon" src="https://static.quhouse.com/5daebdec0aad4f63a62d3720437034bc.png"

  111. 								mode="" />

  112. 							打标签

  113. 						</view>

  114. 					</template>

  115. 				</view>

  116. 			</view>

  117. 		</view>

  118. 		<!-- 更多筛选 -->

  119. 		<u-popup v-model="screenShow" mode="top" height="900">

  120. 			<view class="screen">

  121. 				<scroll-view scroll-y="true" style="height: 750rpx;">

  122. 					<!-- 销讲业务 -->

  123. 					<view class="screen-record">

  124. 						<view class="screen-record-text" @click="showTemplate=!showTemplate">

  125. 							销讲业务

  126. 							<image v-if="showTemplate" class="arrow"

  127. 								src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" mode="" />

  128. 							<image v-else class="arrow"

  129. 								src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" mode="" />

  130. 						</view>

  131. 						<view class="screen-record-tab" v-if="showTemplate">

  132. 							<block v-for="(item,index) in templateList" :key="index">

  133. 								<view class="screen-record-item"

  134. 									:class="[item.isShow?'screen-record-chose':'screen-record-nochose']"

  135. 									@click="choice(item)">

  136. 									{{item.templateName}}

  137. 								</view>

  138. 							</block>

  139. 						</view>

  140. 					</view>

  141. 					<!-- 接待时长 -->

  142. 					<view class="screen-record">

  143. 						<view class="screen-record-text" @click="jiedaiArrow = !jiedaiArrow">

  144. 							接待时长

  145. 							<image v-if="jiedaiArrow" class="arrow"

  146. 								src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" mode="" />

  147. 							<image v-else class="arrow"

  148. 								src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" mode="" />

  149. 						</view>

  150. 						<view class="screen-record-tab" v-if="jiedaiArrow">

  151. 							<block v-for="(item, index) in jiedaiList" :key="index">

  152. 								<view class="screen-record-item" :class="[

  153. 										item.isShow ? 'screen-record-chose' : 'screen-record-nochose',

  154. 									]" @click="choice(item)">

  155. 									{{ item.label }}

  156. 								</view>

  157. 							</block>

  158. 						</view>

  159. 					</view>

  160. 					<!-- 客户等级 -->

  161. 					<view class="screen-record">

  162. 						<view class="screen-record-text" @click="levelArrow = !levelArrow">

  163. 							意向等级

  164. 							<image v-if="levelArrow" class="arrow"

  165. 								src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" mode="" />

  166. 							<image v-else class="arrow"

  167. 								src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" mode="" />

  168. 						</view>

  169. 						<view class="screen-record-tab" v-if="levelArrow">

  170. 							<block v-for="(item, index) in levelList" :key="index">

  171. 								<view class="screen-record-item" :class="[

  172. 										item.isShow ? 'screen-record-chose' : 'screen-record-nochose',

  173. 									]" @click="choice(item)">

  174. 									{{ item.label }}

  175. 								</view>

  176. 							</block>

  177. 						</view>

  178. 					</view>

  179. 					<!-- 客户来源 -->

  180. 					<view class="screen-record">

  181. 						<view class="screen-record-text" @click="sourceArrow = !sourceArrow">

  182. 							客户来源

  183. 							<image v-if="sourceArrow" class="arrow"

  184. 								src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" mode="" />

  185. 							<image v-else class="arrow"

  186. 								src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" mode="" />

  187. 						</view>

  188. 						<view class="screen-record-tab" v-if="sourceArrow">

  189. 							<block v-for="(item, index) in sourceList" :key="index">

  190. 								<view class="screen-record-item" :class="[

  191. 										item.isShow ? 'screen-record-chose' : 'screen-record-nochose',

  192. 									]" @click="choice(item)">

  193. 									{{ item.label }}

  194. 								</view>

  195. 							</block>

  196. 						</view>

  197. 					</view>

  198. 					<!-- 客户阶段 -->

  199. 					<view class="screen-record">

  200. 						<view class="screen-record-text" @click="jieduanArrow = !jieduanArrow">

  201. 							客户阶段

  202. 							<image v-if="jieduanArrow" class="arrow"

  203. 								src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" mode="" />

  204. 							<image v-else class="arrow"

  205. 								src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" mode="" />

  206. 						</view>

  207. 						<view class="screen-record-tab" v-if="jieduanArrow">

  208. 							<block v-for="(item, index) in phaseList" :key="index">

  209. 								<view class="screen-record-item" :class="[

  210. 										item.isShow ? 'screen-record-chose' : 'screen-record-nochose',

  211. 									]" @click="choice(item)">

  212. 									{{ item.label }}

  213. 								</view>

  214. 							</block>

  215. 						</view>

  216. 					</view>

  217. 					<!-- 需求挖掘率 -->

  218. 					<view class="screen-record">

  219. 						<view class="screen-record-text" @click="wajueArrow = !wajueArrow">

  220. 							挖掘执行率

  221. 							<image v-if="wajueArrow" class="arrow"

  222. 								src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" mode="" />

  223. 							<image v-else class="arrow"

  224. 								src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" mode="" />

  225. 						</view>

  226. 						<view class="screen-record-tab" v-if="wajueArrow">

  227. 							<block v-for="(item, index) in wajueList" :key="index">

  228. 								<view class="screen-record-item" :class="[

  229. 										item.isShow ? 'screen-record-chose' : 'screen-record-nochose',

  230. 									]" @click="choice(item)">

  231. 									{{ item.label }}

  232. 								</view>

  233. 							</block>

  234. 						</view>

  235. 					</view>

  236. 

  237. 					<!-- 需求挖掘率 -->

  238. 					<view class="screen-record">

  239. 						<view class="screen-record-text" @click="wajueArrows=!wajueArrows">

  240. 							挖掘成功率

  241. 							<image v-if="wajueArrows" class="arrow"

  242. 								src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" mode="" />

  243. 							<image v-else class="arrow"

  244. 								src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" mode="" />

  245. 						</view>

  246. 						<view class="screen-record-tab" v-if="wajueArrows">

  247. 							<block v-for="(item,index) in wajueLists" :key="index">

  248. 								<view class="screen-record-item"

  249. 									:class="[item.isShow?'screen-record-chose':'screen-record-nochose']"

  250. 									@click="choice(item)">

  251. 									{{item.label}}

  252. 								</view>

  253. 							</block>

  254. 						</view>

  255. 					</view>

  256. 					<!-- 销讲执行率 -->

  257. 					<view class="screen-record">

  258. 						<view class="screen-record-text" @click="xiaojiangArrow = !xiaojiangArrow">

  259. 							销讲执行率

  260. 							<image v-if="xiaojiangArrow" class="arrow"

  261. 								src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" mode="" />

  262. 							<image v-else class="arrow"

  263. 								src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" mode="" />

  264. 						</view>

  265. 						<view class="screen-record-tab" v-if="xiaojiangArrow">

  266. 							<block v-for="(item, index) in xiaojiangList" :key="index">

  267. 								<view class="screen-record-item" :class="[

  268. 										item.isShow ? 'screen-record-chose' : 'screen-record-nochose',

  269. 									]" @click="choice(item)">

  270. 									{{ item.label }}

  271. 								</view>

  272. 							</block>

  273. 						</view>

  274. 					</view>

  275. 					<!-- 到访次数 -->

  276. 					<view class="screen-record">

  277. 						<view class="screen-record-text" @click="visitArrow = !visitArrow">

  278. 							到访次数

  279. 							<image v-if="visitArrow" class="arrow"

  280. 								src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" mode="" />

  281. 							<image v-else class="arrow"

  282. 								src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" mode="" />

  283. 						</view>

  284. 						<view class="screen-record-tab" v-if="visitArrow">

  285. 							<block v-for="(item, index) in visitList" :key="index">

  286. 								<view class="screen-record-item" :class="[

  287. 										item.isShow ? 'screen-record-chose' : 'screen-record-nochose',

  288. 									]" @click="choice(item)">

  289. 									{{ item.label }}

  290. 								</view>

  291. 							</block>

  292. 						</view>

  293. 					</view>

  294. 				</scroll-view>

  295. 				<view class="screen-foot">

  296. 					<view class="screen-foot-reset" @click="reset"> 重置 </view>

  297. 					<view class="screen-foot-sure" @click="screensure"> 确定 </view>

  298. 				</view>

  299. 			</view>

  300. 		</u-popup>

  301. 		<!-- 选择顾问的选择框 -->

  302. 		<u-select v-model="selectshow" :list="freeList" @confirm="actionSelectCallback"></u-select>

  303. 		<!-- 自定义时间 -->

  304. 		<u-calendar v-model="totalTimeShow" mode="range" @change="totalTimeChange"></u-calendar>

  305. 		<!-- 选择接待时间 -->

  306. 		<u-popup v-model="timeshow" mode="bottom">

  307. 			<view class="timeview" :style="{ color: activeTotal == 5 ? '#2B6EFF' : '#333333' }"

  308. 				@click="tabtimetap(5, '接待时间')">

  309. 				全部</view>

  310. 			<view class="timeview" :style="{ color: activeTotal == 0 ? '#2B6EFF' : '#333333' }"

  311. 				@click="tabtimetap(0, '今天')">

  312. 				今天</view>

  313. 			<view class="timeview" :style="{ color: activeTotal == 1 ? '#2B6EFF' : '#333333' }"

  314. 				@click="tabtimetap(1, '昨天')">

  315. 				昨天</view>

  316. 			<view class="timeview" :style="{ color: activeTotal == 2 ? '#2B6EFF' : '#333333' }"

  317. 				@click="tabtimetap(2, '近7天')">

  318. 				近7天</view>

  319. 			<view class="timeview" :style="{ color: activeTotal == 3 ? '#2B6EFF' : '#333333' }"

  320. 				@click="tabtimetap(3, '近30天')">

  321. 				近30天</view>

  322. 			<view class="timeview" :style="{ color: activeTotal == 4 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(4)">

  323. 				自定义</view>

  324. 		</u-popup>

  325. 		<!-- 排序 -->

  326. 		<u-popup v-model="soltishow" mode="bottom">

  327. 			<view class="soltishow" @tap.stop @touchmove.stop>

  328. 				<block v-for="(item, index) in orderBylist" :key="index">

  329. 					<view class="soltishow-item" :style="orderBy==item.value?'color: #2B6EFF':''"

  330. 						@click="selectCallback2(item)">

  331. 						{{ item.label }}

  332. 					</view>

  333. 				</block>

  334. 			</view>

  335. 		</u-popup>

  336. 		<!-- 画像标签 -->

  337. 		<u-popup v-model="huaxiangShow" mode="top" height="850">

  338. 			<view class="screen">

  339. 				<scroll-view scroll-y="true" style="height: 700rpx;">

  340. 					<view class="screen-record" v-if="item.children.length" v-for="(item,index) in huaxiangList"

  341. 						:key="index">

  342. 						<view class="screen-record-text" @click="choice(item)">

  343. 							{{item.name}}

  344. 							<image v-if="item.isShow" class="arrow"

  345. 								src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" mode="" />

  346. 							<image v-else class="arrow"

  347. 								src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" mode="" />

  348. 						</view>

  349. 						<view class="screen-record-tab" v-if="item.isShow">

  350. 							<block v-for="(subitem, ind) in item.children" :key="ind">

  351. 								<view class="screen-record-item" :class="[

  352. 										subitem.isShow ? 'screen-record-chose' : 'screen-record-nochose',

  353. 									]" @click="choice(subitem)">

  354. 									{{ subitem.name }}

  355. 								</view>

  356. 							</block>

  357. 						</view>

  358. 					</view>

  359. 				</scroll-view>

  360. 				<view class="screen-foot">

  361. 					<view class="screen-foot-reset" @click="resetHuaXiang"> 重置 </view>

  362. 					<view class="screen-foot-sure" @click="screensure"> 确定 </view>

  363. 				</view>

  364. 			</view>

  365. 		</u-popup>

  366. 

  367. 		<!-- 销讲话术 -->

  368. 		<u-popup v-model="trendShow" mode="top" height="850">

  369. 			<view class="screen">

  370. 				<scroll-view scroll-y="true" style="height: 700rpx;">

  371. 					<view class="screen-record" v-if="item.children.length"

  372. 						v-for="(item,index) in trendAnalysisAllLevelList" :key="index">

  373. 						<view class="screen-record-text" @click="choice(item)">

  374. 							{{item.name}}

  375. 							<image v-if="item.isShow" class="arrow"

  376. 								src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" mode="" />

  377. 							<image v-else class="arrow"

  378. 								src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" mode="" />

  379. 						</view>

  380. 						<view class="screen-record-tab" v-if="item.isShow">

  381. 							<block v-for="(subitem, ind) in item.children" :key="ind">

  382. 								<view class="screen-record-item" :class="[

  383. 										subitem.isShow ? 'screen-record-chose' : 'screen-record-nochose',

  384. 									]" @click="choices(subitem)">

  385. 									{{ subitem.name }}

  386. 								</view>

  387. 							</block>

  388. 						</view>

  389. 					</view>

  390. 				</scroll-view>

  391. 				<view class="screen-foot">

  392. 					<view class="screen-foot-reset" @click="resetHuaShu"> 重置 </view>

  393. 					<view class="screen-foot-sure" @click="screensures"> 确定 </view>

  394. 				</view>

  395. 			</view>

  396. 		</u-popup>

  397. 

  398. 		<!-- 加载组件 -->

  399. 		<u-loadings v-model="LOADING"></u-loadings>

  400. 	</view>

  401. 

  402. </template>

  403. 

  404. <script>

  405. 	var config = require("@/config");

  406. 	let _this

  407. 	export default {

  408. 		data() {

  409. 			return {

  410. 				keywordsIds: [], // 画像标签

  411. 				sourceList: [], //客户来源

  412. 				templateList: [], // 销讲业务

  413. 				showTemplate: true, // 展示销讲业务

  414. 				agentIdtext: '接待顾问',

  415. 				phaseList: [], // 客户阶段

  416. 				huaxiangShow: false,

  417. 				wajueArrow: true,

  418. 				wajueArrows: true,

  419. 				jieduanArrow: true,

  420. 				sourceArrow: true,

  421. 				levelArrow: true,

  422. 				zixunArrow: true,

  423. 				jiedaiArrow: true,

  424. 				luyinArrow: true,

  425. 				visitArrow: true,

  426. 				xiaojiangArrow: true,

  427. 				huaxiangList: [],

  428. 				orderBylist: [{

  429. 						label: '创建时间倒序',

  430. 						value: '1'

  431. 					},

  432. 					{

  433. 						label: '创建时间正序',

  434. 						value: '2'

  435. 					},

  436. 					{

  437. 						label: '接待时间倒序',

  438. 						value: '3'

  439. 					},

  440. 					{

  441. 						label: '接待时间正序',

  442. 						value: '4'

  443. 					},

  444. 					{

  445. 						label: '执行率正序',

  446. 						value: '5'

  447. 					},

  448. 					{

  449. 						label: '执行率倒序',

  450. 						value: '6'

  451. 					},

  452. 					{

  453. 						label: '接访次数正序',

  454. 						value: '7'

  455. 					},

  456. 					{

  457. 						label: '接访次数倒序',

  458. 						value: '8'

  459. 					},

  460. 				],

  461. 				jiedaiList: [{

  462. 						label: "0~15min",

  463. 						value: 1,

  464. 						isShow: false,

  465. 					},

  466. 					{

  467. 						label: "16~30min",

  468. 						value: 2,

  469. 						isShow: false,

  470. 					},

  471. 					{

  472. 						label: "31~60min",

  473. 						value: 3,

  474. 						isShow: false,

  475. 					},

  476. 					{

  477. 						label: "61~90min",

  478. 						value: 4,

  479. 						isShow: false,

  480. 					},

  481. 					{

  482. 						label: "91min及以上",

  483. 						value: 5,

  484. 						isShow: false,

  485. 					},

  486. 				],

  487. 				wajueList: [{

  488. 						label: "31%及以下",

  489. 						value: 1,

  490. 						isShow: false,

  491. 					},

  492. 					{

  493. 						label: "31%~50%",

  494. 						value: 2,

  495. 						isShow: false,

  496. 					},

  497. 					{

  498. 						label: "51%~70%",

  499. 						value: 3,

  500. 						isShow: false,

  501. 					},

  502. 					{

  503. 						label: "71%及以上",

  504. 						value: 4,

  505. 						isShow: false,

  506. 					},

  507. 				],

  508. 				wajueLists: [{

  509. 					label: '30%及以下',

  510. 					value: 1,

  511. 					isShow: false,

  512. 				}, {

  513. 					label: '31%~50%',

  514. 					value: 2,

  515. 					isShow: false,

  516. 				}, {

  517. 					label: '51%~70%',

  518. 					value: 3,

  519. 					isShow: false,

  520. 				}, {

  521. 					label: '71%及以上',

  522. 					value: 4,

  523. 					isShow: false,

  524. 				}],

  525. 				xiaojiangList: [{

  526. 						label: "30%及以下",

  527. 						value: 1,

  528. 						isShow: false,

  529. 					},

  530. 					{

  531. 						label: "31%~50%",

  532. 						value: 2,

  533. 						isShow: false,

  534. 					},

  535. 					{

  536. 						label: "51%~70%",

  537. 						value: 3,

  538. 						isShow: false,

  539. 					},

  540. 					{

  541. 						label: "71%及以上",

  542. 						value: 4,

  543. 						isShow: false,

  544. 					},

  545. 				],

  546. 				value: '',

  547. 				screenShow: false,

  548. 				selectshow: false,

  549. 				selectTipshow: false,

  550. 				buildingID: '',

  551. 				screen: {

  552. 					staTime: "",

  553. 					endTime: "",

  554. 					orderBy: "", // 排序

  555. 					agentId: "", //顾问

  556. 					sourceIds: [], // 客户来源

  557. 					level: [], // 客户等级

  558. 					visitRecord: [], // 到访次数

  559. 					wajueVal: [], // 需求挖掘

  560. 					xiaojiangVal: [], //销讲执行率

  561. 					jiedaiVal: [], // 接待时长

  562. 					validInvalid: null, // 录音标识

  563. 					clientStage: [], // 客户阶段 clientStage

  564. 				},

  565. 				stageList: ['未知', '到访', '意向', '定金', '成交'],

  566. 				recordList: [],

  567. 				nextPage: 1,

  568. 				totalRecord: '',

  569. 				totalRecords: '', // 总条数

  570. 				freeList: [],

  571. 				userInfo: {},

  572. 				isnorefresh: '',

  573. 				activeTotal: 5,

  574. 				activeTotal2: 0,

  575. 				totalTimeShow: false,

  576. 				timeshow: false,

  577. 				soltishow: false,

  578. 				permissions: {

  579. 					commonly1: false,

  580. 					commonly2: false

  581. 				},

  582. 				list: [], // 客户来源列表

  583. 				sourceId: '', // 选中的客户来源id

  584. 				// 不同等级之间的颜色

  585. 				colorName: [

  586. 					'', "A", "B", "C", "D"

  587. 				],

  588. 				// 筛选文字展示

  589. 				sortFilter: '排序',

  590. 				arriveFilter: '接待时间',

  591. 				visitList: [{

  592. 					label: '首次到访',

  593. 					value: 1,

  594. 					isShow: false,

  595. 				}, {

  596. 					label: '2次到访',

  597. 					value: 2,

  598. 					isShow: false,

  599. 				}, {

  600. 					label: '3次到访',

  601. 					value: 3,

  602. 					isShow: false,

  603. 				}, {

  604. 					label: '3次以上',

  605. 					value: 4,

  606. 					isShow: false,

  607. 				}, ],

  608. 				levelList: [{

  609. 					label: 'A',

  610. 					value: 1,

  611. 					isShow: false,

  612. 				}, {

  613. 					label: 'B',

  614. 					value: 2,

  615. 					isShow: false,

  616. 				}, {

  617. 					label: 'C',

  618. 					value: 3,

  619. 					isShow: false,

  620. 				}, {

  621. 					label: 'D',

  622. 					value: 4,

  623. 					isShow: false,

  624. 				}, ],

  625. 				isRefresh: false,

  626. 				showFilterOption: false, // 筛选

  627. 				tagSign: false, // 画像标签active

  628. 

  629. 				trendAnalysisAllLevelList: [], // 销讲执行列表

  630. 				trendShow: false, // 销讲话术

  631. 				trendShowText: '销讲话术', // 销讲话术

  632. 				trendTagSign: false, // 选中内容

  633. 				resultList: [], // result最终结果数组

  634. 			}

  635. 		},

  636. 

  637. 		onLoad(options) {

  638. 			this.LOADING = true

  639. 			this.userInfo = uni.getStorageSync("weapp_session_userInfo_data")

  640. 			let newmenulist = uni.getStorageSync('weapp_session_Menu_data');

  641. 			this.permissions.commonly1 = newmenulist.khgl_ck;

  642. 			this.permissions.commonly2 = newmenulist.khgl_gj;

  643. 			_this = this

  644. 		},

  645. 

  646. 		onPullDownRefresh() {

  647. 			this.buildingID = uni.getStorageSync('buildingID').id;

  648. 			this.LOADING = true

  649. 			this.nextPage = 1;

  650. 			this.isRefresh = true;

  651. 			this.resetFilter()

  652. 			this.reset()

  653. 			this.getFreeList()

  654. 			this.getFromSource();

  655. 			this.getMyCustom();

  656. 

  657. 			setTimeout(() => {

  658. 				uni.stopPullDownRefresh()

  659. 			}, 2000)

  660. 		},

  661. 

  662. 		onShow() {

  663. 			this.getTabBarBadge()

  664. 			this.buildingID = uni.getStorageSync('buildingID').id;

  665. 			this.updatebuildingID = uni.getStorageSync('updatebuildingID')

  666. 			if (this.isnorefresh != 'refresh' || this.updatebuildingID == 'updatebuildingID') {

  667. 				this.nextPage = 1;

  668. 				this.recordList = []

  669. 				this.getMyCustom()

  670. 				this.getFreeList()

  671. 				this.getWordMiningList();

  672. 				this.getCustomPhase();

  673. 				this.getFromSource();

  674. 				this.getMarketingBusiness(); // 销讲业务

  675. 				this.trendAnalysisAllLevel()

  676. 				this.isRefresh = false;

  677. 				this.isnorefresh = 'refresh';

  678. 				uni.setStorageSync('updatebuildingID', '');

  679. 			}

  680. 			this.updateInit()

  681. 		},

  682. 		onReachBottom() {

  683. 			if (this.totalRecord == this.nextPage) {

  684. 				uni.showToast({

  685. 					icon: 'none',

  686. 					title: '到底了',

  687. 					duration: 2000

  688. 				});

  689. 				return

  690. 			} else {

  691. 				this.isRefresh = false;

  692. 				this.nextPage = this.nextPage + 1;

  693. 				this.getMyCustom();

  694. 			}

  695. 		},

  696. 		methods: {

  697. 			// 获取一级销讲词

  698. 			trendAnalysisAllLevel() {

  699. 				this.$u.get('customer/trendAnalysisAllLevel', {

  700. 					showStatus: 0,

  701. 					houseId: this.buildingID,

  702. 				}).then(res => {

  703. 					if (res) {

  704. 						res.forEach(item => {

  705. 							item.isShow = true

  706. 							if (item.children) {

  707. 								item.children.forEach(i => {

  708. 									i.isShow = false

  709. 								})

  710. 							}

  711. 						})

  712. 

  713. 						this.trendAnalysisAllLevelList = res

  714. 					}

  715. 				})

  716. 			},

  717. 

  718. 			// 跳转编辑

  719. 			goedit(data) {

  720. 				uni.navigateTo({

  721. 					url: `/pages/center/consumer/edit?id=${data.id}&projectId=${data.projectId}`

  722. 				})

  723. 			},

  724. 			// 获取客户阶段数据

  725. 			getCustomPhase() {

  726. 				this.phaseList = [];

  727. 				this.$u

  728. 					.post("/customer/lifeTrackDefineList", {

  729. 						houseId: this.buildingID,

  730. 					})

  731. 					.then((res) => {

  732. 						if (res.length) {

  733. 							this.phaseList = res.map(item => {

  734. 								return {

  735. 									label: item.stageName,

  736. 									value: item.id,

  737. 									isShow: false

  738. 								}

  739. 							})

  740. 						} else {

  741. 							this.phaseList = []

  742. 						}

  743. 					});

  744. 			},

  745. 			// 获取客户来源

  746. 			getFromSource() {

  747. 				this.$u.get(config.service.sourceList, {

  748. 						houseId: this.buildingID

  749. 					})

  750. 					.then((res) => {

  751. 						if (res.length) {

  752. 							this.sourceList = res.map((item) => {

  753. 								return {

  754. 									label: item.sourceName,

  755. 									value: item.id,

  756. 									isShow: false

  757. 								}

  758. 							})

  759. 						} else {

  760. 							this.sourceList = []

  761. 						}

  762. 					})

  763. 			},

  764. 

  765. 

  766. 			max100(num) {

  767. 				if (num > 100) {

  768. 					return 100

  769. 				} else if (!num) {

  770. 					return 0;

  771. 				} else {

  772. 					return num;

  773. 				}

  774. 			},

  775. 			// 获取销讲业务

  776. 			getMarketingBusiness() {

  777. 				this.$u.get('/customer/marketingBusiness', {

  778. 					houseId: this.buildingID,

  779. 				}).then(res => {

  780. 					this.templateList = res.map(item => {

  781. 						return {

  782. 							...item,

  783. 							isShow: false,

  784. 						}

  785. 					})

  786. 				})

  787. 			},

  788. 			updateInit() {

  789. 				this.$u.get(config.service.notReadNum, {

  790. 					id: uni.getStorageSync('weapp_session_userInfo_data').accountId,

  791. 					projectId: uni.getStorageSync('buildingID').id

  792. 				}).then(res => {

  793. 					console.log(res)

  794. 					if (res > 0) {

  795. 						uni.setTabBarBadge({ //显示数字

  796. 							index: 4, //tabbar下标

  797. 							text: `${res}` //数字

  798. 						})

  799. 					} else {

  800. 						uni.removeTabBarBadge({

  801. 							index: 4

  802. 						})

  803. 					}

  804. 				}).catch(e => {

  805. 					uni.removeTabBarBadge({

  806. 						index: 4

  807. 					})

  808. 				})

  809. 			},

  810. 

  811. 			filterFun() {

  812. 

  813. 			},

  814. 			//  过滤

  815. 			resetFilter() {

  816. 				this.sortFilter = '排序';

  817. 				this.agentIdtext = '接待顾问';

  818. 				this.screen.orderBy = null;

  819. 				this.arriveFilter = '接待时间';

  820. 				this.screen.staTime = '';

  821. 				this.screen.endTime = '';

  822. 				this.nextPage = 1;

  823. 				this.activeTotal = 5;

  824. 				this.recordList = [];

  825. 				this.activeTotal2 = 0;

  826. 			},

  827. 			//选择排序

  828. 			selectCallback2(e) {

  829. 				this.sortFilter = e.label;

  830. 				this.screen.orderBy = e.value;

  831. 				this.nextPage = 1;

  832. 				this.recordList = [];

  833. 				this.soltishow = false;

  834. 				this.isRefresh = false;

  835. 				this.getMyCustom();

  836. 			},

  837. 			//时间选择

  838. 			tabtimetap(index, text) {

  839. 				this.timeshow = false;

  840. 				if (text) this.arriveFilter = text

  841. 				if (index == 4) {

  842. 					this.totalTimeShow = true;

  843. 				} else {

  844. 					this.activeTotal = index;

  845. 					this.screen.staTime = '';

  846. 					this.screen.endTime = '';

  847. 					this.nextPage = 1;

  848. 					this.isRefresh = false;

  849. 					this.recordList = [];

  850. 					this.getMyCustom();

  851. 				}

  852. 			},

  853. 			//自定义时间

  854. 			totalTimeChange(e) {

  855. 				this.screen.staTime = e.startDate;

  856. 				this.screen.endTime = e.endDate;

  857. 				this.activeTotal = 4;

  858. 				this.nextPage = 1;

  859. 				this.recordList = [];

  860. 				this.isRefresh = false;

  861. 				this.arriveFilter = this.screen.staTime + '-' + this.screen.endTime

  862. 				this.getMyCustom();

  863. 			},

  864. 

  865. 			choice(item) {

  866. 				item.isShow = !item.isShow;

  867. 			},

  868. 

  869. 			// 销讲 

  870. 			choices(item) {

  871. 				item.isShow = !item.isShow;

  872. 				

  873. 				let arr = []

  874. 				this.trendAnalysisAllLevelList.filter(item => {

  875. 					if (item.children) {

  876. 						let array = item.children.filter(i => i.isShow)

  877. 						if (array) {

  878. 							arr = [...arr, ...array]

  879. 						}

  880. 					}

  881. 				})

  882. 				if (arr.length > 0) {

  883. 					this.trendTagSign = true

  884. 				} else {

  885. 					this.trendTagSign = false

  886. 				}

  887. 			},

  888. 			// 客户详情

  889. 			gotoDetail(id) {

  890. 				if (this.permissions.commonly1 == true) {

  891. 					uni.navigateTo({

  892. 						url: `/pages/center/consumer/consumerDetail?id=${id}`

  893. 					})

  894. 				}

  895. 			},

  896. 			getMyCustom() {

  897. 				this.screen.visitRecord = []

  898. 				this.screen.jiedaiVal = []

  899. 				this.screen.wajueVal = []

  900. 				this.screen.xiaojiangVal = []

  901. 				this.screen.level = []

  902. 				this.screen.clientStage = []

  903. 				this.screen.sourceIds = []

  904. 				let dateType = 0;

  905. 				if (this.activeTotal == 5 || this.activeTotal == 4) {

  906. 					dateType = null;

  907. 				} else {

  908. 					dateType = this.activeTotal;

  909. 				}

  910. 				// 到访次数

  911. 				this.visitList.forEach(i => {

  912. 					if (i.isShow) this.screen.visitRecord.push(i.value)

  913. 				})

  914. 				// 接待时长

  915. 				this.jiedaiList.forEach(i => {

  916. 					if (i.isShow) this.screen.jiedaiVal.push(i.value)

  917. 				})

  918. 				// 需求挖掘

  919. 				this.wajueList.forEach(i => {

  920. 					if (i.isShow) this.screen.wajueVal.push(i.value)

  921. 				})

  922. 				// 需求挖掘成功

  923. 				this.wajueLists.forEach(i => {

  924. 					if (i.isShow) this.screen.wajueVals.push(i.value)

  925. 				})

  926. 				// 销讲执行率

  927. 				this.xiaojiangList.forEach(i => {

  928. 					if (i.isShow) this.screen.xiaojiangVal.push(i.value)

  929. 				})

  930. 				// 客户等级

  931. 				this.levelList.forEach(i => {

  932. 					if (i.isShow) this.screen.level.push(i.value)

  933. 				})

  934. 				//客户阶段

  935. 				this.phaseList.forEach(i => {

  936. 					if (i.isShow) this.screen.clientStage.push(i.value)

  937. 				})

  938. 				// 客户来源

  939. 				this.sourceList.forEach(i => {

  940. 					if (i.isShow) this.screen.sourceIds.push(i.value)

  941. 				})

  942. 				// 销讲话术

  943. 				// this.trendAnalysisAllLevelList.forEach(i => {

  944. 				// 	if (i.isShow) this.screen.sourceIds.push(i.value)

  945. 				// })

  946. 				const parames = {

  947. 					pageNum: this.nextPage,

  948. 					pageSize: 10,

  949. 					query: {

  950. 						projectId: this.buildingID,

  951. 						fractions: this.screen.xiaojiangVal.length ? this.screen.xiaojiangVal.join(',') : '', // 销讲执行率

  952. 						wordFractions: this.screen.wajueVal.length ? this.screen.wajueVal.join(',') : '', //需求挖掘

  953. 						visitRecordNum: this.screen.visitRecord.length ? this.screen.visitRecord.join(',') : '', //到访次数

  954. 						clientStages: this.screen.clientStage.length ? this.screen.clientStage.join(',') : '', // 客户阶段

  955. 						sourceIds: this.screen.sourceIds.length ? this.screen.sourceIds.join(',') : '', // 客户来源

  956. 						level: this.screen.level.length ? this.screen.level.join(',') : '', // 客户等级

  957. 						duractionNums: this.screen.jiedaiVal.length ? this.screen.jiedaiVal.join(',') : '', // 接待时长

  958. 						keywordsIds: this.keywordsIds.length ? this.keywordsIds.join(',') : '', // 画像标签

  959. 						dateType: dateType, // 接待时间

  960. 						staTime: this.screen.staTime,

  961. 						endTime: this.screen.endTime,

  962. 						agentId: this.screen.agentId, // 顾问

  963. 						orderBy: this.screen.orderBy == '' ? '' : this.screen.orderBy, // 排序

  964. 						result: this.resultList.join(','), // 销讲话术二级的词

  965. 					},

  966. 				};

  967. 				let ars = []

  968. 				this.templateList.forEach(item => {

  969. 					if (item.isShow) {

  970. 						ars.push(item.id)

  971. 					}

  972. 				})

  973. 				parames.query.marketingBusiness = ars.join(',')

  974. 

  975. 				this.$u.post("/customer/customerManagement", parames)

  976. 					.then((data) => {

  977. 						this.LOADING = false;

  978. 						var list = data.records || [];

  979. 						list.forEach((item) => {

  980. 							if (this.userInfo.dataCode == 6) {

  981. 								item.isshow = true;

  982. 							} else {

  983. 								item.isshow = false;

  984. 							}

  985. 						});

  986. 						if (this.isRefresh) {

  987. 							this.recordList = list;

  988. 						} else {

  989. 							this.recordList = [...this.recordList, ...list];

  990. 						}

  991. 						this.totalRecord = data.pages;

  992. 						this.totalRecords = data.total;

  993. 					})

  994. 					.catch((e) => {

  995. 						this.LOADING = false;

  996. 					});

  997. 			},

  998. 			getMyCustom1() {

  999. 				let dateType = 0;

  1000. 				let recDurationInterval = 0;

  1001. 				let orderBy = 0;

  1002. 				if (this.activeTotal == 5) {

  1003. 					dateType = null;

  1004. 				} else if (this.activeTotal == 4) {

  1005. 					dateType = null;

  1006. 				} else {

  1007. 					dateType = this.activeTotal;

  1008. 				}

  1009. 

  1010. 				if (this.activeTotal2 == 0) {

  1011. 					recDurationInterval = null

  1012. 				} else {

  1013. 					recDurationInterval = this.activeTotal2

  1014. 				}

  1015. 

  1016. 				if (this.orderBy == 0) {

  1017. 					orderBy = null;

  1018. 				} else {

  1019. 					orderBy = this.orderBy;

  1020. 				}

  1021. 

  1022. 				var parames = {

  1023. 					pageNum: this.nextPage,

  1024. 					pageSize: 10,

  1025. 					query: {

  1026. 						projectId: this.buildingID,

  1027. 						keywordsId: this.screen.cunsumerTipsid,

  1028. 						agentId: this.screen.agentId,

  1029. 						dateType: dateType,

  1030. 						staDate: this.screen.staTime,

  1031. 						endDate: this.screen.endTime,

  1032. 						recDurationInterval: recDurationInterval,

  1033. 						orderBy: orderBy,

  1034. 						sourceId: this.sourceId

  1035. 					}

  1036. 				};

  1037. 				if (this.screen.visitRecord.length > 0) {

  1038. 					parames.query.visitRecords = this.screen.visitRecord.join(',');

  1039. 				}

  1040. 				if (this.screen.record.length > 0) {

  1041. 					parames.query.level = this.screen.record.join(',');

  1042. 				}

  1043. 				this.$u.post("/customer/customerManagement", parames).then(data => {

  1044. 					this.LOADING = false

  1045. 					var list = data.results || [];

  1046. 					list.forEach(item => {

  1047. 						if (item.demand.cusSemanticWordsList != null) {

  1048. 							item.demand.cusSemanticWordsList.forEach(che => {

  1049. 								if (che.isInterval == 0) {

  1050. 									che.name = che.name + che.unit + '-' + che.endName + che.unit;

  1051. 								}

  1052. 							})

  1053. 						}

  1054. 					})

  1055. 					if (this.isRefresh) {

  1056. 						this.recordList = list;

  1057. 					} else {

  1058. 						console.log('我在这里被打印了', this.recordList)

  1059. 						this.recordList = [...this.recordList, ...list];

  1060. 					}

  1061. 					this.totalRecord = data.totalPage;

  1062. 					this.totalRecords = data.totalRecord;

  1063. 				}).catch(e => {

  1064. 					this.LOADING = false

  1065. 				})

  1066. 			},

  1067. 			//获取顾问列表

  1068. 			getFreeList() {

  1069. 				this.$u.post("/cusLvStatistics/selectAllAccountIdByHouseId", {

  1070. 					houseId: this.buildingID

  1071. 				}).then(res => {

  1072. 					res.forEach(item => {

  1073. 						item.label = item.name;

  1074. 						item.value = item.accountId

  1075. 					})

  1076. 					res.unshift({

  1077. 						label: '全部',

  1078. 						value: ''

  1079. 					})

  1080. 					this.freeList = res

  1081. 					console.log(this.freeList)

  1082. 				})

  1083. 			},

  1084. 			//获取画像标签

  1085. 			getWordMiningList() {

  1086. 				this.huaxiangList = [];

  1087. 				this.$u.get("/corpus/findSelectedWordMiningTemplate", {

  1088. 						houseId: this.buildingID,

  1089. 						selected: 1

  1090. 					})

  1091. 					.then((res) => {

  1092. 						// console.log(res)

  1093. 						if (res.length) {

  1094. 							res.forEach(item => {

  1095. 								item.isShow = true;

  1096. 								if (item.children.length) {

  1097. 									item.children.forEach(subitem => {

  1098. 										subitem.isShow = false;

  1099. 									})

  1100. 								}

  1101. 							})

  1102. 						}

  1103. 						this.huaxiangList = res;

  1104. 					});

  1105. 			},

  1106. 

  1107. 			//选择顾问

  1108. 			actionSelectCallback(e) {

  1109. 				console.log(e)

  1110. 				if (e[0].label == '全部') {

  1111. 					this.agentIdtext = '接待顾问'

  1112. 					this.screen.agentId = ''

  1113. 				} else {

  1114. 					this.screen.agentId = e[0].value;

  1115. 					this.agentIdtext = e[0].label;

  1116. 				}

  1117. 			},

  1118. 

  1119. 			//重置

  1120. 			reset() {

  1121. 				this.screen = {

  1122. 					agentId: "",

  1123. 					visitRecord: [],

  1124. 					record: [],

  1125. 					clientStage: "",

  1126. 					clientStageName: "",

  1127. 				};

  1128. 				this.sourceList.map((i) => {

  1129. 					i.isShow = false;

  1130. 				});

  1131. 				this.wajueList.map((i) => {

  1132. 					i.isShow = false;

  1133. 				});

  1134. 				this.wajueLists.forEach(i => {

  1135. 					i.isShow = false

  1136. 				})

  1137. 				this.phaseList.map((i) => {

  1138. 					i.isShow = false;

  1139. 				});

  1140. 				this.jiedaiList.map((i) => {

  1141. 					i.isShow = false;

  1142. 				});

  1143. 				this.xiaojiangList.map((i) => {

  1144. 					i.isShow = false;

  1145. 				});

  1146. 				this.visitList.map((i) => {

  1147. 					i.isShow = false;

  1148. 				});

  1149. 				this.levelList.map((i) => {

  1150. 					i.isShow = false;

  1151. 				});

  1152. 				this.nextPage = 1;

  1153. 				this.recordList = [];

  1154. 				this.isRefresh = false;

  1155. 			},

  1156. 			// 重置销讲话术

  1157. 			resetHuaShu() {

  1158. 				if (this.trendAnalysisAllLevelList.length) {

  1159. 					this.trendAnalysisAllLevelList.forEach(item => {

  1160. 						item.isShow = true;

  1161. 						if (item.children.length) {

  1162. 							item.children.forEach(subitem => {

  1163. 								subitem.isShow = false;

  1164. 							})

  1165. 						}

  1166. 					})

  1167. 				}

  1168. 			},

  1169. 

  1170. 			//重置画像标签选择

  1171. 			resetHuaXiang() {

  1172. 				if (this.huaxiangList.length) {

  1173. 					this.huaxiangList.forEach(item => {

  1174. 						item.isShow = true;

  1175. 						if (item.children.length) {

  1176. 							item.children.forEach(subitem => {

  1177. 								subitem.isShow = false;

  1178. 							})

  1179. 						}

  1180. 					})

  1181. 				}

  1182. 			},

  1183. 

  1184. 			chooseMores() {

  1185. 				let change1 = this.templateList.some(item => item.isShow == true)

  1186. 				let change2 = this.jiedaiList.some(item => item.isShow == true)

  1187. 				let change3 = this.levelList.some(item => item.isShow == true)

  1188. 				let change4 = this.sourceList.some(item => item.isShow == true)

  1189. 				let change5 = this.phaseList.some(item => item.isShow == true)

  1190. 				let change6 = this.wajueList.some(item => item.isShow == true)

  1191. 				let change9 = this.wajueLists.some(item => item.isShow == true)

  1192. 				let change7 = this.xiaojiangList.some(item => item.isShow == true)

  1193. 				let change8 = this.visitList.some(item => item.isShow == true)

  1194. 				if (change1 || change2 || change3 || change4 || change5 || change6 || change7 || change8 || change9) {

  1195. 					return true

  1196. 				} else {

  1197. 					return false

  1198. 				}

  1199. 			},

  1200. 

  1201. 			chooseMore() {

  1202. 				let a = false

  1203. 				this.huaxiangList.forEach(item => {

  1204. 					if (item.children.some(so => so.isShow == true)) {

  1205. 						a = true

  1206. 					}

  1207. 				})

  1208. 				return a

  1209. 			},

  1210. 			// 重置分页参数

  1211. 			resetPageParams() {

  1212. 				this.nextPage = 1;

  1213. 				this.recordList = [];

  1214. 				this.keywordsIds = []

  1215. 				this.resultList = [];

  1216. 				this.screenShow = false;

  1217. 				this.huaxiangShow = false;

  1218. 				this.trendShow = false

  1219. 				this.isRefresh = false;

  1220. 			},

  1221. 			

  1222. 			//筛选确认

  1223. 			screensures() {

  1224. 				let arr = []

  1225. 				this.resetPageParams()

  1226. 				this.trendAnalysisAllLevelList.filter(item => {

  1227. 					if (item.children) {

  1228. 						let array = item.children.filter(i => i.isShow)

  1229. 						if (array) {

  1230. 							arr = [...arr, ...array]

  1231. 						}

  1232. 					}

  1233. 				})

  1234. 				console.log(arr)

  1235. 				if (arr.length > 0) {

  1236. 					this.trendTagSign = true

  1237. 					this.resultList = arr.map(item => {

  1238. 						return item.name

  1239. 					})

  1240. 					console.log(this.resultList)

  1241. 				} else {

  1242. 					this.trendTagSign = false

  1243. 				}

  1244. 				this.getMyCustom();

  1245. 			},

  1246. 			//筛选确认

  1247. 			screensure() {

  1248. 				this.showFilterOption = this.chooseMores()

  1249. 				this.tagSign = this.chooseMore()

  1250. 				this.resetPageParams()

  1251. 				// 画像标签

  1252. 				this.huaxiangList.forEach(item => {

  1253. 					if (item.children.length) {

  1254. 						item.children.forEach(im => {

  1255. 							if (im.isShow) this.keywordsIds.push(im.id)

  1256. 						})

  1257. 					}

  1258. 				})

  1259. 				this.getMyCustom();

  1260. 			},

  1261. 

  1262. 

  1263. 			goSearch() {

  1264. 				uni.navigateTo({

  1265. 					url: '/pages/center/consumer/consumerSearch'

  1266. 				});

  1267. 			},

  1268. 			gotoFollowUp(item) {

  1269. 				uni.navigateTo({

  1270. 					url: `/pages/center/consumer/newFollowup/newFollowup?id=${item.id}&level=${item.level}&clientStageName=${item.clientStageName}`

  1271. 				})

  1272. 			},

  1273. 		},

  1274. 

  1275. 		filters: {

  1276. 			// 筛选等级展示文字

  1277. 			levelText(level) {

  1278. 				let str = '';

  1279. 				switch (Number(level)) {

  1280. 					case 1:

  1281. 						str = "A"

  1282. 						break;

  1283. 					case 2:

  1284. 						str = "B"

  1285. 						break;

  1286. 					case 3:

  1287. 						str = "C"

  1288. 						break;

  1289. 					case 4:

  1290. 						str = "D"

  1291. 						break;

  1292. 					default:

  1293. 						str = ''

  1294. 						break;

  1295. 				}

  1296. 				return str

  1297. 			},

  1298. 

  1299. 			// 加密手机

  1300. 			phoneText(mobile) {

  1301. 				if (!mobile) return '--'

  1302. 				if (_this.userInfo.showPhoneStatus == 1) return mobile.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2')

  1303. 				else return mobile

  1304. 			},

  1305. 

  1306. 			// 格式化时间

  1307. 			formatTime(time) {

  1308. 				if (!time) return

  1309. 				return time.substring(5, time.length)

  1310. 			}

  1311. 		}

  1312. 	}

  1313. </script>

  1314. 

  1315. <style lang="scss" scoped>

  1316. 	.box {

  1317. 		width: 100vw;

  1318. 		min-height: calc(100vh - var(--window-top));

  1319. 		background: #F8F8F8;

  1320. 		display: flex;

  1321. 		flex-direction: column;

  1322. 

  1323. 		.top-search {

  1324. 			display: flex;

  1325. 			align-items: center;

  1326. 			justify-content: space-between;

  1327. 			background: #fff;

  1328. 			padding-right: 30rpx;

  1329. 

  1330. 			.filter-icon {

  1331. 				width: 40rpx;

  1332. 				height: 40rpx;

  1333. 				padding: 15rpx;

  1334. 			}

  1335. 

  1336. 			.search-box {

  1337. 				width: 670rpx;

  1338. 				height: 102rpx;

  1339. 				background: #ffffff;

  1340. 				display: flex;

  1341. 				align-items: center;

  1342. 				justify-content: center;

  1343. 

  1344. 				.search {

  1345. 					width: 94%;

  1346. 					height: 70rpx;

  1347. 					display: flex;

  1348. 					align-items: center;

  1349. 					background: #f8f8f8;

  1350. 					border-radius: 33rpx;

  1351. 

  1352. 					.search-img {

  1353. 						width: 26rpx;

  1354. 						height: 30rpx;

  1355. 						margin-left: 20rpx;

  1356. 

  1357. 						.search-img1 {

  1358. 							width: 100%;

  1359. 							height: 100%;

  1360. 							margin-top: 2rpx;

  1361. 						}

  1362. 					}

  1363. 

  1364. 					.search-text {

  1365. 						font-size: 28rpx;

  1366. 						font-weight: 400;

  1367. 						color: #999999;

  1368. 						margin-left: 10rpx;

  1369. 					}

  1370. 				}

  1371. 

  1372. 				.search-screen {

  1373. 					width: 40rpx;

  1374. 					height: 40rpx;

  1375. 					margin-left: 30rpx;

  1376. 

  1377. 					.search-screen1 {

  1378. 						width: 100%;

  1379. 						height: 100%;

  1380. 					}

  1381. 				}

  1382. 			}

  1383. 		}

  1384. 

  1385. 		.content {

  1386. 			flex-grow: 1;

  1387. 		}

  1388. 	}

  1389. 

  1390. 	.timeview {

  1391. 		height: 90rpx;

  1392. 		line-height: 90rpx;

  1393. 		width: 100%;

  1394. 		text-align: center;

  1395. 		border-bottom: 1rpx solid #F8F8F8;

  1396. 	}

  1397. 

  1398. 	//时间切换的样式

  1399. 	.boxtittab {

  1400. 		position: sticky;

  1401. 		top: var(--window-top);

  1402. 		z-index: 999;

  1403. 		width: 100;

  1404. 		height: 72rpx;

  1405. 		background: #FFFFFF;

  1406. 		flex-shrink: 0;

  1407. 		display: flex;

  1408. 		align-items: center;

  1409. 

  1410. 		.tabbox {

  1411. 			flex: 1;

  1412. 			height: 100%;

  1413. 			text-align: center;

  1414. 			line-height: 72rpx;

  1415. 			color: #666666;

  1416. 			font-size: 28rpx;

  1417. 			overflow: hidden;

  1418. 			text-overflow: ellipsis;

  1419. 			display: -webkit-box;

  1420. 			/* 将对象作为弹性伸缩盒子模型显示 */

  1421. 			-webkit-line-clamp: 1;

  1422. 			/* 控制最多显示几行 */

  1423. 			-webkit-box-orient: vertical;

  1424. 			/* 设置或检索伸缩盒对象的子元素的排列方式 */

  1425. 		}

  1426. 

  1427. 		.activeColor {

  1428. 			color: #2671E2;

  1429. 			font-weight: bold;

  1430. 		}

  1431. 	}

  1432. 

  1433. 	.soltishow {

  1434. 		width: 100%;

  1435. 		min-height: 40vh;

  1436. 

  1437. 		.soltishow-item {

  1438. 			width: 100%;

  1439. 			height: 80rpx;

  1440. 			display: flex;

  1441. 			align-items: center;

  1442. 			justify-content: center;

  1443. 		}

  1444. 	}

  1445. 

  1446. 	.count {

  1447. 		width: 100%;

  1448. 		height: 82rpx;

  1449. 		line-height: 82rpx;

  1450. 		display: flex;

  1451. 		align-items: center;

  1452. 		justify-content: center;

  1453. 		background-color: #f8f8f8;

  1454. 		font-size: 30rpx;

  1455. 		font-family: PingFangSC-Regular, PingFang SC;

  1456. 		font-weight: 400;

  1457. 		color: #333333;

  1458. 

  1459. 		text {

  1460. 			color: #E7483C;

  1461. 		}

  1462. 	}

  1463. 

  1464. 

  1465. 	.content {

  1466. 		.content-tips {

  1467. 			background: #fff;

  1468. 			margin-bottom: 20rpx;

  1469. 

  1470. 			.content-first {

  1471. 				padding: 19rpx 30rpx;

  1472. 				display: flex;

  1473. 				justify-content: space-between;

  1474. 				align-items: center;

  1475. 				box-sizing: border-box;

  1476. 				color: #292929;

  1477. 				height: 90rpx;

  1478. 				font-size: 30rpx;

  1479. 

  1480. 				.left {

  1481. 					display: flex;

  1482. 					align-items: center;

  1483. 

  1484. 					.img {

  1485. 						width: 48rpx;

  1486. 						height: 48rpx;

  1487. 						line-height: 48rpx;

  1488. 						text-align: center;

  1489. 						margin-right: 16rpx;

  1490. 						background: #E6625B;

  1491. 						border-radius: 6rpx;

  1492. 						font-size: 28rpx;

  1493. 						font-family: PingFangSC-Regular, PingFang SC;

  1494. 						font-weight: 400;

  1495. 						color: #FFFFFF;

  1496. 					}

  1497. 

  1498. 					.A {

  1499. 						background: #E6625B;

  1500. 					}

  1501. 

  1502. 					.B {

  1503. 						background: #FF981E;

  1504. 					}

  1505. 

  1506. 					.C {

  1507. 						background: #F6BD16;

  1508. 					}

  1509. 

  1510. 					.D {

  1511. 						background: #E6625B;

  1512. 					}

  1513. 

  1514. 

  1515. 					.test {

  1516. 						height: 42rpx;

  1517. 						font-size: 30rpx;

  1518. 						font-family: PingFangSC-Medium, PingFang SC;

  1519. 						font-weight: 500;

  1520. 						color: #333333;

  1521. 						line-height: 42rpx;

  1522. 						margin-right: 16rpx;

  1523. 					}

  1524. 				}

  1525. 

  1526. 				.right {

  1527. 					display: flex;

  1528. 					align-items: center;

  1529. 					color: #2671E2;

  1530. 					font-size: 30rpx;

  1531. 					align-items: flex-end;

  1532. 

  1533. 					.clientStageName {

  1534. 						font-size: 38rpx;

  1535. 						font-family: PingFangSC-Regular, PingFang SC;

  1536. 						font-weight: bold;

  1537. 						// color: #FF981E;

  1538. 						height: 48rpx;

  1539. 						line-height: 48rpx;

  1540. 						background: #FFFFFF;

  1541. 						// border-radius: 4rpx;

  1542. 						// border: 1rpx solid #FF981E;

  1543. 						box-sizing: border-box;

  1544. 					}

  1545. 

  1546. 					.right-img {

  1547. 						margin: 5rpx 0 0 10rpx;

  1548. 						width: 14rpx;

  1549. 						height: 30rpx;

  1550. 					}

  1551. 				}

  1552. 			}

  1553. 

  1554. 

  1555. 

  1556. 			.content-sec {

  1557. 				border-top: 1px solid #e0e0e0;

  1558. 				padding: 0 30rpx;

  1559. 				position: relative;

  1560. 

  1561. 				.content-sec-lab {

  1562. 					margin-top: 28rpx;

  1563. 					display: flex;

  1564. 					justify-content: space-between;

  1565. 					font-size: 30rpx;

  1566. 					font-weight: 400;

  1567. 					color: #666666;

  1568. 					line-height: 42rpx;

  1569. 

  1570. 					.content-sec-lab1 {

  1571. 						color: #333333;

  1572. 						word-break: break-all;

  1573. 					}

  1574. 

  1575. 					.content-sec-lab1-min {

  1576. 						flex-shrink: 0;

  1577. 						margin-bottom: 20rpx;

  1578. 						padding: 0 10rpx;

  1579. 						background: rgba($color: #2671e2, $alpha: 1);

  1580. 						color: #fff;

  1581. 						border-radius: 8rpx;

  1582. 					}

  1583. 

  1584. 					.content-sec-tips {

  1585. 						max-width: 160rpx;

  1586. 						height: 46rpx;

  1587. 						background: #f2f2f2;

  1588. 						border-radius: 6rpx;

  1589. 						text-align: center;

  1590. 						line-height: 26rpx;

  1591. 						overflow: hidden;

  1592. 						text-overflow: ellipsis;

  1593. 						white-space: nowrap;

  1594. 						font-size: 26rpx;

  1595. 						font-weight: 400;

  1596. 						color: #333333;

  1597. 						margin-right: 20rpx;

  1598. 						box-sizing: border-box;

  1599. 						padding: 10rpx 24rpx;

  1600. 					}

  1601. 				}

  1602. 

  1603. 				.content-sec-num {

  1604. 					position: absolute;

  1605. 					width: 200rpx;

  1606. 					height: 90rpx;

  1607. 					background: #f4f8fd;

  1608. 					border-radius: 12rpx;

  1609. 					font-weight: 400;

  1610. 					color: #2671e2;

  1611. 					line-height: 45rpx;

  1612. 					bottom: 30rpx;

  1613. 					right: 30rpx;

  1614. 					text-align: center;

  1615. 				}

  1616. 			}

  1617. 

  1618. 			.content-last {

  1619. 				display: flex;

  1620. 				justify-content: flex-end;

  1621. 				align-items: center;

  1622. 				padding-bottom: 30rpx;

  1623. 

  1624. 				.content-last-tab {

  1625. 					width: 214rpx;

  1626. 					height: 70rpx;

  1627. 					line-height: 70rpx;

  1628. 					background: #FFFFFF;

  1629. 					border-radius: 8rpx;

  1630. 					border: 1rpx solid #2671E2;

  1631. 					box-sizing: border-box;

  1632. 					font-family: PingFangSC-Regular, PingFang SC;

  1633. 					font-weight: 400;

  1634. 					color: #2671E2;

  1635. 					font-size: 30rpx;

  1636. 					margin-right: 30rpx;

  1637. 					display: flex;

  1638. 					align-items: center;

  1639. 					justify-content: center;

  1640. 

  1641. 					image {

  1642. 						width: 40rpx;

  1643. 						height: 40rpx;

  1644. 						margin-right: 12rpx;

  1645. 					}

  1646. 

  1647. 

  1648. 					.icon {

  1649. 						width: 40rpx;

  1650. 						height: 40rpx;

  1651. 						margin-right: 12rpx;

  1652. 					}

  1653. 				}

  1654. 			}

  1655. 

  1656. 		}

  1657. 	}

  1658. 

  1659. 	// 这是弹出层

  1660. 	.screen {

  1661. 		.screen-record {

  1662. 			overflow: hidden;

  1663. 			padding: 0 30rpx;

  1664. 			box-sizing: border-box;

  1665. 			border-bottom: 1px solid #e0e0e0;

  1666. 

  1667. 			.screen-record-text {

  1668. 				font-weight: 600;

  1669. 				padding: 30rpx 0;

  1670. 				font-size: 30rpx;

  1671. 				color: #333333;

  1672. 				line-height: 30rpx;

  1673. 				display: flex;

  1674. 				align-items: center;

  1675. 				justify-content: space-between;

  1676. 

  1677. 				.arrow {

  1678. 					width: 30rpx;

  1679. 					height: 14rpx;

  1680. 				}

  1681. 			}

  1682. 

  1683. 			.screen-record-tab {

  1684. 				margin-top: 30rpx;

  1685. 				padding-bottom: 10rpx;

  1686. 				display: flex;

  1687. 				flex-wrap: wrap;

  1688. 

  1689. 				.screen-record-item {

  1690. 					min-width: 150rpx;

  1691. 					padding: 0 14rpx;

  1692. 					height: 60rpx;

  1693. 					border-radius: 8rpx;

  1694. 					text-align: center;

  1695. 					line-height: 60rpx;

  1696. 					margin: 0 22rpx 22rpx 0;

  1697. 

  1698. 					&:nth-child(4n) {

  1699. 						margin-right: 0;

  1700. 					}

  1701. 				}

  1702. 

  1703. 				.screen-record-chose {

  1704. 					background: #f1f6fd;

  1705. 					color: #2671e2;

  1706. 				}

  1707. 

  1708. 				.screen-record-nochose {

  1709. 					background: #f7f8fa;

  1710. 					color: #333;

  1711. 				}

  1712. 			}

  1713. 		}

  1714. 

  1715. 		.screen-foot {

  1716. 			width: 100%;

  1717. 			height: 78rpx;

  1718. 			display: flex;

  1719. 			margin: 30rpx 30rpx 0;

  1720. 

  1721. 			.screen-foot-reset {

  1722. 				width: 176rpx;

  1723. 				height: 78rpx;

  1724. 				line-height: 78rpx;

  1725. 				background: #FFFFFF;

  1726. 				border-radius: 8rpx;

  1727. 				border: 1px solid #2671E2;

  1728. 				margin-right: 30rpx;

  1729. 				font-size: 30rpx;

  1730. 				font-family: PingFangSC-Regular, PingFang SC;

  1731. 				font-weight: 400;

  1732. 				color: #2671E2;

  1733. 				text-align: center;

  1734. 			}

  1735. 

  1736. 			.screen-foot-sure {

  1737. 				width: 484rpx;

  1738. 				height: 78rpx;

  1739. 				line-height: 78rpx;

  1740. 				background: #2671E2;

  1741. 				border: 1px solid #2671E2;

  1742. 				border-radius: 8rpx;

  1743. 				font-size: 30rpx;

  1744. 				font-family: PingFangSC-Regular, PingFang SC;

  1745. 				font-weight: 400;

  1746. 				color: #FFFFFF;

  1747. 				text-align: center;

  1748. 			}

  1749. 		}

  1750. 	}

  1751. </style>