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

1105 lines
30 KiB
Raw Blame History 

  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"

  27. 							mode=""></image>

  28. 						<image v-else-if="signalDevice<20 && signalDevice>0" class="Workcardimg2"

  29. 							src="../../static/images/signal1.png" mode=""></image>

  30. 						<image v-else-if="signalDevice<50 && signalDevice>20" class="Workcardimg2"

  31. 							src="../../static/images/signal2.png" mode=""></image>

  32. 						<image v-else-if="signalDevice<70 && signalDevice>50" class="Workcardimg2"

  33. 							src="../../static/images/signal3.png" mode=""></image>

  34. 						<image v-else-if="signalDevice<90 && signalDevice>70" class="Workcardimg2"

  35. 							src="../../static/images/signal4.png" mode=""></image>

  36. 						<image v-else-if="signalDevice<=100 && signalDevice>90" class="Workcardimg2"

  37. 							src="../../static/images/signal5.png" mode=""></image>

  38. 					</view>

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

  40. 				</view>

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

  42. 					<view class="Workcardimg">

  43. 						<image v-if="audioStatus=='true'" class="Workcardimg3"

  44. 							src="../../static/images/Thtapedrive1.png" mode=""></image>

  45. 						<image v-if="audioStatus=='false'" class="Workcardimg3"

  46. 							src="../../static/images/Thtapedrive2.png" mode=""></image>

  47. 					</view>

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

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

  50. 				</view>

  51. 			</view>

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

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

  54. 					<view class="Workcardimg">

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

  56. 					</view>

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

  58. 				</view>

  59. 			</view>

  60. 		</view>

  61. 

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

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

  64. 			<view class="shebenche" @click="tapjumpequipment(0)">

  65. 				<view class="shebenchenum">{{equipmentobj.totalNum || 0}}</view>

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

  67. 			</view>

  68. 			<view class="shebenche" @click="tapjumpequipment(1)">

  69. 				<view class="shebenchenum">{{equipmentobj.onlineNum || 0}}</view>

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

  71. 			</view>

  72. 			<view class="shebenche" @click="tapjumpequipment(3)">

  73. 				<view class="shebenchenum">{{equipmentobj.activeNum || 0}}</view>

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

  75. 			</view>

  76. 			<view class="shebenche" @click="tapjumpequipment(2)">

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

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

  79. 			</view>

  80. 		</view>

  81. 

  82. 

  83. 

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

  85. 		<!-- <view class="real-timebox">

  86. 			<view class="timebox">

  87. 			

  88. 			</view>

  89. 			<view class="timebox">

  90. 				

  91. 			</view>

  92. 		</view> -->

  93. 		

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

  95. 			<view class="timebox">

  96. 				<view class="real" @click="tapjumpreception('1')">

  97. 					<view class="realnum">{{realtimeobj.receptionCount || 0}}</view>

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

  99. 				</view>

  100. 				<view class="real" @click="tapjumpreception('6')">

  101. 					<view class="realnum">{{realtimeobj.activeCustomer|| 0}}</view>

  102. 					<view class="realtext">有效接待</view>

  103. 				</view>

  104. 				<view class="real" @click="tapjumpreception('2')">

  105. 					<view class="realnum">{{realtimeobj.receivingCustomer  || 0}}</view>

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

  107. 				</view>

  108. 				<view class="real" @click="tapjumpreception('4')">

  109. 					<view class="realnum">{{realtimeobj.tagCustomer || 0}}</view>

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

  111. 				</view>	

  112. 			</view>

  113. 			<view class="timebox">

  114. 				<view class="real" @click="tapjumpreception('auth')">

  115. 					<view class="realnum">{{realtimeobj.avgDuration|| 0}}</view>

  116. 					<view class="realtext">平均接待时长</view>

  117. 				</view>

  118. 				<view class="real" @click="tapjumpreception('auth')">

  119. 					<view class="realnum">{{realtimeobj.fraction || 0}}%</view>

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

  121. 				</view>

  122. 				<view class="real" >

  123. 					<view @click="prohibitedtap(1)" v-if="methodsisshow==true" class="realnum" style="color: red;" >{{realtimeobj.prohibitedCustomer || 0}}</view>

  124. 					<view @click="prohibitedtap(1)" v-if="methodsisshow==true" class="realtext">违禁预警</view>

  125. 				</view>

  126. 				<view class="real">

  127. 					<view class="realnum"></view>

  128. 					<view class="realtext"></view>

  129. 				</view>

  130. 				

  131. 			</view>

  132. 		</view>

  133. 		

  134. 

  135. 

  136. 		<view class="title" style="display: flex;">

  137. 			<view style="width: 55%;">概览</view>

  138. 			<view class="cet" style="display: flex;">

  139. 				<view class="cetview" :class="{ activecllasscet: zhixingcenterindex == 2 }" @click="tabtimeclick(2)">近7天</view>

  140. 				<view class="cetview" :class="{ activecllasscet: zhixingcenterindex == 6 }" @click="tabtimeclick(6)">近30天</view>

  141. 				<view class="cetview" :class="{ activecllasscet: zhixingcenterindex == 7 }" @click="tabtimeclick(7)">自定义</view>

  142. 			</view>

  143. 		</view>

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

  145. 			<view class="timebox">

  146. 				<view class="real"  @click="tapjumpreception('3')">

  147. 					<view class="realnum">{{Thisweekobj.receptionCount || 0}}</view>

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

  149. 				</view>

  150. 				<view class="real" @click="tapjumpreception('7')">

  151. 					<view class="realnum">{{Thisweekobj.activeCustomer|| 0}}</view>

  152. 					<view class="realtext">有效接待</view>

  153. 				</view>

  154. 				<view class="real"  @click="tapjumpreception('333')">

  155. 					<view class="realnum">{{Thisweekobj.fraction  || 0}}%</view>

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

  157. 				</view>

  158. 			</view>

  159. 			<view class="timebox">

  160. 				<view class="real"  @click="tapjumpreception('333')">

  161. 					<view class="realnum">{{Thisweekobj.avgDuration|| 0}}</view>

  162. 					<view class="realtext">平均接待时长</view>

  163. 				</view>

  164. 				<view class="real" @click="prohibitedtap(2)" v-if="methodsisshow==true">

  165. 					<view class="realnum" style="color: red;" >{{Thisweekobj.prohibitedCustomer || 0}}</view>

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

  167. 				</view>

  168. 				<view class="real" v-else>

  169. 					<view class="realnum"></view>

  170. 					<view class="realtext"></view>

  171. 				</view>

  172. 				<view class="real">

  173. 					<view class="realnum"></view>

  174. 					<view class="realtext"></view>

  175. 				</view>

  176. 			</view>

  177. 		</view>

  178. 		

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

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

  181. 			<!-- 权限菜单控制显隐 因为后台添加的按钮权限并不会在此返回所以需要手动添加 showMenu -->

  182. 			<view class="commonly" @click="Piabodata(item.name)" v-for="(item,index) in Menulist" :key="index" v-if="showMenu(item.name)">

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

  184. 					<image v-if="item.name=='客户管理'" class="commonly-img1" src="../../static/images/function1.png"

  185. 						mode=""></image>

  186. 					<image v-if="item.name=='接待记录'" class="commonly-img1" src="../../static/images/function2.png"

  187. 						mode=""></image>

  188. 					<image v-if="item.name=='销讲数据'" class="commonly-img1" src="../../static/images/function4.png"

  189. 						mode=""></image>

  190. 					<image v-if="item.name=='设备管理'" class="commonly-img1" src="../../static/images/function5.png"

  191. 						mode=""></image>

  192. 					<image v-if="item.name=='值班顾问'" class="commonly-img1" src="../../static/images/function6.png"

  193. 						mode=""></image>

  194. 					<image v-if="item.name=='顾问排名'" class="commonly-img1" src="../../static/images/rankingguwen.png"

  195. 						mode=""></image>	

  196. 					<image v-if="item.name=='违禁记录'" class="commonly-img1" src="../../static/images/prohibited.png"

  197. 						mode=""></image>	

  198. 				</view>

  199. 				<view class="commonly-text">{{item.name}}</view>

  200. 			</view>

  201. 		</view>

  202. 

  203. 

  204. 		<!-- 项目切换 -->

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

  206. 			<u-select :mask-close-able="false" v-model="Showhiddenunits" mode="single-column" :list="lpanlist"

  207. 				@cancel="cancel" @confirm="confirm"></u-select>

  208. 		</view>

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

  210. 		<view class="update" v-if="isShowUpdate">

  211. 			<view class="updateBox">

  212. 				<view class="top">

  213. 					<image src="../../static/images/updateIcon.png"></image>

  214. 				</view>

  215. 				<view class="content">

  216. 					<view class="tit">{{tit}}</view>

  217. 					<u-parse class="ql-editor" :content="content" @preview="preview" @navigate="navigate"/>

  218. 					<!-- <rich-text :nodes="content"></rich-text> -->

  219. 				</view>

  220. 				<view class="btn" @click="lookDetail">查看详情</view>

  221. 				<view class="close" @click="close">

  222. 					<u-icon name="close-circle" size="80" color="#FFFFFF"></u-icon>

  223. 				</view>

  224. 			</view>

  225. 		</view>

  226. 		

  227. 		

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

  229. 	</view>

  230. </template>

  231. 

  232. <script>

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

  234. 	var util = require("../../utils/util.js");

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

  236. 	import uParse from '../../components/gaoyia-parse/parse.vue'

  237. 	export default {

  238. 		data() {

  239. 			return {

  240. 				id:"",

  241. 				isShowUpdate:false,

  242. 				tit:"",

  243. 				content:"",

  244. 				tabbarList:tabbarList,

  245. 				current: 0,

  246. 				userInfo: {},

  247. 				Showhiddenunits: false,

  248. 				lpanlist: [], //项目列表

  249. 				buildingname: '', //项目名

  250. 				buildingID: '', //项目id

  251. 				buildingishow: false, //是否选择项目

  252. 				Myworkcard: false,

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

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

  255. 				signalDevice: 0, //信号

  256. 				signalDevicetext: "",

  257. 				audioStatus: false,

  258. 				equipmentisshow: false,

  259. 				equipmentobj: {

  260. 					totalNum: '',

  261. 					onlineNum: '',

  262. 					activeNum: '',

  263. 					lowPowerNum: '',

  264. 				},

  265. 				Menulist: [],

  266. 				realtimeobj: {

  267. 					sumCustomer: '',

  268. 					receivingCustomer: '',

  269. 					activeCustomer: '',

  270. 					prohibitedCustomer: '',

  271. 					tagCustomer: '',

  272. 					fraction: '',

  273. 					receptionCount:''

  274. 				},

  275. 				Thisweekobj: {

  276. 					sumCustomer: '',

  277. 					receivingCustomer: '',

  278. 					activeCustomer: '',

  279. 					prohibitedCustomer: '',

  280. 					tagCustomer: '',

  281. 					fraction: '',

  282. 					receptionCount:''

  283. 				},

  284. 				methodsisshow:false,

  285. 				zhixingcenterindex:2,

  286. 				totalTimeShow: false,

  287. 				statDateStart:'',

  288. 				statDateEnd:'',

  289. 			};

  290. 		},

  291. 		computed: {

  292. 			showMenu() {

  293. 				return name => {

  294. 					if (name == '标记有效无效接待' || name == '结束接待' || name == '客户编辑') {

  295. 						return false

  296. 					} else {

  297. 						return true

  298. 					}

  299. 				}

  300. 			}

  301. 		},

  302. 		components: {

  303. 		    uParse

  304. 		},

  305. 		onShow() {

  306. 			this.getMenu()

  307. 			

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

  309. 			

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

  311. 				this.methodsisshow=false;

  312. 			}else{

  313. 				this.methodsisshow=true;

  314. 			}

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

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

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

  318. 				this.buildingishow = false;

  319. 			} else {

  320. 				this.buildingishow = true;

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

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

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

  324. 					item.label = item.propertyName;

  325. 					item.value = item.id

  326. 				})

  327. 				this.lpanlist = this.userInfo.zkProperties

  328. 			}

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

  330. 				this.Myworkcard = true;

  331. 				this.equipmentisshow = false;

  332. 				this.iniodianloang()

  333. 			} else {

  334. 				this.equipmentisshow = true;

  335. 				this.Myworkcard = false;

  336. 				this.initequipment()

  337. 			}

  338. 			this.initworkThisWeek()

  339. 			this.initrealTimeStatistics()

  340. 			this.updateInit()

  341. 		},

  342. 		onPullDownRefresh() {

  343. 			this.getMenu()

  344. 		

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

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

  347. 				this.methodsisshow = false;

  348. 			} else {

  349. 				this.methodsisshow = true;

  350. 			}

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

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

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

  354. 				this.buildingishow = false;

  355. 			} else {

  356. 				this.buildingishow = true;

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

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

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

  360. 					item.label = item.propertyName;

  361. 					item.value = item.id

  362. 				})

  363. 				this.lpanlist = this.userInfo.zkProperties

  364. 			}

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

  366. 				// this.Myworkcard = true;

  367. 				this.equipmentisshow = false;

  368. 				this.iniodianloang()

  369. 			} else {

  370. 				this.equipmentisshow = true;

  371. 				// this.Myworkcard = false;

  372. 				this.initequipment()

  373. 				// this.waitForOperation()

  374. 			}

  375. 			this.initworkThisWeek()

  376. 			this.initrealTimeStatistics()

  377. 			setTimeout(() => {

  378. 				uni.stopPullDownRefresh()

  379. 			}, 3000)

  380. 		},

  381. 		onLoad() {

  382. 			this.initPopup()

  383. 		},

  384. 		methods: {

  385. 			close(){

  386. 				this.isShowUpdate = false;

  387. 			},

  388. 			lookDetail(){

  389. 				let datas = {

  390. 					id: this.id,

  391. 					title: this.tit,

  392. 					content: this.content

  393. 				}

  394. 				this.$store.commit('setMessageObj', datas)

  395. 				uni.navigateTo({

  396. 					url: "../mine/messageDetail"

  397. 				})

  398. 				let data = {

  399. 					id:this.id,

  400. 					accountId:uni.getStorageSync('weapp_session_userInfo_data').accountId

  401. 				}

  402. 				uni.request({

  403. 					url: config.service.updateRead,

  404. 					method: "GET",

  405. 					header: {

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

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

  408. 					},

  409. 					data,

  410. 					success: (res) => {

  411. 						this.initPopup()

  412. 					}

  413. 				})

  414. 				this.isShowUpdate = false;

  415. 			},

  416. 			initPopup(){

  417. 				uni.request({

  418. 					url: config.service.updatePopup,

  419. 					method: "GET",

  420. 					header: {

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

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

  423. 					},

  424. 					

  425. 					data: {

  426. 						

  427. 					},

  428. 					success: (res) => {

  429. 						this.first(res.data.data.id)

  430. 						this.content = res.data.data.content

  431. 						this.tit = res.data.data.title

  432. 						this.aid = res.data.data.accountId

  433. 						this.id = res.data.data.id

  434. 						this.isShowUpdate = res.data.data.readFlag==0?true:false;

  435. 					}

  436. 				})

  437. 			},

  438. 			first(id){

  439. 				uni.request({

  440. 					url: config.service.firstShowPopup,

  441. 					method: "GET",

  442. 					header: {

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

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

  445. 					},

  446. 					data:{id},

  447. 					success: (res) => {}

  448. 				})

  449. 			},

  450. 			updateInit() {

  451. 				uni.request({

  452. 					url: config.service.notReadNum,

  453. 					method: "GET",

  454. 					data: {

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

  456. 						projectId: uni.getStorageSync('buildingID').id, 

  457. 					},

  458. 					header: {

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

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

  461. 					},

  462. 					success: (res) => {

  463. 						this.count = res.data.data

  464. 						this.tabbarList[3].count = res.data.data || 0

  465. 					}

  466. 				})

  467. 			},

  468. 			

  469. 			//获取权限

  470. 			getMenu(){

  471. 				this.$u.get("/user/getMenu").then(data => {

  472. 					uni.setStorageSync("weapp_session_Menu_data", data)

  473. 					this.Menulist = uni.getStorageSync('weapp_session_Menu_data');

  474. 					console.log(this.Menulist, 'adasdasds123')

  475. 				})	

  476. 			},

  477. 			//自定义时间

  478. 			totalTimeChange(e) {

  479. 				this.statDateStart=e.startDate;

  480. 				this.statDateEnd=e.endDate;

  481. 				this.zhixingcenterindex=7;

  482. 				this.initworkThisWeek()

  483. 			},

  484. 			//时间选择

  485. 			tabtimeclick(i){

  486. 				if(i==7){

  487. 					this.totalTimeShow = true;

  488. 				}else{

  489. 					this.zhixingcenterindex=i;

  490. 					this.initworkThisWeek()

  491. 				}

  492. 			},

  493. 			//获取概览数据

  494. 			initworkThisWeek() {

  495. 				uni.request({

  496. 					url: config.service.workThisWeek,

  497. 					method: "POST",

  498. 					header: {

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

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

  501. 					},

  502. 					data: {

  503. 						houseId: this.buildingID,

  504. 						dateType:this.zhixingcenterindex==7?null:this.zhixingcenterindex,

  505. 						statDateStart:this.statDateStart,

  506. 						statDateEnd:this.statDateEnd

  507. 					},

  508. 					success: (data) => {

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

  510. 							return

  511. 						} else {

  512. 							this.Thisweekobj = {

  513. 								sumCustomer: data.data.data.sumCustomer,

  514. 								receivingCustomer: data.data.data.receivingCustomer,

  515. 								activeCustomer: data.data.data.activeCustomer,

  516. 								prohibitedCustomer: data.data.data.prohibitedCustomer,

  517. 								avgDuration: Math.floor(data.data.data.avgDuration/60) ||0,

  518. 								tagCustomer: data.data.data.tagCustomer,

  519. 								fraction: data.data.data.fraction,

  520. 								receptionCount:data.data.data.receptionCount

  521. 							}

  522. 						}

  523. 					}

  524. 				})

  525. 			},

  526. 			//实时统计

  527. 			initrealTimeStatistics() {

  528. 				uni.request({

  529. 					url: config.service.realTimeStatistics,

  530. 					method: "POST",

  531. 					header: {

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

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

  534. 					},

  535. 					data: {

  536. 						houseId: this.buildingID

  537. 					},

  538. 					success: (data) => {

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

  540. 							return

  541. 						} else {

  542. 							this.realtimeobj = {

  543. 								sumCustomer: data.data.data.sumCustomer,

  544. 								receivingCustomer: data.data.data.receivingCustomer,

  545. 								activeCustomer: data.data.data.activeCustomer,

  546. 								prohibitedCustomer: data.data.data.prohibitedCustomer,

  547. 								avgDuration: Math.floor(data.data.data.avgDuration/60) ||0,

  548. 								tagCustomer: data.data.data.tagCustomer,

  549. 								fraction: data.data.data.fraction,

  550. 								receptionCount:data.data.data.receptionCount

  551. 							}

  552. 						}

  553. 					}

  554. 				})

  555. 			},

  556. 			

  557. 			//设备

  558. 			initequipment() {

  559. 				uni.request({

  560. 					url: config.service.findEquipmentState,

  561. 					method: "POST",

  562. 					header: {

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

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

  565. 					},

  566. 					data: {

  567. 						propertyId: this.buildingID

  568. 					},

  569. 					success: (data) => {

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

  571. 							return

  572. 						} else {

  573. 							this.equipmentobj = {

  574. 								totalNum: data.data.data.totalNum,

  575. 								onlineNum: data.data.data.onlineNum,

  576. 								activeNum: data.data.data.activeNum,

  577. 								lowPowerNum: data.data.data.lowPowerNum,

  578. 							}

  579. 						}

  580. 					}

  581. 				})

  582. 			},

  583. 			//我的工牌

  584. 			iniodianloang() {

  585. 				uni.request({

  586. 					url: config.service.findElectricity,

  587. 					method: "POST",

  588. 					header: {

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

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

  591. 					},

  592. 					data: {},

  593. 					success: (data) => {

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

  595. 							return

  596. 						} else {

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

  598. 								this.percentage = 100;

  599. 							} else {

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

  601. 									this.Whetheroffline = false;

  602. 								} else {

  603. 									this.Whetheroffline = true;

  604. 									this.percentage = data.data.data.electricity;

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

  606. 									console.log(this.signalDevice)

  607. 									this.audioStatus = data.data.data.audioStatus;

  608. 									if (this.signalDevice > 80) {

  609. 										this.signalDevicetext = '高';

  610. 									} else {

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

  612. 											this.signalDevicetext = '无';

  613. 										} else {

  614. 											this.signalDevicetext = '低';

  615. 										}

  616. 									}

  617. 								}

  618. 

  619. 							}

  620. 						}

  621. 					}

  622. 				})

  623. 			},

  624. 			//选择项目弹框

  625. 			piskbuilding() {

  626. 				// this.Showhiddenunits = true;

  627. 				uni.navigateTo({

  628. 					url:"../mine/selectBuilding"

  629. 				})

  630. 			},

  631. 			// 项目选择确认

  632. 			confirm(e) {

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

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

  635. 				let lopan = {

  636. 					id: e[0].value,

  637. 					name: e[0].label

  638. 				}

  639. 				uni.setStorageSync("buildingID", lopan); //项目id写入缓存

  640. 				this.initworkThisWeek()

  641. 				this.initrealTimeStatistics()

  642. 				this.initequipment()

  643. 				this.iniodianloang()

  644. 				

  645. 			},

  646. 			// 项目选择取消

  647. 			cancel() {

  648. 				this.Showhiddenunits = false;

  649. 			},

  650. 			tapjumpequipment(i){

  651. 				this.Menulist.forEach(item=>{

  652. 					if(item.name=='设备管理'){

  653. 						uni.navigateTo({

  654. 							url: '/pages/mine/equipment/index?active='+i

  655. 						});

  656. 					}

  657. 				})

  658. 			},

  659. 			prohibitedtap(i){

  660. 				if(i==1){

  661. 					uni.navigateTo({

  662. 						url: '/pages/center/prohibited/index?refresh='+'refresh'+'&activeTotal='+'0'+'&violatedStatus=1'

  663. 					});

  664. 				}else{

  665. 					if(this.zhixingcenterindex==2){

  666. 						uni.navigateTo({

  667. 							url: '/pages/center/prohibited/index?refresh='+'refresh'+'&activeTotal='+'2'+'&violatedStatus=1'

  668. 						});

  669. 					}else if(this.zhixingcenterindex==6){

  670. 						uni.navigateTo({

  671. 							url: '/pages/center/prohibited/index?refresh='+'refresh'+'&activeTotal='+'3'+'&violatedStatus=1'

  672. 						});

  673. 					}else{

  674. 						uni.navigateTo({

  675. 							url: '/pages/center/prohibited/index?refresh='+'refresh'+'&activeTotal='+'4'+'&staTime='+this.statDateStart+'&endtime='+this.statDateEnd+'&violatedStatus=1'

  676. 						});

  677. 					}

  678. 				}

  679. 			},

  680. 			tapjumpreception(i){

  681. 				this.Menulist.forEach(item=>{

  682. 					if(item.name=='接待记录'){

  683. 						if(i==1){

  684. 							uni.navigateTo({

  685. 								url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'0'

  686. 							});

  687. 						} else if (i == 'auth') {

  688. 							uni.navigateTo({

  689. 								url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'0'+'&validInvalid=0'

  690. 							});

  691. 						}else if(i==2){

  692. 							uni.switchTab({

  693. 								url: '/pages/index/customer'

  694. 							});

  695. 						}else if(i==3){

  696. 							if(this.zhixingcenterindex==2){

  697. 								uni.navigateTo({

  698. 									url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'2'

  699. 								});

  700. 							}else if(this.zhixingcenterindex==6){

  701. 								uni.navigateTo({

  702. 									url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'3'

  703. 								});

  704. 							}else{

  705. 								uni.navigateTo({

  706. 									url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'4'+'&staTime='+this.statDateStart+'&endtime='+this.statDateEnd

  707. 								});

  708. 							}

  709. 							

  710. 						}else if(i==333){

  711. 							if(this.zhixingcenterindex==2){

  712. 								uni.navigateTo({

  713. 									url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'2'+'&validInvalid=0'

  714. 								});

  715. 							}else if(this.zhixingcenterindex==6){

  716. 								uni.navigateTo({

  717. 									url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'3'+'&validInvalid=0'

  718. 								});

  719. 							}else{

  720. 								uni.navigateTo({

  721. 									url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'4'+'&staTime='+this.statDateStart+'&endtime='+this.statDateEnd+'&validInvalid=0'

  722. 								});

  723. 							}

  724. 							

  725. 						}else if(i==3){

  726. 							if(this.zhixingcenterindex==2){

  727. 								uni.navigateTo({

  728. 									url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'2'

  729. 								});

  730. 							}else if(this.zhixingcenterindex==6){

  731. 								uni.navigateTo({

  732. 									url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'3'

  733. 								});

  734. 							}else{

  735. 								uni.navigateTo({

  736. 									url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'4'+'&staTime='+this.statDateStart+'&endtime='+this.statDateEnd

  737. 								});

  738. 							}

  739. 							

  740. 						}else if(i==6){

  741. 							uni.navigateTo({

  742. 								url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'0'+'&validInvalid=0'

  743. 							});

  744. 						}else if(i==7){

  745. 							if(this.zhixingcenterindex==2){

  746. 								uni.navigateTo({

  747. 									url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'2'+'&validInvalid=0'

  748. 								});

  749. 							}else if(this.zhixingcenterindex==6){

  750. 								uni.navigateTo({

  751. 									url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'3'+'&validInvalid=0'

  752. 								});

  753. 							}else{

  754. 								uni.navigateTo({

  755. 									url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'4'+'&staTime='+this.statDateStart+'&endtime='+this.statDateEnd+'&validInvalid=0'

  756. 								});

  757. 							}

  758. 						}else if (i == 4) {

  759. 							uni.navigateTo({

  760. 								url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal=0'+'&markAdvisor=0'+'&validInvalid=0'

  761. 							});

  762. 						}else{

  763. 							uni.navigateTo({

  764. 								url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal=0'+'&markAdvisor=0'

  765. 							});

  766. 						}

  767. 					}

  768. 				})

  769. 			},

  770. 			Piabodata(item) {

  771. 				if (item == '销讲数据') {

  772. 					uni.navigateTo({

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

  774. 					});

  775. 				} else if (item == '接待记录') {

  776. 					uni.navigateTo({

  777. 						url: '/pages/center/records/index?refresh='+'refresh'

  778. 					});

  779. 				} else if (item == '值班顾问') {

  780. 					uni.navigateTo({

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

  782. 					});

  783. 				} else if (item == '设备管理') {

  784. 					uni.navigateTo({

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

  786. 					});

  787. 				} else if(item == '顾问排名') {

  788. 					uni.navigateTo({

  789. 						url: '/pages/center/Piabodata/Employeesstatistics'

  790. 					});

  791. 				}else if(item == '违禁记录'){

  792. 					uni.navigateTo({

  793. 						url: '/pages/center/prohibited/index?refresh='+'refresh'

  794. 					});

  795. 				}else{

  796. 					uni.navigateTo({

  797. 						url: '/pages/center/consumer/index?refresh='+'refresh'

  798. 					});

  799. 				}

  800. 			},

  801. 		},

  802. 

  803. 	};

  804. </script>

  805. 

  806. <style lang="scss" scoped>

  807. 	.update{

  808. 		    width: 100%;

  809. 		    height: 100%;

  810. 		    background: rgba(0, 0, 0, 0.5);

  811. 		    position: fixed;

  812. 		    top: 0;

  813. 		    left: 0;

  814. 		    bottom: 0;

  815. 		    right: 0;

  816. 		    z-index: 9999;

  817. 			.updateBox{

  818. 				width: 80%;

  819. 				background: #FFFFFF;

  820. 				position: relative;

  821. 				left: 50%;

  822. 				margin-left: -40%;

  823. 				padding: 20rpx;

  824. 			    border-radius: 10rpx;

  825. 				top: 140rpx;

  826. 				.top{

  827. 					width: 350rpx;

  828. 					height: 220rpx;

  829. 					margin: 0 auto;

  830. 					image{

  831. 						width: 100%;

  832. 						height: 100%;

  833. 					}

  834. 				}

  835. 				.btn{

  836. 					    width: 510rpx;

  837. 					    height: 88rpx;

  838. 					    background: #2671E2;

  839. 					    margin: 0 auto;

  840. 					    display: flex;

  841. 					    justify-content: center;

  842. 					    align-items: center;

  843. 					    font-size: 36rpx;

  844. 					    border-radius: 8rpx;

  845. 					    color: #FFFFFF;

  846. 				}

  847. 				.content{

  848. 					height: 268rpx;

  849. 					overflow-y: auto;

  850. 				    margin: 46rpx 0;

  851. 				}

  852. 				.tit{

  853. 					    font-size: 40rpx;

  854. 					    text-align: center;

  855. 					    font-weight: bold;

  856. 				}

  857. 				.close{

  858. 					position: absolute;

  859. 					bottom: -100rpx;

  860. 					left: 50%;

  861. 				    margin-left: -50rpx;

  862. 				}

  863. 			}

  864. 	}

  865. 	.activecllasscet{

  866. 		font-size: 28rpx;

  867. 		font-weight: 400;

  868. 		color: #008ef2;

  869. 	}

  870. 	.cet{

  871. 		font-size: 28rpx;

  872. 		font-weight: 400;

  873. 		color: #333333;

  874. 		.cetview{

  875. 			margin-left: 20rpx;

  876. 		}

  877. 	}

  878. 	.cented-box {

  879. 		padding: 30rpx;

  880. 		background: #F8F8F8;

  881. 		width: 100%;

  882. 		height: 100%;

  883. 	}

  884. 

  885. 	.Switchingbox {

  886. 		width: 100%;

  887. 		height: 44rpx;

  888. 		display: flex;

  889. 		align-items: center;

  890. 

  891. 		.Switching1 {

  892. 			width: 44rpx;

  893. 			height: 44rpx;

  894. 

  895. 			.Switching1-img {

  896. 				width: 44rpx;

  897. 				height: 44rpx;

  898. 			}

  899. 		}

  900. 

  901. 		.Switching2 {

  902. 			margin-left: 12rpx;

  903. 			font-size: 32rpx;

  904. 			color: #303030;

  905. 			font-weight: 500;

  906. 		}

  907. 

  908. 		.Switching3 {

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

  910. 			font-size: 32rpx;

  911. 			color: #303030;

  912. 			font-weight: 500;

  913. 		}

  914. 

  915. 		.Switching4 {

  916. 			width: 112rpx;

  917. 			font-size: 28rpx;

  918. 			color: #303030;

  919. 			font-weight: 400;

  920. 			text-align: right;

  921. 			text-decoration: underline

  922. 		}

  923. 	}

  924. 

  925. 	.Workcard {

  926. 		width: 100%;

  927. 		background: #FFFFFF;

  928. 		height: 154rpx;

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

  930. 		border-radius: 12rpx;

  931. 		display: flex;

  932. 

  933. 		.Workcard-box {

  934. 			flex: 1;

  935. 			height: 100%;

  936. 

  937. 			.Workcardimg {

  938. 				width: 100%;

  939. 				display: flex;

  940. 				justify-content: center;

  941. 				margin-top: 42rpx;

  942. 

  943. 				.Workcardimg1 {

  944. 					width: 64rpx;

  945. 					height: 36rpx;

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

  947. 					background-size: 100% 100%;

  948. 					padding: 8rpx;

  949. 

  950. 					.bar {

  951. 						background-color: #43CD80;

  952. 						height: 100%;

  953. 						border-radius: 4rpx;

  954. 					}

  955. 

  956. 					.bar1 {

  957. 						background-color: red;

  958. 						height: 100%;

  959. 						border-radius: 4rpx;

  960. 					}

  961. 				}

  962. 

  963. 				.Workcardimg2 {

  964. 					width: 56rpx;

  965. 					height: 36rpx;

  966. 				}

  967. 

  968. 				.Workcardimg3 {

  969. 					width: 34rpx;

  970. 					height: 36rpx;

  971. 				}

  972. 

  973. 				.Workcardimg4 {

  974. 					width: 50rpx;

  975. 					height: 40rpx;

  976. 				}

  977. 			}

  978. 

  979. 			.Workcardtext {

  980. 				width: 100%;

  981. 				text-align: center;

  982. 				font-size: 24rpx;

  983. 				font-weight: 400;

  984. 				color: #666666;

  985. 				margin-top: 20rpx;

  986. 			}

  987. 		}

  988. 	}

  989. 

  990. 	.title {

  991. 		width: 100%;

  992. 		height: 30rpx;

  993. 		font-size: 30rpx;

  994. 		font-weight: 600;

  995. 		color: #333333;

  996. 		margin-top: 40rpx;

  997. 		margin-bottom: 24rpx;

  998. 	}

  999. 

  1000. 	.shebenbox {

  1001. 		width: 100%;

  1002. 		height: 156rpx;

  1003. 		background: #FFFFFF;

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

  1005. 		border-radius: 12rpx;

  1006. 		display: flex;

  1007. 

  1008. 		.shebenche {

  1009. 			width: 25%;

  1010. 			height: 100%;

  1011. 

  1012. 			.shebenchenum {

  1013. 				width: 100%;

  1014. 				font-size: 36rpx;

  1015. 				font-weight: 600;

  1016. 				color: #333333;

  1017. 				text-align: center;

  1018. 				margin-top: 28rpx;

  1019. 			}

  1020. 

  1021. 			.shebenchetext {

  1022. 				width: 100%;

  1023. 				font-size: 24rpx;

  1024. 				font-weight: 400;

  1025. 				color: #666666;

  1026. 				text-align: center;

  1027. 				margin-top: 24rpx;

  1028. 			}

  1029. 		}

  1030. 	}

  1031. 

  1032. 	.real-timebox {

  1033. 		width: 100%;

  1034. 		background: #FFFFFF;

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

  1036. 		border-radius: 12rpx;

  1037. 		padding-bottom: 36rpx;

  1038. 

  1039. 		.timebox {

  1040. 			width: 100%;

  1041. 			display: flex;

  1042. 

  1043. 			.real {

  1044. 				flex: 1;

  1045. 				height: 100%;

  1046. 

  1047. 				.realnum {

  1048. 					width: 100%;

  1049. 					font-size: 36rpx;

  1050. 					font-weight: 600;

  1051. 					color: #333333;

  1052. 					text-align: center;

  1053. 					margin-top: 36rpx;

  1054. 				}

  1055. 

  1056. 				.realtext {

  1057. 					width: 100%;

  1058. 					font-size: 24rpx;

  1059. 					font-weight: 400;

  1060. 					color: #666666;

  1061. 					text-align: center;

  1062. 					margin-top: 24rpx;

  1063. 				}

  1064. 			}

  1065. 		}

  1066. 

  1067. 	}

  1068. 

  1069. 	.commonly-box {

  1070. 		width: 100%;

  1071. 		background: #FFFFFF;

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

  1073. 		border-radius: 12rpx;

  1074. 		display: flex;

  1075. 		flex-wrap: wrap;

  1076. 		padding-bottom: 36rpx;

  1077. 

  1078. 		.commonly {

  1079. 			width: 25%;

  1080. 			margin-top: 36rpx;

  1081. 

  1082. 			.commonly-img {

  1083. 				width: 100%;

  1084. 				height: 68rpx;

  1085. 				text-align: center;

  1086. 

  1087. 				.commonly-img1 {

  1088. 					width: 68rpx;

  1089. 					height: 68rpx;

  1090. 					border-radius: 50%;

  1091. 				}

  1092. 			}

  1093. 

  1094. 			.commonly-text {

  1095. 				width: 100%;

  1096. 				text-align: center;

  1097. 				font-size: 24rpx;

  1098. 				font-weight: 400;

  1099. 				color: #333333;

  1100. 				margin-top: 16rpx;

  1101. 			}

  1102. 		}

  1103. 	}

  1104. </style>