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.
566 Commits
7 Branches
28 MiB
 
 
 
Tree: db942b90f7
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'db942b90f7'
${ noResults }
NewZkgj/pages/center/records/index.vue

1246 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. 						setTimeout(function() {

  663. 							uni.hideLoading();

  664. 						}, 2000);

  665. 						if (res == null) {

  666. 							if (this.checkAuthority('设备日志')) {

  667. 								uni.navigateTo({

  668. 									url: `/pages/mine/equipmentLog?id=${item1.customerId}`

  669. 								})

  670. 							} else {

  671. 								uni.showToast({

  672. 									icon: "none",

  673. 									title: "暂无音频"

  674. 								})

  675. 							}

  676. 							return

  677. 						} else {

  678. 							setTimeout(function() {

  679. 								uni.hideLoading();

  680. 							}, 2000);

  681. 							let newobj = res[0];

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

  683. 								uni.navigateTo({

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

  685. 								})

  686. 							} else {

  687. 								uni.navigateTo({

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

  689. 								})

  690. 							}

  691. 						}

  692. 					})

  693. 				}

  694. 

  695. 			},

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

  697. 			getRecordsList() {

  698. 				this.screen.visitRecord = []

  699. 				this.screen.jiedaiVal = []

  700. 				this.screen.wajueVal = []

  701. 				this.screen.xiaojiangVal = []

  702. 				let dateType = 0;

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

  704. 					dateType = null;

  705. 				} else {

  706. 					dateType = this.activeTotal;

  707. 					this.staTime = ''

  708. 					this.endTime = ''

  709. 				}

  710. 				// 到访次数

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

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

  713. 				})

  714. 				// 接待时长

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

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

  717. 				})

  718. 				// 需求挖掘

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

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

  721. 				})

  722. 				// 销讲执行率

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

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

  725. 				})

  726. 				var parames = {

  727. 					pageNum: this.nextPage,

  728. 					pageSize: 10,

  729. 					query: {

  730. 						projectId: this.buildingID,

  731. 						keywordsId: this.keywordsId,

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

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

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

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

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

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

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

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

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

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

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

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

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

  745. 					}

  746. 				};

  747. 				let ars = []

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

  749. 					if (item.isShow) {

  750. 						ars.push(item.id)

  751. 					}

  752. 				})

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

  754. 				if (this.screen.agentId) {

  755. 					parames.query.agentId = this.screen.agentId

  756. 				}

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

  758. 					this.LOADING = false

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

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

  761. 					}

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

  763. 					if (this.isRefresh) {

  764. 						this.recordList = list;

  765. 					} else {

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

  767. 					}

  768. 					this.totalRecord = data.totalPage;

  769. 					this.totalRecords = data.totalRecord;

  770. 				}).catch(e => {

  771. 					this.LOADING = false

  772. 				})

  773. 			},

  774. 			//获取顾问列表

  775. 			getFreeList() {

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

  777. 					this.freeList = [{

  778. 						label: this.userInfo.name,

  779. 						value: this.userInfo.accountId

  780. 					}]

  781. 				} else {

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

  783. 						houseId: this.buildingID

  784. 					}).then(res => {

  785. 						this.freeList = res;

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

  787. 							item.label = item.name;

  788. 							item.value = item.accountId

  789. 						})

  790. 						this.freeList.unshift({

  791. 							label: '全部',

  792. 							value: ''

  793. 						})

  794. 

  795. 					})

  796. 				}

  797. 			},

  798. 			actionSelectCallback(e) {

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

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

  801. 				this.recordList = [];

  802. 				this.nextPage = 1;

  803. 				this.isRefresh = false;

  804. 				this.getRecordsList();

  805. 			},

  806. 			reset() {

  807. 				this.screen.agentId = ''

  808. 				this.screen.jiedaiVal = ''

  809. 				this.screen.validInvalid = ''

  810. 				this.screen.markAdvisor = ''

  811. 				this.screen.orderBy = '';

  812. 				this.sortFilter = '排序';

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

  814. 				this.staTime = '';

  815. 				this.endTime = '';

  816. 				this.nextPage = 1;

  817. 				this.activeTotal = 15;

  818. 				this.recordList = [];

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

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

  821. 					i.isShow = false

  822. 				})

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

  824. 					i.isShow = false

  825. 				})

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

  827. 					i.isShow = false

  828. 				})

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

  830. 					i.isShow = false

  831. 				})

  832. 				this.nextPage = 1;

  833. 				this.recordList = [];

  834. 				this.getRecordsList();

  835. 			},

  836. 			//标记顾问

  837. 			screenvisitRecord(i) {

  838. 				// console.log(i)

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

  840. 					this.screen.markAdvisor = ''

  841. 				} else {

  842. 					this.screen.markAdvisor = i

  843. 				}

  844. 			},

  845. 			// 录音标识

  846. 			screenvisivalidInvalid(i) {

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

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

  849. 					this.screen.validInvalid = ''

  850. 				} else {

  851. 					this.screen.validInvalid = i

  852. 				}

  853. 			},

  854. 			screensure() {

  855. 				this.screenShow = false;

  856. 				this.recordList = [];

  857. 				this.nextPage = 1;

  858. 				this.isRefresh = false;

  859. 				this.getRecordsList();

  860. 			},

  861. 			goSearch() {

  862. 				uni.navigateTo({

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

  864. 				});

  865. 			},

  866. 		},

  867. 	}

  868. </script>

  869. 

  870. <style lang="scss" scoped>

  871. 	.box {

  872. 		width: 100%;

  873. 		height: 100%;

  874. 		background: #F8F8F8;

  875. 	}

  876. 

  877. 	.count {

  878. 		width: 100%;

  879. 		height: 60rpx;

  880. 		display: flex;

  881. 		align-items: center;

  882. 		justify-content: center;

  883. 		background-color: #fff;

  884. 

  885. 		text {

  886. 			color: #F71616;

  887. 		}

  888. 	}

  889. 

  890. 	.timeview {

  891. 		height: 80rpx;

  892. 		line-height: 80rpx;

  893. 		width: 100%;

  894. 		text-align: center;

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

  896. 	}

  897. 

  898. 	//时间切换的样式

  899. 	.boxtittab {

  900. 		position: sticky;

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

  902. 		z-index: 999;

  903. 		width: 100;

  904. 		height: 92rpx;

  905. 		background: #FFFFFF;

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

  907. 		display: flex;

  908. 		align-items: center;

  909. 

  910. 		.tabbox {

  911. 			flex: 1;

  912. 			height: 100%;

  913. 			text-align: center;

  914. 			line-height: 92rpx;

  915. 			color: #666666;

  916. 			font-size: 28rpx;

  917. 			overflow: hidden;

  918. 			text-overflow: ellipsis;

  919. 			display: -webkit-box;

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

  921. 			-webkit-line-clamp: 1;

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

  923. 			-webkit-box-orient: vertical;

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

  925. 		}

  926. 	}

  927. 

  928. 	.search-box {

  929. 		width: 100%;

  930. 		height: 102rpx;

  931. 		background: #FFFFFF;

  932. 		display: flex;

  933. 		align-items: center;

  934. 		justify-content: center;

  935. 

  936. 		.search {

  937. 			width: 94%;

  938. 			height: 70rpx;

  939. 			display: flex;

  940. 			align-items: center;

  941. 			background: #F8F8F8;

  942. 			border-radius: 33rpx;

  943. 

  944. 			.search-img {

  945. 				width: 26rpx;

  946. 				height: 30rpx;

  947. 				margin-left: 20rpx;

  948. 

  949. 				.search-img1 {

  950. 					width: 100%;

  951. 					height: 100%;

  952. 					margin-top: 2rpx;

  953. 				}

  954. 			}

  955. 

  956. 			.search-text {

  957. 				font-size: 28rpx;

  958. 				font-weight: 400;

  959. 				color: #999999;

  960. 				margin-left: 10rpx;

  961. 			}

  962. 		}

  963. 

  964. 		.search-screen {

  965. 			width: 40rpx;

  966. 			height: 40rpx;

  967. 			margin-left: 30rpx;

  968. 

  969. 			.search-screen1 {

  970. 				width: 100%;

  971. 				height: 100%;

  972. 			}

  973. 		}

  974. 	}

  975. 

  976. 	.content {

  977. 		.content-tips {

  978. 			background: #fff;

  979. 			box-sizing: border-box;

  980. 			overflow: hidden;

  981. 			margin-top: 20rpx;

  982. 			padding: 30rpx;

  983. 

  984. 			.content-first {

  985. 				display: flex;

  986. 				justify-content: space-between;

  987. 

  988. 				.left {

  989. 					display: flex;

  990. 					align-items: center;

  991. 

  992. 					.img {

  993. 						width: 52rpx;

  994. 						height: 52rpx;

  995. 						background: #FFFFFF;

  996. 						border: 1px solid #C9C9C9;

  997. 						border-radius: 50%;

  998. 						text-align: center;

  999. 						line-height: 52rpx;

  1000. 					}

  1001. 

  1002. 					.name {

  1003. 						font-weight: 600;

  1004. 						color: #333333;

  1005. 						margin-right: 10rpx;

  1006. 						font-size: 30rpx;

  1007. 					}

  1008. 

  1009. 					.status {

  1010. 						width: 110rpx;

  1011. 						height: 42rpx;

  1012. 						background: #FFF9F5;

  1013. 						border-radius: 4rpx;

  1014. 						font-size: 26rpx;

  1015. 						font-weight: 400;

  1016. 						color: #EC8D49;

  1017. 						line-height: 42rpx;

  1018. 						text-align: center;

  1019. 						margin: 0 10rpx;

  1020. 					}

  1021. 

  1022. 					.normal-status {

  1023. 						color: red;

  1024. 					}

  1025. 				}

  1026. 

  1027. 				.right {

  1028. 					display: flex;

  1029. 					margin-top: 11rpx;

  1030. 

  1031. 					.point {

  1032. 						width: 12rpx;

  1033. 						height: 12rpx;

  1034. 						background: #2B6EFF;

  1035. 						border-radius: 50%;

  1036. 						margin-right: 9rpx;

  1037. 						margin-top: 16rpx;

  1038. 

  1039. 					}

  1040. 				}

  1041. 			}

  1042. 

  1043. 			.content-sec {

  1044. 				display: flex;

  1045. 				justify-content: space-between;

  1046. 				margin: 24rpx 0;

  1047. 

  1048. 				.left {

  1049. 					flex-grow: 1;

  1050. 					height: 40rpx;

  1051. 					font-size: 28rpx;

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

  1053. 					font-weight: 500;

  1054. 					color: #333333;

  1055. 					line-height: 40rpx;

  1056. 				}

  1057. 

  1058. 				.right {

  1059. 					flex-shrink: 0;

  1060. 					width: 340rpx;

  1061. 					height: 40rpx;

  1062. 					font-size: 28rpx;

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

  1064. 					font-weight: 400;

  1065. 					color: #333333;

  1066. 					line-height: 40rpx;

  1067. 					text-align: right;

  1068. 					overflow: hidden;

  1069. 					white-space: nowrap;

  1070. 					text-overflow: ellipsis;

  1071. 				}

  1072. 			}

  1073. 

  1074. 			.content-time {

  1075. 				font-size: 28rpx;

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

  1077. 				font-weight: 400;

  1078. 				color: #333333;

  1079. 				line-height: 40rpx;

  1080. 				padding: 20rpx 0 24rpx;

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

  1082. 			}

  1083. 

  1084. 			.content-last {

  1085. 				display: flex;

  1086. 				justify-content: space-around;

  1087. 

  1088. 				.cont-item {

  1089. 					display: flex;

  1090. 					flex-direction: column;

  1091. 					align-items: center;

  1092. 					justify-content: center;

  1093. 

  1094. 					.count {

  1095. 						height: 42rpx;

  1096. 						font-size: 30rpx;

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

  1098. 						font-weight: 400;

  1099. 						color: #000000;

  1100. 						line-height: 42rpx;

  1101. 						margin-bottom: 16rpx;

  1102. 					}

  1103. 

  1104. 					.text {

  1105. 						height: 32rpx;

  1106. 						font-size: 24rpx;

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

  1108. 						font-weight: 400;

  1109. 						color: #666666;

  1110. 						line-height: 32rpx;

  1111. 					}

  1112. 				}

  1113. 			}

  1114. 		}

  1115. 	}

  1116. 

  1117. 	// 这是弹出层

  1118. 	.screen {

  1119. 		width: 750rpx;

  1120. 

  1121. 		.screen-counselor {

  1122. 			display: flex;

  1123. 			height: 106rpx;

  1124. 			padding: 0 30rpx;

  1125. 			box-sizing: border-box;

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

  1127. 

  1128. 			.screen-text {

  1129. 				margin: 40rpx 0 36rpx 0;

  1130. 				font-size: 30rpx;

  1131. 				font-weight: 400;

  1132. 				color: #333333;

  1133. 				line-height: 30rpx;

  1134. 			}

  1135. 

  1136. 			.screen-sel {

  1137. 				display: flex;

  1138. 				justify-content: space-between;

  1139. 				width: 500rpx;

  1140. 				margin-left: 60rpx;

  1141. 

  1142. 				.screen-sel-img {

  1143. 					margin: 40rpx 0 36rpx 0;

  1144. 					width: 14rpx;

  1145. 					height: 30rpx;

  1146. 				}

  1147. 

  1148. 				.screen-inp {

  1149. 					margin-top: 20rpx;

  1150. 				}

  1151. 			}

  1152. 		}

  1153. 

  1154. 		.screen-record {

  1155. 			overflow: hidden;

  1156. 			padding: 0 30rpx;

  1157. 			box-sizing: border-box;

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

  1159. 

  1160. 			.screen-record-text {

  1161. 				padding: 30rpx 0;

  1162. 				font-size: 30rpx;

  1163. 				font-weight: 600;

  1164. 				color: #333333;

  1165. 				line-height: 30rpx;

  1166. 				display: flex;

  1167. 				align-items: center;

  1168. 				justify-content: space-between;

  1169. 

  1170. 				.arrow {

  1171. 					width: 30rpx;

  1172. 					height: 14rpx;

  1173. 				}

  1174. 			}

  1175. 

  1176. 			.screen-record-tab {

  1177. 				margin-top: 30rpx;

  1178. 				padding-bottom: 10rpx;

  1179. 				display: flex;

  1180. 				flex-wrap: wrap;

  1181. 

  1182. 				.screen-record-item {

  1183. 					min-width: 150rpx;

  1184. 					padding: 0 14rpx;

  1185. 					height: 60rpx;

  1186. 					border-radius: 8rpx;

  1187. 					text-align: center;

  1188. 					line-height: 60rpx;

  1189. 					margin: 0 22rpx 22rpx 0;

  1190. 

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

  1192. 						margin-right: 0;

  1193. 					}

  1194. 				}

  1195. 

  1196. 				.screen-record-chose {

  1197. 					background: #F1F6FD;

  1198. 					color: #2671E2;

  1199. 				}

  1200. 

  1201. 				.screen-record-nochose {

  1202. 					background: #F7F8FA;

  1203. 					color: #333;

  1204. 				}

  1205. 

  1206. 			}

  1207. 		}

  1208. 

  1209. 		.screen-foot {

  1210. 			width: 100%;

  1211. 			height: 78rpx;

  1212. 			display: flex;

  1213. 			margin: 30rpx 30rpx 0;

  1214. 

  1215. 			.screen-foot-reset {

  1216. 				width: 176rpx;

  1217. 				height: 78rpx;

  1218. 				line-height: 78rpx;

  1219. 				background: #FFFFFF;

  1220. 				border-radius: 8rpx;

  1221. 				border: 1px solid #2671E2;

  1222. 				margin-right: 30rpx;

  1223. 				font-size: 30rpx;

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

  1225. 				font-weight: 400;

  1226. 				color: #2671E2;

  1227. 				text-align: center;

  1228. 			}

  1229. 

  1230. 			.screen-foot-sure {

  1231. 				width: 484rpx;

  1232. 				height: 78rpx;

  1233. 				line-height: 78rpx;

  1234. 				background: #2671E2;

  1235. 				border: 1px solid #2671E2;

  1236. 				border-radius: 8rpx;

  1237. 				font-size: 30rpx;

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

  1239. 				font-weight: 400;

  1240. 				color: #FFFFFF;

  1241. 				text-align: center;

  1242. 			}

  1243. 		}

  1244. 	}

  1245. </style>