liumin
/
NewZkgj
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
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.
520 Commits
7 Branches
28 MiB
 
 
 
Tree: 5997387ddd
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '5997387ddd'
${ noResults }
NewZkgj/pages/center/records/index.vue

1240 lines
32 KiB
Raw Blame History 

  1. <template>

  2. 	<view class="box">

  3. 		<!-- 搜索框点击跳转 -->

  4. 		<!-- <view>

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

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

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

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

  9. 					</view>

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

  11. 				</view>

  12. 			</view>

  13. 		</view> -->

  14. 

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

  16. 		<view class="boxtittab">

  17. 			<!-- 排序 -->

  18. 			<view class="tabbox" @click="soltishow = true" :style="sortFilter=='排序'?'color:#666':'color:#409eff'">

  19. 				{{ sortFilter }}

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

  21. 			</view>

  22. 			<!-- 接待时间 -->

  23. 			<view class="tabbox" @click="timeshow = true" :style="arriveFilter=='接待时间'?'color:#666':'color:#409eff'">

  24. 				{{ arriveFilter }}

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

  26. 			</view>

  27. 			<!-- //接待顾问 -->

  28. 			<view class="tabbox" @click="selectshow = true" :style="counselorName=='接待顾问'?'color:#666':'color:#409eff'">

  29. 				{{ counselorName }}

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

  31. 			</view>

  32. 			<view class="tabbox" @click="screenShow = true">

  33. 				更多筛选<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>

  34. 			</view>

  35. 		</view>

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

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

  38. 		</view>

  39. 		<view class="content">

  40. 			<view v-if="recordList.length==0"

  41. 				style="width: 100%;height: 100%;display: flex;align-items: center;background: #FFFFFF;">

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

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

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

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

  46. 					</view>

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

  48. 				</view>

  49. 			</view>

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

  51. 				@click="tapThevisiting(item)">

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

  53. 					<view class="left">

  54. 						<view class="name">{{item.agentName}}</view>

  55. 						<view class="status" v-if="item.replaceReception==1">代接待</view>

  56. 						<view class="normal-status">{{item.receptionStatusName || ''}}

  57. 						</view>

  58. 					</view>

  59. 					<view class="right" v-if="item.recording!=0">

  60. 						<view style="margin-right: 6rpx;">{{item.validInvalidName||''}}</view>

  61. 						<view v-if="methodsisshow">

  62. 							<text style="color: red;" v-if="item.taboo==1">违禁接待</text>

  63. 							<text v-if="item.taboo==1"> |</text>

  64. 						</view>

  65. 						<view v-if="item.markAdvisor==0" class="">未标记</view>

  66. 						<view v-if="item.markAdvisor==1" class="">已标记</view>

  67. 					</view>

  68. 					<view class="right" v-else>

  69. 						<view class="">无录音</view>

  70. 					</view>

  71. 				</view>

  72. 				<view class="content-time">

  73. 					{{item.createTime}} | {{item.mm || '0'}}min

  74. 				</view>

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

  76. 					<view class="left">客户：{{item.name || '--'}}</view>

  77. 					<view class="right">销讲业务：{{ item.marketingBusinessName || '--' }}</view>

  78. 				</view>

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

  80. 					<view class="cont-item">

  81. 						<view class="count">{{item.visitRecord|| 0}}</view>

  82. 						<view class="text">访问次数</view>

  83. 					</view>

  84. 					<view class="cont-item">

  85. 						<view class="count">{{item.wordFraction||0}}%</view>

  86. 						<!-- <view class="count">{{item.demand.cusSemanticWordsList?item.demand.cusSemanticWordsList.length:'--'}}</view> -->

  87. 						<view class="text">挖掘执行</view>

  88. 					</view>

  89. 					<view class="cont-item">

  90. 						<view class="count">{{item.wordFinishFraction|| 0}}%</view>

  91. 						<view class="text">挖掘成功</view>

  92. 					</view>

  93. 					<view class="cont-item">

  94. 						<view class="count" style="color: #2671E2;font-weight:600">{{item.fraction|| 0}}%</view>

  95. 						<view class="text">销讲执行率</view>

  96. 					</view>

  97. 				</view>

  98. 			</view>

  99. 		</view>

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

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

  102. 			<view class="screen">

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

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

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

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

  107. 							销讲业务

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

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

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

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

  112. 						</view>

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

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

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

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

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

  118. 									{{item.templateName}}

  119. 								</view>

  120. 							</block>

  121. 						</view>

  122. 					</view>

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

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

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

  126. 							销讲执行率

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

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

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

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

  131. 						</view>

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

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

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

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

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

  137. 									{{item.label}}

  138. 								</view>

  139. 							</block>

  140. 						</view>

  141. 					</view>

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

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

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

  145. 							需求挖掘率

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

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

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

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

  150. 						</view>

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

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

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

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

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

  156. 									{{item.label}}

  157. 								</view>

  158. 							</block>

  159. 						</view>

  160. 					</view>

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

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

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

  164. 							接待时长

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

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

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

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

  169. 						</view>

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

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

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

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

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

  175. 									{{item.label}}

  176. 								</view>

  177. 							</block>

  178. 						</view>

  179. 					</view>

  180. 					<!-- 录音标识 -->

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

  182. 						<view class="screen-record-text" @click="luyinArrow=!luyinArrow">

  183. 							录音标识

  184. 							<image v-if="luyinArrow" class="arrow"

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

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

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

  188. 						</view>

  189. 						<view class="screen-record-tab" v-if="luyinArrow">

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

  191. 								:class="[screen.validInvalid===0?'screen-record-chose':'screen-record-nochose']"

  192. 								@click="screenvisivalidInvalid(0)">

  193. 								有效接待

  194. 							</view>

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

  196. 								:class="[screen.validInvalid===1?'screen-record-chose':'screen-record-nochose']"

  197. 								@click="screenvisivalidInvalid(1)">

  198. 								无效接待

  199. 							</view>

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

  201. 								:class="[screen.validInvalid===2?'screen-record-chose':'screen-record-nochose']"

  202. 								@click="screenvisivalidInvalid(2)">

  203. 								无录音

  204. 							</view>

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

  206. 								:class="[screen.validInvalid===3?'screen-record-chose':'screen-record-nochose']"

  207. 								@click="screenvisivalidInvalid(3)">

  208. 								无效（未审核）

  209. 							</view>

  210. 						</view>

  211. 					</view>

  212. 					<!-- 标记顾问 -->

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

  214. 						<view class="screen-record-text" @click="markArrow=!markArrow">

  215. 							标记顾问

  216. 							<image v-if="markArrow" class="arrow"

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

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

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

  220. 						</view>

  221. 						<view class="screen-record-tab" v-if="markArrow">

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

  223. 								:class="[screen.markAdvisor==1?'screen-record-chose':'screen-record-nochose']"

  224. 								@click="screenvisitRecord(1)">

  225. 								标记

  226. 							</view>

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

  228. 								:class="[screen.markAdvisor===0?'screen-record-chose':'screen-record-nochose']"

  229. 								@click="screenvisitRecord(0)">

  230. 								未标记

  231. 							</view>

  232. 						</view>

  233. 					</view>

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

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

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

  237. 							到访次数

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

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

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

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

  242. 						</view>

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

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

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

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

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

  248. 									{{item.label}}

  249. 								</view>

  250. 							</block>

  251. 						</view>

  252. 					</view>

  253. 				</scroll-view>

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

  255. 					<view class="screen-foot-reset" @click="reset">

  256. 						重置

  257. 					</view>

  258. 					<view class="screen-foot-sure" @click="screensure">

  259. 						确定

  260. 					</view>

  261. 				</view>

  262. 			</view>

  263. 		</u-popup>

  264. 

  265. 

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

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

  268. 		<!-- //排序 -->

  269. 		<u-select v-model="soltishow" :list="orderBylist" @confirm="selectCallback2"></u-select>

  270. 		<!-- 日历-自定义 -->

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

  272. 		<!-- 接待时间 -到访时间-->

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

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

  275. 				@click="tabtimetap(15, '接待时间')">

  276. 				全部</view>

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

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

  279. 				今天</view>

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

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

  282. 				昨天</view>

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

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

  285. 				近7天</view>

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

  287. 				@click="tabtimetap(5, '近15天')">

  288. 				近15天</view>

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

  290. 				@click="tabtimetap(6, '近30天')">

  291. 				近30天</view>

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

  293. 				@click="tabtimetap(4, '')">

  294. 				自定义</view>

  295. 		</u-popup>

  296. 

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

  298. 		<loading v-model="LOADING"></loading>

  299. 	</view>

  300. </template>

  301. 

  302. <script>

  303. 	import loading from "@/components/loading/index.vue"

  304. 	export default {

  305. 		components: {

  306. 			loading

  307. 		},

  308. 		data() {

  309. 			return {

  310. 				wajueArrow: true,

  311. 				zixunArrow: true,

  312. 				jiedaiArrow: true,

  313. 				luyinArrow: true,

  314. 				visitArrow: true,

  315. 				xiaojiangArrow: true,

  316. 				markArrow: true,

  317. 				orderBylist: [{

  318. 						label: '全部',

  319. 						value: ''

  320. 					},

  321. 					{

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

  323. 						value: '1'

  324. 					},

  325. 					{

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

  327. 						value: '2'

  328. 					},

  329. 					{

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

  331. 						value: '3'

  332. 					},

  333. 					{

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

  335. 						value: '4'

  336. 					},

  337. 					{

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

  339. 						value: '5'

  340. 					},

  341. 					{

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

  343. 						value: '6'

  344. 					},

  345. 					{

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

  347. 						value: '7'

  348. 					},

  349. 					{

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

  351. 						value: '8'

  352. 					},

  353. 					{

  354. 						label: '需求挖掘率正序',

  355. 						value: '9'

  356. 					},

  357. 					{

  358. 						label: '需求挖掘率倒序',

  359. 						value: '10'

  360. 					}

  361. 				],

  362. 				zixunList: [{

  363. 					label: '一期住宅',

  364. 					value: 1,

  365. 					isShow: false,

  366. 				}, {

  367. 					label: '二期住宅',

  368. 					value: 2,

  369. 					isShow: false,

  370. 				}, {

  371. 					label: '三期住宅',

  372. 					value: 3,

  373. 					isShow: false,

  374. 				}, {

  375. 					label: '商铺',

  376. 					value: 4,

  377. 					isShow: false,

  378. 				}],

  379. 				jiedaiList: [{

  380. 					label: '0~15min',

  381. 					value: 1,

  382. 					isShow: false,

  383. 				}, {

  384. 					label: '16~30min',

  385. 					value: 2,

  386. 					isShow: false,

  387. 				}, {

  388. 					label: '31~60min',

  389. 					value: 3,

  390. 					isShow: false,

  391. 				}, {

  392. 					label: '61~90min',

  393. 					value: 4,

  394. 					isShow: false,

  395. 				}, {

  396. 					label: '91min及以上',

  397. 					value: 5,

  398. 					isShow: false,

  399. 				}],

  400. 				wajueList: [{

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

  402. 					value: 1,

  403. 					isShow: false,

  404. 				}, {

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

  406. 					value: 2,

  407. 					isShow: false,

  408. 				}, {

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

  410. 					value: 3,

  411. 					isShow: false,

  412. 				}, {

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

  414. 					value: 4,

  415. 					isShow: false,

  416. 				}],

  417. 				xiaojiangList: [{

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

  419. 					value: 1,

  420. 					isShow: false,

  421. 				}, {

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

  423. 					value: 2,

  424. 					isShow: false,

  425. 				}, {

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

  427. 					value: 3,

  428. 					isShow: false,

  429. 				}, {

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

  431. 					value: 4,

  432. 					isShow: false,

  433. 				}],

  434. 				visitList: [{

  435. 					label: '首次到访',

  436. 					value: 1,

  437. 					isShow: false,

  438. 				}, {

  439. 					label: '第2次到访',

  440. 					value: 2,

  441. 					isShow: false,

  442. 				}, {

  443. 					label: '第3次到访',

  444. 					value: 3,

  445. 					isShow: false,

  446. 				}, {

  447. 					label: '3次以上',

  448. 					value: 4,

  449. 					isShow: false,

  450. 				}],

  451. 				activeTotal: 15,

  452. 				value: '',

  453. 				screenShow: false, //更多筛选

  454. 				selectshow: false, //选择顾问的选择框

  455. 				totalTimeShow: false, // 日历

  456. 				screen: {

  457. 					orderBy: '', //排序

  458. 					agentId: '', //顾问id

  459. 					markAdvisor: '', //标记顾问

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

  461. 					// zixunVal: [],// 咨询业务

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

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

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

  465. 					validInvalid: '', // 录音标识

  466. 					marketingBusiness: '', // 选中销讲业务id ，

  467. 				},

  468. 				freeList: [], //顾问

  469. 				recordList: [],

  470. 				buildingID: '',

  471. 				nextPage: 1,

  472. 				totalRecord: "",

  473. 				staTime: '',

  474. 				endTime: '',

  475. 				isnorefresh: '',

  476. 				timeshow: false,

  477. 				timetushow: false,

  478. 				soltishow: false,

  479. 				methodsisshow: false,

  480. 				userInfo: {},

  481. 				totalRecords: '',

  482. 				keywordsId: '',

  483. 				isRefresh: false,

  484. 				// 筛选文字展示

  485. 				sortFilter: '排序',

  486. 				arriveFilter: '接待时间',

  487. 				counselorName: '接待顾问',

  488. 				source: '', //从挖掘分析页跳转来的

  489. 

  490. 

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

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

  493. 			}

  494. 		},

  495. 		onLoad(options) {

  496. 			this.LOADING = true

  497. 			this.isnorefresh = options.refresh;

  498. 

  499. 			if (options.source) {

  500. 				this.source = options.source

  501. 			}

  502. 			if (options.activeTotal) {

  503. 				this.activeTotal = Number(options.activeTotal)

  504. 			}

  505. 

  506. 			if (options.markAdvisor) {

  507. 				this.screen.markAdvisor = Number(options.markAdvisor)

  508. 			}

  509. 

  510. 			if (options.validInvalid) {

  511. 				this.screen.validInvalid = Number(options.validInvalid)

  512. 			}

  513. 			if (options.keywordsId) {

  514. 				this.keywordsId = Number(options.keywordsId)

  515. 			}

  516. 

  517. 			if (options.staTime) {

  518. 				this.staTime = options.staTime;

  519. 				this.endTime = options.endtime;

  520. 			}

  521. 			if (this.keywordsName) {

  522. 

  523. 			}

  524. 		},

  525. 		onShow() {

  526. 			this.userInfo = uni.getStorageSync('weapp_session_userInfo_data');

  527. 			if (this.userInfo.dataCode == 6 || this.userInfo.dataCode == 3) {

  528. 				this.methodsisshow = false;

  529. 			} else {

  530. 				this.methodsisshow = true;

  531. 			}

  532. 			if (this.isnorefresh == 'refresh') {

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

  534. 				this.recordList = [];

  535. 				this.nextPage = 1;

  536. 				this.isRefresh = false;

  537. 				this.getRecordsList()

  538. 				this.getFreeList();

  539. 				this.getMarketingBusiness()

  540. 				this.isnorefresh = '';

  541. 			}

  542. 		},

  543. 		onPullDownRefresh() {

  544. 			this.isRefresh = true;

  545. 			this.nextPage = 1;

  546. 			this.getRecordsList()

  547. 			setTimeout(function() {

  548. 				uni.stopPullDownRefresh();

  549. 			}, 1000);

  550. 		},

  551. 		onReachBottom() {

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

  553. 				uni.showToast({

  554. 					icon: 'none',

  555. 					title: '到底了',

  556. 					duration: 2000

  557. 				});

  558. 				return

  559. 			} else {

  560. 				this.nextPage += 1;

  561. 				this.getRecordsList();

  562. 				this.isRefresh = false;

  563. 			}

  564. 		},

  565. 		methods: {

  566. 

  567. 			// 获取销讲业务

  568. 			getMarketingBusiness() {

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

  570. 					houseId: this.buildingID,

  571. 				}).then(res => {

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

  573. 						return {

  574. 							...item,

  575. 							isShow: false,

  576. 						}

  577. 					})

  578. 				})

  579. 			},

  580. 

  581. 			choice(item) {

  582. 				item.isShow = !item.isShow;

  583. 			},

  584. 			//选择排序

  585. 			selectCallback2(e) {

  586. 				this.sortFilter = e[0].label;

  587. 				this.screen.orderBy = e[0].value;

  588. 				this.nextPage = 1;

  589. 				this.recordList = [];

  590. 				this.isRefresh = false;

  591. 				this.getRecordsList();

  592. 			},

  593. 			//时间选择 -到访-接待时间

  594. 			tabtimetap(index, text) {

  595. 				this.timeshow = false;

  596. 				if (text) this.arriveFilter = text

  597. 				if (index == 4) {

  598. 					this.totalTimeShow = true;

  599. 				} else {

  600. 					this.activeTotal = index;

  601. 					this.nextPage = 1;

  602. 					this.recordList = [];

  603. 					this.isRefresh = false;

  604. 					this.getRecordsList();

  605. 				}

  606. 			},

  607. 			//自定义时间

  608. 			totalTimeChange(e) {

  609. 				this.staTime = e.startDate;

  610. 				this.endTime = e.endDate;

  611. 				this.activeTotal = 4;

  612. 				this.nextPage = 1;

  613. 				this.recordList = [];

  614. 				this.isRefresh = false;

  615. 				this.getRecordsList();

  616. 			},

  617. 			tapThevisiting(item) {

  618. 				uni.showLoading({

  619. 					title: '加载中',

  620. 					mask: true

  621. 				});

  622. 				if (item.status == 0) {

  623. 					setTimeout(function() {

  624. 						uni.hideLoading();

  625. 					}, 2000);

  626. 					uni.showToast({

  627. 						icon: "none",

  628. 						title: "排队中"

  629. 					})

  630. 					return

  631. 				} else {

  632. 					// if(this.source=='wajue'){

  633. 					// 	let parames1 = {

  634. 					// 			marketingId: this.keywordsId,

  635. 					// 			customerId: item.id,

  636. 					// 			type: '1'

  637. 					// 		}

  638. 					// 	this.$u.post("/corpus/pinWordMatching", parames1).then(res => {

  639. 					// 		let items = JSON.parse(res[0].transferContent)

  640. 					// 		uni.setStorageSync("searchobj", items); //写入缓存

  641. 					// 	}).catch(e => {

  642. 

  643. 					// 	})

  644. 					// }

  645. 

  646. 					const parames = {

  647. 						pageNum: 1,

  648. 						pageSize: 100,

  649. 						query: {

  650. 							customerId: item.id,

  651. 						}

  652. 					}

  653. 					var item1 = {

  654. 						bg: 0,

  655. 						customerId: item.id,

  656. 						wordFraction: item.wordFraction

  657. 					}

  658. 

  659. 					uni.setStorageSync("searchobj", item1); //写入缓存

  660. 					uni.setStorageSync("entrance", 1); //写入缓存

  661. 					this.$u.post("/corpus/findByPage", parames).then(res => {

  662. 						if (res == null) {

  663. 							setTimeout(function() {

  664. 								uni.hideLoading();

  665. 							}, 2000);

  666. 							uni.showToast({

  667. 								icon: "none",

  668. 								title: "暂无音频"

  669. 							})

  670. 							return

  671. 						} else {

  672. 							setTimeout(function() {

  673. 								uni.hideLoading();

  674. 							}, 2000);

  675. 							let newobj = res[0];

  676. 							if (res[0].merge == 0) {

  677. 								uni.navigateTo({

  678. 									url: `/pages/mine/details2?customerId=${newobj.customerId}&status=${newobj.status}&stateisshow=${"2"}&wordFraction=${item.wordFraction}`

  679. 								})

  680. 							} else {

  681. 								uni.navigateTo({

  682. 									url: `/pages/mine/details?customerId=${newobj.customerId}&status=${newobj.status}&stateisshow=${"1"}`

  683. 								})

  684. 							}

  685. 						}

  686. 					})

  687. 				}

  688. 

  689. 			},

  690. 			// 获取接待记录列表

  691. 			getRecordsList() {

  692. 				this.screen.visitRecord = []

  693. 				this.screen.jiedaiVal = []

  694. 				this.screen.wajueVal = []

  695. 				this.screen.xiaojiangVal = []

  696. 				let dateType = 0;

  697. 				if ((this.activeTotal == 15) || (this.activeTotal == 4)) { // 选择全部和自定义

  698. 					dateType = null;

  699. 				} else {

  700. 					dateType = this.activeTotal;

  701. 					this.staTime = ''

  702. 					this.endTime = ''

  703. 				}

  704. 				// 到访次数

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

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

  707. 				})

  708. 				// 接待时长

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

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

  711. 				})

  712. 				// 需求挖掘

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

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

  715. 				})

  716. 				// 销讲执行率

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

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

  719. 				})

  720. 				var parames = {

  721. 					pageNum: this.nextPage,

  722. 					pageSize: 10,

  723. 					query: {

  724. 						projectId: this.buildingID,

  725. 						keywordsId: this.keywordsId,

  726. 						staTime: this.staTime, // 接待时间

  727. 						endTime: this.endTime, // 接待时间

  728. 						agentId: this.screen.agentId, // 顾问ID

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

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

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

  732. 						fractions: this.screen.xiaojiangVal.length ? this.screen.xiaojiangVal.join(',') : '', //销讲

  733. 						markAdvisor: this.screen.markAdvisor, //标记顾问

  734. 						dateType: dateType, //时间类型

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

  736. 						validInvalid: this.screen.validInvalid, //录音标识

  737. 						clientStage: this.screen.clientStage, // 客户阶段

  738. 						recording: this.screen.validInvalid == 2 ? 0 : null // 录音

  739. 					}

  740. 				};

  741. 				let ars = []

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

  743. 					if (item.isShow) {

  744. 						ars.push(item.id)

  745. 					}

  746. 				})

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

  748. 				if (this.screen.agentId) {

  749. 					parames.query.agentId = this.screen.agentId

  750. 				}

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

  752. 					this.LOADING = false

  753. 					if (this.staTime && this.endTime) {

  754. 						this.arriveFilter = `${this.staTime}-${this.endTime}`

  755. 					}

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

  757. 					if (this.isRefresh) {

  758. 						this.recordList = list;

  759. 					} else {

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

  761. 					}

  762. 					this.totalRecord = data.totalPage;

  763. 					this.totalRecords = data.totalRecord;

  764. 				}).catch(e => {

  765. 					this.LOADING = false

  766. 				})

  767. 			},

  768. 			//获取顾问列表

  769. 			getFreeList() {

  770. 				if (this.userInfo.dataCode == 6) { // 顾问角色登录时只显示自己

  771. 					this.freeList = [{

  772. 						label: this.userInfo.name,

  773. 						value: this.userInfo.accountId

  774. 					}]

  775. 				} else {

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

  777. 						houseId: this.buildingID

  778. 					}).then(res => {

  779. 						this.freeList = res;

  780. 						this.freeList.forEach(item => {

  781. 							item.label = item.name;

  782. 							item.value = item.accountId

  783. 						})

  784. 						this.freeList.unshift({

  785. 							label: '全部',

  786. 							value: ''

  787. 						})

  788. 

  789. 					})

  790. 				}

  791. 			},

  792. 			actionSelectCallback(e) {

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

  794. 				this.counselorName = e[0].label;

  795. 				this.recordList = [];

  796. 				this.nextPage = 1;

  797. 				this.isRefresh = false;

  798. 				this.getRecordsList();

  799. 			},

  800. 			reset() {

  801. 				this.screen.agentId = ''

  802. 				this.screen.jiedaiVal = ''

  803. 				this.screen.validInvalid = ''

  804. 				this.screen.markAdvisor = ''

  805. 				this.screen.orderBy = '';

  806. 				this.sortFilter = '排序';

  807. 				this.arriveFilter = '到访时间';

  808. 				this.staTime = '';

  809. 				this.endTime = '';

  810. 				this.nextPage = 1;

  811. 				this.activeTotal = 15;

  812. 				this.recordList = [];

  813. 				this.counselorName = '接待顾问';

  814. 				this.visitList.map(i => {

  815. 					i.isShow = false

  816. 				})

  817. 				this.jiedaiList.map(i => {

  818. 					i.isShow = false

  819. 				})

  820. 				this.wajueList.map(i => {

  821. 					i.isShow = false

  822. 				})

  823. 				this.xiaojiangList.map(i => {

  824. 					i.isShow = false

  825. 				})

  826. 				this.nextPage = 1;

  827. 				this.recordList = [];

  828. 				this.getRecordsList();

  829. 			},

  830. 			//标记顾问

  831. 			screenvisitRecord(i) {

  832. 				// console.log(i)

  833. 				if (this.screen.markAdvisor === i) {

  834. 					this.screen.markAdvisor = ''

  835. 				} else {

  836. 					this.screen.markAdvisor = i

  837. 				}

  838. 			},

  839. 			// 录音标识

  840. 			screenvisivalidInvalid(i) {

  841. 				// console.log(this.screen.validInvalid, i)

  842. 				if (this.screen.validInvalid === i) {

  843. 					this.screen.validInvalid = ''

  844. 				} else {

  845. 					this.screen.validInvalid = i

  846. 				}

  847. 			},

  848. 			screensure() {

  849. 				this.screenShow = false;

  850. 				this.recordList = [];

  851. 				this.nextPage = 1;

  852. 				this.isRefresh = false;

  853. 				this.getRecordsList();

  854. 			},

  855. 			goSearch() {

  856. 				uni.navigateTo({

  857. 					url: '/pages/center/records/recordSearch'

  858. 				});

  859. 			},

  860. 		},

  861. 	}

  862. </script>

  863. 

  864. <style lang="scss" scoped>

  865. 	.box {

  866. 		width: 100%;

  867. 		height: 100%;

  868. 		background: #F8F8F8;

  869. 	}

  870. 

  871. 	.count {

  872. 		width: 100%;

  873. 		height: 60rpx;

  874. 		display: flex;

  875. 		align-items: center;

  876. 		justify-content: center;

  877. 		background-color: #fff;

  878. 

  879. 		text {

  880. 			color: #F71616;

  881. 		}

  882. 	}

  883. 

  884. 	.timeview {

  885. 		height: 80rpx;

  886. 		line-height: 80rpx;

  887. 		width: 100%;

  888. 		text-align: center;

  889. 		border-bottom: 1px solid #F8F8F8;

  890. 	}

  891. 

  892. 	//时间切换的样式

  893. 	.boxtittab {

  894. 		position: sticky;

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

  896. 		z-index: 999;

  897. 		width: 100;

  898. 		height: 92rpx;

  899. 		background: #FFFFFF;

  900. 		border-bottom: 1px solid #E0E0E0;

  901. 		display: flex;

  902. 		align-items: center;

  903. 

  904. 		.tabbox {

  905. 			flex: 1;

  906. 			height: 100%;

  907. 			text-align: center;

  908. 			line-height: 92rpx;

  909. 			color: #666666;

  910. 			font-size: 28rpx;

  911. 			overflow: hidden;

  912. 			text-overflow: ellipsis;

  913. 			display: -webkit-box;

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

  915. 			-webkit-line-clamp: 1;

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

  917. 			-webkit-box-orient: vertical;

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

  919. 		}

  920. 	}

  921. 

  922. 	.search-box {

  923. 		width: 100%;

  924. 		height: 102rpx;

  925. 		background: #FFFFFF;

  926. 		display: flex;

  927. 		align-items: center;

  928. 		justify-content: center;

  929. 

  930. 		.search {

  931. 			width: 94%;

  932. 			height: 70rpx;

  933. 			display: flex;

  934. 			align-items: center;

  935. 			background: #F8F8F8;

  936. 			border-radius: 33rpx;

  937. 

  938. 			.search-img {

  939. 				width: 26rpx;

  940. 				height: 30rpx;

  941. 				margin-left: 20rpx;

  942. 

  943. 				.search-img1 {

  944. 					width: 100%;

  945. 					height: 100%;

  946. 					margin-top: 2rpx;

  947. 				}

  948. 			}

  949. 

  950. 			.search-text {

  951. 				font-size: 28rpx;

  952. 				font-weight: 400;

  953. 				color: #999999;

  954. 				margin-left: 10rpx;

  955. 			}

  956. 		}

  957. 

  958. 		.search-screen {

  959. 			width: 40rpx;

  960. 			height: 40rpx;

  961. 			margin-left: 30rpx;

  962. 

  963. 			.search-screen1 {

  964. 				width: 100%;

  965. 				height: 100%;

  966. 			}

  967. 		}

  968. 	}

  969. 

  970. 	.content {

  971. 		.content-tips {

  972. 			background: #fff;

  973. 			box-sizing: border-box;

  974. 			overflow: hidden;

  975. 			margin-top: 20rpx;

  976. 			padding: 30rpx;

  977. 

  978. 			.content-first {

  979. 				display: flex;

  980. 				justify-content: space-between;

  981. 

  982. 				.left {

  983. 					display: flex;

  984. 					align-items: center;

  985. 

  986. 					.img {

  987. 						width: 52rpx;

  988. 						height: 52rpx;

  989. 						background: #FFFFFF;

  990. 						border: 1px solid #C9C9C9;

  991. 						border-radius: 50%;

  992. 						text-align: center;

  993. 						line-height: 52rpx;

  994. 					}

  995. 

  996. 					.name {

  997. 						font-weight: 600;

  998. 						color: #333333;

  999. 						margin-right: 10rpx;

  1000. 						font-size: 30rpx;

  1001. 					}

  1002. 

  1003. 					.status {

  1004. 						width: 110rpx;

  1005. 						height: 42rpx;

  1006. 						background: #FFF9F5;

  1007. 						border-radius: 4rpx;

  1008. 						font-size: 26rpx;

  1009. 						font-weight: 400;

  1010. 						color: #EC8D49;

  1011. 						line-height: 42rpx;

  1012. 						text-align: center;

  1013. 						margin: 0 10rpx;

  1014. 					}

  1015. 

  1016. 					.normal-status {

  1017. 						color: red;

  1018. 					}

  1019. 				}

  1020. 

  1021. 				.right {

  1022. 					display: flex;

  1023. 					margin-top: 11rpx;

  1024. 

  1025. 					.point {

  1026. 						width: 12rpx;

  1027. 						height: 12rpx;

  1028. 						background: #2B6EFF;

  1029. 						border-radius: 50%;

  1030. 						margin-right: 9rpx;

  1031. 						margin-top: 16rpx;

  1032. 

  1033. 					}

  1034. 				}

  1035. 			}

  1036. 

  1037. 			.content-sec {

  1038. 				display: flex;

  1039. 				justify-content: space-between;

  1040. 				margin: 24rpx 0;

  1041. 

  1042. 				.left {

  1043. 					flex-grow: 1;

  1044. 					height: 40rpx;

  1045. 					font-size: 28rpx;

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

  1047. 					font-weight: 500;

  1048. 					color: #333333;

  1049. 					line-height: 40rpx;

  1050. 				}

  1051. 

  1052. 				.right {

  1053. 					flex-shrink: 0;

  1054. 					width: 340rpx;

  1055. 					height: 40rpx;

  1056. 					font-size: 28rpx;

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

  1058. 					font-weight: 400;

  1059. 					color: #333333;

  1060. 					line-height: 40rpx;

  1061. 					text-align: right;

  1062. 					overflow: hidden;

  1063. 					white-space: nowrap;

  1064. 					text-overflow: ellipsis;

  1065. 				}

  1066. 			}

  1067. 

  1068. 			.content-time {

  1069. 				font-size: 28rpx;

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

  1071. 				font-weight: 400;

  1072. 				color: #333333;

  1073. 				line-height: 40rpx;

  1074. 				padding: 20rpx 0 24rpx;

  1075. 				border-bottom: 1px solid #E0E0E0;

  1076. 			}

  1077. 

  1078. 			.content-last {

  1079. 				display: flex;

  1080. 				justify-content: space-around;

  1081. 

  1082. 				.cont-item {

  1083. 					display: flex;

  1084. 					flex-direction: column;

  1085. 					align-items: center;

  1086. 					justify-content: center;

  1087. 

  1088. 					.count {

  1089. 						height: 42rpx;

  1090. 						font-size: 30rpx;

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

  1092. 						font-weight: 400;

  1093. 						color: #000000;

  1094. 						line-height: 42rpx;

  1095. 						margin-bottom: 16rpx;

  1096. 					}

  1097. 

  1098. 					.text {

  1099. 						height: 32rpx;

  1100. 						font-size: 24rpx;

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

  1102. 						font-weight: 400;

  1103. 						color: #666666;

  1104. 						line-height: 32rpx;

  1105. 					}

  1106. 				}

  1107. 			}

  1108. 		}

  1109. 	}

  1110. 

  1111. 	// 这是弹出层

  1112. 	.screen {

  1113. 		width: 750rpx;

  1114. 

  1115. 		.screen-counselor {

  1116. 			display: flex;

  1117. 			height: 106rpx;

  1118. 			padding: 0 30rpx;

  1119. 			box-sizing: border-box;

  1120. 			border-bottom: 1px solid #EEEEEE;

  1121. 

  1122. 			.screen-text {

  1123. 				margin: 40rpx 0 36rpx 0;

  1124. 				font-size: 30rpx;

  1125. 				font-weight: 400;

  1126. 				color: #333333;

  1127. 				line-height: 30rpx;

  1128. 			}

  1129. 

  1130. 			.screen-sel {

  1131. 				display: flex;

  1132. 				justify-content: space-between;

  1133. 				width: 500rpx;

  1134. 				margin-left: 60rpx;

  1135. 

  1136. 				.screen-sel-img {

  1137. 					margin: 40rpx 0 36rpx 0;

  1138. 					width: 14rpx;

  1139. 					height: 30rpx;

  1140. 				}

  1141. 

  1142. 				.screen-inp {

  1143. 					margin-top: 20rpx;

  1144. 				}

  1145. 			}

  1146. 		}

  1147. 

  1148. 		.screen-record {

  1149. 			overflow: hidden;

  1150. 			padding: 0 30rpx;

  1151. 			box-sizing: border-box;

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

  1153. 

  1154. 			.screen-record-text {

  1155. 				padding: 30rpx 0;

  1156. 				font-size: 30rpx;

  1157. 				font-weight: 600;

  1158. 				color: #333333;

  1159. 				line-height: 30rpx;

  1160. 				display: flex;

  1161. 				align-items: center;

  1162. 				justify-content: space-between;

  1163. 

  1164. 				.arrow {

  1165. 					width: 30rpx;

  1166. 					height: 14rpx;

  1167. 				}

  1168. 			}

  1169. 

  1170. 			.screen-record-tab {

  1171. 				margin-top: 30rpx;

  1172. 				padding-bottom: 10rpx;

  1173. 				display: flex;

  1174. 				flex-wrap: wrap;

  1175. 

  1176. 				.screen-record-item {

  1177. 					min-width: 150rpx;

  1178. 					padding: 0 14rpx;

  1179. 					height: 60rpx;

  1180. 					border-radius: 8rpx;

  1181. 					text-align: center;

  1182. 					line-height: 60rpx;

  1183. 					margin: 0 22rpx 22rpx 0;

  1184. 

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

  1186. 						margin-right: 0;

  1187. 					}

  1188. 				}

  1189. 

  1190. 				.screen-record-chose {

  1191. 					background: #F1F6FD;

  1192. 					color: #2671E2;

  1193. 				}

  1194. 

  1195. 				.screen-record-nochose {

  1196. 					background: #F7F8FA;

  1197. 					color: #333;

  1198. 				}

  1199. 

  1200. 			}

  1201. 		}

  1202. 

  1203. 		.screen-foot {

  1204. 			width: 100%;

  1205. 			height: 78rpx;

  1206. 			display: flex;

  1207. 			margin: 30rpx 30rpx 0;

  1208. 

  1209. 			.screen-foot-reset {

  1210. 				width: 176rpx;

  1211. 				height: 78rpx;

  1212. 				line-height: 78rpx;

  1213. 				background: #FFFFFF;

  1214. 				border-radius: 8rpx;

  1215. 				border: 1px solid #2671E2;

  1216. 				margin-right: 30rpx;

  1217. 				font-size: 30rpx;

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

  1219. 				font-weight: 400;

  1220. 				color: #2671E2;

  1221. 				text-align: center;

  1222. 			}

  1223. 

  1224. 			.screen-foot-sure {

  1225. 				width: 484rpx;

  1226. 				height: 78rpx;

  1227. 				line-height: 78rpx;

  1228. 				background: #2671E2;

  1229. 				border: 1px solid #2671E2;

  1230. 				border-radius: 8rpx;

  1231. 				font-size: 30rpx;

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

  1233. 				font-weight: 400;

  1234. 				color: #FFFFFF;

  1235. 				text-align: center;

  1236. 			}

  1237. 		}

  1238. 	}

  1239. </style>