Acher
/
newEdition
1
0
Çatalla 0
Kod Konular 0 Değişiklik İstekleri 0 Sürümler 0 Wiki Aktivite
AI销管
25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.
5 İşleme
13 Dallar
9.8 MiB
 
 
 
 
Ağaç: 4a73a15694
Dallar Biçim İmleri
${ item.name }
${ searchTerm } dalı oluştur
'4a73a15694'den
${ noResults }
newEdition/pages/index/customer.vue

634 satır
16 KiB
Ham Suçlama Geçmiş 

  1. <template>

  2. 	<view class="cented-box">

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

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

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

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

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

  8. 				</view>

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

  10. 			</view>

  11. 		</view>

  12. <!-- 		<view class="customer" v-if="waitCustomList.length!=0" v-for="(item,index) in waitCustomList" :key='index'

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

  14. 			<view class="title">

  15. 				<view class="zuo">

  16. 					<view class="zuoimg">A</view>

  17. 					<view class="zuoname">{{item.name}}</view>

  18. 				</view>

  19. 				<view class="you">

  20. 					<view class="youimg1" v-if="item.status!=0"></view>

  21. 					<view class="youimg1-1" v-if="item.status==0"></view>

  22. 					<view class="youtext">{{item.status==0?"排队中":item.status==1?"接待中":"已完成"}}</view>

  23. 				</view>

  24. 			</view>

  25. 			<view class="centerbox" v-if="item.status!=0">

  26. 				<view class="centerbox-che">手机号码：<text class="shizai">{{item.phone || "--"}}</text></view>

  27. 				<view class="centerbox-che">开始时间：<text class="shizai">{{item.createTime}}</text></view>

  28. 				<view class="centerbox-che">顾问姓名：<text class="shizai" style="color: #333333;">{{item.agentName}}</text>

  29. 				</view>

  30. 

  31. 				<view class="centerbox-che2" v-if="item.status==1">

  32. 					<view class="Workcard" v-if="item.status==1&&item.zkEquipmentState.onLine==0">设备状态：<text

  33. 							class="shizai" style="color: red;">离线</text></view>

  34. 					<view class="Workcard" v-if="item.status==1&&item.zkEquipmentState.onLine!=0">工牌电量：<text

  35. 							class="shizai" style="color: #333333;">{{item.zkEquipmentState.electricity}}%</text></view>

  36. 					<view class="Workcard" v-if="item.status==1&&item.zkEquipmentState.onLine==1">录音状态：

  37. 						<text v-if="item.zkEquipmentState.simAudioStatus=='true'" class="shizai"

  38. 							style="color: #333333;">使用中</text>

  39. 						<text v-if="item.zkEquipmentState.simAudioStatus=='false'" class="shizai"

  40. 							style="color: #333333;">未使用</text>

  41. 					</view>

  42. 				</view>

  43. 

  44. 

  45. 			</view>

  46. 			<view class="footer-button" v-if="item.status!=0">

  47. 				<view v-if="permissions.commonly3" class="footer1" @click.stop="addTime(item)">接待延时</view>

  48. 				<view v-if="permissions.commonly4" class="footer1" @click.stop="assign(item)">重新指派</view>

  49. 				<view v-if="permissions.commonly5" class="footer3" @click.stop="changeEnd(item.id)">结束接待</view>

  50. 			</view>

  51. 

  52. 			<view class="centerbox" v-if="item.status==0">

  53. 				<view class="centerbox-che">手机号码：<text class="shizai">{{item.phone || "--"}}</text></view>

  54. 			</view>

  55. 			<view class="footer-button" v-if="item.status==0">

  56. 				<view class="footer3" @click.stop="assign(item)">指派顾问</view>

  57. 			</view>

  58. 

  59. 		</view> -->

  60. 		

  61. 		<view class="customer" v-if="waitCustomList.length!=0" v-for="(item,index) in waitCustomList" :key='index'

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

  63. 			<view class="title">

  64. 				<view class="zuo">

  65. 					<view class="zuoimg">顾</view>

  66. 					<view class="zuoname">{{item.agentName}}</view>

  67. 				</view>

  68. 				<view class="cen">

  69. 					自动结束 <u-count-down :timestamp="timestamp(item.createTime)" color="#E7483C"></u-count-down>

  70. 				</view>

  71. 				<view class="you">

  72. 					<!-- <view class="youimg1" v-if="item.status!=0"></view>

  73. 					<view class="youimg1-1" v-if="item.status==0"></view>

  74. 					<view class="youtext">{{item.status==0?"排队中":item.status==1?"接待中":"已完成"}}</view> -->

  75. 					<view class="" v-if="item.status!=0" style="display: flex;">

  76. 						<!-- 接待中 -->

  77. 						<view class="">

  78. 							<!-- 工牌标示 -->

  79. 							<image  class="you-img"

  80. 								src="../../static/images/cus1.png" mode=""></image>

  81. 						</view>

  82. 						<!-- 未离线 -->

  83. 						<view class="" v-if="item.zkEquipmentState.onLine!=0" style="display: flex;">

  84. 							<view class="">

  85. 								<!-- 电量 -->

  86. 								<image v-if="item.zkEquipmentState.electricity>=80" class="you-img"

  87. 									src="../../static/images/cus2.png" mode=""></image>

  88. 								<image v-else class="you-img"

  89. 									src="../../static/images/cus5.png" mode=""></image>	

  90. 							</view>

  91. 							<view class="">

  92. 								<!-- 录音 -->

  93. 								<image  v-if="item.zkEquipmentState.simAudioStatus=='true'" class="you-img"

  94. 									src="../../static/images/cus3.png" mode=""></image>

  95. 								<image  v-else class="you-img"

  96. 									src="../../static/images/cus6.png" mode=""></image>

  97. 							</view>

  98. 						</view>

  99. 						<!-- 离线 -->

  100. 						<view class="" v-else>

  101. 							<view class="">

  102. 								<!-- 录音 -->

  103. 								<image  class="you-img"

  104. 									src="../../static/images/cus4.png" mode=""></image>

  105. 							</view>

  106. 						</view>

  107. 					</view>

  108. 					<view class="youtext" v-else>

  109. 						<!--排队中  -->

  110. 						排队中

  111. 					</view>

  112. 				</view>

  113. 			</view>

  114. 			<view class="centerbox" v-if="item.status!=0">

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

  116. 				<view class="left">

  117. 					<view class="adviser">客</view>

  118. 					<view class="cus">{{item.name || '--'}}</view>

  119. 					<!-- <view class="arriveNum">第{{item.visitRecord || "--"}}次接待</view> -->

  120. 					<view class="arriveNum">{{ item.phone ||'--' }}</view>

  121. 				</view>

  122. 			</view>

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

  124. 				<view class="c-items">

  125. 					<image src="../../static/images/people.png" class="c-items-img" mode=""></image>

  126. 					{{ item.visitRecord || "--" }}次到访

  127. 				</view>

  128. 				<view class="c-items">

  129. 					<image src="../../static/images/time.png" class="c-items-img" mode=""></image>

  130. 					{{ item.createTime }}

  131. 				</view>

  132. 				<!-- <view class="c-items">

  133. 					<image src="../../static/images/voice.png" class="c-items-img" mode=""></image>

  134. 					{{ item.mm || '0' }}min

  135. 				</view> -->

  136. 			</view>

  137. 			</view>

  138. 			<view class="footer-button" v-if="item.status!=0">

  139. 				<view v-if="permissions.commonly3" class="footer1" @click.stop="addTime(item)">接待延时</view>

  140. 				<view v-if="permissions.commonly4" class="footer1" @click.stop="assign(item)">重新指派</view>

  141. 				<view v-if="permissions.commonly5" class="footer3" @click.stop="changeEnd(item.id)">结束接待</view>

  142. 			</view>

  143. 			<view class="footer-button" v-if="item.status==0">

  144. 				<view class="footer3" @click.stop="assign(item)">指派顾问</view>

  145. 			</view>

  146. 		

  147. 		</view>

  148. 		

  149. 		<image v-if="permissions.commonly2" @click="addreception()" class="add" src="/static/images/add.png" mode="">

  150. 		</image>

  151. 		<image class="add2" @click="reshCustom()" src="https://static.quhouse.com/zhikong_xcx_img/refresh.png" mode="">

  152. 		</image>

  153. 		

  154. 		<!-- 底部导航栏 -->

  155. 		<u-tabbar :mid-button="true" activeColor="#1296db" inactiveColor="#999999" v-model="current" :list="tabbarList"></u-tabbar>

  156. 	</view>

  157. </template>

  158. 

  159. <script>

  160. 	import tabbarList from '@/utils/tabbar.js'

  161. 	export default {

  162. 		data() {

  163. 			return {

  164. 				// tabbar配置项

  165. 				current: 0,

  166. 				tabbarList: tabbarList,

  167. 				//--- end --- tabbar配置项

  168. 				buildingID: '',

  169. 				waitCustomList: [],

  170. 				isAdd: '',

  171. 				dataCode: '',

  172. 				addAccount: '',

  173. 				permissions: {

  174. 					commonly1: false, //查看

  175. 					commonly2: false, //添加

  176. 					commonly3: false, //指派

  177. 					commonly4: false,

  178. 					commonly5: false,

  179. 				},

  180. 			};

  181. 		},

  182. 		onLoad() {

  183. 			uni.hideTabBar();

  184. 		},

  185. 		computed:{

  186. 			timestamp(){

  187. 				return (e)=>{

  188. 					let totalTime = new Date(e).getTime()/1000 + 60*60*2

  189. 					let nowTime = new Date().getTime()/1000

  190. 					return totalTime - nowTime

  191. 				}

  192. 			}

  193. 		},

  194. 		onShow() {

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

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

  197. 			this.permissions.commonly1 = newmenulist.jd_ck;

  198. 			this.permissions.commonly2 = newmenulist.jd_xz;

  199. 			this.permissions.commonly3 = newmenulist.jd_zp;

  200. 			this.permissions.commonly4 = newmenulist.jdys;

  201. 			this.permissions.commonly5 = newmenulist.jsjd;

  202. 			const {

  203. 				addAccount,

  204. 				dataCode

  205. 			} = uni.getStorageSync("weapp_session_userInfo_data");

  206. 			this.addAccount = addAccount;

  207. 			this.dataCode = dataCode;

  208. 			this.init()

  209. 			this.queryHaveDept()

  210. 		},

  211. 		methods: {

  212. 			reshCustom() {

  213. 				this.init()

  214. 			}, 

  215. 			tapThevisiting(item) {

  216. 				if (this.permissions.commonly1 != true) {

  217. 					return

  218. 				}

  219. 				uni.showLoading({

  220. 					title: '加载中',

  221. 					mask: true

  222. 				});

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

  224. 					setTimeout(function() {

  225. 						uni.hideLoading();

  226. 					}, 2000);

  227. 					uni.showToast({

  228. 						icon: "none",

  229. 						title: "排队中"

  230. 					})

  231. 					return

  232. 				} else {

  233. 					const parames = {

  234. 						pageNum: 1,

  235. 						pageSize: 100,

  236. 						query: {

  237. 							customerId: item.id,

  238. 						}

  239. 					}

  240. 					var itemsd = {

  241. 						bg: 0,

  242. 						customerId: item.id,

  243. 						id: '',

  244. 						onebest: ''

  245. 					}

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

  247. 						setTimeout(function() {

  248. 							uni.hideLoading();

  249. 						}, 2000);

  250. 						if (res) {

  251. 							let newobj = res[0];

  252. 							uni.navigateTo({

  253. 								url: `/pages/mine/details?customerId=${newobj.customerId}&status=${newobj.status}&itemobj=${JSON.stringify(itemsd)}&stateisshow=${"1"}`

  254. 							})

  255. 						} else {

  256. 							uni.showToast({

  257. 								icon: "none",

  258. 								title: "暂无音频"

  259. 							})

  260. 							return

  261. 						}

  262. 					})

  263. 				}

  264. 

  265. 			},

  266. 			queryHaveDept() {

  267. 				return new Promise((resolve, reject) => {

  268. 					this.$u.get("/user/queryHaveDept?houseId=" + this.buildingID).then(res => {

  269. 						this.isAdd = res;

  270. 						resolve();

  271. 					})

  272. 				})

  273. 			},

  274. 			init() {

  275. 				this.waitCustomList = []

  276. 				let parames = {

  277. 					itemId: this.buildingID

  278. 				}

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

  280. 					this.waitCustomList = data;

  281. 				});

  282. 			},

  283. 			//延时接待

  284. 			addTime(item) {

  285. 				uni.showModal({

  286. 					content: "确定延长半小时接待时间?",

  287. 					cancelColor: "#999999",

  288. 					success: res => {

  289. 						if (res.confirm) {

  290. 							this.$u.post("/customer/delayed", {

  291. 								cusId: item.id

  292. 							}).then(res => {

  293. 								uni.showToast({

  294. 									icon: "none",

  295. 									title: "操作成功"

  296. 								})

  297. 							});

  298. 						}

  299. 					}

  300. 				})

  301. 			},

  302. 			//结束接待

  303. 			changeEnd(id) {

  304. 				uni.showModal({

  305. 					content: "确定更改当前客户接待状态为结束?",

  306. 					cancelColor: "#999999",

  307. 					success: res => {

  308. 						if (res.confirm) {

  309. 							this.$u.post("/customer/endReception", {

  310. 								id: id,

  311. 								houseId: this.buildingID

  312. 							}).then(res => {

  313. 								uni.showToast({

  314. 									icon: "none",

  315. 									title: "操作成功"

  316. 								})

  317. 								this.init();

  318. 							});

  319. 						}

  320. 					}

  321. 				})

  322. 			},

  323. 			//新增接待

  324. 			addreception() {

  325. 				const {

  326. 					dataCode,

  327. 					addAccount

  328. 				} = uni.getStorageSync("weapp_session_userInfo_data");

  329. 

  330. 				if (dataCode == 6) {

  331. 					if (addAccount != 0) {

  332. 						uni.showToast({

  333. 							title: '不允许自建客户！',

  334. 							duration: 2000

  335. 						});

  336. 						return

  337. 					}

  338. 					if (this.waitCustomList.length == 0) {

  339. 						uni.navigateTo({

  340. 							url: '/pages/mine/reception/addreception'

  341. 						})

  342. 						return

  343. 					} else {

  344. 						for (var i = 0; i < this.waitCustomList.length; i++) {

  345. 							if (this.waitCustomList[i].status == 1) {

  346. 								uni.showLoading({

  347. 									title: '当前还有未完成的客户项'

  348. 								});

  349. 								setTimeout(function() {

  350. 									uni.hideLoading();

  351. 								}, 1000);

  352. 								return

  353. 							} else {

  354. 								uni.navigateTo({

  355. 									url: '/pages/mine/reception/addreception'

  356. 								})

  357. 								return

  358. 							}

  359. 						}

  360. 					}

  361. 				} else {

  362. 					uni.navigateTo({

  363. 						url: '/pages/mine/reception/addreception'

  364. 					});

  365. 				}

  366. 			},

  367. 			assign(item) {

  368. 				let url = `/pages/mine/reception/consultant?id=${item.id}`

  369. 				if (item.beforeAgentId) {

  370. 					url += `&beforeAgentId=${item.beforeAgentId}`;

  371. 				}

  372. 				uni.navigateTo({

  373. 					url: url

  374. 				})

  375. 			},

  376. 

  377. 		},

  378. 

  379. 	};

  380. </script>

  381. 

  382. <style lang="scss" scoped>

  383. 	.cented-box {

  384. 		background: #F8F8F8;

  385. 		width: 100%;

  386. 		height: 100vh;

  387. 		padding-bottom: 30rpx;

  388. 	}

  389. 

  390. 	.customer {

  391. 		margin-top: 30rpx;

  392. 		width: 100%;

  393. 		background: #FFFFFF;

  394. 		box-shadow: 0px 0px 12px 0px rgba(224, 224, 224, 0.3);

  395. 

  396. 		.title {

  397. 			height: 90rpx;

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

  399. 			display: flex;

  400. 			align-items: center;

  401. 			justify-content: space-between;

  402. 

  403. 			.zuo {

  404. 				// width: 25%;

  405. 				height: 100%;

  406. 				display: flex;

  407. 				align-items: center;

  408. 

  409. 				.zuoimg {

  410. 					width: 52rpx;

  411. 					height: 52rpx;

  412. 					border-radius: 50%;

  413. 					// border: 1px solid #C9C9C9;

  414. 					border: 1px solid #2671E2;

  415. 					font-size: 30rpx;

  416. 					color: #2671E2;

  417. 					font-weight: 400;

  418. 					line-height: 48rpx;

  419. 					text-align: center;

  420. 					margin-left: 30rpx;

  421. 				}

  422. 

  423. 				.zuoname {

  424. 					font-size: 30rpx;

  425. 					font-weight: bold;

  426. 					color: #333333;

  427. 					line-height: 30rpx;

  428. 					margin-left: 20rpx;

  429. 				}

  430. 			}

  431. 			.cen{

  432. 				// width:50%;

  433. 				color: #E7483C;

  434. 				text-align: center;

  435. 				

  436. 			}

  437. 			.you {

  438. 				// width: 25%;

  439. 				height: 100%;

  440. 				display: flex;

  441. 				align-items: center;

  442. 				margin-right: 30rpx;

  443. 

  444. 				.youimg1 {

  445. 					width: 12rpx;

  446. 					height: 12rpx;

  447. 					border-radius: 50%;

  448. 					background: #2B6EFF;

  449. 				}

  450. 				.you-img{

  451. 					width: 24rpx;

  452. 					height: 32rpx;

  453. 					margin-left: 24rpx;

  454. 				}

  455. 				.youimg1-1 {

  456. 					width: 12rpx;

  457. 					height: 12rpx;

  458. 					border-radius: 50%;

  459. 					background: #F2A269;

  460. 				}

  461. 

  462. 				.youtext {

  463. 					font-size: 30rpx;

  464. 					font-weight: 400;

  465. 					color: #292929;

  466. 					line-height: 30rpx;

  467. 					margin-left: 10rpx;

  468. 				}

  469. 			}

  470. 		}

  471. 

  472. 		.centerbox {

  473. 			.centerbox-che {

  474. 				width: 100%;

  475. 				margin-top: 30rpx;

  476. 				height: 30rpx;

  477. 				font-size: 30rpx;

  478. 				font-weight: 400;

  479. 				color: #666666;

  480. 				line-height: 30rpx;

  481. 				text-indent: 30rpx;

  482. 

  483. 				.shizai {

  484. 					color: #333333;

  485. 				}

  486. 			}

  487. 

  488. 			.centerbox-che2 {

  489. 				width: 100%;

  490. 				margin-top: 30rpx;

  491. 				height: 30rpx;

  492. 				font-size: 30rpx;

  493. 				font-weight: 400;

  494. 				color: #666666;

  495. 				line-height: 30rpx;

  496. 				text-indent: 30rpx;

  497. 				display: flex;

  498. 

  499. 				.Workcard {

  500. 					width: 50%;

  501. 				}

  502. 			}

  503. 		}

  504. 

  505. 		.footer-button {

  506. 			// margin-top: 30rpx;

  507. 			width: 100%;

  508. 			height: 108rpx;

  509. 			display: flex;

  510. 			font-size: 30rpx;

  511. 			font-weight: 400;

  512. 			color: #333333;

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

  514. 			justify-content:flex-end;

  515. 			line-height: 58rpx;

  516. 			.footer1 {

  517. 				// flex: 1;

  518. 				text-align: center;

  519. 				margin-top: 24rpx;

  520. 				// line-height: 90rpx;

  521. 				// border-right: 1rpx solid #E0E0E0;

  522. 				width: 156rpx;

  523. 				height: 60rpx;

  524. 				background: #FFFFFF;

  525. 				border-radius: 30rpx;

  526. 				border: 1px solid #999999;

  527. 				margin-left: 30rpx;

  528. 				

  529. 			}

  530. 

  531. 			.footer3 {

  532. 				// flex: 1;

  533. 				text-align: center;

  534. 				margin-top: 24rpx;

  535. 				// line-height: 90rpx;

  536. 				width: 156rpx;

  537. 				height: 60rpx;

  538. 				background: #FFFFFF;

  539. 				border-radius: 30rpx;

  540. 				border: 1px solid #999999;

  541. 				margin-left: 30rpx;

  542. 				margin-right: 30rpx;

  543. 			}

  544. 		}

  545. 	}

  546. 

  547. 	.add {

  548. 		width: 90upx;

  549. 		height: 90upx;

  550. 		position: fixed;

  551. 		bottom: 220upx;

  552. 		right: 44upx;

  553. 	}

  554. 

  555. 	.add2 {

  556. 		width: 90upx;

  557. 		height: 90upx;

  558. 		position: fixed;

  559. 		bottom: 100upx;

  560. 		right: 44upx;

  561. 	}

  562. 	

  563. 	.content-sec {

  564. 		padding: 28rpx 30rpx 32rpx;

  565. 		display: flex;

  566. 		justify-content: space-between;

  567. 	

  568. 		.left {

  569. 			display: flex;

  570. 			align-items: center;

  571. 	

  572. 			.adviser {

  573. 				margin-right: 10rpx;

  574. 				padding: 5rpx 11rpx;

  575. 				border-radius: 50%;

  576. 				border: 1rpx solid #2671E2;

  577. 				background: #2671E2;

  578. 				font-size: 30rpx;

  579. 				color: #fff;

  580. 			}

  581. 	

  582. 			.cus {

  583. 				font-size: 30rpx;

  584. 				font-weight: 400;

  585. 				color: #666666;

  586. 				// line-height: 30rpx;

  587. 			}

  588. 	

  589. 			.arriveNum {

  590. 				font-size: 30rpx;

  591. 				font-weight: 400;

  592. 				margin-left: 10rpx;

  593. 			}

  594. 		}

  595. 	

  596. 		.right {

  597. 			font-size: 28rpx;

  598. 			font-weight: 400;

  599. 			color: #2671E2;

  600. 			display: flex;

  601. 			align-items: center;

  602. 	

  603. 			.img {

  604. 				margin-right: 10rpx;

  605. 				width: 32rpx;

  606. 				height: 32rpx;

  607. 			}

  608. 		}

  609. 	}

  610. 	

  611. 	.content-last {

  612. 		padding: 0 30rpx 34rpx;

  613. 		font-size: 30rpx;

  614. 		font-weight: 400;

  615. 		color: #666666;

  616. 		display: flex;

  617. 		align-items: center;

  618. 		justify-content: space-between;

  619. 	

  620. 		.c-items {

  621. 			flex-shrink: 0;

  622. 			display: flex;

  623. 			align-items: center;

  624. 			font-size: 28rpx;

  625. 	

  626. 			.c-items-img {

  627. 				margin-right: 10rpx;

  628. 				width: 32rpx;

  629. 				height: 32rpx;

  630. 			}

  631. 		}

  632. 	}

  633. </style>