Acher
/
newEdition
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
AI销管
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.
92 Commits
13 Branches
9.8 MiB
 
 
 
 
Tree: 7cf5520c48
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '7cf5520c48'
${ noResults }
newEdition/pages/index/index.vue

1205 lines
36 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/loupan.png" mode=""></image>

  6. 			</view>

  7. 			<view class="Switching2 u-line-1">项目：{{buildingname}}</view>

  8. 			<view class="Switching4" v-if="buildingishow" @click="piskbuilding()">切换项目</view>

  9. 		</view>

  10. 		<view class="title" style="margin-top: 30rpx; display: flex; justify-content: space-between;" v-if="permissions.myisshebei">

  11. 			<view class="gongpai">

  12. 				我的工牌:{{imeiCode||'未绑定'}}

  13. 			</view>

  14. 			<view class="" style="color: #2671E2; font-weight: normal;">

  15. 				<!-- 接待中 -->

  16. 				{{openFlag=='start'?'接待中':''}}

  17. 			</view>

  18. 		</view>

  19. 		<view v-if="permissions.myisshebei" style="margin-bottom: 20rpx">

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

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

  22. 					<view class="Workcardimg">

  23. 						<view class="Workcardimg1">

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

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

  26. 						</view>

  27. 					</view>

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

  29. 				</view>

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

  31. 					<view class="Workcardimg">

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

  33. 							mode=""></image>

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

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

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

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

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

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

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

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

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

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

  44. 					</view>

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

  46. 				</view>

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

  48. 					<view class="Workcardimg">

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

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

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

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

  53. 					</view>

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

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

  56. 				</view>

  57. 			</view>

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

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

  60. 					<view class="Workcardimg">

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

  62. 					</view>

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

  64. 				</view>

  65. 			</view>

  66. 		</view>

  67. 

  68. <!-- 

  69. 		<view class="title" v-if="permissions.shebeinum">待处理</view>

  70. 		<view class="shebenbox" v-if="permissions.shebeinum" >

  71. 			<view class="shebenche" @click="indexStatus(0)">

  72. 				<view class="shebenchenum">{{operation.receptionCount || 0}}</view>

  73. 				<view class="shebenchetext">接待即将结束</view>

  74. 			</view>

  75. 			<view class="shebenche" @click="indexStatus(1)">

  76. 				<view class="shebenchenum">{{operation.accountCount || 0}}</view>

  77. 				<view class="shebenchetext">未标顾问</view>

  78. 			</view>

  79. 			<view class="shebenche" @click="indexStatus(3)">

  80. 				<view class="shebenchenum">{{operation.forbiddenCount || 0}}</view>

  81. 				<view class="shebenchetext">违禁提醒</view>

  82. 			</view>

  83. 		</view> -->

  84. 

  85. <!-- 设备总览 -->

  86. 		<view class="contbox" v-if="permissions.shebeinum">

  87. 			<view class="title"> 

  88. 				<image class="title-icon" src="https://static.quhouse.com/bc2ec951ad9a47e5bf58f2829926e143.png" mode="" />

  89. 				设备总览</view>

  90. 			<view class="shebenbox">

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

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

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

  94. 				</view>

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

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

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

  98. 				</view>

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

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

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

  102. 				</view>

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

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

  105. 					<view class="shebenchetext">低电工牌</view>

  106. 				</view>

  107. 			</view>

  108. 

  109. 		</view>

  110. 		<!-- 今日工作 -->

  111. 		<view class="contbox" v-if="permissions.shishinum">

  112. 			<view class="title" ><image class="title-icon" src="https://static.quhouse.com/bc2ec951ad9a47e5bf58f2829926e143.png" mode="" />今日工作</view>

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

  114. 				<view class="timebox">

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

  116. 						<view class="realnum u-flex"  style="justify-content: center">{{realtimeobj.fraction || 0}}% 

  117. 							<!-- <image class="qushi-icon" src="/static/images/excute.png"  mode="" /> -->

  118. 						</view>

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

  120. 					</view>

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

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

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

  124. 					</view>

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

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

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

  128. 					</view>

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

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

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

  132. 					</view>

  133. 				</view>

  134. 				<view class="timebox" style="margin-bottom:0;">

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

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

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

  138. 					</view>

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

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

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

  142. 					</view>

  143. 					<view class="real">

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

  145. 							{{realtimeobj.prohibitedCustomer || 0}}</view>

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

  147. 					</view>

  148. 					<view class="real">

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

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

  151. 					</view>

  152. 

  153. 				</view>

  154. 			</view>

  155. 		</view>

  156. 		<!-- 近30天 -->

  157. 		<view class="contbox"  v-if="permissions.jileinum">

  158. 			<view class="title">

  159. 				<image class="title-icon" src="https://static.quhouse.com/bc2ec951ad9a47e5bf58f2829926e143.png" mode="" />

  160. 				<view style="width: 70%;"  @click="taptimeisshow">

  161. 					<!-- 概览 -->

  162. 					{{choiceIndex}}累计<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>

  163. 				</view>

  164. 			</view>

  165. 			<!-- <view class="timeshow">统计时间：2022.05.20-2022.05.27</view> -->

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

  167. 				<view class="timebox">

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

  169. 						<view class="realnum u-flex" style="justify-content: center">{{Thisweekobj.fraction || 0}}%

  170. 							<!-- <image class="qushi-icon" src="/static/images/qushi-up.png" mode="" /> -->

  171. 						</view>

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

  173. 					</view>

  174. 					<view class="real" @click="tapjumpreception('33')">

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

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

  177. 					</view>

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

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

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

  181. 					</view>

  182. 				</view>

  183. 				<view class="timebox" style="margin-bottom:0;">

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

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

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

  187. 					</view>

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

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

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

  191. 					</view>

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

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

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

  195. 					</view>

  196. 					<view class="real">

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

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

  199. 					</view>

  200. 				</view>

  201. 			</view>

  202. 		</view>

  203. 		<!-- 常用功能 -->

  204. 	<view class="contbox" >

  205. 		<view class="title" v-if="permissions.commonly2||permissions.commonly3||permissions.commonly10">

  206. 			<image class="title-icon" src="https://static.quhouse.com/bc2ec951ad9a47e5bf58f2829926e143.png" mode="" />接待管理</view>

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

  208. 			<view class="commonly" @click="Piabodata('接待记录')" v-if="permissions.commonly2">

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

  210. 					<image class="commonly-img1" src="https://static.quhouse.com/4649b5bd19124afca0f1a809f93bfd73.png" mode=""></image>

  211. 				</view>

  212. 				<view class="commonly-text">接待记录</view>

  213. 			</view>

  214. 			<view class="commonly" @click="Piabodata('违禁记录')" v-if="permissions.commonly3">

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

  216. 					<image class="commonly-img1" src="https://static.quhouse.com/b1dd1da2a969465bbbf41818320b8487.png" mode=""></image>

  217. 				</view>

  218. 				<view class="commonly-text">违禁记录</view>

  219. 			</view>

  220. 			<view class="commonly" @click="toUserinsightinto()" v-if="permissions.commonly10">

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

  222. 					<image class="commonly-img1" src="https://static.quhouse.com/c2c2e1af3d5f41d180ec55a04a5d4f26.png" mode=""></image>

  223. 				</view>

  224. 				<view class="commonly-text">用户画像</view>

  225. 			</view>

  226. 		</view>

  227. 		<view class="title" v-if="permissions.commonly4||permissions.commonly8||permissions.commonly7||permissions.commonly9">

  228. 			<image class="title-icon" src="https://static.quhouse.com/bc2ec951ad9a47e5bf58f2829926e143.png" mode="" />数据分析</view>

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

  230. 			<view class="commonly" @click="Piabodata('销讲分析')" v-if="permissions.commonly4">

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

  232. 					<image class="commonly-img1" src="https://static.quhouse.com/1f01dfa38203493b88d9668a506fdff3.png" mode=""></image>

  233. 				</view>

  234. 				<view class="commonly-text">销讲分析</view>

  235. 			</view>

  236. 			<view class="commonly" @click="toTrendAnalysis()" v-if="permissions.commonly8">

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

  238. 					<image class="commonly-img1" src="https://static.quhouse.com/df070b1a2d5e48359c7de5654e4f7a17.png" mode=""></image>

  239. 				</view>

  240. 				<view class="commonly-text">销讲趋势</view>

  241. 			</view>

  242. 				<view class="commonly" @click="Piabodata('顾问排名')" v-if="permissions.commonly7">

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

  244. 					<image class="commonly-img1" src="https://static.quhouse.com/f5a6b2d6032348a1b256cfd7083be436.png" mode=""></image>

  245. 				</view>

  246. 				<view class="commonly-text">顾问排名</view>

  247. 				</view>

  248. 				<view class="commonly" @click="toStaffAnalysis()" v-if="permissions.commonly9">

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

  250. 					<image class="commonly-img1" src="https://static.quhouse.com/c2d3801540cf4880a68cce0e04eb59b0.png" mode=""></image>

  251. 				</view>

  252. 				<view class="commonly-text">员工分析</view>

  253. 				</view>

  254. 		</view>

  255. 		<view class="title" v-if="permissions.commonly11||permissions.commonly12||permissions.commonly5||permissions.commonly6">

  256. 			<image class="title-icon" src="https://static.quhouse.com/bc2ec951ad9a47e5bf58f2829926e143.png" mode="" />团队管理</view>

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

  258. 				<view class="commonly" @click="Theteamcompared()" v-if="permissions.commonly11">

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

  260. 							<image class="commonly-img1" src="https://static.quhouse.com/4f5a3a61c06a4508a806eb290ef678e6.png" mode=""></image>

  261. 						</view>

  262. 						<view class="commonly-text">团队对比</view>

  263. 					</view>

  264. 					<view class="commonly" @click="Groupcontrast()" v-if="permissions.commonly12">

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

  266. 							<image class="commonly-img1" src="https://static.quhouse.com/759c2e3240e54213827196559ce38fa4.png" mode=""></image>

  267. 						</view>

  268. 						<view class="commonly-text">集团对比</view>

  269. 					</view>

  270. 					<view class="commonly" @click="Piabodata('设备管理')" v-if="permissions.commonly5">

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

  272. 					<image class="commonly-img1" src="https://static.quhouse.com/e617133ecbbd46498e30719444fc02e8.png" mode=""></image>

  273. 				</view>

  274. 				<view class="commonly-text">设备管理</view>

  275. 			</view>

  276. 			<view class="commonly" @click="Piabodata('值班顾问')" v-if="permissions.commonly6">

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

  278. 					<image class="commonly-img1" src="https://static.quhouse.com/196fcbc7f6aa456cb9dff22cd3753445.png" mode=""></image>

  279. 				</view>

  280. 				<view class="commonly-text">值班顾问</view>

  281. 			</view>

  282. 			</view>

  283. 	</view>

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

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

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

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

  288. 		</view>

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

  290. 		<u-popup v-model="timeshow" mode="bottom">

  291. 			<view class="timeview" :style="{ color: zhixingcenterindex == 2 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(2,'近7天')">近7天</view>

  292. 			<view class="timeview" :style="{ color: zhixingcenterindex == 6 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(6,'近30天')">近30天</view>

  293. 			<view class="timeview" :style="{ color: zhixingcenterindex == 7 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(7,'自定义')">自定义</view>

  294. 		</u-popup>

  295. 		<!-- 底部导航栏 -->

  296. 		<!-- <u-tabbar :mid-button="false" activeColor="#1296db" inactiveColor="#999999" v-model="current" :list="tabbarList"></u-tabbar> -->

  297. 	</view>

  298. </template>

  299. 

  300. <script>

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

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

  303. 	export default {

  304. 		data() {

  305. 			return {

  306. 				// tabbar配置项

  307. 				current: 2,

  308. 				tabbarList: tabbarList,

  309. 				//--- end --- tabbar配置项

  310. 				userInfo: {},

  311. 				Showhiddenunits: false,

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

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

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

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

  316. 				// Myworkcard: false,

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

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

  319. 				signalDevice: 0, //信号

  320. 				signalDevicetext: "",

  321. 				imeiCode:'',//设备号

  322. 				openFlag:'',//接待是否

  323. 				choiceIndex:'近7天',

  324. 				audioStatus: false,

  325. 				equipmentisshow: false,

  326. 				timeshow:false,

  327. 				equipmentobj: {

  328. 					totalNum: '',

  329. 					onlineNum: '',

  330. 					activeNum: '',

  331. 					lowPowerNum: '',

  332. 				},

  333. 				operation:{

  334. 					receptionCount:'',

  335. 					accountCount:'',

  336. 					forbiddenCount:'',

  337. 					lowPowerNum:''

  338. 				},

  339. 				Menulist: [],

  340. 				realtimeobj: {

  341. 					sumCustomer: '',

  342. 					receivingCustomer: '',

  343. 					activeCustomer: '',

  344. 					prohibitedCustomer: '',

  345. 					tagCustomer: '',

  346. 					fraction: '',

  347. 					receptionCount: ''

  348. 				},

  349. 				Thisweekobj: {

  350. 					sumCustomer: '',

  351. 					receivingCustomer: '',

  352. 					activeCustomer: '',

  353. 					prohibitedCustomer: '',

  354. 					tagCustomer: '',

  355. 					fraction: '',

  356. 					receptionCount: ''

  357. 				},

  358. 				methodsisshow: false,

  359. 				zhixingcenterindex: 2,

  360. 				totalTimeShow: false,

  361. 				statDateStart: '',

  362. 				statDateEnd: '',

  363. 				permissions: {

  364. 					commonly1: false,

  365. 					commonly2: false,

  366. 					commonly3: false,

  367. 					commonly4: false,

  368. 					commonly5: false,

  369. 					commonly6: false,

  370. 					commonly7: false,

  371. 					myisshebei: false,

  372. 					shebeinum: false,

  373. 					shishinum: false,

  374. 					jileinum: false

  375. 				},

  376. 

  377. 				// 标记顾问 bjgw

  378. 				// 接待无效标记 jdwxbj

  379. 				// 设为优秀案例 swyxal

  380. 				// 常错词 ccc

  381. 				// 校准 xz

  382. 				// 查看违禁执行 ckwjzx

  383. 			};

  384. 		},

  385. 		components: {},

  386. 		onLoad() {

  387. 			this.sendLog()

  388. 		},

  389. 		

  390. 		onPullDownRefresh() {

  391. 			this.getMenu()

  392. 

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

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

  395. 				this.methodsisshow = false;

  396. 			} else {

  397. 				this.methodsisshow = true;

  398. 			}

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

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

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

  402. 				this.buildingishow = false;

  403. 			} else {

  404. 				this.buildingishow = true;

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

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

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

  408. 					item.label = item.propertyName;

  409. 					item.value = item.id

  410. 				})

  411. 				this.lpanlist = this.userInfo.zkProperties

  412. 			}

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

  414. 				// this.Myworkcard = true;

  415. 				this.equipmentisshow = false;

  416. 				this.iniodianloang()

  417. 			} else {

  418. 				this.equipmentisshow = true;

  419. 				// this.Myworkcard = false;

  420. 				this.initequipment()

  421. 				this.waitForOperation()

  422. 			}

  423. 			this.initworkThisWeek()

  424. 			this.initrealTimeStatistics()

  425. 			setTimeout(() => {

  426. 				uni.stopPullDownRefresh()

  427. 			}, 3000)

  428. 		},

  429. 		

  430. 		onShow() {

  431. 			this.getMenu()

  432. 

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

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

  435. 				this.methodsisshow = false;

  436. 			} else {

  437. 				this.methodsisshow = true;

  438. 			}

  439. 			if (this.userInfo.zkProperties&&this.userInfo.zkProperties.length == 1) {

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

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

  442. 				this.buildingishow = false;

  443. 				uni.setStorageSync('orgCode', this.userInfo.zkProperties[0].orgCode)

  444. 			} else {

  445. 				this.buildingishow = true;

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

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

  448. 				if(this.userInfo.zkProperties&&this.userInfo.zkProperties.length){

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

  450. 						item.label = item.propertyName;

  451. 						item.value = item.id

  452. 					})

  453. 				}

  454. 				this.lpanlist = this.userInfo.zkProperties

  455. 			}

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

  457. 				// this.Myworkcard = true;

  458. 				this.equipmentisshow = false;

  459. 				this.iniodianloang()

  460. 			} else {

  461. 				this.equipmentisshow = true;

  462. 				// this.Myworkcard = false;

  463. 				this.initequipment()

  464. 				this.waitForOperation()

  465. 			}

  466. 			this.initworkThisWeek()

  467. 			this.initrealTimeStatistics()

  468. 		},

  469. 		methods: {

  470. 			indexStatus(i){

  471. 				if (this.permissions.commonly5 == true) {

  472. 					if(i==0){

  473. 						uni.switchTab({

  474. 							url:"/pages/index/customer"

  475. 						})

  476. 					}else if(i==1){

  477. 						uni.navigateTo({

  478. 							url: '/pages/center/records/index?refresh=refresh&markAdvisor=0'

  479. 						});

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

  481. 						uni.navigateTo({

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

  483. 						});

  484. 					}

  485. 				}

  486. 			},

  487. 			sendLog(){

  488. 				uni.request({

  489. 					url: config.service.addLog,

  490. 					method: "POST",

  491. 					header: {

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

  493. 						'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token

  494. 					},

  495. 					data: {

  496. 						houseId: this.buildingID,

  497. 						serviceId:"test"

  498. 					},

  499. 					success: (data) => {

  500. 						console.log(data)

  501. 					}

  502. 				})

  503. 			},

  504. 			//时间选择

  505. 			tabtimetap(index,str){

  506. 				this.timeshow=false;

  507. 				if (index == 7) {

  508. 					this.totalTimeShow = true;

  509. 				} else {

  510. 					console.log(str)

  511. 					this.choiceIndex=str

  512. 					this.zhixingcenterindex = index;

  513. 					this.initworkThisWeek()

  514. 				}

  515. 			},

  516. 			taptimeisshow(){

  517. 				this.timeshow=true;

  518. 			},

  519. 			//获取权限

  520. 			getMenu() {

  521. 				uni.request({

  522. 					url: config.service.getMenu,

  523. 					method: "POST",

  524. 					header: {

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

  526. 						'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token

  527. 					},

  528. 					success: (data) => {

  529. 						console.log(data, 'dsadjsakljlkj123kl12321')

  530. 						let rescor = data.data;

  531. 						if (rescor.code == 0) {

  532. 							uni.setStorageSync("weapp_session_Menu_data", rescor.data)

  533. 							let newmenulist = uni.getStorageSync('weapp_session_Menu_data');

  534. 							this.permissions.commonly1 = newmenulist.khgl;

  535. 							this.permissions.commonly2 = newmenulist.jdjl;

  536. 							this.permissions.commonly3 = newmenulist.wjjl;

  537. 							this.permissions.commonly4 = newmenulist.xjfx;

  538. 							this.permissions.commonly5 = newmenulist.sbgl;

  539. 							this.permissions.commonly6 = newmenulist.zbgw;

  540. 							this.permissions.commonly7 = newmenulist.gwpm;

  541. 							

  542. 							this.permissions.commonly8=newmenulist.lpdb;

  543. 							this.permissions.commonly9=newmenulist.xjqs;

  544. 							this.permissions.commonly10=newmenulist.tddb;

  545. 							this.permissions.commonly11=newmenulist.gwnl;

  546. 							this.permissions.commonly12=newmenulist.yhhx;

  547. 

  548. 							this.permissions.myisshebei = newmenulist.wdsb;

  549. 							this.permissions.shebeinum = newmenulist.sbtj;

  550. 							this.permissions.shishinum = newmenulist.sstj;

  551. 							this.permissions.jileinum = newmenulist.gzlj;

  552. 						}

  553. 					}

  554. 				})

  555. 			},

  556. 			//自定义时间

  557. 			totalTimeChange(e) {

  558. 				this.statDateStart = e.startDate;

  559. 				this.statDateEnd = e.endDate;

  560. 				this.choiceIndex= `${e.startDate.replace(/\-/g, '.')}-${e.endDate.replace(/\-/g, '.')}`

  561. 				this.zhixingcenterindex = 7;

  562. 				this.initworkThisWeek()

  563. 			},

  564. 			tabtimeclick(i) {

  565. 				if (i == 7) {

  566. 					this.totalTimeShow = true;

  567. 				} else {

  568. 					this.zhixingcenterindex = i;

  569. 					this.initworkThisWeek()

  570. 				}

  571. 			},

  572. 			initworkThisWeek() {

  573. 				uni.request({

  574. 					url: config.service.workThisWeek,

  575. 					method: "POST",

  576. 					header: {

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

  578. 						'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token

  579. 					},

  580. 					data: {

  581. 						houseId: this.buildingID,

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

  583. 						statDateStart: this.statDateStart,

  584. 						statDateEnd: this.statDateEnd

  585. 					},

  586. 					success: (data) => {

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

  588. 							return

  589. 						} else {

  590. 							this.Thisweekobj = {

  591. 								sumCustomer: data.data.data.sumCustomer,

  592. 								receivingCustomer: data.data.data.receivingCustomer,

  593. 								activeCustomer: data.data.data.activeCustomer,

  594. 								prohibitedCustomer: data.data.data.prohibitedCustomer,

  595. 								avgDuration: data.data.data.avgDuration || 0,

  596. 								tagCustomer: data.data.data.tagCustomer,

  597. 								fraction: data.data.data.fraction,

  598. 								receptionCount: data.data.data.receptionCount

  599. 							}

  600. 						}

  601. 					}

  602. 				})

  603. 			},

  604. 			//实时统计

  605. 			initrealTimeStatistics() {

  606. 				uni.request({

  607. 					url: config.service.realTimeStatistics,

  608. 					method: "POST",

  609. 					header: {

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

  611. 						'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token

  612. 					},

  613. 					data: {

  614. 						houseId: this.buildingID

  615. 					},

  616. 					success: (data) => {

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

  618. 							return

  619. 						} else {

  620. 							this.realtimeobj = {

  621. 								sumCustomer: data.data.data.sumCustomer,

  622. 								receivingCustomer: data.data.data.receivingCustomer,

  623. 								activeCustomer: data.data.data.activeCustomer,

  624. 								prohibitedCustomer: data.data.data.prohibitedCustomer,

  625. 								avgDuration: data.data.data.avgDuration || 0,

  626. 								tagCustomer: data.data.data.tagCustomer,

  627. 								fraction: data.data.data.fraction,

  628. 								receptionCount: data.data.data.receptionCount

  629. 							}

  630. 						}

  631. 					}

  632. 				})

  633. 			},

  634. 

  635. 			//设备

  636. 			initequipment() {

  637. 				uni.request({

  638. 					url: config.service.findEquipmentState,

  639. 					method: "POST",

  640. 					header: {

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

  642. 						'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token

  643. 					},

  644. 					data: {

  645. 						propertyId: this.buildingID

  646. 					},

  647. 					success: (data) => {

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

  649. 							return

  650. 						} else {

  651. 							this.equipmentobj = {

  652. 								totalNum: data.data.data.totalNum,

  653. 								onlineNum: data.data.data.onlineNum,

  654. 								activeNum: data.data.data.activeNum,

  655. 								lowPowerNum: data.data.data.lowPowerNum,

  656. 							}

  657. 						}

  658. 					}

  659. 				})

  660. 			},

  661. 			// 待处理

  662. 			waitForOperation (){

  663. 				this.$u.post('/cusLvStatistics/waitForOperation ',{

  664. 					houseId:this.buildingID

  665. 				})

  666. 				.then(res=>{

  667. 					// console.log(res,'带接待')

  668. 					this.operation.receptionCount=res.receptionCount

  669. 					this.operation.accountCount=res.accountCount

  670. 					this.operation.forbiddenCount=res.forbiddenCount

  671. 					this.operation.lowPowerNum=res.lowPowerNum

  672. 				})

  673. 			},

  674. 			//我的工牌

  675. 			iniodianloang() {

  676. 				uni.request({

  677. 					url: config.service.findElectricity,

  678. 					method: "POST",

  679. 					header: {

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

  681. 						'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token

  682. 					},

  683. 					data: {

  684. 						propertyId: this.buildingID,

  685. 						accPhone: this.userInfo.username

  686. 					},

  687. 					success: (data) => {

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

  689. 							return

  690. 						} else {

  691. 							this.imeiCode=data.data.data.imei

  692. 							this.openFlag=data.data.data.recCmd

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

  694. 								this.percentage = 100;

  695. 							} else {

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

  697. 									this.Whetheroffline = false;

  698. 								} else {

  699. 									this.Whetheroffline = true;

  700. 									this.percentage = data.data.data.electricity;

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

  702. 									console.log(this.signalDevice)

  703. 									this.audioStatus = data.data.data.simAudioStatus;

  704. 									if (this.signalDevice > 80) {

  705. 										this.signalDevicetext = '高';

  706. 									} else {

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

  708. 											this.signalDevicetext = '无';

  709. 										} else {

  710. 											this.signalDevicetext = '低';

  711. 										}

  712. 									}

  713. 								}

  714. 

  715. 							}

  716. 						}

  717. 					}

  718. 				})

  719. 			},

  720. 			//选择项目弹框

  721. 			piskbuilding() {

  722. 				// this.Showhiddenunits = true;

  723. 				uni.navigateTo({

  724. 					url:"../mine/selectBuilding"

  725. 				})

  726. 			},

  727. 			// 项目选择确认

  728. 			confirm(e) {

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

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

  731. 				let lopan = {

  732. 					id: e[0].value,

  733. 					name: e[0].label

  734. 				}

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

  736. 				uni.setStorageSync("orgCode", e[0].orgCode); //项目id写入缓存

  737. 				this.initworkThisWeek()

  738. 				this.initrealTimeStatistics()

  739. 				this.waitForOperation()

  740. 				this.initequipment()

  741. 				this.iniodianloang()

  742. 

  743. 			},

  744. 			// 项目选择取消

  745. 			cancel() {

  746. 				this.Showhiddenunits = false;

  747. 			},

  748. 			tapjumpequipment(i) {

  749. 				if (this.permissions.commonly5 == true) {

  750. 					uni.navigateTo({

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

  752. 					});

  753. 				}

  754. 			},

  755. 			prohibitedtap(i) {

  756. 				if (i == 1) {

  757. 					uni.navigateTo({

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

  759. 					});

  760. 				} else {

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

  762. 						uni.navigateTo({

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

  764. 						});

  765. 					} else if (this.zhixingcenterindex == 6) {//近30天

  766. 						uni.navigateTo({

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

  768. 						});

  769. 					} else {// 自定义时间段

  770. 						uni.navigateTo({

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

  772. 						});

  773. 					}

  774. 				}

  775. 			},

  776. 			tapjumpreception(i) {

  777. 				if (this.permissions.commonly2 == true) {

  778. 					if (i == 1) {

  779. 						uni.navigateTo({

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

  781. 						});

  782. 					} else if (i == 11) {

  783. 						uni.navigateTo({

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

  785. 						});

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

  787. 						uni.switchTab({

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

  789. 						});

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

  791. 						if (this.zhixingcenterindex == 2) {// 近7天

  792. 							uni.navigateTo({

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

  794. 							});

  795. 						} else if (this.zhixingcenterindex == 6) {//近30天

  796. 							uni.navigateTo({

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

  798. 							});

  799. 						} else {// 自定义时间段

  800. 							uni.navigateTo({

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

  802. 							});

  803. 						}

  804. 					} else if (i == 33) {

  805. 						if (this.zhixingcenterindex == 2) {// 近7天

  806. 							uni.navigateTo({

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

  808. 							});

  809. 						} else if (this.zhixingcenterindex == 6) {//近30天

  810. 							uni.navigateTo({

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

  812. 							});

  813. 						} else {// 自定义时间段

  814. 							uni.navigateTo({

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

  816. 							});

  817. 						}

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

  819. 						uni.navigateTo({

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

  821. 						});

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

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

  824. 							uni.navigateTo({

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

  826. 							});

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

  828. 							uni.navigateTo({

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

  830. 							});

  831. 						} else {

  832. 							uni.navigateTo({

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

  834. 							});

  835. 						}

  836. 					} else {

  837. 						uni.navigateTo({

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

  839. 						});

  840. 					}

  841. 				}

  842. 			},

  843. 			//集团对比

  844. 			Groupcontrast() {

  845. 				uni.navigateTo({

  846. 					url: '/pages/center/Piabodata/Groupcontrast'

  847. 				});

  848. 			},

  849. 			//团队对比

  850. 			Theteamcompared() {

  851. 				// if (this.teamList.length == 0) {

  852. 				// 	uni.showToast({

  853. 				// 		title: '没有团队呢',

  854. 				// 		icon: 'none'

  855. 				// 	})

  856. 				// 	return

  857. 				// }

  858. 				uni.navigateTo({

  859. 					url: '/pages/center/Piabodata/Theteamcompared'

  860. 				});

  861. 			},

  862. 			//用户洞察

  863. 			toUserinsightinto() {

  864. 				uni.navigateTo({

  865. 					url: '/pages/center/Piabodata/Userinsightinto'

  866. 				});

  867. 			},

  868. 			//趋势分析

  869. 			toTrendAnalysis() {

  870. 				uni.navigateTo({

  871. 					url: '/pages/center/Piabodata/TrendAnalysis'

  872. 				});

  873. 			},

  874. 			//员工分析

  875. 			toStaffAnalysis() {

  876. 				// if (this.staffList.length == 0) {

  877. 				// 	uni.showToast({

  878. 				// 		title: '没有团队呢',

  879. 				// 		icon: 'none'

  880. 				// 	})

  881. 				// 	return

  882. 				// }

  883. 				uni.navigateTo({

  884. 					url: '/pages/center/Piabodata/StaffAnalysis'

  885. 				});

  886. 			},

  887. 			Piabodata(item) {

  888. 				if (item == '销讲分析') {

  889. 					uni.navigateTo({

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

  891. 					});

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

  893. 					uni.navigateTo({

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

  895. 					});

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

  897. 					uni.navigateTo({

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

  899. 					});

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

  901. 					uni.navigateTo({

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

  903. 					});

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

  905. 					uni.navigateTo({

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

  907. 					});

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

  909. 					uni.navigateTo({

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

  911. 					});

  912. 				}else if (item == '日报') {

  913. 					uni.navigateTo({

  914. 						url: '/pages/mine/daily/dailyList?refresh=refresh'

  915. 					});

  916. 				} else {

  917. 					uni.navigateTo({

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

  919. 					});

  920. 				}

  921. 

  922. 

  923. 			},

  924. 		},

  925. 

  926. 	};

  927. </script>

  928. 

  929. <style lang="scss" scoped>

  930. 	.activecllasscet {

  931. 		font-size: 28rpx;

  932. 		font-weight: 400;

  933. 		color: #008ef2;

  934. 	}

  935. 

  936. 	.cet {

  937. 		font-size: 28rpx;

  938. 		font-weight: 400;

  939. 		color: #333333;

  940. 

  941. 		.cetview {

  942. 			margin-left: 20rpx;

  943. 		}

  944. 	}

  945. 

  946. 	.cented-box {

  947. 		padding: 30rpx;

  948. 		background: #F8F8F8;

  949. 		width: 100%;

  950. 		height: 100%;

  951. 	}

  952. 

  953. 	.Switchingbox {

  954. 		width: 100%;

  955. 		height: 44rpx;

  956. 		margin-bottom: 30rpx;

  957. 		display: flex;

  958. 		align-items: center;

  959. 

  960. 		.Switching1 {

  961. 			width: 44rpx;

  962. 			height: 44rpx;

  963. 			.Switching1-img {

  964. 				width: 44rpx;

  965. 				height: 44rpx;

  966. 			}

  967. 		}

  968. 

  969. 		.Switching2 {

  970. 			margin: 0 12rpx;

  971. 			flex:1;

  972. 			height: 44rpx;

  973. 			font-size: 32rpx;

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

  975. 			font-weight: 500;

  976. 			color: #303030;

  977. 			line-height: 44rpx;

  978. 		}

  979. 

  980. 		.Switching4 {

  981. 			width: 112rpx;

  982. 			font-size: 28rpx;

  983. 			color: #303030;

  984. 			font-weight: 400;

  985. 			text-align: right;

  986. 			text-decoration: underline;

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

  988. 		}

  989. 	}

  990. 

  991. 	.gongpai{

  992. 		margin-bottom: 20rpx;

  993. 	}

  994. 	.Workcard {

  995. 		width: 100%;

  996. 		background: #FFFFFF;

  997. 		height: 154rpx;

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

  999. 		border-radius: 12rpx;

  1000. 		display: flex;

  1001. 

  1002. 		.Workcard-box {

  1003. 			flex: 1;

  1004. 			height: 100%;

  1005. 

  1006. 			.Workcardimg {

  1007. 				width: 100%;

  1008. 				display: flex;

  1009. 				justify-content: center;

  1010. 				margin-top: 42rpx;

  1011. 

  1012. 				.Workcardimg1 {

  1013. 					width: 64rpx;

  1014. 					height: 36rpx;

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

  1016. 					background-size: 100% 100%;

  1017. 					padding: 8rpx;

  1018. 					transform: rotate(-90deg);

  1019. 					.bar {

  1020. 						background-color: #43CD80;

  1021. 						height: 100%;

  1022. 						border-radius: 4rpx;

  1023. 					}

  1024. 

  1025. 					.bar1 {

  1026. 						background-color: red;

  1027. 						height: 100%;

  1028. 						border-radius: 4rpx;

  1029. 					}

  1030. 				}

  1031. 

  1032. 				.Workcardimg2 {

  1033. 					width: 56rpx;

  1034. 					height: 36rpx;

  1035. 				}

  1036. 

  1037. 				.Workcardimg3 {

  1038. 					width: 34rpx;

  1039. 					height: 36rpx;

  1040. 				}

  1041. 

  1042. 				.Workcardimg4 {

  1043. 					width: 50rpx;

  1044. 					height: 40rpx;

  1045. 				}

  1046. 			}

  1047. 

  1048. 			.Workcardtext {

  1049. 				width: 100%;

  1050. 				text-align: center;

  1051. 				font-size: 24rpx;

  1052. 				font-weight: 400;

  1053. 				color: #666666;

  1054. 				margin-top: 20rpx;

  1055. 			}

  1056. 		}

  1057. 	}

  1058. 

  1059. 	.contbox{

  1060. 		width: 690rpx;

  1061. 		background: #FFFFFF;

  1062. 		border-radius: 12rpx;

  1063. 		padding: 24rpx 0 30rpx;

  1064. 		margin-bottom: 20rpx;

  1065. 		.title {

  1066. 			height: 42rpx;

  1067. 			font-size: 30rpx;

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

  1069. 			font-weight: 600;

  1070. 			color: #333333;

  1071. 			line-height: 42rpx;

  1072. 			margin-bottom: 24rpx;

  1073. 			display: flex;

  1074. 			align-items: center;

  1075. 			.title-icon{

  1076. 				width: 12rpx;

  1077. 				height: 20rpx;

  1078. 				margin-right: 18rpx;

  1079. 			}

  1080. 		}

  1081. 		.timeshow{

  1082. 			height: 40rpx;

  1083. 			font-size: 28rpx;

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

  1085. 			font-weight: 400;

  1086. 			color: #666666;

  1087. 			line-height: 40rpx;

  1088. 			margin: -18rpx 0 24rpx 35rpx ;

  1089. 		}

  1090. 	}

  1091. 

  1092. 	.shebenbox {

  1093. 		width: 100%;

  1094. 		display: flex;

  1095. 		.shebenche {

  1096. 			width: 25%;

  1097. 			height: 100%;

  1098. 			.shebenchenum {

  1099. 				width: 100%;

  1100. 				text-align: center;

  1101. 				height: 50rpx;

  1102. 				font-size: 44rpx;

  1103. 				font-family: DINAlternate-Bold, DINAlternate;

  1104. 				font-weight: bold;

  1105. 				color: #333333;

  1106. 				line-height: 50rpx;

  1107. 			}

  1108. 

  1109. 			.shebenchetext {

  1110. 				width: 100%;

  1111. 				color: #666666;

  1112. 				text-align: center;

  1113. 				margin-top: 8rpx;

  1114. 				height: 32rpx;

  1115. 				font-size: 24rpx;

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

  1117. 				font-weight: 400;

  1118. 				line-height: 32rpx;

  1119. 			}

  1120. 		}

  1121. 	}

  1122. 	//今日工作

  1123. 	.real-timebox {

  1124. 		width: 100%;

  1125. 		.timebox {

  1126. 			width: 100%;

  1127. 			display: flex;

  1128. 			margin-bottom: 20rpx;

  1129. 			.real {

  1130. 				flex: 1;

  1131. 				height: 100%;

  1132. 

  1133. 				.realnum {

  1134. 					width: 100%;

  1135. 					text-align: center;

  1136. 					height: 50rpx;

  1137. 					font-size: 44rpx;

  1138. 					font-family: DINAlternate-Bold, DINAlternate;

  1139. 					font-weight: bold;

  1140. 					color: #333333;

  1141. 					line-height: 50rpx;

  1142. 					.qushi-icon{

  1143. 						width: 28rpx;

  1144. 						height: 14rpx;

  1145. 						margin-left: 2rpx;

  1146. 					}

  1147. 				}

  1148. 

  1149. 				.realtext {

  1150. 					width: 100%;

  1151. 					text-align: center;

  1152. 					margin-top: 8rpx;

  1153. 					height: 32rpx;

  1154. 					font-size: 24rpx;

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

  1156. 					font-weight: 400;

  1157. 					color: #666666;

  1158. 					line-height: 32rpx;

  1159. 				}

  1160. 			}

  1161. 		}

  1162. 

  1163. 	}

  1164. 

  1165. 	.commonly-box {

  1166. 		width: 100%;

  1167. 		display: flex;

  1168. 		flex-wrap: wrap;

  1169. 

  1170. 		.commonly {

  1171. 			width: 25%;

  1172. 			margin-bottom: 28rpx;

  1173. 

  1174. 			.commonly-img {

  1175. 				width: 100%;

  1176. 				height: 80rpx;

  1177. 				text-align: center;

  1178. 				.commonly-img1 {

  1179. 					width: 80rpx;

  1180. 					height: 80rpx;

  1181. 				}

  1182. 			}

  1183. 

  1184. 			.commonly-text {

  1185. 				width: 100%;

  1186. 				text-align: center;

  1187. 				margin-top: 12rpx;

  1188. 				height: 32rpx;

  1189. 				font-size: 24rpx;

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

  1191. 				font-weight: 400;

  1192. 				color: #333333;

  1193. 				line-height: 32rpx;

  1194. 			}

  1195. 		}

  1196. 	}

  1197. 	.timeview{

  1198. 		height: 90rpx;

  1199. 		line-height: 90rpx;

  1200. 		width: 100%;

  1201. 		text-align: center;

  1202. 		border-bottom: 1rpx solid #f8f8f8;

  1203. 	}

  1204. </style>