Acher
/
newEdition
1
0
Fork 0
Código Issues 0 Pull requests 0 Versões 0 Wiki Atividade
AI销管
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
186 Commits
13 Branches
9.9 MiB
 
 
 
 
Tag: ec9e6bb917
Branches Tags
${ item.name }
Criar branch ${ searchTerm }
de ec9e6bb917
${ noResults }
newEdition/pages/index/consumer/index.vue

1496 linhas
38 KiB
Original Anotar Histórico 

  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. 			<image class="filter-icon" @click="screenShow = true"

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

  14. 		</view>

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

  16. 		<view class="boxtittab">

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

  18. 				{{ sortFilter }}

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

  20. 			</view>

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

  22. 				{{ arriveFilter }}

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

  24. 			</view>

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

  26. 				{{ agentIdtext }}

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

  28. 			</view>

  29. 			<view class="tabbox" @click="huaxiangShow = true">

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

  31. 			</view>

  32. 		</view>

  33. 

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

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

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

  37. 		</view>

  38. 

  39. 		<view class="content">

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

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

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

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

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

  45. 					</view>

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

  47. 				</view>

  48. 			</view>

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

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

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

  52. 					<view class="left">

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

  54. 						<template v-if="item.level > 0">

  55. 							<view class="img" :class="colorName[item.level]">{{ item.level | levelText }}</view>

  56. 						</template>

  57. 						<view v-if="item.clientStageName" class="clientStageName">{{ item.clientStageName }}</view>

  58. 					</view>

  59. 					<view class="right">

  60. 						<image class="right-img" src="../../../static/images/arrow-right.png" mode=""></image>

  61. 					</view>

  62. 				</view>

  63. 

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

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

  66. 						客户手机：<view class="content-sec-lab1">{{item.phone | phoneText}}</view>

  67. 					</view>

  68. 

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

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

  71. 					</view>

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

  73. 						<view class="u-flex" style="flex:1">

  74. 						挖掘执行：<view class="content-sec-lab1">{{item.wordFraction||0}}%</view>

  75. 						</view>

  76. 						<view class="u-flex"  style="flex:1">

  77. 						挖掘成功：<view class="content-sec-lab1">{{item.wordFinishFraction||0}}%</view>

  78. 						</view>

  79. 					</view>

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

  81. 						添加时间：<view class="content-sec-lab1">{{item.createTime | formatTime}}</view>

  82. 					</view>

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

  84. 						<view>到访{{item.visitRecord || '--'}}次</view>

  85. 						<view>

  86. 							{{item.mm || '0'}}min/{{item.fraction || '0'}}%

  87. 						</view>

  88. 					</view>

  89. 				</view>

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

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

  92. 						<!-- <view class="content-last-tab">

  93. 								<image src="/static/images/genjin-icon.png" mode="" />添加提醒</view>

  94. 						<view class="content-last-tab">

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

  96. 							打电话</view> -->

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

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

  99. 							写跟进

  100. 						</view>

  101. 					</view>

  102. 				</template>

  103. 

  104. 			</view>

  105. 		</view>

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

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

  108. 			<view class="screen">

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

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

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

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

  113. 							销讲业务

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

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

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

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

  118. 						</view>

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

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

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

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

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

  124. 									{{item.templateName}}

  125. 								</view>

  126. 							</block>

  127. 						</view>

  128. 					</view>

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

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

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

  132. 							接待时长

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

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

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

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

  137. 						</view>

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

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

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

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

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

  143. 									{{ item.label }}

  144. 								</view>

  145. 							</block>

  146. 						</view>

  147. 					</view>

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

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

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

  151. 							意向等级

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

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

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

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

  156. 						</view>

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

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

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

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

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

  162. 									{{ item.label }}

  163. 								</view>

  164. 							</block>

  165. 						</view>

  166. 					</view>

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

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

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

  170. 							客户来源

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

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

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

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

  175. 						</view>

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

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

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

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

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

  181. 									{{ item.label }}

  182. 								</view>

  183. 							</block>

  184. 						</view>

  185. 					</view>

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

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

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

  189. 							客户阶段

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

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

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

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

  194. 						</view>

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

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

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

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

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

  200. 									{{ item.label }}

  201. 								</view>

  202. 							</block>

  203. 						</view>

  204. 					</view>

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

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

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

  208. 							需求挖掘率

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

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

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

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

  213. 						</view>

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

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

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

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

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

  219. 									{{ item.label }}

  220. 								</view>

  221. 							</block>

  222. 						</view>

  223. 					</view>

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

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

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

  227. 							销讲执行率

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

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

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

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

  232. 						</view>

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

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

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

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

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

  238. 									{{ item.label }}

  239. 								</view>

  240. 							</block>

  241. 						</view>

  242. 					</view>

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

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

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

  246. 							到访次数

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

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

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

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

  251. 						</view>

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

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

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

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

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

  257. 									{{ item.label }}

  258. 								</view>

  259. 							</block>

  260. 						</view>

  261. 					</view>

  262. 				</scroll-view>

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

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

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

  266. 				</view>

  267. 			</view>

  268. 		</u-popup>

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

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

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

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

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

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

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

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

  277. 				全部</view>

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

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

  280. 				今天</view>

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

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

  283. 				昨天</view>

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

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

  286. 				近7天</view>

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

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

  289. 				近30天</view>

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

  291. 				自定义</view>

  292. 		</u-popup>

  293. 			<!-- 排序 -->

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

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

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

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

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

  299. 						{{ item.label }}

  300. 					</view>

  301. 				</block>

  302. 			</view>

  303. 		</u-popup>

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

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

  306. 			<view class="screen">

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

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

  309. 						:key="index">

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

  311. 							{{item.name}}

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

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

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

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

  316. 						</view>

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

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

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

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

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

  322. 									{{ subitem.name }}

  323. 								</view>

  324. 							</block>

  325. 						</view>

  326. 					</view>

  327. 				</scroll-view>

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

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

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

  331. 				</view>

  332. 			</view>

  333. 		</u-popup>

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

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

  336. 	</view>

  337. 

  338. </template>

  339. 

  340. <script>

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

  342. 	let _this

  343. 	export default {

  344. 		data() {

  345. 			return {

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

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

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

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

  350. 				agentIdtext: '接待顾问',

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

  352. 				huaxiangShow: false,

  353. 				wajueArrow: true,

  354. 				jieduanArrow: true,

  355. 				sourceArrow: true,

  356. 				levelArrow: true,

  357. 				zixunArrow: true,

  358. 				jiedaiArrow: true,

  359. 				luyinArrow: true,

  360. 				visitArrow: true,

  361. 				xiaojiangArrow: true,

  362. 				huaxiangList: [],

  363. 				orderBylist: [{

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

  365. 						value: '1'

  366. 					},

  367. 					{

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

  369. 						value: '2'

  370. 					},

  371. 					{

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

  373. 						value: '3'

  374. 					},

  375. 					{

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

  377. 						value: '4'

  378. 					},

  379. 					{

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

  381. 						value: '5'

  382. 					},

  383. 					{

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

  385. 						value: '6'

  386. 					},

  387. 					{

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

  389. 						value: '7'

  390. 					},

  391. 					{

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

  393. 						value: '8'

  394. 					},

  395. 				],

  396. 				jiedaiList: [{

  397. 						label: "0~15min",

  398. 						value: 1,

  399. 						isShow: false,

  400. 					},

  401. 					{

  402. 						label: "16~30min",

  403. 						value: 2,

  404. 						isShow: false,

  405. 					},

  406. 					{

  407. 						label: "31~60min",

  408. 						value: 3,

  409. 						isShow: false,

  410. 					},

  411. 					{

  412. 						label: "61~90min",

  413. 						value: 4,

  414. 						isShow: false,

  415. 					},

  416. 					{

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

  418. 						value: 5,

  419. 						isShow: false,

  420. 					},

  421. 				],

  422. 				wajueList: [{

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

  424. 						value: 1,

  425. 						isShow: false,

  426. 					},

  427. 					{

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

  429. 						value: 2,

  430. 						isShow: false,

  431. 					},

  432. 					{

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

  434. 						value: 3,

  435. 						isShow: false,

  436. 					},

  437. 					{

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

  439. 						value: 4,

  440. 						isShow: false,

  441. 					},

  442. 				],

  443. 				xiaojiangList: [{

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

  445. 						value: 1,

  446. 						isShow: false,

  447. 					},

  448. 					{

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

  450. 						value: 2,

  451. 						isShow: false,

  452. 					},

  453. 					{

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

  455. 						value: 3,

  456. 						isShow: false,

  457. 					},

  458. 					{

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

  460. 						value: 4,

  461. 						isShow: false,

  462. 					},

  463. 				],

  464. 				value: '',

  465. 				screenShow: false,

  466. 				selectshow: false,

  467. 				selectTipshow: false,

  468. 				buildingID: '',

  469. 				screen: {

  470. 					staTime: "",

  471. 					endTime: "",

  472. 					orderBy: "", // 排序

  473. 					agentId: "", //顾问

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

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

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

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

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

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

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

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

  482. 				},

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

  484. 				recordList: [],

  485. 				nextPage: 1,

  486. 				totalRecord: '',

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

  488. 				freeList: [],

  489. 				userInfo: {},

  490. 				isnorefresh: '',

  491. 				activeTotal: 5,

  492. 				activeTotal2: 0,

  493. 				totalTimeShow: false,

  494. 				timeshow: false,

  495. 				soltishow: false,

  496. 				permissions: {

  497. 					commonly1: false,

  498. 					commonly2: false

  499. 				},

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

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

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

  503. 				colorName: [

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

  505. 				],

  506. 				// 筛选文字展示

  507. 				sortFilter: '排序',

  508. 				arriveFilter: '接待时间',

  509. 				visitList: [{

  510. 					label: '首次到访',

  511. 					value: 1,

  512. 					isShow: false,

  513. 				}, {

  514. 					label: '2次到访',

  515. 					value: 2,

  516. 					isShow: false,

  517. 				}, {

  518. 					label: '3次到访',

  519. 					value: 3,

  520. 					isShow: false,

  521. 				}, {

  522. 					label: '3次以上',

  523. 					value: 4,

  524. 					isShow: false,

  525. 				}, ],

  526. 				levelList: [{

  527. 					label: 'A',

  528. 					value: 1,

  529. 					isShow: false,

  530. 				}, {

  531. 					label: 'B',

  532. 					value: 2,

  533. 					isShow: false,

  534. 				}, {

  535. 					label: 'C',

  536. 					value: 3,

  537. 					isShow: false,

  538. 				}, {

  539. 					label: 'D',

  540. 					value: 4,

  541. 					isShow: false,

  542. 				}, ],

  543. 				isRefresh: false

  544. 			}

  545. 		},

  546. 

  547. 

  548. 		onLoad(options) {

  549. 			this.LOADING = true

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

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

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

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

  554. 			_this = this

  555. 		},

  556. 

  557. 		onPullDownRefresh() {

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

  559. 			this.LOADING = true

  560. 			this.nextPage = 1;

  561. 			this.isRefresh = true;

  562. 			this.resetFilter()

  563. 			this.reset()

  564. 			this.getFreeList()

  565. 			this.getFromSource();

  566. 			this.getMyCustom();

  567. 

  568. 			setTimeout(() => {

  569. 				uni.stopPullDownRefresh()

  570. 			}, 2000)

  571. 		},

  572. 

  573. 		onShow() {

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

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

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

  577. 				this.nextPage = 1;

  578. 				this.recordList = []

  579. 				this.getMyCustom()

  580. 				this.getFreeList()

  581. 				this.getWordMiningList();

  582. 				this.getCustomPhase();

  583. 				this.getFromSource();

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

  585. 				this.isRefresh = false;

  586. 				this.isnorefresh = 'refresh';

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

  588. 			}

  589. 			this.updateInit()

  590. 		},

  591. 		onReachBottom() {

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

  593. 				uni.showToast({

  594. 					icon: 'none',

  595. 					title: '到底了',

  596. 					duration: 2000

  597. 				});

  598. 				return

  599. 			} else {

  600. 				this.isRefresh = false;

  601. 				this.nextPage = this.nextPage + 1;

  602. 				this.getMyCustom();

  603. 			}

  604. 		},

  605. 		methods: {

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

  607. 			getCustomPhase() {

  608. 				this.phaseList = [];

  609. 				this.$u

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

  611. 						houseId: this.buildingID,

  612. 					})

  613. 					.then((res) => {

  614. 						if (res.length) {

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

  616. 								return {

  617. 									label: item.stageName,

  618. 									value: item.id,

  619. 									isShow: false

  620. 								}

  621. 							})

  622. 						} else {

  623. 							this.phaseList = []

  624. 						}

  625. 					});

  626. 			},

  627. 			// 获取客户来源

  628. 			getFromSource() {

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

  630. 						houseId: this.buildingID

  631. 					})

  632. 					.then((res) => {

  633. 						if (res.length) {

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

  635. 								return {

  636. 									label: item.sourceName,

  637. 									value: item.id,

  638. 									isShow: false

  639. 								}

  640. 							})

  641. 						} else {

  642. 							this.sourceList = []

  643. 						}

  644. 					})

  645. 			},

  646. 			// 获取销讲业务

  647. 			getMarketingBusiness() {

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

  649. 					houseId: this.buildingID,

  650. 				}).then(res => {

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

  652. 						return {

  653. 							...item,

  654. 							isShow: false,

  655. 						}

  656. 					})

  657. 				})

  658. 			},

  659. 			updateInit() {

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

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

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

  663. 				}).then(res => {

  664. 					console.log(res)

  665. 					if (res > 0) {

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

  667. 							index: 4, //tabbar下标

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

  669. 						})

  670. 					} else {

  671. 						uni.removeTabBarBadge({

  672. 							index: 4

  673. 						})

  674. 					}

  675. 				}).catch(e => {

  676. 					uni.removeTabBarBadge({

  677. 						index: 4

  678. 					})

  679. 				})

  680. 			},

  681. 

  682. 			filterFun() {

  683. 

  684. 			},

  685. 			//  过滤

  686. 			resetFilter() {

  687. 				this.sortFilter = '排序';

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

  689. 				this.screen.orderBy = null;

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

  691. 				this.screen.staTime = '';

  692. 				this.screen.endTime = '';

  693. 				this.nextPage = 1;

  694. 				this.activeTotal = 5;

  695. 				this.recordList = [];

  696. 				this.activeTotal2 = 0;

  697. 			},

  698. 			//选择排序

  699. 			selectCallback2(e) {

  700. 				this.sortFilter = e.label;

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

  702. 				this.nextPage = 1;

  703. 				this.recordList = [];

  704. 				this.soltishow = false;

  705. 				this.isRefresh = false;

  706. 				this.getMyCustom();

  707. 			},

  708. 			//时间选择

  709. 			tabtimetap(index, text) {

  710. 				this.timeshow = false;

  711. 				if (text) this.arriveFilter = text

  712. 				if (index == 4) {

  713. 					this.totalTimeShow = true;

  714. 				} else {

  715. 					this.activeTotal = index;

  716. 					this.screen.staTime = '';

  717. 					this.screen.endTime = '';

  718. 					this.nextPage = 1;

  719. 					this.isRefresh = false;

  720. 					this.recordList = [];

  721. 					this.getMyCustom();

  722. 				}

  723. 			},

  724. 			//自定义时间

  725. 			totalTimeChange(e) {

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

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

  728. 				this.activeTotal = 4;

  729. 				this.nextPage = 1;

  730. 				this.recordList = [];

  731. 				this.isRefresh = false;

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

  733. 				this.getMyCustom();

  734. 			},

  735. 		

  736. 			choice(item) {

  737. 				item.isShow = !item.isShow;

  738. 			},

  739. 			// 客户详情

  740. 			gotoDetail(id) {

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

  742. 					uni.navigateTo({

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

  744. 					})

  745. 				}

  746. 			},

  747. 			getMyCustom() {

  748. 				this.screen.visitRecord = []

  749. 				this.screen.jiedaiVal = []

  750. 				this.screen.wajueVal = []

  751. 				this.screen.xiaojiangVal = []

  752. 				this.screen.level = []

  753. 				this.screen.clientStage = []

  754. 				this.screen.sourceIds = []

  755. 				let dateType = 0;

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

  757. 					dateType = null;

  758. 				} else {

  759. 					dateType = this.activeTotal;

  760. 				}

  761. 				// 到访次数

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

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

  764. 				})

  765. 				// 接待时长

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

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

  768. 				})

  769. 				// 需求挖掘

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

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

  772. 				})

  773. 				// 销讲执行率

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

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

  776. 				})

  777. 				// 客户等级

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

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

  780. 				})

  781. 				//客户阶段

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

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

  784. 				})

  785. 				// 客户来源

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

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

  788. 				})

  789. 				var parames = {

  790. 					pageNum: this.nextPage,

  791. 					pageSize: 10,

  792. 					query: {

  793. 						projectId: this.buildingID,

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

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

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

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

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

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

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

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

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

  803. 						staTime: this.screen.staTime,

  804. 						endTime: this.screen.endTime,

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

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

  807. 					},

  808. 				};

  809. 				let ars = []

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

  811. 					if (item.isShow) {

  812. 						ars.push(item.id)

  813. 					}

  814. 				})

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

  816. 				

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

  818. 					.then((data) => {

  819. 						this.LOADING = false;

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

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

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

  823. 								item.isshow = true;

  824. 							} else {

  825. 								item.isshow = false;

  826. 							}

  827. 						});

  828. 						if (this.isRefresh) {

  829. 							this.recordList = list;

  830. 						} else {

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

  832. 						}

  833. 						this.totalRecord = data.pages;

  834. 						this.totalRecords = data.total;

  835. 					})

  836. 					.catch((e) => {

  837. 						this.LOADING = false;

  838. 					});

  839. 			},

  840. 			getMyCustom1() {

  841. 				let dateType = 0;

  842. 				let recDurationInterval = 0;

  843. 				let orderBy = 0;

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

  845. 					dateType = null;

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

  847. 					dateType = null;

  848. 				} else {

  849. 					dateType = this.activeTotal;

  850. 				}

  851. 

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

  853. 					recDurationInterval = null

  854. 				} else {

  855. 					recDurationInterval = this.activeTotal2

  856. 				}

  857. 

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

  859. 					orderBy = null;

  860. 				} else {

  861. 					orderBy = this.orderBy;

  862. 				}

  863. 

  864. 				var parames = {

  865. 					pageNum: this.nextPage,

  866. 					pageSize: 10,

  867. 					query: {

  868. 						projectId: this.buildingID,

  869. 						keywordsId: this.screen.cunsumerTipsid,

  870. 						agentId: this.screen.agentId,

  871. 						dateType: dateType,

  872. 						staDate: this.screen.staTime,

  873. 						endDate: this.screen.endTime,

  874. 						recDurationInterval: recDurationInterval,

  875. 						orderBy: orderBy,

  876. 						sourceId: this.sourceId

  877. 					}

  878. 				};

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

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

  881. 				}

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

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

  884. 				}

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

  886. 					this.LOADING = false

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

  888. 					list.forEach(item => {

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

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

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

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

  893. 								}

  894. 							})

  895. 						}

  896. 					})

  897. 					if (this.isRefresh) {

  898. 						this.recordList = list;

  899. 					} else {

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

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

  902. 					}

  903. 					this.totalRecord = data.totalPage;

  904. 					this.totalRecords = data.totalRecord;

  905. 				}).catch(e => {

  906. 					this.LOADING = false

  907. 				})

  908. 			},

  909. 			//获取顾问列表

  910. 			getFreeList() {

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

  912. 					houseId: this.buildingID

  913. 				}).then(res => {

  914. 					res.forEach(item => {

  915. 						item.label = item.name;

  916. 						item.value = item.accountId

  917. 					})

  918. 					res.unshift({

  919. 						label: '全部',

  920. 						value: ''

  921. 					})

  922. 					this.freeList = res

  923. 					console.log(this.freeList)

  924. 				})

  925. 			},

  926. 			//获取画像标签

  927. 			getWordMiningList() {

  928. 				this.huaxiangList = [];

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

  930. 						houseId: this.buildingID,

  931. 						selected: 1

  932. 					})

  933. 					.then((res) => {

  934. 						// console.log(res)

  935. 						if (res.length) {

  936. 							res.forEach(item => {

  937. 								item.isShow = true;

  938. 								if (item.children.length) {

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

  940. 										subitem.isShow = false;

  941. 									})

  942. 								}

  943. 							})

  944. 						}

  945. 						this.huaxiangList = res;

  946. 					});

  947. 			},

  948. 			

  949. 			//选择顾问

  950. 			actionSelectCallback(e) {

  951. 				console.log(e)

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

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

  954. 					this.screen.agentId= ''

  955. 				}else{

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

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

  958. 				}

  959. 			},

  960. 			

  961. 				//重置

  962. 			reset() {

  963. 				this.screen = {

  964. 					agentId: "",

  965. 					visitRecord: [],

  966. 					record: [],

  967. 					clientStage: "",

  968. 					clientStageName: "",

  969. 				};

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

  971. 					i.isShow = false;

  972. 				});

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

  974. 					i.isShow = false;

  975. 				});

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

  977. 					i.isShow = false;

  978. 				});

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

  980. 					i.isShow = false;

  981. 				});

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

  983. 					i.isShow = false;

  984. 				});

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

  986. 					i.isShow = false;

  987. 				});

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

  989. 					i.isShow = false;

  990. 				});

  991. 				this.nextPage = 1;

  992. 				this.recordList = [];

  993. 				this.isRefresh = false;

  994. 				this.getMyCustom();

  995. 			},

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

  997. 			resetHuaXiang() {

  998. 				if (this.huaxiangList.length) {

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

  1000. 						item.isShow = true;

  1001. 						if (item.children.length) {

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

  1003. 								subitem.isShow = false;

  1004. 							})

  1005. 						}

  1006. 					})

  1007. 				}

  1008. 			},

  1009. 			//筛选确认

  1010. 			screensure() {

  1011. 				this.nextPage = 1;

  1012. 				this.recordList = [];

  1013. 				this.keywordsIds = []

  1014. 				this.screenShow = false;

  1015. 				this.huaxiangShow = false;

  1016. 				this.isRefresh = false;

  1017. 				// 画像标签

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

  1019. 					if (item.children.length) {

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

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

  1022. 						})

  1023. 					}

  1024. 				})

  1025. 				this.getMyCustom();

  1026. 			},

  1027. 			goSearch() {

  1028. 				uni.navigateTo({

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

  1030. 				});

  1031. 			},

  1032. 			gotoFollowUp(item) {

  1033. 				uni.navigateTo({

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

  1035. 				})

  1036. 			},

  1037. 		},

  1038. 

  1039. 		filters: {

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

  1041. 			levelText(level) {

  1042. 				let str = '';

  1043. 				switch (Number(level)) {

  1044. 					case 1:

  1045. 						str = "A"

  1046. 						break;

  1047. 					case 2:

  1048. 						str = "B"

  1049. 						break;

  1050. 					case 3:

  1051. 						str = "C"

  1052. 						break;

  1053. 					case 4:

  1054. 						str = "D"

  1055. 						break;

  1056. 					default:

  1057. 						str = ''

  1058. 						break;

  1059. 				}

  1060. 				return str

  1061. 			},

  1062. 

  1063. 			// 加密手机

  1064. 			phoneText(mobile) {

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

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

  1067. 				else return mobile

  1068. 			},

  1069. 

  1070. 			// 格式化时间

  1071. 			formatTime(time) {

  1072. 				if (!time) return

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

  1074. 			}

  1075. 		}

  1076. 	}

  1077. </script>

  1078. 

  1079. <style lang="scss" scoped>

  1080. 	.box {

  1081. 		width: 100vw;

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

  1083. 		background: #F8F8F8;

  1084. 		display: flex;

  1085. 		flex-direction: column;

  1086. 		.top-search {

  1087. 		display: flex;

  1088. 		align-items: center;

  1089. 		justify-content: space-between;

  1090. 		background: #fff;

  1091. 		padding-right: 30rpx;

  1092. 

  1093. 		.filter-icon {

  1094. 			width: 40rpx;

  1095. 			height: 40rpx;

  1096. 			padding: 15rpx;

  1097. 		}

  1098. 

  1099. 		.search-box {

  1100. 			width: 670rpx;

  1101. 			height: 102rpx;

  1102. 			background: #ffffff;

  1103. 			display: flex;

  1104. 			align-items: center;

  1105. 			justify-content: center;

  1106. 

  1107. 			.search {

  1108. 				width: 94%;

  1109. 				height: 70rpx;

  1110. 				display: flex;

  1111. 				align-items: center;

  1112. 				background: #f8f8f8;

  1113. 				border-radius: 33rpx;

  1114. 

  1115. 				.search-img {

  1116. 					width: 26rpx;

  1117. 					height: 30rpx;

  1118. 					margin-left: 20rpx;

  1119. 

  1120. 					.search-img1 {

  1121. 						width: 100%;

  1122. 						height: 100%;

  1123. 						margin-top: 2rpx;

  1124. 					}

  1125. 				}

  1126. 

  1127. 				.search-text {

  1128. 					font-size: 28rpx;

  1129. 					font-weight: 400;

  1130. 					color: #999999;

  1131. 					margin-left: 10rpx;

  1132. 				}

  1133. 			}

  1134. 

  1135. 			.search-screen {

  1136. 				width: 40rpx;

  1137. 				height: 40rpx;

  1138. 				margin-left: 30rpx;

  1139. 

  1140. 				.search-screen1 {

  1141. 					width: 100%;

  1142. 					height: 100%;

  1143. 				}

  1144. 			}

  1145. 		}

  1146. 	}

  1147. 

  1148. 		.content {

  1149. 			flex-grow: 1;

  1150. 		}

  1151. 	}

  1152. 

  1153. 	.timeview {

  1154. 		height: 90rpx;

  1155. 		line-height: 90rpx;

  1156. 		width: 100%;

  1157. 		text-align: center;

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

  1159. 	}

  1160. 

  1161. 	//时间切换的样式

  1162. 	.boxtittab {

  1163. 		position: sticky;

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

  1165. 		z-index: 999;

  1166. 		width: 100;

  1167. 		height: 72rpx;

  1168. 		background: #FFFFFF;

  1169. 		flex-shrink: 0;

  1170. 		display: flex;

  1171. 		align-items: center;

  1172. 

  1173. 		.tabbox {

  1174. 			flex: 1;

  1175. 			height: 100%;

  1176. 			text-align: center;

  1177. 			line-height: 72rpx;

  1178. 			color: #666666;

  1179. 			font-size: 28rpx;

  1180. 			overflow: hidden;

  1181. 			text-overflow: ellipsis;

  1182. 			display: -webkit-box;

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

  1184. 			-webkit-line-clamp: 1;

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

  1186. 			-webkit-box-orient: vertical;

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

  1188. 		}

  1189. 

  1190. 		.activeColor {

  1191. 			color: #2671E2;

  1192. 			font-weight: bold;

  1193. 		}

  1194. 	}

  1195. 

  1196. 	.soltishow {

  1197. 		width: 100%;

  1198. 		min-height: 40vh;

  1199. 

  1200. 		.soltishow-item {

  1201. 			width: 100%;

  1202. 			height: 80rpx;

  1203. 			display: flex;

  1204. 			align-items: center;

  1205. 			justify-content: center;

  1206. 		}

  1207. 	}

  1208. 	.count {

  1209. 		width: 100%;

  1210. 		height: 82rpx;

  1211. 		line-height: 82rpx;

  1212. 		display: flex;

  1213. 		align-items: center;

  1214. 		justify-content: center;

  1215. 		background-color: #f8f8f8;

  1216. 		font-size: 30rpx;

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

  1218. 		font-weight: 400;

  1219. 		color: #333333;

  1220. 

  1221. 		text {

  1222. 			color: #E7483C;

  1223. 		}

  1224. 	}

  1225. 

  1226. 

  1227. 	.content {

  1228. 		.content-tips {

  1229. 			background: #fff;

  1230. 			margin-bottom: 20rpx;

  1231. 

  1232. 			.content-first {

  1233. 				padding: 19rpx 30rpx;

  1234. 				display: flex;

  1235. 				justify-content: space-between;

  1236. 				align-items: center;

  1237. 				box-sizing: border-box;

  1238. 				color: #292929;

  1239. 				height: 90rpx;

  1240. 				font-size: 30rpx;

  1241. 

  1242. 				.left {

  1243. 					display: flex;

  1244. 					align-items: center;

  1245. 

  1246. 					.img {

  1247. 						width: 48rpx;

  1248. 						height: 48rpx;

  1249. 						line-height: 48rpx;

  1250. 						text-align: center;

  1251. 						margin-right: 16rpx;

  1252. 						background: #E6625B;

  1253. 						border-radius: 6rpx;

  1254. 						font-size: 28rpx;

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

  1256. 						font-weight: 400;

  1257. 						color: #FFFFFF;

  1258. 					}

  1259. 

  1260. 					.clientStageName {

  1261. 						margin-right: 20rpx;

  1262. 						padding: 0 16rpx;

  1263. 						font-size: 28rpx;

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

  1265. 						font-weight: 400;

  1266. 						color: #FF981E;

  1267. 						height: 48rpx;

  1268. 						line-height: 48rpx;

  1269. 						background: #FFFFFF;

  1270. 						border-radius: 4rpx;

  1271. 						border: 1rpx solid #FF981E;

  1272. 						box-sizing: border-box;

  1273. 					}

  1274. 

  1275. 					.A {

  1276. 						background: #E6625B;

  1277. 					}

  1278. 

  1279. 					.B {

  1280. 						background: #FF981E;

  1281. 					}

  1282. 

  1283. 					.C {

  1284. 						background: #F6BD16;

  1285. 					}

  1286. 

  1287. 					.D {

  1288. 						background: #E6625B;

  1289. 					}

  1290. 

  1291. 

  1292. 					.test {

  1293. 						height: 42rpx;

  1294. 						font-size: 30rpx;

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

  1296. 						font-weight: 500;

  1297. 						color: #333333;

  1298. 						line-height: 42rpx;

  1299. 						margin-right: 16rpx;

  1300. 					}

  1301. 				}

  1302. 

  1303. 				.right {

  1304. 					display: flex;

  1305. 					align-items: center;

  1306. 					color: #2671E2;

  1307. 					font-size: 30rpx;

  1308. 

  1309. 					.right-img {

  1310. 						margin: 5rpx 0 0 10rpx;

  1311. 						width: 14rpx;

  1312. 						height: 30rpx;

  1313. 					}

  1314. 				}

  1315. 			}

  1316. 

  1317. 			.content-sec {

  1318. 				border-top: 1rpx solid #E0E0E0;

  1319. 				padding: 0 28rpx 28rpx;

  1320. 				position: relative;

  1321. 

  1322. 				.content-sec-lab {

  1323. 					margin-top: 28rpx;

  1324. 					display: flex;

  1325. 					font-size: 30rpx;

  1326. 					font-weight: 400;

  1327. 					color: #333;

  1328. 					line-height: 42rpx;

  1329. 

  1330. 					.content-sec-lab1 {

  1331. 						color: #333333;

  1332. 					}

  1333. 

  1334. 					.content-sec-tips {

  1335. 						padding: 0 20rpx;

  1336. 						height: 48rpx;

  1337. 						background: #F4F8FD;

  1338. 						border-radius: 6rpx;

  1339. 						max-width: 160rpx;

  1340. 						text-align: center;

  1341. 						line-height: 48rpx;

  1342. 						overflow: hidden;

  1343. 						text-overflow: ellipsis;

  1344. 						white-space: nowrap;

  1345. 						font-weight: 400;

  1346. 						margin-right: 12rpx;

  1347. 						box-sizing: border-box;

  1348. 						font-size: 28rpx;

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

  1350. 						color: #2671E2;

  1351. 					}

  1352. 				}

  1353. 

  1354. 				.content-sec-num {

  1355. 					position: absolute;

  1356. 					width: 196rpx;

  1357. 					height: 112rpx;

  1358. 					border-radius: 8rpx;

  1359. 					top: 28rpx;

  1360. 					right: 30rpx;

  1361. 					padding: 16rpx 20rpx;

  1362. 					background: #F4F8FD;

  1363. 					color: #2671E2;

  1364. 					line-height: 40rpx;

  1365. 					text-align: center;

  1366. 				}

  1367. 			}

  1368. 

  1369. 			.content-last {

  1370. 				display: flex;

  1371. 				justify-content: flex-end;

  1372. 				align-items: center;

  1373. 				padding-bottom: 30rpx;

  1374. 

  1375. 				.content-last-tab {

  1376. 					width: 214rpx;

  1377. 					height: 70rpx;

  1378. 					line-height: 70rpx;

  1379. 					background: #FFFFFF;

  1380. 					border-radius: 8rpx;

  1381. 					border: 1rpx solid #2671E2;

  1382. 					box-sizing: border-box;

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

  1384. 					font-weight: 400;

  1385. 					color: #2671E2;

  1386. 					font-size: 30rpx;

  1387. 					margin-right: 30rpx;

  1388. 					display: flex;

  1389. 					align-items: center;

  1390. 					justify-content: center;

  1391. 

  1392. 					image {

  1393. 						width: 40rpx;

  1394. 						height: 40rpx;

  1395. 						margin-right: 12rpx;

  1396. 					}

  1397. 				}

  1398. 			}

  1399. 

  1400. 		}

  1401. 	}

  1402. 

  1403. 	// 这是弹出层

  1404. 	.screen {

  1405. 		.screen-record {

  1406. 			overflow: hidden;

  1407. 			padding: 0 30rpx;

  1408. 			box-sizing: border-box;

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

  1410. 

  1411. 			.screen-record-text {

  1412. 				font-weight: 600;

  1413. 				padding: 30rpx 0;

  1414. 				font-size: 30rpx;

  1415. 				color: #333333;

  1416. 				line-height: 30rpx;

  1417. 				display: flex;

  1418. 				align-items: center;

  1419. 				justify-content: space-between;

  1420. 

  1421. 				.arrow {

  1422. 					width: 30rpx;

  1423. 					height: 14rpx;

  1424. 				}

  1425. 			}

  1426. 

  1427. 			.screen-record-tab {

  1428. 				margin-top: 30rpx;

  1429. 				padding-bottom: 10rpx;

  1430. 				display: flex;

  1431. 				flex-wrap: wrap;

  1432. 

  1433. 				.screen-record-item {

  1434. 					min-width: 150rpx;

  1435. 					padding: 0 14rpx;

  1436. 					height: 60rpx;

  1437. 					border-radius: 8rpx;

  1438. 					text-align: center;

  1439. 					line-height: 60rpx;

  1440. 					margin: 0 22rpx 22rpx 0;

  1441. 

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

  1443. 						margin-right: 0;

  1444. 					}

  1445. 				}

  1446. 

  1447. 				.screen-record-chose {

  1448. 					background: #f1f6fd;

  1449. 					color: #2671e2;

  1450. 				}

  1451. 

  1452. 				.screen-record-nochose {

  1453. 					background: #f7f8fa;

  1454. 					color: #333;

  1455. 				}

  1456. 			}

  1457. 		}

  1458. 

  1459. 		.screen-foot {

  1460. 			width: 100%;

  1461. 			height: 78rpx;

  1462. 			display: flex;

  1463. 			margin: 30rpx 30rpx 0;

  1464. 

  1465. 			.screen-foot-reset {

  1466. 				width: 176rpx;

  1467. 				height: 78rpx;

  1468. 				line-height: 78rpx;

  1469. 				background: #FFFFFF;

  1470. 				border-radius: 8rpx;

  1471. 				border: 1px solid #2671E2;

  1472. 				margin-right: 30rpx;

  1473. 				font-size: 30rpx;

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

  1475. 				font-weight: 400;

  1476. 				color: #2671E2;

  1477. 				text-align: center;

  1478. 			}

  1479. 

  1480. 			.screen-foot-sure {

  1481. 				width: 484rpx;

  1482. 				height: 78rpx;

  1483. 				line-height: 78rpx;

  1484. 				background: #2671E2;

  1485. 				border: 1px solid #2671E2;

  1486. 				border-radius: 8rpx;

  1487. 				font-size: 30rpx;

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

  1489. 				font-weight: 400;

  1490. 				color: #FFFFFF;

  1491. 				text-align: center;

  1492. 			}

  1493. 		}

  1494. 	}

  1495. </style>