liumin
/
NewZkgj
1
0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
您最多选择25个主题 主题必须以字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
349 提交
7 分支
28 MiB
 
 
 
目录树: c7cf35c3dc
分支列表 标签列表
${ item.name }
创建分支 ${ searchTerm }
从 'c7cf35c3dc'
${ noResults }
NewZkgj/pages/index/index.vue

1184 行
31 KiB
原始文件 Blame 文件历史 

  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">{{ isPuqiang ? '项目' : '客户' }}：</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;">

  124. 						{{realtimeobj.prohibitedCustomer || 0}}

  125. 					</view>

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

  127. 				</view>

  128. 				<view class="real">

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

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

  131. 				</view>

  132. 

  133. 			</view>

  134. 		</view>

  135. 

  136. 

  137. 

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

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

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

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

  142. 				</view>

  143. 				<view class="cetview" :class="{ activecllasscet: zhixingcenterindex == 6 }" @click="tabtimeclick(6)">

  144. 					近30天</view>

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

  146. 				</view>

  147. 			</view>

  148. 		</view>

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

  150. 			<view class="timebox">

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

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

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

  154. 				</view>

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

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

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

  158. 				</view>

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

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

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

  162. 				</view>

  163. 			</view>

  164. 			<view class="timebox">

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

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

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

  168. 				</view>

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

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

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

  172. 				</view>

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

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

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

  176. 				</view>

  177. 				<view class="real">

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

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

  180. 				</view>

  181. 			</view>

  182. 		</view>

  183. 

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

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

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

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

  188. 				v-if="showMenu(item.name)">

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

  190. 					<image class="commonly-img1" :src="item.name | imgFilter" mode=""></image>

  191. 				</view>

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

  193. 			</view>

  194. 		</view>

  195. 

  196. 

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

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

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

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

  201. 		</view>

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

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

  204. 			<view class="updateBox">

  205. 				<view class="top">

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

  207. 				</view>

  208. 				<view class="content">

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

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

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

  212. 				</view>

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

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

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

  216. 				</view>

  217. 			</view>

  218. 		</view>

  219. 

  220. 

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

  222. 	</view>

  223. </template>

  224. 

  225. <script>

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

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

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

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

  230. 	export default {

  231. 		data() {

  232. 			return {

  233. 				id: "",

  234. 				isShowUpdate: false,

  235. 				tit: "",

  236. 				content: "",

  237. 				tabbarList: tabbarList,

  238. 				current: 0,

  239. 				userInfo: {},

  240. 				Showhiddenunits: false,

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

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

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

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

  245. 				Myworkcard: false,

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

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

  248. 				signalDevice: 0, //信号

  249. 				signalDevicetext: "",

  250. 				audioStatus: false,

  251. 				equipmentisshow: false,

  252. 				equipmentobj: {

  253. 					totalNum: '',

  254. 					onlineNum: '',

  255. 					activeNum: '',

  256. 					lowPowerNum: '',

  257. 				},

  258. 				Menulist: [],

  259. 				realtimeobj: {

  260. 					sumCustomer: '',

  261. 					receivingCustomer: '',

  262. 					activeCustomer: '',

  263. 					prohibitedCustomer: '',

  264. 					tagCustomer: '',

  265. 					fraction: '',

  266. 					receptionCount: ''

  267. 				},

  268. 				Thisweekobj: {

  269. 					sumCustomer: '',

  270. 					receivingCustomer: '',

  271. 					activeCustomer: '',

  272. 					prohibitedCustomer: '',

  273. 					tagCustomer: '',

  274. 					fraction: '',

  275. 					receptionCount: ''

  276. 				},

  277. 				methodsisshow: false,

  278. 				zhixingcenterindex: 2,

  279. 				totalTimeShow: false,

  280. 				statDateStart: '',

  281. 				statDateEnd: '',

  282. 				needShow: ['客户管理', '接待记录', '销讲数据', '设备管理', '值班顾问', '顾问排名', '违禁记录'], // 权限配置需要展示出来的功能入口

  283. 			};

  284. 		},

  285. 

  286. 

  287. 		computed: {

  288. 			// 是否是普强小程序

  289. 			showMenu() {

  290. 				return name => {

  291. 					if (this.needShow.findIndex(item => item == name) != -1) {

  292. 						return true

  293. 					} else {

  294. 						return false

  295. 					}

  296. 				}

  297. 			},

  298. 			// 是否是普强小程序

  299. 			isPuqiang() {

  300. 				return config.service.host.indexOf('xitong.pachira.cn') == -1

  301. 			},

  302. 		},

  303. 		components: {

  304. 			uParse

  305. 		},

  306. 		

  307. 		onLoad() {

  308. 			if (!this.isPuqiang) {

  309. 				uni.setNavigationBarTitle({

  310. 					title: 'AI营销辅助平台'

  311. 				})

  312. 			}

  313. 			this.initPopup()

  314. 		},

  315. 		

  316. 		

  317. 		onShow() {

  318. 			this.getMenu()

  319. 

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

  321. 

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

  323. 				this.methodsisshow = false;

  324. 			} else {

  325. 				this.methodsisshow = true;

  326. 			}

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

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

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

  330. 				this.buildingishow = false;

  331. 			} else {

  332. 				this.buildingishow = true;

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

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

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

  336. 					item.label = item.propertyName;

  337. 					item.value = item.id

  338. 				})

  339. 				this.lpanlist = this.userInfo.zkProperties

  340. 			}

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

  342. 				this.Myworkcard = true;

  343. 				this.equipmentisshow = false;

  344. 				this.iniodianloang()

  345. 			} else {

  346. 				this.equipmentisshow = true;

  347. 				this.Myworkcard = false;

  348. 				this.initequipment()

  349. 			}

  350. 			this.initworkThisWeek()

  351. 			this.initrealTimeStatistics()

  352. 			this.updateInit()

  353. 		},

  354. 		

  355. 		onPullDownRefresh() {

  356. 			this.getMenu()

  357. 

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

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

  360. 				this.methodsisshow = false;

  361. 			} else {

  362. 				this.methodsisshow = true;

  363. 			}

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

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

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

  367. 				this.buildingishow = false;

  368. 			} else {

  369. 				this.buildingishow = true;

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

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

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

  373. 					item.label = item.propertyName;

  374. 					item.value = item.id

  375. 				})

  376. 				this.lpanlist = this.userInfo.zkProperties

  377. 			}

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

  379. 				// this.Myworkcard = true;

  380. 				this.equipmentisshow = false;

  381. 				this.iniodianloang()

  382. 			} else {

  383. 				this.equipmentisshow = true;

  384. 				// this.Myworkcard = false;

  385. 				this.initequipment()

  386. 				// this.waitForOperation()

  387. 			}

  388. 			this.initworkThisWeek()

  389. 			this.initrealTimeStatistics()

  390. 			setTimeout(() => {

  391. 				uni.stopPullDownRefresh()

  392. 			}, 3000)

  393. 		},

  394. 		methods: {

  395. 			close() {

  396. 				this.isShowUpdate = false;

  397. 			},

  398. 			lookDetail() {

  399. 				let datas = {

  400. 					id: this.id,

  401. 					title: this.tit,

  402. 					content: this.content

  403. 				}

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

  405. 				uni.navigateTo({

  406. 					url: "../mine/messageDetail"

  407. 				})

  408. 				let data = {

  409. 					id: this.id,

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

  411. 				}

  412. 				uni.request({

  413. 					url: config.service.updateRead,

  414. 					method: "GET",

  415. 					header: {

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

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

  418. 					},

  419. 					data,

  420. 					success: (res) => {

  421. 						this.initPopup()

  422. 					}

  423. 				})

  424. 				this.isShowUpdate = false;

  425. 			},

  426. 			initPopup() {

  427. 				uni.request({

  428. 					url: config.service.updatePopup,

  429. 					method: "GET",

  430. 					header: {

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

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

  433. 					},

  434. 

  435. 					data: {

  436. 

  437. 					},

  438. 					success: (res) => {

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

  440. 						this.content = res.data.data.content

  441. 						this.tit = res.data.data.title

  442. 						this.aid = res.data.data.accountId

  443. 						this.id = res.data.data.id

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

  445. 					}

  446. 				})

  447. 			},

  448. 			first(id) {

  449. 				uni.request({

  450. 					url: config.service.firstShowPopup,

  451. 					method: "GET",

  452. 					header: {

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

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

  455. 					},

  456. 					data: {

  457. 						id

  458. 					},

  459. 					success: (res) => {}

  460. 				})

  461. 			},

  462. 			updateInit() {

  463. 				uni.request({

  464. 					url: config.service.notReadNum,

  465. 					method: "GET",

  466. 					data: {

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

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

  469. 					},

  470. 					header: {

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

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

  473. 					},

  474. 					success: (res) => {

  475. 						this.count = res.data.data

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

  477. 					}

  478. 				})

  479. 			},

  480. 

  481. 			//获取权限

  482. 			getMenu() {

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

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

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

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

  487. 				})

  488. 			},

  489. 			//自定义时间

  490. 			totalTimeChange(e) {

  491. 				this.statDateStart = e.startDate;

  492. 				this.statDateEnd = e.endDate;

  493. 				this.zhixingcenterindex = 7;

  494. 				this.initworkThisWeek()

  495. 			},

  496. 			//时间选择

  497. 			tabtimeclick(i) {

  498. 				if (i == 7) {

  499. 					this.totalTimeShow = true;

  500. 				} else {

  501. 					this.zhixingcenterindex = i;

  502. 					this.initworkThisWeek()

  503. 				}

  504. 			},

  505. 			//获取概览数据

  506. 			initworkThisWeek() {

  507. 				uni.request({

  508. 					url: config.service.workThisWeek,

  509. 					method: "POST",

  510. 					header: {

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

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

  513. 					},

  514. 					data: {

  515. 						houseId: this.buildingID,

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

  517. 						statDateStart: this.statDateStart,

  518. 						statDateEnd: this.statDateEnd

  519. 					},

  520. 					success: (data) => {

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

  522. 							return

  523. 						} else {

  524. 							this.Thisweekobj = {

  525. 								sumCustomer: data.data.data.sumCustomer,

  526. 								receivingCustomer: data.data.data.receivingCustomer,

  527. 								activeCustomer: data.data.data.activeCustomer,

  528. 								prohibitedCustomer: data.data.data.prohibitedCustomer,

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

  530. 								tagCustomer: data.data.data.tagCustomer,

  531. 								fraction: data.data.data.fraction,

  532. 								receptionCount: data.data.data.receptionCount

  533. 							}

  534. 						}

  535. 					}

  536. 				})

  537. 			},

  538. 			//实时统计

  539. 			initrealTimeStatistics() {

  540. 				uni.request({

  541. 					url: config.service.realTimeStatistics,

  542. 					method: "POST",

  543. 					header: {

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

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

  546. 					},

  547. 					data: {

  548. 						houseId: this.buildingID

  549. 					},

  550. 					success: (data) => {

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

  552. 							return

  553. 						} else {

  554. 							this.realtimeobj = {

  555. 								sumCustomer: data.data.data.sumCustomer,

  556. 								receivingCustomer: data.data.data.receivingCustomer,

  557. 								activeCustomer: data.data.data.activeCustomer,

  558. 								prohibitedCustomer: data.data.data.prohibitedCustomer,

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

  560. 								tagCustomer: data.data.data.tagCustomer,

  561. 								fraction: data.data.data.fraction,

  562. 								receptionCount: data.data.data.receptionCount

  563. 							}

  564. 						}

  565. 					}

  566. 				})

  567. 			},

  568. 

  569. 			//设备

  570. 			initequipment() {

  571. 				uni.request({

  572. 					url: config.service.findEquipmentState,

  573. 					method: "POST",

  574. 					header: {

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

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

  577. 					},

  578. 					data: {

  579. 						propertyId: this.buildingID

  580. 					},

  581. 					success: (data) => {

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

  583. 							return

  584. 						} else {

  585. 							this.equipmentobj = {

  586. 								totalNum: data.data.data.totalNum,

  587. 								onlineNum: data.data.data.onlineNum,

  588. 								activeNum: data.data.data.activeNum,

  589. 								lowPowerNum: data.data.data.lowPowerNum,

  590. 							}

  591. 						}

  592. 					}

  593. 				})

  594. 			},

  595. 			//我的工牌

  596. 			iniodianloang() {

  597. 				uni.request({

  598. 					url: config.service.findElectricity,

  599. 					method: "POST",

  600. 					header: {

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

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

  603. 					},

  604. 					data: {},

  605. 					success: (data) => {

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

  607. 							return

  608. 						} else {

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

  610. 								this.percentage = 100;

  611. 							} else {

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

  613. 									this.Whetheroffline = false;

  614. 								} else {

  615. 									this.Whetheroffline = true;

  616. 									this.percentage = data.data.data.electricity;

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

  618. 									console.log(this.signalDevice)

  619. 									this.audioStatus = data.data.data.audioStatus;

  620. 									if (this.signalDevice > 80) {

  621. 										this.signalDevicetext = '高';

  622. 									} else {

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

  624. 											this.signalDevicetext = '无';

  625. 										} else {

  626. 											this.signalDevicetext = '低';

  627. 										}

  628. 									}

  629. 								}

  630. 

  631. 							}

  632. 						}

  633. 					}

  634. 				})

  635. 			},

  636. 			//选择项目弹框

  637. 			piskbuilding() {

  638. 				// this.Showhiddenunits = true;

  639. 				uni.navigateTo({

  640. 					url: "../mine/selectBuilding"

  641. 				})

  642. 			},

  643. 			// 项目选择确认

  644. 			confirm(e) {

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

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

  647. 				let lopan = {

  648. 					id: e[0].value,

  649. 					name: e[0].label

  650. 				}

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

  652. 				this.initworkThisWeek()

  653. 				this.initrealTimeStatistics()

  654. 				this.initequipment()

  655. 				this.iniodianloang()

  656. 

  657. 			},

  658. 			// 项目选择取消

  659. 			cancel() {

  660. 				this.Showhiddenunits = false;

  661. 			},

  662. 			tapjumpequipment(i) {

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

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

  665. 						uni.navigateTo({

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

  667. 						});

  668. 					}

  669. 				})

  670. 			},

  671. 			prohibitedtap(i) {

  672. 				if (i == 1) {

  673. 					uni.navigateTo({

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

  675. 							'&violatedStatus=1'

  676. 					});

  677. 				} else {

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

  679. 						uni.navigateTo({

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

  681. 								'&violatedStatus=1'

  682. 						});

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

  684. 						uni.navigateTo({

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

  686. 								'&violatedStatus=1'

  687. 						});

  688. 					} else {

  689. 						uni.navigateTo({

  690. 							url: '/pages/center/prohibited/index?refresh=' + 'refresh' + '&activeTotal=' + '4' +

  691. 								'&staTime=' + this.statDateStart + '&endtime=' + this.statDateEnd +

  692. 								'&violatedStatus=1'

  693. 						});

  694. 					}

  695. 				}

  696. 			},

  697. 			tapjumpreception(i) {

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

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

  700. 						if (i == 1) {

  701. 							uni.navigateTo({

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

  703. 									'0'

  704. 							});

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

  706. 							uni.navigateTo({

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

  708. 									'0' + '&validInvalid=0'

  709. 							});

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

  711. 							uni.switchTab({

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

  713. 							});

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

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

  716. 								uni.navigateTo({

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

  718. 										'&activeTotal=' + '2'

  719. 								});

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

  721. 								uni.navigateTo({

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

  723. 										'&activeTotal=' + '3'

  724. 								});

  725. 							} else {

  726. 								uni.navigateTo({

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

  728. 										'&activeTotal=' + '4' + '&staTime=' + this.statDateStart +

  729. 										'&endtime=' + this.statDateEnd

  730. 								});

  731. 							}

  732. 

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

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

  735. 								uni.navigateTo({

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

  737. 										'&activeTotal=' + '2' + '&validInvalid=0'

  738. 								});

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

  740. 								uni.navigateTo({

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

  742. 										'&activeTotal=' + '3' + '&validInvalid=0'

  743. 								});

  744. 							} else {

  745. 								uni.navigateTo({

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

  747. 										'&activeTotal=' + '4' + '&staTime=' + this.statDateStart +

  748. 										'&endtime=' + this.statDateEnd + '&validInvalid=0'

  749. 								});

  750. 							}

  751. 

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

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

  754. 								uni.navigateTo({

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

  756. 										'&activeTotal=' + '2'

  757. 								});

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

  759. 								uni.navigateTo({

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

  761. 										'&activeTotal=' + '3'

  762. 								});

  763. 							} else {

  764. 								uni.navigateTo({

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

  766. 										'&activeTotal=' + '4' + '&staTime=' + this.statDateStart +

  767. 										'&endtime=' + this.statDateEnd

  768. 								});

  769. 							}

  770. 

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

  772. 							uni.navigateTo({

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

  774. 									'0' + '&validInvalid=0'

  775. 							});

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

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

  778. 								uni.navigateTo({

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

  780. 										'&activeTotal=' + '2' + '&validInvalid=0'

  781. 								});

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

  783. 								uni.navigateTo({

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

  785. 										'&activeTotal=' + '3' + '&validInvalid=0'

  786. 								});

  787. 							} else {

  788. 								uni.navigateTo({

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

  790. 										'&activeTotal=' + '4' + '&staTime=' + this.statDateStart +

  791. 										'&endtime=' + this.statDateEnd + '&validInvalid=0'

  792. 								});

  793. 							}

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

  795. 							uni.navigateTo({

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

  797. 									'&activeTotal=0' + '&markAdvisor=0' + '&validInvalid=0'

  798. 							});

  799. 						} else {

  800. 							uni.navigateTo({

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

  802. 									'&activeTotal=0' + '&markAdvisor=0'

  803. 							});

  804. 						}

  805. 					}

  806. 				})

  807. 			},

  808. 			Piabodata(item) {

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

  810. 					uni.navigateTo({

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

  812. 					});

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

  814. 					uni.navigateTo({

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

  816. 					});

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

  818. 					uni.navigateTo({

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

  820. 					});

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

  822. 					uni.navigateTo({

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

  824. 					});

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

  826. 					uni.navigateTo({

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

  828. 					});

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

  830. 					uni.navigateTo({

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

  832. 					});

  833. 				} else {

  834. 					uni.navigateTo({

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

  836. 					});

  837. 				}

  838. 			},

  839. 		},

  840. 

  841. 		filters: {

  842. 			imgFilter(type) {

  843. 				let  path = ''

  844. 				switch (type) {

  845. 					case '客户管理':

  846. 						path = '../../static/images/function1.png'

  847. 						break

  848. 					case '接待记录':

  849. 						path = '../../static/images/function2.png'

  850. 						break

  851. 					case '销讲数据':

  852. 						path = '../../static/images/function4.png'

  853. 						break

  854. 					case '设备管理':

  855. 						path = '../../static/images/function5.png'

  856. 						break

  857. 					case '值班顾问':

  858. 						path = '../../static/images/function6.png'

  859. 						break

  860. 					case '顾问排名':

  861. 						path = '../../static/images/rankingguwen.png'

  862. 						break

  863. 					case '违禁记录':

  864. 						path = '../../static/images/prohibited.png'

  865. 						break

  866. 				}

  867. 				return path

  868. 			}

  869. 		}

  870. 

  871. 	};

  872. </script>

  873. 

  874. <style lang="scss" scoped>

  875. 	.update {

  876. 		width: 100%;

  877. 		height: 100%;

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

  879. 		position: fixed;

  880. 		top: 0;

  881. 		left: 0;

  882. 		bottom: 0;

  883. 		right: 0;

  884. 		z-index: 9999;

  885. 

  886. 		.updateBox {

  887. 			width: 80%;

  888. 			background: #FFFFFF;

  889. 			position: relative;

  890. 			left: 50%;

  891. 			margin-left: -40%;

  892. 			padding: 20rpx;

  893. 			border-radius: 10rpx;

  894. 			top: 140rpx;

  895. 

  896. 			.top {

  897. 				width: 350rpx;

  898. 				height: 220rpx;

  899. 				margin: 0 auto;

  900. 

  901. 				image {

  902. 					width: 100%;

  903. 					height: 100%;

  904. 				}

  905. 			}

  906. 

  907. 			.btn {

  908. 				width: 510rpx;

  909. 				height: 88rpx;

  910. 				background: #2671E2;

  911. 				margin: 0 auto;

  912. 				display: flex;

  913. 				justify-content: center;

  914. 				align-items: center;

  915. 				font-size: 36rpx;

  916. 				border-radius: 8rpx;

  917. 				color: #FFFFFF;

  918. 			}

  919. 

  920. 			.content {

  921. 				height: 268rpx;

  922. 				overflow-y: auto;

  923. 				margin: 46rpx 0;

  924. 			}

  925. 

  926. 			.tit {

  927. 				font-size: 40rpx;

  928. 				text-align: center;

  929. 				font-weight: bold;

  930. 			}

  931. 

  932. 			.close {

  933. 				position: absolute;

  934. 				bottom: -100rpx;

  935. 				left: 50%;

  936. 				margin-left: -50rpx;

  937. 			}

  938. 		}

  939. 	}

  940. 

  941. 	.activecllasscet {

  942. 		font-size: 28rpx;

  943. 		font-weight: 400;

  944. 		color: #008ef2;

  945. 	}

  946. 

  947. 	.cet {

  948. 		font-size: 28rpx;

  949. 		font-weight: 400;

  950. 		color: #333333;

  951. 

  952. 		.cetview {

  953. 			margin-left: 20rpx;

  954. 		}

  955. 	}

  956. 

  957. 	.cented-box {

  958. 		padding: 30rpx;

  959. 		background: #F8F8F8;

  960. 		width: 100%;

  961. 		height: 100%;

  962. 	}

  963. 

  964. 	.Switchingbox {

  965. 		width: 100%;

  966. 		height: 44rpx;

  967. 		display: flex;

  968. 		align-items: center;

  969. 

  970. 		.Switching1 {

  971. 			width: 44rpx;

  972. 			height: 44rpx;

  973. 

  974. 			.Switching1-img {

  975. 				width: 44rpx;

  976. 				height: 44rpx;

  977. 			}

  978. 		}

  979. 

  980. 		.Switching2 {

  981. 			margin-left: 12rpx;

  982. 			font-size: 32rpx;

  983. 			color: #303030;

  984. 			font-weight: 500;

  985. 		}

  986. 

  987. 		.Switching3 {

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

  989. 			font-size: 32rpx;

  990. 			color: #303030;

  991. 			font-weight: 500;

  992. 		}

  993. 

  994. 		.Switching4 {

  995. 			width: 112rpx;

  996. 			font-size: 28rpx;

  997. 			color: #303030;

  998. 			font-weight: 400;

  999. 			text-align: right;

  1000. 			text-decoration: underline

  1001. 		}

  1002. 	}

  1003. 

  1004. 	.Workcard {

  1005. 		width: 100%;

  1006. 		background: #FFFFFF;

  1007. 		height: 154rpx;

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

  1009. 		border-radius: 12rpx;

  1010. 		display: flex;

  1011. 

  1012. 		.Workcard-box {

  1013. 			flex: 1;

  1014. 			height: 100%;

  1015. 

  1016. 			.Workcardimg {

  1017. 				width: 100%;

  1018. 				display: flex;

  1019. 				justify-content: center;

  1020. 				margin-top: 42rpx;

  1021. 

  1022. 				.Workcardimg1 {

  1023. 					width: 64rpx;

  1024. 					height: 36rpx;

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

  1026. 					background-size: 100% 100%;

  1027. 					padding: 8rpx;

  1028. 

  1029. 					.bar {

  1030. 						background-color: #43CD80;

  1031. 						height: 100%;

  1032. 						border-radius: 4rpx;

  1033. 					}

  1034. 

  1035. 					.bar1 {

  1036. 						background-color: red;

  1037. 						height: 100%;

  1038. 						border-radius: 4rpx;

  1039. 					}

  1040. 				}

  1041. 

  1042. 				.Workcardimg2 {

  1043. 					width: 56rpx;

  1044. 					height: 36rpx;

  1045. 				}

  1046. 

  1047. 				.Workcardimg3 {

  1048. 					width: 34rpx;

  1049. 					height: 36rpx;

  1050. 				}

  1051. 

  1052. 				.Workcardimg4 {

  1053. 					width: 50rpx;

  1054. 					height: 40rpx;

  1055. 				}

  1056. 			}

  1057. 

  1058. 			.Workcardtext {

  1059. 				width: 100%;

  1060. 				text-align: center;

  1061. 				font-size: 24rpx;

  1062. 				font-weight: 400;

  1063. 				color: #666666;

  1064. 				margin-top: 20rpx;

  1065. 			}

  1066. 		}

  1067. 	}

  1068. 

  1069. 	.title {

  1070. 		width: 100%;

  1071. 		height: 30rpx;

  1072. 		font-size: 30rpx;

  1073. 		font-weight: 600;

  1074. 		color: #333333;

  1075. 		margin-top: 40rpx;

  1076. 		margin-bottom: 24rpx;

  1077. 	}

  1078. 

  1079. 	.shebenbox {

  1080. 		width: 100%;

  1081. 		height: 156rpx;

  1082. 		background: #FFFFFF;

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

  1084. 		border-radius: 12rpx;

  1085. 		display: flex;

  1086. 

  1087. 		.shebenche {

  1088. 			width: 25%;

  1089. 			height: 100%;

  1090. 

  1091. 			.shebenchenum {

  1092. 				width: 100%;

  1093. 				font-size: 36rpx;

  1094. 				font-weight: 600;

  1095. 				color: #333333;

  1096. 				text-align: center;

  1097. 				margin-top: 28rpx;

  1098. 			}

  1099. 

  1100. 			.shebenchetext {

  1101. 				width: 100%;

  1102. 				font-size: 24rpx;

  1103. 				font-weight: 400;

  1104. 				color: #666666;

  1105. 				text-align: center;

  1106. 				margin-top: 24rpx;

  1107. 			}

  1108. 		}

  1109. 	}

  1110. 

  1111. 	.real-timebox {

  1112. 		width: 100%;

  1113. 		background: #FFFFFF;

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

  1115. 		border-radius: 12rpx;

  1116. 		padding-bottom: 36rpx;

  1117. 

  1118. 		.timebox {

  1119. 			width: 100%;

  1120. 			display: flex;

  1121. 

  1122. 			.real {

  1123. 				flex: 1;

  1124. 				height: 100%;

  1125. 

  1126. 				.realnum {

  1127. 					width: 100%;

  1128. 					font-size: 36rpx;

  1129. 					font-weight: 600;

  1130. 					color: #333333;

  1131. 					text-align: center;

  1132. 					margin-top: 36rpx;

  1133. 				}

  1134. 

  1135. 				.realtext {

  1136. 					width: 100%;

  1137. 					font-size: 24rpx;

  1138. 					font-weight: 400;

  1139. 					color: #666666;

  1140. 					text-align: center;

  1141. 					margin-top: 24rpx;

  1142. 				}

  1143. 			}

  1144. 		}

  1145. 

  1146. 	}

  1147. 

  1148. 	.commonly-box {

  1149. 		width: 100%;

  1150. 		background: #FFFFFF;

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

  1152. 		border-radius: 12rpx;

  1153. 		display: flex;

  1154. 		flex-wrap: wrap;

  1155. 		padding-bottom: 36rpx;

  1156. 

  1157. 		.commonly {

  1158. 			width: 25%;

  1159. 			margin-top: 36rpx;

  1160. 

  1161. 			.commonly-img {

  1162. 				width: 100%;

  1163. 				height: 68rpx;

  1164. 				text-align: center;

  1165. 

  1166. 				.commonly-img1 {

  1167. 					width: 68rpx;

  1168. 					height: 68rpx;

  1169. 					border-radius: 50%;

  1170. 				}

  1171. 			}

  1172. 

  1173. 			.commonly-text {

  1174. 				width: 100%;

  1175. 				text-align: center;

  1176. 				font-size: 24rpx;

  1177. 				font-weight: 400;

  1178. 				color: #333333;

  1179. 				margin-top: 16rpx;

  1180. 			}

  1181. 		}

  1182. 	}

  1183. </style>