liumin
/
NewZkgj
1
0
Rozštěpit 0
Zdrojový kód Úkoly 0 Požadavky na natažení 0 Vydání 0 Wiki Aktivita
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.
15 Revize
7 Větve
28 MiB
 
 
 
Strom: 3f9a23f5e1
Větve Značky
${ item.name }
Vytvořit větev ${ searchTerm }
z „3f9a23f5e1“
${ noResults }
NewZkgj/pages/index/index.vue

621 řádky
16 KiB
Surový Blame Historie 

  1. <template>

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

  3. 		<view class="Switchingbox"> 

  4. 			<view class="Switching1">

  5. 				<image class="Switching1-img" src="../../static/images/building.png" mode=""></image>

  6. 			</view>

  7. 			<view class="Switching2">楼盘：</view>

  8. 			<view class="Switching3">{{buildingname}}</view>

  9. 			<view class="Switching4" v-if="buildingishow" @click="piskbuilding()">切换楼盘</view>

  10. 		</view>

  11. 		

  12. 		<view class="title" style="margin-top: 30rpx;" v-if="Myworkcard">我的工牌</view>

  13. 		<view v-if="Myworkcard">	

  14. 			<view class="Workcard" v-if="Whetheroffline==true">

  15. 				<view class="Workcard-box">

  16. 					<view class="Workcardimg">

  17. 						<view class="Workcardimg1">

  18. 							<view v-if="percentage>20" class="bar" :style="{width : percentage + '%' }"></view>

  19. 							<view v-if="percentage<20" class="bar1" :style="{width : percentage + '%' }"></view>

  20. 						</view>

  21. 					</view>

  22. 					<view class="Workcardtext">电量：{{percentage}}%</view>

  23. 				</view>

  24. 				<view class="Workcard-box">

  25. 					<view class="Workcardimg">

  26. 						<image v-if="signalDevice==''" class="Workcardimg2" src="../../static/images/signal0.png" mode=""></image>

  27. 						<image v-else-if="signalDevice<20 && signalDevice>0" class="Workcardimg2" src="../../static/images/signal1.png" mode=""></image>

  28. 						<image v-else-if="signalDevice<50 && signalDevice>20" class="Workcardimg2" src="../../static/images/signal2.png" mode=""></image>

  29. 						<image v-else-if="signalDevice<70 && signalDevice>50" class="Workcardimg2" src="../../static/images/signal3.png" mode=""></image>

  30. 						<image v-else-if="signalDevice<90 && signalDevice>70" class="Workcardimg2" src="../../static/images/signal4.png" mode=""></image>

  31. 						<image v-else-if="signalDevice<=100 && signalDevice>90" class="Workcardimg2" src="../../static/images/signal5.png" mode=""></image>

  32. 					</view>

  33. 					<view class="Workcardtext">信号：{{signalDevicetext}}</view>

  34. 				</view>

  35. 				<view class="Workcard-box">

  36. 					<view class="Workcardimg">

  37. 						<image v-if="audioStatus=='true'" class="Workcardimg3" src="../../static/images/Thtapedrive1.png" mode=""></image>

  38. 						<image v-if="audioStatus=='false'" class="Workcardimg3" src="../../static/images/Thtapedrive2.png" mode=""></image>

  39. 					</view>

  40. 					<view v-if="audioStatus=='true'" class="Workcardtext">录音：已开启</view>

  41. 					<view v-if="audioStatus=='false'" class="Workcardtext">录音：未开启</view>

  42. 				</view>

  43. 			</view>

  44. 			<view class="Workcard" v-if="Whetheroffline==false">

  45. 				<view class="Workcard-box">

  46. 					<view class="Workcardimg">

  47. 						<image class="Workcardimg4" src="../../static/images/offline.png" mode=""></image>

  48. 					</view>

  49. 					<view class="Workcardtext">设备离线</view>

  50. 				</view>

  51. 			</view>

  52. 		</view>

  53. 		

  54. 	

  55. 		

  56. 		<view class="title" v-if="equipmentisshow">设备</view>

  57. 		<view class="shebenbox" v-if="equipmentisshow">

  58. 			<view class="shebenche">

  59. 				<view class="shebenchenum">{{equipmentobj.totalNum}}</view>

  60. 				<view class="shebenchetext">设备总数</view>

  61. 			</view>

  62. 			<view class="shebenche">

  63. 				<view class="shebenchenum">{{equipmentobj.onlineNum}}</view>

  64. 				<view class="shebenchetext">在线</view>

  65. 			</view>

  66. 			<view class="shebenche">

  67. 				<view class="shebenchenum">{{equipmentobj.activeNum}}</view>

  68. 				<view class="shebenchetext">活跃</view>

  69. 			</view>

  70. 			<view class="shebenche">

  71. 				<view class="shebenchenum" style="color: red;">{{equipmentobj.lowPowerNum}}</view>

  72. 				<view class="shebenchetext">急需充电</view>

  73. 			</view>

  74. 		</view>

  75. 		

  76. 		

  77. 		

  78. 		<view class="title">实时统计</view>

  79. 		<view class="real-timebox">

  80. 			<view class="timebox">

  81. 				<view class="real">

  82. 					<view class="realnum">44</view>

  83. 					<view class="realtext">接待量</view>

  84. 				</view>

  85. 				<view class="real">

  86. 					<view class="realnum">44</view>

  87. 					<view class="realtext">正在接待</view>

  88. 				</view>

  89. 				<view class="real">

  90. 					<view class="realnum">44</view>

  91. 					<view class="realtext">接待客户</view>

  92. 				</view>

  93. 				<view class="real">

  94. 					<view class="realnum">44</view>

  95. 					<view class="realtext">录音时长</view>

  96. 				</view>

  97. 			</view>

  98. 			<view class="timebox">

  99. 				<view class="real">

  100. 					<view class="realnum">44</view>

  101. 					<view class="realtext">未标顾问</view>

  102. 				</view>

  103. 				<view class="real">

  104. 					<view class="realnum">44</view>

  105. 					<view class="realtext">平均执行率</view>

  106. 				</view>

  107. 				<view class="real">

  108. 					<view class="realnum">44</view>

  109. 					<view class="realtext">平均得分</view>

  110. 				</view>

  111. 				<view class="real">

  112. 					<!-- <view class="realnum" style="color: red;">44</view>

  113. 					<view class="realtext">违禁提醒</view> -->

  114. 				</view>

  115. 			</view>

  116. 		</view>

  117. 		

  118. 		<view class="title">本周工作</view>

  119. 		<view class="real-timebox">

  120. 			<view class="timebox">

  121. 				<view class="real">

  122. 					<view class="realnum">44</view>

  123. 					<view class="realtext">接待量</view>

  124. 				</view>

  125. 				<view class="real">

  126. 					<view class="realnum">44</view>

  127. 					<view class="realtext">接待客户</view>

  128. 				</view>

  129. 				<view class="real">

  130. 					<view class="realnum">44</view>

  131. 					<view class="realtext">录音时长</view>

  132. 				</view>

  133. 			</view>

  134. 			<view class="timebox">

  135. 				

  136. 				<view class="real">

  137. 					<view class="realnum">44</view>

  138. 					<view class="realtext">平均执行率</view>

  139. 				</view>

  140. 				<view class="real">

  141. 					<view class="realnum">44</view>

  142. 					<view class="realtext">平均得分</view>

  143. 				</view>

  144. 				<view class="real">

  145. 					<!-- <view class="realnum">44</view>

  146. 					<view class="realtext">违禁预警</view> -->

  147. 				</view>

  148. 			</view>

  149. 		</view>

  150. 		

  151. 		<view class="title">常用功能</view>

  152. 		<view class="commonly-box">

  153. 			<view class="commonly" @click="Piabodata()">

  154. 				<view class="commonly-img">

  155. 					<image class="commonly-img1" src="../../static/images/building.png" mode=""></image>

  156. 				</view>

  157. 				<view class="commonly-text">销讲数据</view>

  158. 			</view>

  159. 			<view class="commonly" @click="record">

  160. 				<view class="commonly-img">

  161. 					<image class="commonly-img1"  src="../../static/images/building.png" mode=""></image>

  162. 				</view>

  163. 				<view class="commonly-text">接待记录</view>

  164. 			</view>

  165. 			<view class="commonly" @click="toequipment()">

  166. 				<view class="commonly-img">

  167. 					<image class="commonly-img1" src="../../static/images/building.png" mode=""></image>

  168. 				</view>

  169. 				<view class="commonly-text">设备管理</view>

  170. 			</view>

  171. 			

  172. 			<view class="commonly" @click="toconsultanonduty()">

  173. 				<view class="commonly-img">

  174. 					<image class="commonly-img1" src="../../static/images/building.png" mode=""></image>

  175. 				</view>

  176. 				<view class="commonly-text">值班顾问</view>

  177. 			</view>

  178. 			

  179. 			<view class="commonly" @click="goConsumer()">

  180. 				<view class="commonly-img">

  181. 					<image class="commonly-img1" src="../../static/images/building.png" mode=""></image>

  182. 				</view>

  183. 				<view class="commonly-text">客户管理</view>

  184. 			</view>

  185. 			<view class="commonly">

  186. 				<view class="commonly-img">

  187. 					<image class="commonly-img1" src="../../static/images/building.png" mode=""></image>

  188. 				</view>

  189. 				<view class="commonly-text">客户管理</view>

  190. 			</view>

  191. 			<view class="commonly">

  192. 				<view class="commonly-img">

  193. 					<image class="commonly-img1" src="../../static/images/building.png" mode=""></image>

  194. 				</view>

  195. 				<view class="commonly-text">客户管理</view>

  196. 			</view>

  197. 		</view>

  198. 		

  199. 		

  200. 		<!-- 楼盘切换 -->

  201. 		<view v-if="Showhiddenunits">

  202. 			<u-select :mask-close-able="false" v-model="Showhiddenunits" mode="single-column" :list="lpanlist" @cancel="cancel" @confirm="confirm"></u-select>

  203. 		</view>

  204. 	</view>

  205. </template>

  206. 

  207. <script>

  208. 	var config = require("../../config");

  209. 	export default {

  210. 		data() {

  211. 			return {

  212. 				userInfo:{},

  213. 				Showhiddenunits:false,

  214. 				lpanlist:[],//楼盘列表

  215. 				buildingname:'',//楼盘名

  216. 				buildingID:'',//楼盘id

  217. 				buildingishow:false,//是否选择楼盘

  218. 				Myworkcard:false,

  219. 				percentage:'',//设备电量

  220. 				Whetheroffline:false,//是否离线

  221. 				signalDevice:0,//信号

  222. 				signalDevicetext:"",

  223. 				audioStatus:false,

  224. 				equipmentisshow:false,

  225. 				equipmentobj:{

  226. 					totalNum:'',

  227. 					onlineNum:'',

  228. 					activeNum:'',

  229. 					lowPowerNum:'',

  230. 				}

  231. 			};

  232. 		},

  233. 		components: {},

  234. 		onShow() {

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

  236. 			if(this.userInfo.zkProperties.length==1){

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

  238. 				this.buildingname=uni.getStorageSync('buildingID').name;

  239. 				this.buildingishow=false;

  240. 			}else{

  241. 				this.buildingishow=true;

  242. 				this.buildingname=uni.getStorageSync('buildingID').name;

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

  244. 				this.userInfo.zkProperties.forEach(item=>{

  245. 					item.label=item.propertyName;

  246. 					item.value=item.id

  247. 				})

  248. 				this.lpanlist=this.userInfo.zkProperties

  249. 			}

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

  251. 				this.Myworkcard=true;

  252. 				this.equipmentisshow=false;

  253. 				this.iniodianloang()

  254. 			}else{

  255. 				this.equipmentisshow=true;

  256. 				this.Myworkcard=false;

  257. 				this.initequipment()

  258. 			}

  259. 			this.initworkThisWeek()

  260. 			// this.initrealTimeStatistics()

  261. 		},

  262. 		methods: {

  263. 			initworkThisWeek(){

  264. 				uni.request({

  265. 					url: config.service.workThisWeek,

  266. 					method: "POST",

  267. 					header: {

  268. 						'content-type': 'application/json',

  269. 						'Access-Token': uni.getStorageSync('weapp_session_login_data').token

  270. 					},

  271. 					data: {

  272. 						houseId:this.buildingID

  273. 					},

  274. 					success: (data) => {

  275. 						if (data.data.data == null) {

  276. 							return

  277. 						}else{

  278. 							

  279. 						}

  280. 					}

  281. 				})

  282. 			},

  283. 			//实时统计

  284. 			initrealTimeStatistics(){

  285. 				uni.request({

  286. 					url: config.service.realTimeStatistics,

  287. 					method: "POST",

  288. 					header: {

  289. 						'content-type': 'application/json',

  290. 						'Access-Token': uni.getStorageSync('weapp_session_login_data').token

  291. 					},

  292. 					data: {

  293. 						houseId:this.buildingID

  294. 					},

  295. 					success: (data) => {

  296. 						if (data.data.data == null) {

  297. 							return

  298. 						}else{

  299. 							

  300. 						}

  301. 					}

  302. 				})

  303. 			},

  304. 			//设备

  305. 			initequipment(){

  306. 				uni.request({

  307. 					url: config.service.findEquipmentState,

  308. 					method: "POST",

  309. 					header: {

  310. 						'content-type': 'application/json',

  311. 						'Access-Token': uni.getStorageSync('weapp_session_login_data').token

  312. 					},

  313. 					data: {

  314. 						propertyId:this.buildingID

  315. 					},

  316. 					success: (data) => {

  317. 						if (data.data.data == null) {

  318. 							return

  319. 						}else{

  320. 							this.equipmentobj={

  321. 								totalNum:'0',

  322. 								onlineNum:'0',

  323. 								activeNum:'0',

  324. 								lowPowerNum:'0',

  325. 							}

  326. 						}

  327. 					}

  328. 				})

  329. 			},

  330. 			//我的工牌

  331. 			iniodianloang() {

  332. 				uni.request({

  333. 					url: config.service.findElectricity,

  334. 					method: "POST",

  335. 					header: {

  336. 						'content-type': 'application/json',

  337. 						'Access-Token': uni.getStorageSync('weapp_session_login_data').token

  338. 					},

  339. 					data: {},

  340. 					success: (data) => {

  341. 						if (data.data.data == null) {

  342. 							return

  343. 						} else {

  344. 							if (data.data.data > 100) {

  345. 								this.percentage = 100;

  346. 							} else {

  347. 								if(data.data.data.onLine==0){

  348. 									this.Whetheroffline=false;

  349. 								}else{

  350. 									this.Whetheroffline=true;

  351. 									this.percentage = data.data.data.electricity;

  352. 									this.signalDevice=data.data.data.signalDevice/1;

  353. 									console.log(this.signalDevice)

  354. 									this.audioStatus=data.data.data.audioStatus;

  355. 									if(this.signalDevice>80){

  356. 										this.signalDevicetext='高';

  357. 									}else{

  358. 										if(this.signalDevice==0){

  359. 											this.signalDevicetext='无';

  360. 										}else{

  361. 											this.signalDevicetext='低';

  362. 										}

  363. 									}

  364. 								}	

  365. 								

  366. 							}	

  367. 						}

  368. 					}

  369. 				})

  370. 			},

  371. 			//选择楼盘弹框

  372. 			piskbuilding(){

  373. 				this.Showhiddenunits=true;

  374. 			},

  375. 			// 楼盘选择确认

  376. 			confirm(e) {

  377. 				this.buildingname=e[0].label;

  378. 				this.buildingID=e[0].value;

  379. 				let lopan={

  380. 					id:e[0].value,

  381. 					name:e[0].label

  382. 				}

  383. 				uni.setStorageSync("buildingID", lopan); //楼盘id写入缓存

  384. 			},

  385. 			// 楼盘选择取消

  386. 			cancel(){

  387. 				this.Showhiddenunits=false;

  388. 			},

  389. 			//销讲数据

  390. 			Piabodata(){

  391. 				uni.navigateTo({

  392. 				    url: '/pages/center/Piabodata/index'

  393. 				});

  394. 			},

  395. 			// 接待记录

  396. 			record(){

  397. 				uni.navigateTo({

  398. 				    url: '/pages/center/records/index'

  399. 				});

  400. 			},

  401. 			//值班顾问

  402. 			toconsultanonduty(){

  403. 				uni.navigateTo({

  404. 				    url: '/pages/mine/consultanonduty/index'

  405. 				});

  406. 			},

  407. 			//设备

  408. 			toequipment(){

  409. 				uni.navigateTo({

  410. 				    url: '/pages/mine/equipment/index'

  411. 				});

  412. 			},

  413. 			// 客户管理

  414. 			goConsumer(){

  415. 				uni.navigateTo({

  416. 				    url: '/pages/center/consumer/index'

  417. 				});

  418. 			},

  419. 		},

  420. 	

  421. 	};

  422. </script>

  423. 

  424. <style lang="scss" scoped>

  425. .cented-box{

  426. 	padding: 30rpx;

  427. 	background: #F8F8F8;

  428. 	width: 100%;

  429. 	height: 100%;

  430. }

  431. .Switchingbox{

  432. 	width: 100%;

  433. 	height: 44rpx;

  434. 	display: flex;

  435. 	align-items: center;

  436. 	.Switching1{

  437. 		width: 44rpx;

  438. 		height: 44rpx;

  439. 		.Switching1-img{

  440. 			width: 44rpx;

  441. 			height: 44rpx;

  442. 		}

  443. 	}

  444. 	.Switching2{

  445. 		margin-left: 12rpx;

  446. 		font-size: 32rpx;

  447. 		color: #303030;

  448. 		font-weight: 500;

  449. 	}

  450. 	.Switching3{

  451. 		width: calc(100% - 280rpx);

  452. 		font-size: 32rpx;

  453. 		color: #303030;

  454. 		font-weight: 500;

  455. 	}

  456. 	.Switching4{

  457. 		width: 112rpx;

  458. 		font-size: 28rpx;

  459. 		color: #303030;

  460. 		font-weight: 400;

  461. 		text-align: right;

  462. 		text-decoration:underline

  463. 	}

  464. }

  465. .Workcard{

  466. 	width: 100%;

  467. 	background: #FFFFFF;

  468. 	height: 154rpx;

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

  470. 	border-radius: 12rpx;

  471. 	display: flex;

  472. 	.Workcard-box{

  473. 		flex: 1;

  474. 		height: 100%;

  475. 		.Workcardimg{

  476. 			width: 100%;

  477. 			display: flex;

  478. 			justify-content: center;

  479. 			margin-top: 42rpx;

  480. 			.Workcardimg1{

  481. 				width: 64rpx;

  482. 				height: 36rpx;

  483. 				background-image: url(../../static/images/battery.png);

  484. 				background-size: 100% 100%;

  485. 				padding: 8rpx;

  486. 				.bar {

  487. 					background-color: #43CD80;

  488. 					height: 100%;

  489. 					border-radius: 4rpx;

  490. 				}	

  491. 				.bar1 {

  492. 					background-color: red;

  493. 					height: 100%;

  494. 					border-radius: 4rpx;

  495. 				}	

  496. 			}

  497. 			.Workcardimg2{

  498. 				width: 56rpx;

  499. 				height: 36rpx;

  500. 			}

  501. 			.Workcardimg3{

  502. 				width: 34rpx;

  503. 				height: 36rpx;

  504. 			}

  505. 			.Workcardimg4{

  506. 				width: 50rpx;

  507. 				height: 40rpx;

  508. 			}

  509. 		}

  510. 		.Workcardtext{

  511. 			width: 100%;

  512. 			text-align: center;

  513. 			font-size: 24rpx;

  514. 			font-weight: 400;

  515. 			color: #666666;

  516. 			margin-top: 20rpx;

  517. 		}

  518. 	}

  519. }

  520. .title{

  521. 	width: 100%;

  522. 	height: 30rpx;

  523. 	font-size: 30rpx;

  524. 	font-weight: 600;

  525. 	color: #333333;

  526. 	margin-top: 40rpx;

  527. 	margin-bottom: 24rpx;

  528. }

  529. .shebenbox{

  530. 	width: 100%;

  531. 	height: 156rpx;

  532. 	background: #FFFFFF;

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

  534. 	border-radius: 12rpx;

  535. 	display: flex;

  536. 	.shebenche{

  537. 		width: 25%;

  538. 		height: 100%;

  539. 		.shebenchenum{

  540. 			width: 100%;

  541. 			font-size: 36rpx;

  542. 			font-weight: 600;

  543. 			color: #333333;

  544. 			text-align: center;

  545. 			margin-top: 36rpx;

  546. 		}

  547. 		.shebenchetext{

  548. 			width: 100%;

  549. 			font-size: 24rpx;

  550. 			font-weight: 400;

  551. 			color: #666666;

  552. 			text-align: center;

  553. 			margin-top: 24rpx;

  554. 		}

  555. 	}

  556. }

  557. .real-timebox{

  558. 	width: 100%;

  559. 	background: #FFFFFF;

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

  561. 	border-radius: 12rpx;

  562. 	padding-bottom: 36rpx;

  563. 	.timebox{

  564. 		width: 100%;

  565. 		display: flex;

  566. 		.real{

  567. 			flex: 1;

  568. 			height: 100%;

  569. 			.realnum{

  570. 				width: 100%;

  571. 				font-size: 36rpx;

  572. 				font-weight: 600;

  573. 				color: #333333;

  574. 				text-align: center;

  575. 				margin-top: 36rpx;

  576. 			}

  577. 			.realtext{

  578. 				width: 100%;

  579. 				font-size: 24rpx;

  580. 				font-weight: 400;

  581. 				color: #666666;

  582. 				text-align: center;

  583. 				margin-top: 24rpx;

  584. 			}

  585. 		}

  586. 	}

  587. 

  588. }

  589. .commonly-box{

  590. 	width: 100%;

  591. 	background: #FFFFFF;

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

  593. 	border-radius: 12rpx;

  594. 	display: flex;

  595. 	flex-wrap: wrap;

  596. 	padding-bottom: 36rpx;

  597. 	.commonly{

  598. 		width: 25%;

  599. 		margin-top: 36rpx;

  600. 		.commonly-img{

  601. 			width: 100%;

  602. 			height: 68rpx;

  603. 			text-align: center;

  604. 			.commonly-img1{

  605. 				width: 68rpx;

  606. 				height: 68rpx;

  607. 				border-radius: 50%;

  608. 			}

  609. 		}

  610. 		.commonly-text{

  611. 			width: 100%;

  612. 			text-align: center;

  613. 			font-size: 24rpx;

  614. 			font-weight: 400;

  615. 			color: #333333;

  616. 			margin-top: 16rpx;

  617. 		}

  618. 	}

  619. }

  620. </style>