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

1144 lines
29 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">{{ 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">

  13. 			我的工牌

  14. 			<template v-if="equipmentObj.imei">

  15. 				<text style="margin-left: 20rpx;">{{ equipmentObj.imei }}</text>

  16. 			</template>

  17. 		</view>

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

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

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

  21. 					<view class="Workcardimg">

  22. 						<view class="Workcardimg1">

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

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

  25. 						</view>

  26. 					</view>

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

  28. 				</view>

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

  30. 					<view class="Workcardimg">

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

  32. 							mode=""></image>

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

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

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

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

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

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

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

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

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

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

  43. 					</view>

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

  45. 				</view>

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

  47. 					<view class="Workcardimg">

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

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

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

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

  52. 					</view>

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

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

  55. 				</view>

  56. 			</view>

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

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

  59. 					<view class="Workcardimg">

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

  61. 					</view>

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

  63. 				</view>

  64. 			</view>

  65. 		</view>

  66. 

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

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

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

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

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

  72. 			</view>

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

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

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

  76. 			</view>

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

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

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

  80. 			</view>

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

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

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

  84. 			</view>

  85. 		</view>

  86. 

  87. 

  88. 

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

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

  91. 			<view class="timebox">

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

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

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

  95. 				</view>

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

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

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

  99. 				</view>

  100. 				<view class="real" @click="switchJump">

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

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

  103. 				</view>

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

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

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

  107. 				</view>

  108. 			</view>

  109. 			<view class="timebox">

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

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

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

  113. 				</view>

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

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

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

  117. 				</view>

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

  119. 					<view class="realnum">{{realtimeobj.wordFraction || 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>

  129. 		</view>

  130. 

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

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

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

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

  135. 				</view>

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

  137. 					近30天</view>

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

  139. 				</view>

  140. 			</view>

  141. 		</view>

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

  143. 			<view class="timebox">

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

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

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

  147. 				</view>

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

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

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

  151. 				</view>

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

  153. 					<view class="realnum">{{Thisweekobj.fraction>100?100:(Thisweekobj.fraction||0)}}%</view>

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

  155. 				</view>

  156. 			</view>

  157. 			<view class="timebox">

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

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

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

  161. 				</view>

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

  163. 					<view class="realnum">{{Thisweekobj.wordFraction || 0}}%</view>

  164. 					<view class="realtext">平均挖掘率</view>

  165. 				</view>

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

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

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

  169. 				</view>

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

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

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

  173. 				</view>

  174. 			</view>

  175. 		</view>

  176. 

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

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

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

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

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

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

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

  184. 				</view>

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

  186. 			</view>

  187. 		</view>

  188. 

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

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

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

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

  193. 		</view>

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

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

  196. 			<view class="updateBox">

  197. 				<view class="top">

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

  199. 				</view>

  200. 				<view class="content">

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

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

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

  204. 				</view>

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

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

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

  208. 				</view>

  209. 			</view>

  210. 		</view>

  211. 		<!-- 加载组件  -->

  212. 		<loading v-model="LOADING"></loading>

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

  214. 	</view>

  215. </template>

  216. 

  217. <script>

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

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

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

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

  222. 	import loading from "@/components/loading/index.vue"

  223. 	export default {

  224. 		components: {

  225. 			uParse,

  226. 			loading

  227. 		},

  228. 

  229. 		data() {

  230. 			return {

  231. 				id: "",

  232. 				isShowUpdate: false,

  233. 				tit: "",

  234. 				content: "",

  235. 				tabbarList: tabbarList,

  236. 				current: 0,

  237. 				userInfo: {},

  238. 				Showhiddenunits: false,

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

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

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

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

  243. 				Myworkcard: false,

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

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

  246. 				signalDevice: 0, //信号

  247. 				signalDevicetext: "",

  248. 				audioStatus: false,

  249. 				equipmentisshow: false,

  250. 				equipmentobj: { // 统计设备状态

  251. 					totalNum: '',

  252. 					onlineNum: '',

  253. 					activeNum: '',

  254. 					lowPowerNum: '',

  255. 				},

  256. 				equipmentObj: {}, // 接口返回设备信息2

  257. 				Menulist: [],

  258. 				realtimeobj: {

  259. 					sumCustomer: '',

  260. 					receivingCustomer: '',

  261. 					activeCustomer: '',

  262. 					prohibitedCustomer: '',

  263. 					tagCustomer: '',

  264. 					fraction: '',

  265. 					wordFraction: '',

  266. 					receptionCount: ''

  267. 				},

  268. 				Thisweekobj: {

  269. 					sumCustomer: '',

  270. 					receivingCustomer: '',

  271. 					activeCustomer: '',

  272. 					prohibitedCustomer: '',

  273. 					tagCustomer: '',

  274. 					fraction: '',

  275. 					wordFraction: '',

  276. 					receptionCount: ''

  277. 				},

  278. 				methodsisshow: false,

  279. 				zhixingcenterindex: 2,

  280. 				totalTimeShow: false,

  281. 				statDateStart: '',

  282. 				statDateEnd: '',

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

  284. 			};

  285. 		},

  286. 

  287. 

  288. 		computed: {

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

  290. 			showMenu() {

  291. 				return name => {

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

  293. 						return true

  294. 					} else {

  295. 						return false

  296. 					}

  297. 				}

  298. 			},

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

  300. 			isPuqiang() {

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

  302. 			},

  303. 		},

  304. 

  305. 		onLoad() {

  306. 			if (!this.isPuqiang) {

  307. 				uni.setNavigationBarTitle({

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

  309. 				})

  310. 			}

  311. 			this.initPopup()

  312. 		},

  313. 

  314. 

  315. 		onShow() {

  316. 			this.LOADING = true

  317. 			this.getMenu()

  318. 

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

  320. 

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

  322. 				this.methodsisshow = false;

  323. 			} else {

  324. 				this.methodsisshow = true;

  325. 			}

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

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

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

  329. 				this.buildingishow = false;

  330. 			} else {

  331. 				this.buildingishow = true;

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

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

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

  335. 					item.label = item.propertyName;

  336. 					item.value = item.id

  337. 				})

  338. 				this.lpanlist = this.userInfo.zkProperties

  339. 			}

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

  341. 				this.Myworkcard = true;

  342. 				this.equipmentisshow = false;

  343. 				this.iniodianloang()

  344. 			} else {

  345. 				this.equipmentisshow = true;

  346. 				this.Myworkcard = false;

  347. 				this.initequipment()

  348. 			}

  349. 			this.initworkThisWeek()

  350. 			this.initrealTimeStatistics()

  351. 			this.updateInit()

  352. 		},

  353. 

  354. 		onPullDownRefresh() {

  355. 			this.getMenu()

  356. 

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

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

  359. 				this.methodsisshow = false;

  360. 			} else {

  361. 				this.methodsisshow = true;

  362. 			}

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

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

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

  366. 				this.buildingishow = false;

  367. 			} else {

  368. 				this.buildingishow = true;

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

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

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

  372. 					item.label = item.propertyName;

  373. 					item.value = item.id

  374. 				})

  375. 				this.lpanlist = this.userInfo.zkProperties

  376. 			}

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

  378. 				// this.Myworkcard = true;

  379. 				this.equipmentisshow = false;

  380. 				this.iniodianloang()

  381. 			} else {

  382. 				this.equipmentisshow = true;

  383. 				// this.Myworkcard = false;

  384. 				this.initequipment()

  385. 				// this.waitForOperation()

  386. 			}

  387. 			this.initworkThisWeek()

  388. 			this.initrealTimeStatistics()

  389. 			setTimeout(() => {

  390. 				uni.stopPullDownRefresh()

  391. 			}, 3000)

  392. 		},

  393. 		methods: {

  394. 			towajue() {

  395. 				uni.navigateTo({

  396. 					url: "/pages/center/Piabodata/requireminingAnalysis"

  397. 				})

  398. 			},

  399. 			close() {

  400. 				this.isShowUpdate = false;

  401. 			},

  402. 			lookDetail() {

  403. 				let datas = {

  404. 					id: this.id,

  405. 					title: this.tit,

  406. 					content: this.content

  407. 				}

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

  409. 				uni.navigateTo({

  410. 					url: "../mine/messageDetail"

  411. 				})

  412. 				let data = {

  413. 					id: this.id,

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

  415. 				}

  416. 				uni.request({

  417. 					url: config.service.updateRead,

  418. 					method: "GET",

  419. 					header: {

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

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

  422. 					},

  423. 					data,

  424. 					success: (res) => {

  425. 						this.initPopup()

  426. 					}

  427. 				})

  428. 				this.isShowUpdate = false;

  429. 			},

  430. 			initPopup() {

  431. 				uni.request({

  432. 					url: config.service.updatePopup,

  433. 					method: "GET",

  434. 					header: {

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

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

  437. 					},

  438. 

  439. 					data: {

  440. 

  441. 					},

  442. 					success: (res) => {

  443. 						let data = res.data.data

  444. 						if (data) {

  445. 							this.first(data.id)

  446. 							this.content = data.content

  447. 							this.tit = data.title

  448. 							this.aid = data.accountId

  449. 							this.id = data.id

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

  451. 						}

  452. 					}

  453. 				})

  454. 			},

  455. 			first(id) {

  456. 				uni.request({

  457. 					url: config.service.firstShowPopup,

  458. 					method: "GET",

  459. 					header: {

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

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

  462. 					},

  463. 					data: {

  464. 						id

  465. 					},

  466. 					success: (res) => {}

  467. 				})

  468. 			},

  469. 			updateInit() {

  470. 				uni.request({

  471. 					url: config.service.notReadNum,

  472. 					method: "GET",

  473. 					data: {

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

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

  476. 					},

  477. 					header: {

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

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

  480. 					},

  481. 					success: (res) => {

  482. 						this.count = res.data.data

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

  484. 					}

  485. 				})

  486. 			},

  487. 

  488. 			//获取权限

  489. 			getMenu() {

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

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

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

  493. 					// console.log(this.Menulist, 'adasdasds123')

  494. 				})

  495. 			},

  496. 			//自定义时间

  497. 			totalTimeChange(e) {

  498. 				this.statDateStart = e.startDate;

  499. 				this.statDateEnd = e.endDate;

  500. 				this.zhixingcenterindex = 7;

  501. 				this.initworkThisWeek()

  502. 			},

  503. 			//时间选择

  504. 			tabtimeclick(i) {

  505. 				if (i == 7) {

  506. 					this.totalTimeShow = true;

  507. 				} else {

  508. 					this.zhixingcenterindex = i;

  509. 					this.initworkThisWeek()

  510. 				}

  511. 			},

  512. 			//获取概览数据

  513. 			initworkThisWeek() {

  514. 				uni.request({

  515. 					url: config.service.workThisWeek,

  516. 					method: "POST",

  517. 					header: {

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

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

  520. 					},

  521. 					data: {

  522. 						houseId: this.buildingID,

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

  524. 						statDateStart: this.statDateStart,

  525. 						statDateEnd: this.statDateEnd

  526. 					},

  527. 					success: (data) => {

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

  529. 							return

  530. 						} else {

  531. 							this.Thisweekobj = {

  532. 								sumCustomer: data.data.data.sumCustomer,

  533. 								receivingCustomer: data.data.data.receivingCustomer,

  534. 								activeCustomer: data.data.data.activeCustomer,

  535. 								prohibitedCustomer: data.data.data.prohibitedCustomer,

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

  537. 								tagCustomer: data.data.data.tagCustomer,

  538. 								fraction: data.data.data.fraction,

  539. 								wordFraction: data.data.data.wordFraction,

  540. 								receptionCount: data.data.data.receptionCount

  541. 							}

  542. 						}

  543. 					}

  544. 				})

  545. 			},

  546. 			//实时统计

  547. 			initrealTimeStatistics() {

  548. 				uni.request({

  549. 					url: config.service.realTimeStatistics,

  550. 					method: "POST",

  551. 					header: {

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

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

  554. 					},

  555. 					data: {

  556. 						houseId: this.buildingID

  557. 					},

  558. 					success: (data) => {

  559. 						this.LOADING = false

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

  561. 							return

  562. 						} else {

  563. 							this.realtimeobj = {

  564. 								sumCustomer: data.data.data.sumCustomer,

  565. 								receivingCustomer: data.data.data.receivingCustomer,

  566. 								activeCustomer: data.data.data.activeCustomer,

  567. 								prohibitedCustomer: data.data.data.prohibitedCustomer,

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

  569. 								tagCustomer: data.data.data.tagCustomer,

  570. 								fraction: data.data.data.fraction,

  571. 								wordFraction: data.data.data.wordFraction,

  572. 								receptionCount: data.data.data.receptionCount

  573. 							}

  574. 						}

  575. 					},

  576. 					fail: () => {

  577. 						this.LOADING = false

  578. 					}

  579. 				})

  580. 			},

  581. 

  582. 			//设备

  583. 			initequipment() {

  584. 				uni.request({

  585. 					url: config.service.findEquipmentState,

  586. 					method: "POST",

  587. 					header: {

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

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

  590. 					},

  591. 					data: {

  592. 						propertyId: this.buildingID

  593. 					},

  594. 					success: (data) => {

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

  596. 							return

  597. 						} else {

  598. 							this.equipmentobj = {

  599. 								totalNum: data.data.data.totalNum,

  600. 								onlineNum: data.data.data.onlineNum,

  601. 								activeNum: data.data.data.activeNum,

  602. 								lowPowerNum: data.data.data.lowPowerNum,

  603. 							}

  604. 						}

  605. 					}

  606. 				})

  607. 			},

  608. 			//我的工牌

  609. 			iniodianloang() {

  610. 				uni.request({

  611. 					url: config.service.findElectricity,

  612. 					method: "POST",

  613. 					header: {

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

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

  616. 					},

  617. 					data: {},

  618. 					success: (data) => {

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

  620. 							return

  621. 						} else {

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

  623. 								this.percentage = 100;

  624. 							} else {

  625. 								this.equipmentObj = data.data.data

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

  627. 									this.Whetheroffline = false;

  628. 								} else {

  629. 									this.Whetheroffline = true;

  630. 									this.percentage = data.data.data.electricity;

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

  632. 									console.log(this.signalDevice)

  633. 									this.audioStatus = data.data.data.audioStatus;

  634. 									if (this.signalDevice > 80) {

  635. 										this.signalDevicetext = '高';

  636. 									} else {

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

  638. 											this.signalDevicetext = '无';

  639. 										} else {

  640. 											this.signalDevicetext = '低';

  641. 										}

  642. 									}

  643. 								}

  644. 

  645. 							}

  646. 						}

  647. 					}

  648. 				})

  649. 			},

  650. 

  651. 			//选择项目弹框

  652. 			piskbuilding() {

  653. 				// this.Showhiddenunits = true;

  654. 				uni.navigateTo({

  655. 					url: "../mine/selectBuilding"

  656. 				})

  657. 			},

  658. 

  659. 			// 项目选择确认

  660. 			confirm(e) {

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

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

  663. 				let lopan = {

  664. 					id: e[0].value,

  665. 					name: e[0].label

  666. 				}

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

  668. 				this.initworkThisWeek()

  669. 				this.initrealTimeStatistics()

  670. 				this.initequipment()

  671. 				this.iniodianloang()

  672. 			},

  673. 

  674. 			// 项目选择取消

  675. 			cancel() {

  676. 				this.Showhiddenunits = false;

  677. 			},

  678. 

  679. 			// 设备模块跳转

  680. 			tapjumpequipment(i) {

  681. 				if (this.checkAuthority('设备管理')) {

  682. 					uni.navigateTo({

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

  684. 					});

  685. 				}

  686. 			},

  687. 

  688. 			// 违禁模块跳转

  689. 			prohibitedtap(i) {

  690. 				let str = ''

  691. 				if (i == 1) {

  692. 					str = '&activeTotal=0'

  693. 				} else {

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

  695. 						str = '&activeTotal=2'

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

  697. 						str = '&activeTotal=3'

  698. 					} else {

  699. 						str = `&activeTotal=4&staTime=${this.statDateStart}&endtime=${this.statDateEnd}`

  700. 					}

  701. 				}

  702. 				uni.navigateTo({

  703. 					url: `/pages/center/prohibited/index?refresh=refresh&violatedStatus=1${str}`

  704. 				})

  705. 			},

  706. 

  707. 			// 跳转正在接待页面

  708. 			switchJump() {

  709. 				uni.switchTab({

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

  711. 				});

  712. 			},

  713. 

  714. 			// 跳转参数

  715. 			checkParams(i) {

  716. 				let str = ''

  717. 				switch (i) {

  718. 					case '1':

  719. 						str = '&activeTotal=0';

  720. 						break;

  721. 					case 'auth':

  722. 						str = '&activeTotal=0&validInvalid=0'

  723. 						break;

  724. 					case '3':

  725. 						// 筛选时间类型后传的参数

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

  727. 							str = '&activeTotal=2'

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

  729. 							str = '&activeTotal=3'

  730. 						} else {

  731. 							str = `&activeTotal=4&staTime=${this.statDateStart}&endtime=${this.statDateEnd}`

  732. 						}

  733. 						break;

  734. 					case '333':

  735. 					case '7':

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

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

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

  739. 							str = '&activeTotal=3&validInvalid=0'

  740. 						} else {

  741. 							str = `&activeTotal=4&staTime=${this.statDateStart}&endtime=${this.statDateEnd}&validInvalid=0`

  742. 						}

  743. 						break;

  744. 					case '6':

  745. 						str = '&activeTotal=0&validInvalid=0'

  746. 						break;

  747. 					case '4':

  748. 						str = '&activeTotal=0&markAdvisor=0&validInvalid=0'

  749. 						break;

  750. 					default:

  751. 						str = '&activeTotal=0&markAdvisor=0'

  752. 						break;

  753. 				}

  754. 				return str

  755. 			},

  756. 

  757. 			// 接待记录跳转

  758. 			tapjumpreception(params) {

  759. 				// 校验是否有权限

  760. 				if (this.checkAuthority('接待记录')) {

  761. 					uni.navigateTo({

  762. 						url: `/pages/center/records/index?refresh=refresh${params}`

  763. 					});

  764. 				}

  765. 			},

  766. 

  767. 			// 权限菜单跳转

  768. 			Piabodata(item) {

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

  770. 					uni.navigateTo({

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

  772. 					});

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

  774. 					uni.navigateTo({

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

  776. 					});

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

  778. 					uni.navigateTo({

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

  780. 					});

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

  782. 					uni.navigateTo({

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

  784. 					});

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

  786. 					uni.navigateTo({

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

  788. 					});

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

  790. 					uni.navigateTo({

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

  792. 					});

  793. 				} else {

  794. 					uni.navigateTo({

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

  796. 					});

  797. 				}

  798. 			},

  799. 		},

  800. 

  801. 		filters: {

  802. 			imgFilter(type) {

  803. 				let path = ''

  804. 				switch (type) {

  805. 					case '客户管理':

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

  807. 						break

  808. 					case '接待记录':

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

  810. 						break

  811. 					case '销讲数据':

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

  813. 						break

  814. 					case '设备管理':

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

  816. 						break

  817. 					case '值班顾问':

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

  819. 						break

  820. 					case '顾问排名':

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

  822. 						break

  823. 					case '违禁记录':

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

  825. 						break

  826. 				}

  827. 				return path

  828. 			}

  829. 		}

  830. 

  831. 	};

  832. </script>

  833. 

  834. <style lang="scss" scoped>

  835. 	.update {

  836. 		width: 100%;

  837. 		height: 100%;

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

  839. 		position: fixed;

  840. 		top: 0;

  841. 		left: 0;

  842. 		bottom: 0;

  843. 		right: 0;

  844. 		z-index: 9999;

  845. 

  846. 		.updateBox {

  847. 			width: 80%;

  848. 			background: #FFFFFF;

  849. 			position: relative;

  850. 			left: 50%;

  851. 			margin-left: -40%;

  852. 			padding: 20rpx;

  853. 			border-radius: 10rpx;

  854. 			top: 140rpx;

  855. 

  856. 			.top {

  857. 				width: 350rpx;

  858. 				height: 220rpx;

  859. 				margin: 0 auto;

  860. 

  861. 				image {

  862. 					width: 100%;

  863. 					height: 100%;

  864. 				}

  865. 			}

  866. 

  867. 			.btn {

  868. 				width: 510rpx;

  869. 				height: 88rpx;

  870. 				background: #2671E2;

  871. 				margin: 0 auto;

  872. 				display: flex;

  873. 				justify-content: center;

  874. 				align-items: center;

  875. 				font-size: 36rpx;

  876. 				border-radius: 8rpx;

  877. 				color: #FFFFFF;

  878. 			}

  879. 

  880. 			.content {

  881. 				height: 268rpx;

  882. 				overflow-y: auto;

  883. 				margin: 46rpx 0;

  884. 			}

  885. 

  886. 			.tit {

  887. 				font-size: 40rpx;

  888. 				text-align: center;

  889. 				font-weight: bold;

  890. 			}

  891. 

  892. 			.close {

  893. 				position: absolute;

  894. 				bottom: -100rpx;

  895. 				left: 50%;

  896. 				margin-left: -50rpx;

  897. 			}

  898. 		}

  899. 	}

  900. 

  901. 	.activecllasscet {

  902. 		font-size: 28rpx;

  903. 		font-weight: 400;

  904. 		color: #008ef2;

  905. 	}

  906. 

  907. 	.cet {

  908. 		font-size: 28rpx;

  909. 		font-weight: 400;

  910. 		color: #333333;

  911. 

  912. 		.cetview {

  913. 			margin-left: 20rpx;

  914. 		}

  915. 	}

  916. 

  917. 	.cented-box {

  918. 		padding: 30rpx;

  919. 		background: #F8F8F8;

  920. 		width: 100%;

  921. 		height: 100%;

  922. 	}

  923. 

  924. 	.Switchingbox {

  925. 		width: 100%;

  926. 		height: 44rpx;

  927. 		display: flex;

  928. 		align-items: center;

  929. 

  930. 		.Switching1 {

  931. 			width: 44rpx;

  932. 			height: 44rpx;

  933. 

  934. 			.Switching1-img {

  935. 				width: 44rpx;

  936. 				height: 44rpx;

  937. 			}

  938. 		}

  939. 

  940. 		.Switching2 {

  941. 			margin-left: 12rpx;

  942. 			font-size: 32rpx;

  943. 			color: #303030;

  944. 			font-weight: 500;

  945. 		}

  946. 

  947. 		.Switching3 {

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

  949. 			font-size: 32rpx;

  950. 			color: #303030;

  951. 			font-weight: 500;

  952. 		}

  953. 

  954. 		.Switching4 {

  955. 			width: 112rpx;

  956. 			font-size: 28rpx;

  957. 			color: #303030;

  958. 			font-weight: 400;

  959. 			text-align: right;

  960. 			text-decoration: underline

  961. 		}

  962. 	}

  963. 

  964. 	.Workcard {

  965. 		width: 100%;

  966. 		background: #FFFFFF;

  967. 		height: 154rpx;

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

  969. 		border-radius: 12rpx;

  970. 		display: flex;

  971. 

  972. 		.Workcard-box {

  973. 			flex: 1;

  974. 			height: 100%;

  975. 

  976. 			.Workcardimg {

  977. 				width: 100%;

  978. 				display: flex;

  979. 				justify-content: center;

  980. 				margin-top: 42rpx;

  981. 

  982. 				.Workcardimg1 {

  983. 					width: 64rpx;

  984. 					height: 36rpx;

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

  986. 					background-size: 100% 100%;

  987. 					padding: 8rpx;

  988. 

  989. 					.bar {

  990. 						background-color: #43CD80;

  991. 						height: 100%;

  992. 						border-radius: 4rpx;

  993. 					}

  994. 

  995. 					.bar1 {

  996. 						background-color: red;

  997. 						height: 100%;

  998. 						border-radius: 4rpx;

  999. 					}

  1000. 				}

  1001. 

  1002. 				.Workcardimg2 {

  1003. 					width: 56rpx;

  1004. 					height: 36rpx;

  1005. 				}

  1006. 

  1007. 				.Workcardimg3 {

  1008. 					width: 34rpx;

  1009. 					height: 36rpx;

  1010. 				}

  1011. 

  1012. 				.Workcardimg4 {

  1013. 					width: 50rpx;

  1014. 					height: 40rpx;

  1015. 				}

  1016. 			}

  1017. 

  1018. 			.Workcardtext {

  1019. 				width: 100%;

  1020. 				text-align: center;

  1021. 				font-size: 24rpx;

  1022. 				font-weight: 400;

  1023. 				color: #666666;

  1024. 				margin-top: 20rpx;

  1025. 			}

  1026. 		}

  1027. 	}

  1028. 

  1029. 	.title {

  1030. 		width: 100%;

  1031. 		height: 30rpx;

  1032. 		font-size: 30rpx;

  1033. 		font-weight: 600;

  1034. 		color: #333333;

  1035. 		margin-top: 40rpx;

  1036. 		margin-bottom: 24rpx;

  1037. 	}

  1038. 

  1039. 	.shebenbox {

  1040. 		width: 100%;

  1041. 		height: 156rpx;

  1042. 		background: #FFFFFF;

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

  1044. 		border-radius: 12rpx;

  1045. 		display: flex;

  1046. 

  1047. 		.shebenche {

  1048. 			width: 25%;

  1049. 			height: 100%;

  1050. 

  1051. 			.shebenchenum {

  1052. 				width: 100%;

  1053. 				font-size: 36rpx;

  1054. 				font-weight: 600;

  1055. 				color: #333333;

  1056. 				text-align: center;

  1057. 				margin-top: 28rpx;

  1058. 			}

  1059. 

  1060. 			.shebenchetext {

  1061. 				width: 100%;

  1062. 				font-size: 24rpx;

  1063. 				font-weight: 400;

  1064. 				color: #666666;

  1065. 				text-align: center;

  1066. 				margin-top: 24rpx;

  1067. 			}

  1068. 		}

  1069. 	}

  1070. 

  1071. 	.real-timebox {

  1072. 		width: 100%;

  1073. 		background: #FFFFFF;

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

  1075. 		border-radius: 12rpx;

  1076. 		padding-bottom: 36rpx;

  1077. 

  1078. 		.timebox {

  1079. 			width: 100%;

  1080. 			display: flex;

  1081. 

  1082. 			.real {

  1083. 				flex: 1;

  1084. 				height: 100%;

  1085. 

  1086. 				.realnum {

  1087. 					width: 100%;

  1088. 					font-size: 36rpx;

  1089. 					font-weight: 600;

  1090. 					color: #333333;

  1091. 					text-align: center;

  1092. 					margin-top: 36rpx;

  1093. 				}

  1094. 

  1095. 				.realtext {

  1096. 					width: 100%;

  1097. 					font-size: 24rpx;

  1098. 					font-weight: 400;

  1099. 					color: #666666;

  1100. 					text-align: center;

  1101. 					margin-top: 24rpx;

  1102. 				}

  1103. 			}

  1104. 		}

  1105. 

  1106. 	}

  1107. 

  1108. 	.commonly-box {

  1109. 		width: 100%;

  1110. 		background: #FFFFFF;

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

  1112. 		border-radius: 12rpx;

  1113. 		display: flex;

  1114. 		flex-wrap: wrap;

  1115. 		padding-bottom: 36rpx;

  1116. 

  1117. 		.commonly {

  1118. 			width: 25%;

  1119. 			margin-top: 36rpx;

  1120. 

  1121. 			.commonly-img {

  1122. 				width: 100%;

  1123. 				height: 68rpx;

  1124. 				text-align: center;

  1125. 

  1126. 				.commonly-img1 {

  1127. 					width: 68rpx;

  1128. 					height: 68rpx;

  1129. 					border-radius: 50%;

  1130. 				}

  1131. 			}

  1132. 

  1133. 			.commonly-text {

  1134. 				width: 100%;

  1135. 				text-align: center;

  1136. 				font-size: 24rpx;

  1137. 				font-weight: 400;

  1138. 				color: #333333;

  1139. 				margin-top: 16rpx;

  1140. 			}

  1141. 		}

  1142. 	}

  1143. </style>