liumin
/
NewZkgj
1
0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Aktiviteter
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
168 Incheckningar
7 Grenar
28 MiB
 
 
 
Träd: 2c90b1947a
Grenar Taggar
${ item.name }
Skapa branchen ${ searchTerm }
från '2c90b1947a'
${ noResults }
NewZkgj/pages/index/index.vue

852 rader
23 KiB
Rå Blame Historik 

  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('1')">

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

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

  117. 				</view>

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

  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('3')">

  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('3')">

  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. 		

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

  181. 			<view class="timebox">

  182. 			

  183. 				

  184. 			</view>

  185. 		</view> -->

  186. 				

  187. 		

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

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

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

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

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

  193. 						mode=""></image>

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

  195. 						mode=""></image>

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

  197. 						mode=""></image>

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

  199. 						mode=""></image>

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

  201. 						mode=""></image>

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

  203. 						mode=""></image>	

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

  205. 						mode=""></image>	

  206. 				</view>

  207. 				<view v-if="item.name=='标记有效无效接待'" class="commonly-text"></view>

  208. 				<view v-else class="commonly-text">{{item.name}}</view>

  209. 			</view>

  210. 		</view>

  211. 

  212. 

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

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

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

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

  217. 		</view>

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

  219. 	</view>

  220. </template>

  221. 

  222. <script>

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

  224. 	export default {

  225. 		data() {

  226. 			return {

  227. 				userInfo: {},

  228. 				Showhiddenunits: false,

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

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

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

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

  233. 				Myworkcard: false,

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

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

  236. 				signalDevice: 0, //信号

  237. 				signalDevicetext: "",

  238. 				audioStatus: false,

  239. 				equipmentisshow: false,

  240. 				equipmentobj: {

  241. 					totalNum: '',

  242. 					onlineNum: '',

  243. 					activeNum: '',

  244. 					lowPowerNum: '',

  245. 				},

  246. 				Menulist: [],

  247. 				realtimeobj: {

  248. 					sumCustomer: '',

  249. 					receivingCustomer: '',

  250. 					activeCustomer: '',

  251. 					prohibitedCustomer: '',

  252. 					tagCustomer: '',

  253. 					fraction: '',

  254. 					receptionCount:''

  255. 				},

  256. 				Thisweekobj: {

  257. 					sumCustomer: '',

  258. 					receivingCustomer: '',

  259. 					activeCustomer: '',

  260. 					prohibitedCustomer: '',

  261. 					tagCustomer: '',

  262. 					fraction: '',

  263. 					receptionCount:''

  264. 				},

  265. 				methodsisshow:false,

  266. 				zhixingcenterindex:2,

  267. 				totalTimeShow: false,

  268. 				statDateStart:'',

  269. 				statDateEnd:'',

  270. 			};

  271. 		},

  272. 		components: {},

  273. 		onShow() {

  274. 			this.getMenu()

  275. 			

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

  277. 			

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

  279. 				this.methodsisshow=false;

  280. 			}else{

  281. 				this.methodsisshow=true;

  282. 			}

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

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

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

  286. 				this.buildingishow = false;

  287. 			} else {

  288. 				this.buildingishow = true;

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

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

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

  292. 					item.label = item.propertyName;

  293. 					item.value = item.id

  294. 				})

  295. 				this.lpanlist = this.userInfo.zkProperties

  296. 			}

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

  298. 				this.Myworkcard = true;

  299. 				this.equipmentisshow = false;

  300. 				this.iniodianloang()

  301. 			} else {

  302. 				this.equipmentisshow = true;

  303. 				this.Myworkcard = false;

  304. 				this.initequipment()

  305. 			}

  306. 			this.initworkThisWeek()

  307. 			this.initrealTimeStatistics()

  308. 		},

  309. 		methods: {

  310. 			//获取权限

  311. 			getMenu(){

  312. 				console.log("11111")

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

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

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

  316. 				})	

  317. 			},

  318. 			//自定义时间

  319. 			totalTimeChange(e) {

  320. 				this.statDateStart=e.startDate;

  321. 				this.statDateEnd=e.endDate;

  322. 				this.zhixingcenterindex=7;

  323. 				this.initworkThisWeek()

  324. 			},

  325. 			//时间选择

  326. 			tabtimeclick(i){

  327. 				if(i==7){

  328. 					this.totalTimeShow = true;

  329. 				}else{

  330. 					this.zhixingcenterindex=i;

  331. 					this.initworkThisWeek()

  332. 				}

  333. 			},

  334. 			//获取概览数据

  335. 			initworkThisWeek() {

  336. 				uni.request({

  337. 					url: config.service.workThisWeek,

  338. 					method: "POST",

  339. 					header: {

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

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

  342. 					},

  343. 					data: {

  344. 						houseId: this.buildingID,

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

  346. 						statDateStart:this.statDateStart,

  347. 						statDateEnd:this.statDateEnd

  348. 					},

  349. 					success: (data) => {

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

  351. 							return

  352. 						} else {

  353. 							this.Thisweekobj = {

  354. 								sumCustomer: data.data.data.sumCustomer,

  355. 								receivingCustomer: data.data.data.receivingCustomer,

  356. 								activeCustomer: data.data.data.activeCustomer,

  357. 								prohibitedCustomer: data.data.data.prohibitedCustomer,

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

  359. 								tagCustomer: data.data.data.tagCustomer,

  360. 								fraction: data.data.data.fraction,

  361. 								receptionCount:data.data.data.receptionCount

  362. 							}

  363. 						}

  364. 					}

  365. 				})

  366. 			},

  367. 			//实时统计

  368. 			initrealTimeStatistics() {

  369. 				uni.request({

  370. 					url: config.service.realTimeStatistics,

  371. 					method: "POST",

  372. 					header: {

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

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

  375. 					},

  376. 					data: {

  377. 						houseId: this.buildingID

  378. 					},

  379. 					success: (data) => {

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

  381. 							return

  382. 						} else {

  383. 							this.realtimeobj = {

  384. 								sumCustomer: data.data.data.sumCustomer,

  385. 								receivingCustomer: data.data.data.receivingCustomer,

  386. 								activeCustomer: data.data.data.activeCustomer,

  387. 								prohibitedCustomer: data.data.data.prohibitedCustomer,

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

  389. 								tagCustomer: data.data.data.tagCustomer,

  390. 								fraction: data.data.data.fraction,

  391. 								receptionCount:data.data.data.receptionCount

  392. 							}

  393. 						}

  394. 					}

  395. 				})

  396. 			},

  397. 			

  398. 			//设备

  399. 			initequipment() {

  400. 				uni.request({

  401. 					url: config.service.findEquipmentState,

  402. 					method: "POST",

  403. 					header: {

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

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

  406. 					},

  407. 					data: {

  408. 						propertyId: this.buildingID

  409. 					},

  410. 					success: (data) => {

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

  412. 							return

  413. 						} else {

  414. 							this.equipmentobj = {

  415. 								totalNum: data.data.data.totalNum,

  416. 								onlineNum: data.data.data.onlineNum,

  417. 								activeNum: data.data.data.activeNum,

  418. 								lowPowerNum: data.data.data.lowPowerNum,

  419. 							}

  420. 						}

  421. 					}

  422. 				})

  423. 			},

  424. 			//我的工牌

  425. 			iniodianloang() {

  426. 				uni.request({

  427. 					url: config.service.findElectricity,

  428. 					method: "POST",

  429. 					header: {

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

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

  432. 					},

  433. 					data: {},

  434. 					success: (data) => {

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

  436. 							return

  437. 						} else {

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

  439. 								this.percentage = 100;

  440. 							} else {

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

  442. 									this.Whetheroffline = false;

  443. 								} else {

  444. 									this.Whetheroffline = true;

  445. 									this.percentage = data.data.data.electricity;

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

  447. 									console.log(this.signalDevice)

  448. 									this.audioStatus = data.data.data.audioStatus;

  449. 									if (this.signalDevice > 80) {

  450. 										this.signalDevicetext = '高';

  451. 									} else {

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

  453. 											this.signalDevicetext = '无';

  454. 										} else {

  455. 											this.signalDevicetext = '低';

  456. 										}

  457. 									}

  458. 								}

  459. 

  460. 							}

  461. 						}

  462. 					}

  463. 				})

  464. 			},

  465. 			//选择项目弹框

  466. 			piskbuilding() {

  467. 				// this.Showhiddenunits = true;

  468. 				uni.navigateTo({

  469. 					url:"../mine/selectBuilding"

  470. 				})

  471. 			},

  472. 			// 项目选择确认

  473. 			confirm(e) {

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

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

  476. 				let lopan = {

  477. 					id: e[0].value,

  478. 					name: e[0].label

  479. 				}

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

  481. 				this.initworkThisWeek()

  482. 				this.initrealTimeStatistics()

  483. 				this.initequipment()

  484. 				this.iniodianloang()

  485. 				

  486. 			},

  487. 			// 项目选择取消

  488. 			cancel() {

  489. 				this.Showhiddenunits = false;

  490. 			},

  491. 			tapjumpequipment(i){

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

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

  494. 						uni.navigateTo({

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

  496. 						});

  497. 					}

  498. 				})

  499. 			},

  500. 			prohibitedtap(i){

  501. 				if(i==1){

  502. 					uni.navigateTo({

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

  504. 					});

  505. 				}else{

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

  507. 						uni.navigateTo({

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

  509. 						});

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

  511. 						uni.navigateTo({

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

  513. 						});

  514. 					}else{

  515. 						uni.navigateTo({

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

  517. 						});

  518. 					}

  519. 				}

  520. 			},

  521. 			tapjumpreception(i){

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

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

  524. 						if(i==1){

  525. 							uni.navigateTo({

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

  527. 							});

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

  529. 							uni.switchTab({

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

  531. 							});

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

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

  534. 								uni.navigateTo({

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

  536. 								});

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

  538. 								uni.navigateTo({

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

  540. 								});

  541. 							}else{

  542. 								uni.navigateTo({

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

  544. 								});

  545. 							}

  546. 							

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

  548. 							uni.navigateTo({

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

  550. 							});

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

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

  553. 								uni.navigateTo({

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

  555. 								});

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

  557. 								uni.navigateTo({

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

  559. 								});

  560. 							}else{

  561. 								uni.navigateTo({

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

  563. 								});

  564. 							}

  565. 						}else{

  566. 							uni.navigateTo({

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

  568. 							});

  569. 						}

  570. 					}

  571. 				})

  572. 			},

  573. 			Piabodata(item) {

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

  575. 					uni.navigateTo({

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

  577. 					});

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

  579. 					uni.navigateTo({

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

  581. 					});

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

  583. 					uni.navigateTo({

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

  585. 					});

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

  587. 					uni.navigateTo({

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

  589. 					});

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

  591. 					uni.navigateTo({

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

  593. 					});

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

  595. 					uni.navigateTo({

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

  597. 					});

  598. 				}else{

  599. 					uni.navigateTo({

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

  601. 					});

  602. 				}

  603. 				

  604. 				

  605. 			},

  606. 		},

  607. 

  608. 	};

  609. </script>

  610. 

  611. <style lang="scss" scoped>

  612. 	.activecllasscet{

  613. 		font-size: 28rpx;

  614. 		font-weight: 400;

  615. 		color: #008ef2;

  616. 	}

  617. 	.cet{

  618. 		font-size: 28rpx;

  619. 		font-weight: 400;

  620. 		color: #333333;

  621. 		.cetview{

  622. 			margin-left: 20rpx;

  623. 		}

  624. 	}

  625. 	.cented-box {

  626. 		padding: 30rpx;

  627. 		background: #F8F8F8;

  628. 		width: 100%;

  629. 		height: 100%;

  630. 	}

  631. 

  632. 	.Switchingbox {

  633. 		width: 100%;

  634. 		height: 44rpx;

  635. 		display: flex;

  636. 		align-items: center;

  637. 

  638. 		.Switching1 {

  639. 			width: 44rpx;

  640. 			height: 44rpx;

  641. 

  642. 			.Switching1-img {

  643. 				width: 44rpx;

  644. 				height: 44rpx;

  645. 			}

  646. 		}

  647. 

  648. 		.Switching2 {

  649. 			margin-left: 12rpx;

  650. 			font-size: 32rpx;

  651. 			color: #303030;

  652. 			font-weight: 500;

  653. 		}

  654. 

  655. 		.Switching3 {

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

  657. 			font-size: 32rpx;

  658. 			color: #303030;

  659. 			font-weight: 500;

  660. 		}

  661. 

  662. 		.Switching4 {

  663. 			width: 112rpx;

  664. 			font-size: 28rpx;

  665. 			color: #303030;

  666. 			font-weight: 400;

  667. 			text-align: right;

  668. 			text-decoration: underline

  669. 		}

  670. 	}

  671. 

  672. 	.Workcard {

  673. 		width: 100%;

  674. 		background: #FFFFFF;

  675. 		height: 154rpx;

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

  677. 		border-radius: 12rpx;

  678. 		display: flex;

  679. 

  680. 		.Workcard-box {

  681. 			flex: 1;

  682. 			height: 100%;

  683. 

  684. 			.Workcardimg {

  685. 				width: 100%;

  686. 				display: flex;

  687. 				justify-content: center;

  688. 				margin-top: 42rpx;

  689. 

  690. 				.Workcardimg1 {

  691. 					width: 64rpx;

  692. 					height: 36rpx;

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

  694. 					background-size: 100% 100%;

  695. 					padding: 8rpx;

  696. 

  697. 					.bar {

  698. 						background-color: #43CD80;

  699. 						height: 100%;

  700. 						border-radius: 4rpx;

  701. 					}

  702. 

  703. 					.bar1 {

  704. 						background-color: red;

  705. 						height: 100%;

  706. 						border-radius: 4rpx;

  707. 					}

  708. 				}

  709. 

  710. 				.Workcardimg2 {

  711. 					width: 56rpx;

  712. 					height: 36rpx;

  713. 				}

  714. 

  715. 				.Workcardimg3 {

  716. 					width: 34rpx;

  717. 					height: 36rpx;

  718. 				}

  719. 

  720. 				.Workcardimg4 {

  721. 					width: 50rpx;

  722. 					height: 40rpx;

  723. 				}

  724. 			}

  725. 

  726. 			.Workcardtext {

  727. 				width: 100%;

  728. 				text-align: center;

  729. 				font-size: 24rpx;

  730. 				font-weight: 400;

  731. 				color: #666666;

  732. 				margin-top: 20rpx;

  733. 			}

  734. 		}

  735. 	}

  736. 

  737. 	.title {

  738. 		width: 100%;

  739. 		height: 30rpx;

  740. 		font-size: 30rpx;

  741. 		font-weight: 600;

  742. 		color: #333333;

  743. 		margin-top: 40rpx;

  744. 		margin-bottom: 24rpx;

  745. 	}

  746. 

  747. 	.shebenbox {

  748. 		width: 100%;

  749. 		height: 156rpx;

  750. 		background: #FFFFFF;

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

  752. 		border-radius: 12rpx;

  753. 		display: flex;

  754. 

  755. 		.shebenche {

  756. 			width: 25%;

  757. 			height: 100%;

  758. 

  759. 			.shebenchenum {

  760. 				width: 100%;

  761. 				font-size: 36rpx;

  762. 				font-weight: 600;

  763. 				color: #333333;

  764. 				text-align: center;

  765. 				margin-top: 28rpx;

  766. 			}

  767. 

  768. 			.shebenchetext {

  769. 				width: 100%;

  770. 				font-size: 24rpx;

  771. 				font-weight: 400;

  772. 				color: #666666;

  773. 				text-align: center;

  774. 				margin-top: 24rpx;

  775. 			}

  776. 		}

  777. 	}

  778. 

  779. 	.real-timebox {

  780. 		width: 100%;

  781. 		background: #FFFFFF;

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

  783. 		border-radius: 12rpx;

  784. 		padding-bottom: 36rpx;

  785. 

  786. 		.timebox {

  787. 			width: 100%;

  788. 			display: flex;

  789. 

  790. 			.real {

  791. 				flex: 1;

  792. 				height: 100%;

  793. 

  794. 				.realnum {

  795. 					width: 100%;

  796. 					font-size: 36rpx;

  797. 					font-weight: 600;

  798. 					color: #333333;

  799. 					text-align: center;

  800. 					margin-top: 36rpx;

  801. 				}

  802. 

  803. 				.realtext {

  804. 					width: 100%;

  805. 					font-size: 24rpx;

  806. 					font-weight: 400;

  807. 					color: #666666;

  808. 					text-align: center;

  809. 					margin-top: 24rpx;

  810. 				}

  811. 			}

  812. 		}

  813. 

  814. 	}

  815. 

  816. 	.commonly-box {

  817. 		width: 100%;

  818. 		background: #FFFFFF;

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

  820. 		border-radius: 12rpx;

  821. 		display: flex;

  822. 		flex-wrap: wrap;

  823. 		padding-bottom: 36rpx;

  824. 

  825. 		.commonly {

  826. 			width: 25%;

  827. 			margin-top: 36rpx;

  828. 

  829. 			.commonly-img {

  830. 				width: 100%;

  831. 				height: 68rpx;

  832. 				text-align: center;

  833. 

  834. 				.commonly-img1 {

  835. 					width: 68rpx;

  836. 					height: 68rpx;

  837. 					border-radius: 50%;

  838. 				}

  839. 			}

  840. 

  841. 			.commonly-text {

  842. 				width: 100%;

  843. 				text-align: center;

  844. 				font-size: 24rpx;

  845. 				font-weight: 400;

  846. 				color: #333333;

  847. 				margin-top: 16rpx;

  848. 			}

  849. 		}

  850. 	}

  851. </style>