liumin
/
NewZkgj
1
0
Форк 0
Код Проблеми 0 Запити на злиття 0 Релізи 0 Вікі Активність
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.
572 Коміти
7 Гілки
28 MiB
 
 
 
Дерево: 97d305bf2a
Гілки Теги
${ item.name }
Створити гілку ${ searchTerm }
з '97d305bf2a'
${ noResults }
NewZkgj/pages/index/index.vue

1348 рядки
35 KiB
Неформатований Звинувачення Історія 

  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. 		<!-- 临期项目提醒 -->

  68. 		<view class="endworking" v-if="bulidIngObj.daysRemaining <= 60"

  69. 			:class="{sixty: (bulidIngObj.daysRemaining > 15 && bulidIngObj.daysRemaining <= 60), fifteen: bulidIngObj.daysRemaining <= 15}">

  70. 			您的服务于{{ bulidIngObj.endWorking }}到期，为了避免影响您的使用，请与服务商联系

  71. 		</view>

  72. 

  73. 		<template v-if="checkAuthority('转写时长剩余')">

  74. 			<view class="title">转写消费</view>

  75. 			<view class="shebenbox">

  76. 				<view class="shebenche">

  77. 					<view class="shebenchenum">{{paraphraseObj.rechargeSum || 0}}</view>

  78. 					<view class="shebenchetext">购买小时</view>

  79. 				</view>

  80. 				<view class="shebenche">

  81. 					<view class="shebenchenum">{{paraphraseObj.presenterSum || 0}}</view>

  82. 					<view class="shebenchetext">赠送小时</view>

  83. 				</view>

  84. 				<view class="shebenche">

  85. 					<view class="shebenchenum">{{paraphraseObj.useSum || 0}}</view>

  86. 					<view class="shebenchetext">已用小时</view>

  87. 				</view>

  88. 				<view class="shebenche">

  89. 					<view class="shebenchenum" :style="paraphraseObj.surplusSum < 100 ? 'color: red' : ''">

  90. 						{{paraphraseObj.surplusSum || 0}}

  91. 					</view>

  92. 					<view class="shebenchetext">剩余小时</view>

  93. 				</view>

  94. 			</view>

  95. 		</template>

  96. 

  97. 		<template v-if="equipmentisshow">

  98. 			<view class="title">设备</view>

  99. 			<view class="shebenbox">

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

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

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

  103. 				</view>

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

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

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

  107. 				</view>

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

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

  110. 					<view class="shebenchetext">待上传文件</view>

  111. 				</view>

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

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

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

  115. 				</view>

  116. 			</view>

  117. 		</template>

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

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

  120. 			<view class="timebox">

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

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

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

  124. 				</view>

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

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

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

  128. 				</view>

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

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

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

  132. 				</view>

  133. 

  134. 				<view class="real">

  135. 					<view @click="prohibitedtap(1)" v-if="methodsisshow==true" class="realnum" style="color: red;">

  136. 						{{realtimeobj.prohibitedCustomer || 0}}

  137. 					</view>

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

  139. 				</view>

  140. 			</view>

  141. 			<view class="timebox">

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

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

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

  145. 				</view>

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

  147. 					<view class="realnum">{{max100(realtimeobj.fraction)}}%</view>

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

  149. 				</view>

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

  151. 					<view class="realnum">{{max100(realtimeobj.wordFinishFraction)}}%</view>

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

  153. 				</view>

  154. 				<view class="real" @click="toCustomerManagement('dateType')">

  155. 					<view class="realnum">

  156. 						{{realtimeobj.sumLevelFraction || 0}}%

  157. 					</view>

  158. 					<view class="realtext">客户意向度</view>

  159. 				</view>

  160. 			</view>

  161. 		</view>

  162. 

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

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

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

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

  167. 				</view>

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

  169. 					近30天</view>

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

  171. 				</view>

  172. 			</view>

  173. 		</view>

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

  175. 			<view class="timebox">

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

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

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

  179. 				</view>

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

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

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

  183. 				</view>

  184. 				<view class="real" @click="tapjumpreception(checkParams('44'))">

  185. 					<view class="realnum">{{Thisweekobj.tagCustomer || 0}}</view>

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

  187. 				</view>

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

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

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

  191. 				</view>

  192. 			</view>

  193. 			<view class="timebox">

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

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

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

  197. 				</view>

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

  199. 					<view class="realnum">{{max100(Thisweekobj.wordFinishFraction)}}%</view>

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

  201. 				</view>

  202. 

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

  204. 					<view class="realnum">{{max100(Thisweekobj.fraction)}}%</view>

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

  206. 				</view>

  207. 

  208. 				<view class="real" @click="toCustomerManagement()">

  209. 					<view class="realnum">

  210. 						{{Thisweekobj.sumLevelFraction || 0}}%

  211. 					</view>

  212. 					<view class="realtext">客户意向度</view>

  213. 				</view>

  214. 			</view>

  215. 		</view>

  216. 

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

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

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

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

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

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

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

  224. 				</view>

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

  226. 			</view>

  227. 		</view>

  228. 

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

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

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

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

  233. 		</view>

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

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

  236. 			<view class="updateBox">

  237. 				<view class="top">

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

  239. 				</view>

  240. 				<view class="content">

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

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

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

  244. 				</view>

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

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

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

  248. 				</view>

  249. 			</view>

  250. 		</view>

  251. 		<u-popup v-model="modalShow" border-radius="12" mode="center">

  252. 			<view class="modal-box">

  253. 				<view class="modal-title">今日接待</view>

  254. 				<view class="number-box">

  255. 					<view class="item">

  256. 						<view class="num">{{realtimeobj.receptionCount+realtimeobj.receivingCustomer || 0}}</view>

  257. 						<view class="num-text">接待次数</view>

  258. 					</view>

  259. 					<view class="item">

  260. 						<view class="num">{{realtimeobj.tagCustomer || 0}}</view>

  261. 						<view class="num-text">未标顾问</view>

  262. 					</view>

  263. 				</view>

  264. 				<view class="get" @click="modalShow=false">我知道了</view>

  265. 			</view>

  266. 		</u-popup>

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

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

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

  270. 	</view>

  271. </template>

  272. 

  273. <script>

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

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

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

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

  278. 	export default {

  279. 		components: {

  280. 			uParse,

  281. 			loading

  282. 		},

  283. 

  284. 		data() {

  285. 			return {

  286. 				modalShow: false,

  287. 				id: "",

  288. 				isShowUpdate: false,

  289. 				tit: "",

  290. 				content: "",

  291. 				tabbarList: tabbarList,

  292. 				current: 0,

  293. 				userInfo: {},

  294. 				Showhiddenunits: false,

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

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

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

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

  299. 				Myworkcard: false,

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

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

  302. 				signalDevice: 0, //信号

  303. 				signalDevicetext: "",

  304. 				audioStatus: false,

  305. 				equipmentisshow: false,

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

  307. 					totalNum: '',

  308. 					onlineNum: '',

  309. 					activeNum: '',

  310. 					lowPowerNum: '',

  311. 				},

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

  313. 				Menulist: [],

  314. 				realtimeobj: {

  315. 					sumCustomer: '',

  316. 					receivingCustomer: '',

  317. 					activeCustomer: '',

  318. 					prohibitedCustomer: '',

  319. 					tagCustomer: '',

  320. 					fraction: '',

  321. 					wordFinishFraction: '',

  322. 					receptionCount: ''

  323. 				},

  324. 				Thisweekobj: {

  325. 					sumCustomer: '',

  326. 					receivingCustomer: '',

  327. 					activeCustomer: '',

  328. 					prohibitedCustomer: '',

  329. 					tagCustomer: '',

  330. 					fraction: '',

  331. 					wordFraction: '',

  332. 					wordFinishFraction: '',

  333. 					receptionCount: ''

  334. 				},

  335. 				methodsisshow: false,

  336. 				zhixingcenterindex: 2,

  337. 				totalTimeShow: false,

  338. 				statDateStart: '',

  339. 				statDateEnd: '',

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

  341. 				paraphraseObj: {}, // 转写消费

  342. 			};

  343. 		},

  344. 

  345. 		computed: {

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

  347. 			showMenu() {

  348. 				return name => {

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

  350. 						return true

  351. 					} else {

  352. 						return false

  353. 					}

  354. 				}

  355. 			},

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

  357. 			isPuqiang() {

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

  359. 			},

  360. 		},

  361. 

  362. 		onLoad() {

  363. 			if (!this.isPuqiang) {

  364. 				uni.setNavigationBarTitle({

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

  366. 				})

  367. 			}

  368. 			this.initPopup()

  369. 

  370. 		},

  371. 

  372. 

  373. 		onShow() {

  374. 			this.upDateBulidIngObj()

  375. 			this.LOADING = true

  376. 			this.getMenu()

  377. 

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

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

  380. 				this.methodsisshow = false;

  381. 			} else {

  382. 				this.methodsisshow = true;

  383. 			}

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

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

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

  387. 				this.buildingishow = false;

  388. 			} else {

  389. 				this.buildingishow = true;

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

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

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

  393. 					item.label = item.propertyName;

  394. 					item.value = item.id

  395. 				})

  396. 				this.lpanlist = this.userInfo.zkProperties

  397. 			}

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

  399. 				this.Myworkcard = true;

  400. 				this.equipmentisshow = false;

  401. 				this.iniodianloang()

  402. 			} else {

  403. 				this.equipmentisshow = true;

  404. 				this.Myworkcard = false;

  405. 				this.initequipment()

  406. 			}

  407. 			this.initworkThisWeek()

  408. 			this.initrealTimeStatistics()

  409. 			this.updateInit()

  410. 			this.findByHouseIdForRecharge()

  411. 		},

  412. 

  413. 		onPullDownRefresh() {

  414. 			this.getMenu()

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

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

  417. 				this.methodsisshow = false;

  418. 			} else {

  419. 				this.methodsisshow = true;

  420. 			}

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

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

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

  424. 				this.buildingishow = false;

  425. 			} else {

  426. 				this.buildingishow = true;

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

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

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

  430. 					item.label = item.propertyName;

  431. 					item.value = item.id

  432. 				})

  433. 				this.lpanlist = this.userInfo.zkProperties

  434. 			}

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

  436. 				// this.Myworkcard = true;

  437. 				this.equipmentisshow = false;

  438. 				this.iniodianloang()

  439. 			} else {

  440. 				this.equipmentisshow = true;

  441. 				// this.Myworkcard = false;

  442. 				this.initequipment()

  443. 				// this.waitForOperation()

  444. 			}

  445. 			this.initworkThisWeek()

  446. 			this.initrealTimeStatistics()

  447. 			this.findByHouseIdForRecharge()

  448. 

  449. 			setTimeout(() => {

  450. 				uni.stopPullDownRefresh()

  451. 			}, 3000)

  452. 		},

  453. 		methods: {

  454. 			// 跳转客户详情

  455. 			toCustomerManagement(str) {

  456. 				console.log(str)

  457. 				if (str != 'dateType') {

  458. 					// dateType == 2 //

  459. 					if (this.zhixingcenterindex != 7) {

  460. 						uni.navigateTo({

  461. 							url: `/pages/center/consumer/index?refresh=refresh&dateType=${this.zhixingcenterindex}`

  462. 						})

  463. 					} else {

  464. 						uni.navigateTo({

  465. 							url: `/pages/center/consumer/index?refresh=refresh&dateType=4&staTime=${this.statDateStart}&endTime=${this.statDateEnd}`

  466. 						})

  467. 					}

  468. 				} else {

  469. 					console.log('adasdasljdlks', str)

  470. 					uni.navigateTo({

  471. 						url: `/pages/center/consumer/index?refresh=refresh&dateType=0`

  472. 					})

  473. 				}

  474. 			},

  475. 

  476. 			max100(num) {

  477. 				if (num > 100) {

  478. 					return 100

  479. 				} else if (!num) {

  480. 					return 0;

  481. 				} else {

  482. 					return num;

  483. 				}

  484. 			},

  485. 			towajue() {

  486. 				uni.navigateTo({

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

  488. 				})

  489. 			},

  490. 			close() {

  491. 				this.isShowUpdate = false;

  492. 			},

  493. 			lookDetail() {

  494. 				let datas = {

  495. 					id: this.id,

  496. 					title: this.tit,

  497. 					content: this.content

  498. 				}

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

  500. 				uni.navigateTo({

  501. 					url: "../mine/messageDetail"

  502. 				})

  503. 				let data = {

  504. 					id: this.id,

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

  506. 				}

  507. 				uni.request({

  508. 					url: config.service.updateRead,

  509. 					method: "GET",

  510. 					header: {

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

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

  513. 					},

  514. 					data,

  515. 					success: (res) => {

  516. 						this.initPopup()

  517. 					}

  518. 				})

  519. 				this.isShowUpdate = false;

  520. 			},

  521. 			initPopup() {

  522. 				uni.request({

  523. 					url: config.service.updatePopup,

  524. 					method: "GET",

  525. 					header: {

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

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

  528. 					},

  529. 

  530. 					data: {

  531. 

  532. 					},

  533. 					success: (res) => {

  534. 						let data = res.data.data

  535. 						if (data) {

  536. 							this.first(data.id)

  537. 							this.content = data.content

  538. 							this.tit = data.title

  539. 							this.aid = data.accountId

  540. 							this.id = data.id

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

  542. 						}

  543. 					}

  544. 				})

  545. 			},

  546. 			first(id) {

  547. 				uni.request({

  548. 					url: config.service.firstShowPopup,

  549. 					method: "GET",

  550. 					header: {

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

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

  553. 					},

  554. 					data: {

  555. 						id

  556. 					},

  557. 					success: (res) => {}

  558. 				})

  559. 			},

  560. 			updateInit() {

  561. 				uni.request({

  562. 					url: config.service.notReadNum,

  563. 					method: "GET",

  564. 					data: {

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

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

  567. 					},

  568. 					header: {

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

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

  571. 					},

  572. 					success: (res) => {

  573. 						this.count = res.data.data

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

  575. 					}

  576. 				})

  577. 			},

  578. 

  579. 			//获取权限

  580. 			getMenu() {

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

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

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

  584. 					let remind = uni.getStorageSync("remind");

  585. 					uni.setStorageSync("remind", 1);

  586. 					if (this.Menulist.length) {

  587. 						if (this.Menulist.findIndex(item => item.name == '今日接待弹框') != -1) {

  588. 							this.modalShow = remind == 0 ? true : false

  589. 						} else {

  590. 							this.modalShow = false

  591. 						}

  592. 					}

  593. 				})

  594. 			},

  595. 			//自定义时间

  596. 			totalTimeChange(e) {

  597. 				this.statDateStart = e.startDate;

  598. 				this.statDateEnd = e.endDate;

  599. 				this.zhixingcenterindex = 7;

  600. 				this.initworkThisWeek()

  601. 			},

  602. 			//时间选择

  603. 			tabtimeclick(i) {

  604. 				if (i == 7) {

  605. 					this.totalTimeShow = true;

  606. 				} else {

  607. 					this.zhixingcenterindex = i;

  608. 					this.initworkThisWeek()

  609. 				}

  610. 			},

  611. 			//获取概览数据

  612. 			initworkThisWeek() {

  613. 				uni.request({

  614. 					url: config.service.workThisWeek,

  615. 					method: "POST",

  616. 					header: {

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

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

  619. 					},

  620. 					data: {

  621. 						houseId: this.buildingID,

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

  623. 						statDateStart: this.statDateStart,

  624. 						statDateEnd: this.statDateEnd

  625. 					},

  626. 					success: (data) => {

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

  628. 							return

  629. 						} else {

  630. 							this.Thisweekobj = {

  631. 								...data.data.data,

  632. 								sumCustomer: data.data.data.sumCustomer,

  633. 								receivingCustomer: data.data.data.receivingCustomer,

  634. 								activeCustomer: data.data.data.activeCustomer,

  635. 								prohibitedCustomer: data.data.data.prohibitedCustomer,

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

  637. 								tagCustomer: data.data.data.tagCustomer,

  638. 								fraction: data.data.data.fraction,

  639. 								wordFinishFraction: data.data.data.wordFinishFraction,

  640. 								receptionCount: data.data.data.receptionCount

  641. 							}

  642. 						}

  643. 					}

  644. 				})

  645. 			},

  646. 			//实时统计

  647. 			initrealTimeStatistics() {

  648. 				uni.request({

  649. 					url: config.service.realTimeStatistics,

  650. 					method: "POST",

  651. 					header: {

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

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

  654. 					},

  655. 					data: {

  656. 						houseId: this.buildingID

  657. 					},

  658. 					success: (data) => {

  659. 						this.LOADING = false

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

  661. 							return

  662. 						} else {

  663. 							this.realtimeobj = {

  664. 								...data.data.data,

  665. 								sumCustomer: data.data.data.sumCustomer || 0,

  666. 								receivingCustomer: data.data.data.receivingCustomer || 0,

  667. 								activeCustomer: data.data.data.activeCustomer || 0,

  668. 								prohibitedCustomer: data.data.data.prohibitedCustomer || 0,

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

  670. 								tagCustomer: data.data.data.tagCustomer || 0,

  671. 								fraction: data.data.data.fraction || 0,

  672. 								wordFinishFraction: data.data.data.wordFinishFraction || 0,

  673. 								receptionCount: data.data.data.receptionCount || 0,

  674. 							}

  675. 							this.tabbarList[1].count = data.data.data.receivingCustomer || 0

  676. 						}

  677. 					},

  678. 					fail: () => {

  679. 						this.LOADING = false

  680. 					}

  681. 				})

  682. 			},

  683. 

  684. 			// 转写充值剩余

  685. 			findByHouseIdForRecharge() {

  686. 				this.$u.get(`/cusLvStatistics/findByHouseIdForRecharge?houseId=${this.buildingID}`).then(res => {

  687. 					console.log(res)

  688. 					if (res) {

  689. 						this.paraphraseObj = res.list

  690. 					}

  691. 				})

  692. 			},

  693. 

  694. 			//设备

  695. 			initequipment() {

  696. 				uni.request({

  697. 					url: config.service.findEquipmentState,

  698. 					method: "POST",

  699. 					header: {

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

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

  702. 					},

  703. 					data: {

  704. 						propertyId: this.buildingID

  705. 					},

  706. 					success: (data) => {

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

  708. 							return

  709. 						} else {

  710. 							this.equipmentobj = {

  711. 								...data.data.data,

  712. 								totalNum: data.data.data.totalNum,

  713. 								onlineNum: data.data.data.onlineNum,

  714. 								activeNum: data.data.data.activeNum,

  715. 								lowPowerNum: data.data.data.lowPowerNum,

  716. 							}

  717. 						}

  718. 					}

  719. 				})

  720. 			},

  721. 			//我的工牌

  722. 			iniodianloang() {

  723. 				uni.request({

  724. 					url: config.service.findElectricity,

  725. 					method: "POST",

  726. 					header: {

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

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

  729. 					},

  730. 					data: {},

  731. 					success: (data) => {

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

  733. 							return

  734. 						} else {

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

  736. 								this.percentage = 100;

  737. 							} else {

  738. 								this.equipmentObj = data.data.data

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

  740. 									this.Whetheroffline = false;

  741. 								} else {

  742. 									this.Whetheroffline = true;

  743. 									this.percentage = data.data.data.electricity;

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

  745. 									console.log(this.signalDevice)

  746. 									this.audioStatus = data.data.data.audioStatus;

  747. 									if (this.signalDevice > 80) {

  748. 										this.signalDevicetext = '高';

  749. 									} else {

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

  751. 											this.signalDevicetext = '无';

  752. 										} else {

  753. 											this.signalDevicetext = '低';

  754. 										}

  755. 									}

  756. 								}

  757. 

  758. 							}

  759. 						}

  760. 					}

  761. 				})

  762. 			},

  763. 

  764. 			//选择项目弹框

  765. 			piskbuilding() {

  766. 				// this.Showhiddenunits = true;

  767. 				uni.navigateTo({

  768. 					url: "../mine/selectBuilding"

  769. 				})

  770. 			},

  771. 

  772. 			// 项目选择确认

  773. 			confirm(e) {

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

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

  776. 				let lopan = {

  777. 					id: e[0].value,

  778. 					name: e[0].label

  779. 				}

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

  781. 				this.initworkThisWeek()

  782. 				this.initrealTimeStatistics()

  783. 				this.initequipment()

  784. 				this.iniodianloang()

  785. 			},

  786. 

  787. 			// 项目选择取消

  788. 			cancel() {

  789. 				this.Showhiddenunits = false;

  790. 			},

  791. 

  792. 			// 设备模块跳转

  793. 			tapjumpequipment(i) {

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

  795. 					uni.navigateTo({

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

  797. 					});

  798. 				}

  799. 			},

  800. 

  801. 			// 违禁模块跳转

  802. 			prohibitedtap(i) {

  803. 				let str = ''

  804. 				if (i == 1) {

  805. 					str = '&activeTotal=0'

  806. 				} else {

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

  808. 						str = '&activeTotal=2'

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

  810. 						str = '&activeTotal=3'

  811. 					} else {

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

  813. 					}

  814. 				}

  815. 				uni.navigateTo({

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

  817. 				})

  818. 			},

  819. 

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

  821. 			switchJump() {

  822. 				uni.switchTab({

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

  824. 				});

  825. 			},

  826. 

  827. 			// 跳转参数

  828. 			checkParams(i) {

  829. 				let str = ''

  830. 				switch (i) {

  831. 					case '1':

  832. 						str = '&activeTotal=0';

  833. 						break;

  834. 					case 'auth':

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

  836. 						break;

  837. 					case '3':

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

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

  840. 							str = '&activeTotal=2'

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

  842. 							str = '&activeTotal=3'

  843. 						} else {

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

  845. 						}

  846. 						break;

  847. 					case '333':

  848. 					case '7':

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

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

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

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

  853. 						} else {

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

  855. 						}

  856. 						break;

  857. 					case '6':

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

  859. 						break;

  860. 					case '4':

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

  862. 						break;

  863. 					case '44':

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

  865. 							str = '&activeTotal=2&validInvalid=0&markAdvisor=0'

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

  867. 							str = '&activeTotal=3&validInvalid=0&markAdvisor=0'

  868. 						} else {

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

  870. 						}

  871. 						break;

  872. 						

  873. 					default:

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

  875. 						break;

  876. 				}

  877. 				return str

  878. 			},

  879. 

  880. 			// 接待记录跳转

  881. 			tapjumpreception(params) {

  882. 				// 校验是否有权限

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

  884. 					uni.navigateTo({

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

  886. 					});

  887. 				}

  888. 			},

  889. 

  890. 			// 权限菜单跳转

  891. 			Piabodata(item) {

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

  893. 					uni.navigateTo({

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

  895. 					});

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

  897. 					uni.navigateTo({

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

  899. 					});

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

  901. 					uni.navigateTo({

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

  903. 					});

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

  905. 					uni.navigateTo({

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

  907. 					});

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

  909. 					uni.navigateTo({

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

  911. 					});

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

  913. 					uni.navigateTo({

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

  915. 					});

  916. 				} else {

  917. 					uni.navigateTo({

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

  919. 					});

  920. 				}

  921. 			},

  922. 		},

  923. 

  924. 		filters: {

  925. 			imgFilter(type) {

  926. 				let path = ''

  927. 				switch (type) {

  928. 					case '客户管理':

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

  930. 						break

  931. 					case '接待记录':

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

  933. 						break

  934. 					case '销讲数据':

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

  936. 						break

  937. 					case '设备管理':

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

  939. 						break

  940. 					case '值班顾问':

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

  942. 						break

  943. 					case '顾问排名':

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

  945. 						break

  946. 					case '违禁记录':

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

  948. 						break

  949. 				}

  950. 				return path

  951. 			}

  952. 		}

  953. 

  954. 	};

  955. </script>

  956. 

  957. <style lang="scss" scoped>

  958. 	.modal-box {

  959. 		display: flex;

  960. 		flex-direction: column;

  961. 		align-items: center;

  962. 		width: 590rpx;

  963. 		padding: 50rpx 30rpx 60rpx;

  964. 

  965. 		.modal-title {

  966. 			text-align: center;

  967. 			height: 45rpx;

  968. 			font-size: 32rpx;

  969. 			font-family: PingFangSC-Medium, PingFang SC;

  970. 			font-weight: 500;

  971. 			color: #333333;

  972. 			line-height: 45rpx;

  973. 			margin-bottom: 60rpx;

  974. 		}

  975. 

  976. 		.number-box {

  977. 			width: 100%;

  978. 			display: flex;

  979. 			justify-content: space-around;

  980. 			margin-bottom: 80rpx;

  981. 

  982. 			.item {

  983. 				display: flex;

  984. 				flex-direction: column;

  985. 				align-items: center;

  986. 

  987. 				.num {

  988. 					margin-bottom: 12rpx;

  989. 					height: 60rpx;

  990. 					font-size: 42rpx;

  991. 					font-family: PingFangSC-Semibold, PingFang SC;

  992. 					font-weight: 600;

  993. 					color: #333333;

  994. 					line-height: 60rpx;

  995. 					margin-bottom: 12rpx;

  996. 				}

  997. 

  998. 				.num-text {

  999. 					height: 45rpx;

  1000. 					font-size: 32rpx;

  1001. 					font-family: PingFangSC-Regular, PingFang SC;

  1002. 					font-weight: 400;

  1003. 					color: #333333;

  1004. 					line-height: 45rpx;

  1005. 				}

  1006. 			}

  1007. 		}

  1008. 

  1009. 		.get {

  1010. 			width: 400rpx;

  1011. 			height: 80rpx;

  1012. 			background: #3E50E8;

  1013. 			border-radius: 8rpx;

  1014. 			text-align: center;

  1015. 			line-height: 80rpx;

  1016. 			color: #fff;

  1017. 		}

  1018. 	}

  1019. 

  1020. 	.update {

  1021. 		width: 100%;

  1022. 		height: 100%;

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

  1024. 		position: fixed;

  1025. 		top: 0;

  1026. 		left: 0;

  1027. 		bottom: 0;

  1028. 		right: 0;

  1029. 		z-index: 9999;

  1030. 

  1031. 		.updateBox {

  1032. 			width: 80%;

  1033. 			background: #FFFFFF;

  1034. 			position: relative;

  1035. 			left: 50%;

  1036. 			margin-left: -40%;

  1037. 			padding: 20rpx;

  1038. 			border-radius: 10rpx;

  1039. 			top: 140rpx;

  1040. 

  1041. 			.top {

  1042. 				width: 350rpx;

  1043. 				height: 220rpx;

  1044. 				margin: 0 auto;

  1045. 

  1046. 				image {

  1047. 					width: 100%;

  1048. 					height: 100%;

  1049. 				}

  1050. 			}

  1051. 

  1052. 			.btn {

  1053. 				width: 510rpx;

  1054. 				height: 88rpx;

  1055. 				background: #2671E2;

  1056. 				margin: 0 auto;

  1057. 				display: flex;

  1058. 				justify-content: center;

  1059. 				align-items: center;

  1060. 				font-size: 36rpx;

  1061. 				border-radius: 8rpx;

  1062. 				color: #FFFFFF;

  1063. 			}

  1064. 

  1065. 			.content {

  1066. 				height: 268rpx;

  1067. 				overflow-y: auto;

  1068. 				margin: 46rpx 0;

  1069. 			}

  1070. 

  1071. 			.tit {

  1072. 				font-size: 40rpx;

  1073. 				text-align: center;

  1074. 				font-weight: bold;

  1075. 			}

  1076. 

  1077. 			.close {

  1078. 				position: absolute;

  1079. 				bottom: -100rpx;

  1080. 				left: 50%;

  1081. 				margin-left: -50rpx;

  1082. 			}

  1083. 		}

  1084. 	}

  1085. 

  1086. 	.activecllasscet {

  1087. 		font-size: 28rpx;

  1088. 		font-weight: 400;

  1089. 		color: #008ef2;

  1090. 	}

  1091. 

  1092. 	.cet {

  1093. 		font-size: 28rpx;

  1094. 		font-weight: 400;

  1095. 		color: #333333;

  1096. 

  1097. 		.cetview {

  1098. 			margin-left: 20rpx;

  1099. 		}

  1100. 	}

  1101. 

  1102. 	.cented-box {

  1103. 		position: relative;

  1104. 		padding: 30rpx 0;

  1105. 		background: #F8F8F8;

  1106. 		width: 100%;

  1107. 		height: 100%;

  1108. 	}

  1109. 

  1110. 	.Switchingbox {

  1111. 		padding: 0 30rpx;

  1112. 		width: 100%;

  1113. 		height: 44rpx;

  1114. 		display: flex;

  1115. 		align-items: center;

  1116. 

  1117. 		.Switching1 {

  1118. 			width: 44rpx;

  1119. 			height: 44rpx;

  1120. 

  1121. 			.Switching1-img {

  1122. 				width: 44rpx;

  1123. 				height: 44rpx;

  1124. 			}

  1125. 		}

  1126. 

  1127. 		.Switching2 {

  1128. 			margin-left: 12rpx;

  1129. 			font-size: 32rpx;

  1130. 			color: #303030;

  1131. 			font-weight: 500;

  1132. 		}

  1133. 

  1134. 		.Switching3 {

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

  1136. 			font-size: 32rpx;

  1137. 			color: #303030;

  1138. 			font-weight: 500;

  1139. 		}

  1140. 

  1141. 		.Switching4 {

  1142. 			width: 112rpx;

  1143. 			font-size: 28rpx;

  1144. 			color: #303030;

  1145. 			font-weight: 400;

  1146. 			text-align: right;

  1147. 			text-decoration: underline

  1148. 		}

  1149. 	}

  1150. 

  1151. 	.Workcard {

  1152. 		width: 100%;

  1153. 		background: #FFFFFF;

  1154. 		height: 154rpx;

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

  1156. 		border-radius: 12rpx;

  1157. 		display: flex;

  1158. 

  1159. 		.Workcard-box {

  1160. 			flex: 1;

  1161. 			height: 100%;

  1162. 

  1163. 			.Workcardimg {

  1164. 				width: 100%;

  1165. 				display: flex;

  1166. 				justify-content: center;

  1167. 				margin-top: 42rpx;

  1168. 

  1169. 				.Workcardimg1 {

  1170. 					width: 64rpx;

  1171. 					height: 36rpx;

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

  1173. 					background-size: 100% 100%;

  1174. 					padding: 8rpx;

  1175. 

  1176. 					.bar {

  1177. 						background-color: #43CD80;

  1178. 						height: 100%;

  1179. 						border-radius: 4rpx;

  1180. 					}

  1181. 

  1182. 					.bar1 {

  1183. 						background-color: red;

  1184. 						height: 100%;

  1185. 						border-radius: 4rpx;

  1186. 					}

  1187. 				}

  1188. 

  1189. 				.Workcardimg2 {

  1190. 					width: 56rpx;

  1191. 					height: 36rpx;

  1192. 				}

  1193. 

  1194. 				.Workcardimg3 {

  1195. 					width: 34rpx;

  1196. 					height: 36rpx;

  1197. 				}

  1198. 

  1199. 				.Workcardimg4 {

  1200. 					width: 50rpx;

  1201. 					height: 40rpx;

  1202. 				}

  1203. 			}

  1204. 

  1205. 			.Workcardtext {

  1206. 				width: 100%;

  1207. 				text-align: center;

  1208. 				font-size: 24rpx;

  1209. 				font-weight: 400;

  1210. 				color: #666666;

  1211. 				margin-top: 20rpx;

  1212. 			}

  1213. 		}

  1214. 	}

  1215. 

  1216. 	.title {

  1217. 		margin: 48rpx 0 24rpx;

  1218. 		padding: 0 30rpx;

  1219. 		width: 100%;

  1220. 		font-size: 30rpx;

  1221. 		font-weight: 600;

  1222. 		color: #333333;

  1223. 	}

  1224. 

  1225. 	.shebenbox {

  1226. 		margin: 0 auto;

  1227. 		width: 690rpx;

  1228. 		height: 156rpx;

  1229. 		background: #FFFFFF;

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

  1231. 		border-radius: 12rpx;

  1232. 		display: flex;

  1233. 

  1234. 		.shebenche {

  1235. 			width: 25%;

  1236. 			height: 100%;

  1237. 

  1238. 			.shebenchenum {

  1239. 				width: 100%;

  1240. 				font-size: 36rpx;

  1241. 				font-weight: 600;

  1242. 				color: #333333;

  1243. 				text-align: center;

  1244. 				margin-top: 28rpx;

  1245. 			}

  1246. 

  1247. 			.shebenchetext {

  1248. 				width: 100%;

  1249. 				font-size: 24rpx;

  1250. 				font-weight: 400;

  1251. 				color: #666666;

  1252. 				text-align: center;

  1253. 				margin-top: 24rpx;

  1254. 			}

  1255. 		}

  1256. 	}

  1257. 

  1258. 	.real-timebox {

  1259. 		margin: 0 auto;

  1260. 		width: 690rpx;

  1261. 		background: #FFFFFF;

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

  1263. 		border-radius: 12rpx;

  1264. 		padding-bottom: 36rpx;

  1265. 

  1266. 		.timebox {

  1267. 			width: 100%;

  1268. 			display: flex;

  1269. 

  1270. 			.real {

  1271. 				flex: 1;

  1272. 				height: 100%;

  1273. 

  1274. 				.realnum {

  1275. 					width: 100%;

  1276. 					font-size: 36rpx;

  1277. 					font-weight: 600;

  1278. 					color: #333333;

  1279. 					text-align: center;

  1280. 					margin-top: 36rpx;

  1281. 				}

  1282. 

  1283. 				.realtext {

  1284. 					width: 100%;

  1285. 					font-size: 24rpx;

  1286. 					font-weight: 400;

  1287. 					color: #666666;

  1288. 					text-align: center;

  1289. 					margin-top: 24rpx;

  1290. 				}

  1291. 			}

  1292. 		}

  1293. 

  1294. 	}

  1295. 

  1296. 	.commonly-box {

  1297. 		margin: 0 auto;

  1298. 		width: 690rpx;

  1299. 		background: #FFFFFF;

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

  1301. 		border-radius: 12rpx;

  1302. 		display: flex;

  1303. 		flex-wrap: wrap;

  1304. 		padding-bottom: 36rpx;

  1305. 

  1306. 		.commonly {

  1307. 			width: 25%;

  1308. 			margin-top: 36rpx;

  1309. 

  1310. 			.commonly-img {

  1311. 				width: 100%;

  1312. 				height: 68rpx;

  1313. 				text-align: center;

  1314. 

  1315. 				.commonly-img1 {

  1316. 					width: 68rpx;

  1317. 					height: 68rpx;

  1318. 					border-radius: 50%;

  1319. 				}

  1320. 			}

  1321. 

  1322. 			.commonly-text {

  1323. 				width: 100%;

  1324. 				text-align: center;

  1325. 				font-size: 24rpx;

  1326. 				font-weight: 400;

  1327. 				color: #333333;

  1328. 				margin-top: 16rpx;

  1329. 			}

  1330. 		}

  1331. 	}

  1332. 

  1333. 	.endworking {

  1334. 		margin-top: 20rpx;

  1335. 		padding: 15rpx 30rpx;

  1336. 		width: 100%;

  1337. 	}

  1338. 

  1339. 	.sixty {

  1340. 		background-color: #FDFCDA;

  1341. 	}

  1342. 

  1343. 	.fifteen {

  1344. 		background-color: #F9C8C8;

  1345. 		color: #ff0000;

  1346. 	}

  1347. </style>