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.
77 Commits
13 Branches
9.8 MiB
 
 
 
 
Tree: 142fe40c9b
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '142fe40c9b'
${ noResults }
newEdition/pages/index/index.vue

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

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

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

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

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

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

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

  210. 				</view>

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

  212. 			</view>

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

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

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

  216. 				</view>

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

  218. 			</view>

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

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

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

  222. 				</view>

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

  224. 			</view>

  225. 		</view>

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

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

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

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

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

  231. 				</view>

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

  233. 			</view>

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

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

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

  237. 				</view>

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

  239. 			</view>

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

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

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

  243. 				</view>

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

  245. 				</view>

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

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

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

  249. 				</view>

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

  251. 				</view>

  252. 		</view>

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

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

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

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

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

  258. 						</view>

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

  260. 					</view>

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

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

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

  264. 						</view>

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

  266. 					</view>

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

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

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

  270. 				</view>

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

  272. 			</view>

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

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

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

  276. 				</view>

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

  278. 			</view>

  279. 			</view>

  280. 	</view>

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

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

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

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

  285. 		</view>

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

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

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

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

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

  291. 		</u-popup>

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

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

  294. 	</view>

  295. </template>

  296. 

  297. <script>

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

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

  300. 	export default {

  301. 		data() {

  302. 			return {

  303. 				// tabbar配置项

  304. 				current: 2,

  305. 				tabbarList: tabbarList,

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

  307. 				userInfo: {},

  308. 				Showhiddenunits: false,

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

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

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

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

  313. 				// Myworkcard: false,

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

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

  316. 				signalDevice: 0, //信号

  317. 				signalDevicetext: "",

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

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

  320. 				choiceIndex:'近7天',

  321. 				audioStatus: false,

  322. 				equipmentisshow: false,

  323. 				timeshow:false,

  324. 				equipmentobj: {

  325. 					totalNum: '',

  326. 					onlineNum: '',

  327. 					activeNum: '',

  328. 					lowPowerNum: '',

  329. 				},

  330. 				operation:{

  331. 					receptionCount:'',

  332. 					accountCount:'',

  333. 					forbiddenCount:'',

  334. 					lowPowerNum:''

  335. 				},

  336. 				Menulist: [],

  337. 				realtimeobj: {

  338. 					sumCustomer: '',

  339. 					receivingCustomer: '',

  340. 					activeCustomer: '',

  341. 					prohibitedCustomer: '',

  342. 					tagCustomer: '',

  343. 					fraction: '',

  344. 					receptionCount: ''

  345. 				},

  346. 				Thisweekobj: {

  347. 					sumCustomer: '',

  348. 					receivingCustomer: '',

  349. 					activeCustomer: '',

  350. 					prohibitedCustomer: '',

  351. 					tagCustomer: '',

  352. 					fraction: '',

  353. 					receptionCount: ''

  354. 				},

  355. 				methodsisshow: false,

  356. 				zhixingcenterindex: 2,

  357. 				totalTimeShow: false,

  358. 				statDateStart: '',

  359. 				statDateEnd: '',

  360. 				permissions: {

  361. 					commonly1: false,

  362. 					commonly2: false,

  363. 					commonly3: false,

  364. 					commonly4: false,

  365. 					commonly5: false,

  366. 					commonly6: false,

  367. 					commonly7: false,

  368. 					myisshebei: false,

  369. 					shebeinum: false,

  370. 					shishinum: false,

  371. 					jileinum: false

  372. 				},

  373. 

  374. 				// 标记顾问 bjgw

  375. 				// 接待无效标记 jdwxbj

  376. 				// 设为优秀案例 swyxal

  377. 				// 常错词 ccc

  378. 				// 校准 xz

  379. 				// 查看违禁执行 ckwjzx

  380. 			};

  381. 		},

  382. 		components: {},

  383. 		onLoad() {

  384. 			this.sendLog()

  385. 		},

  386. 		

  387. 		onPullDownRefresh() {

  388. 			this.getMenu()

  389. 

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

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

  392. 				this.methodsisshow = false;

  393. 			} else {

  394. 				this.methodsisshow = true;

  395. 			}

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

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

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

  399. 				this.buildingishow = false;

  400. 			} else {

  401. 				this.buildingishow = true;

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

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

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

  405. 					item.label = item.propertyName;

  406. 					item.value = item.id

  407. 				})

  408. 				this.lpanlist = this.userInfo.zkProperties

  409. 			}

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

  411. 				// this.Myworkcard = true;

  412. 				this.equipmentisshow = false;

  413. 				this.iniodianloang()

  414. 			} else {

  415. 				this.equipmentisshow = true;

  416. 				// this.Myworkcard = false;

  417. 				this.initequipment()

  418. 				this.waitForOperation()

  419. 			}

  420. 			this.initworkThisWeek()

  421. 			this.initrealTimeStatistics()

  422. 			setTimeout(() => {

  423. 				uni.stopPullDownRefresh()

  424. 			}, 3000)

  425. 		},

  426. 		

  427. 		onShow() {

  428. 			this.getMenu()

  429. 

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

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

  432. 				this.methodsisshow = false;

  433. 			} else {

  434. 				this.methodsisshow = true;

  435. 			}

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

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

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

  439. 				this.buildingishow = false;

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

  441. 			} else {

  442. 				this.buildingishow = true;

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

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

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

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

  447. 						item.label = item.propertyName;

  448. 						item.value = item.id

  449. 					})

  450. 				}

  451. 				this.lpanlist = this.userInfo.zkProperties

  452. 			}

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

  454. 				// this.Myworkcard = true;

  455. 				this.equipmentisshow = false;

  456. 				this.iniodianloang()

  457. 			} else {

  458. 				this.equipmentisshow = true;

  459. 				// this.Myworkcard = false;

  460. 				this.initequipment()

  461. 				this.waitForOperation()

  462. 			}

  463. 			this.initworkThisWeek()

  464. 			this.initrealTimeStatistics()

  465. 		},

  466. 		methods: {

  467. 			indexStatus(i){

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

  469. 					if(i==0){

  470. 						uni.switchTab({

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

  472. 						})

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

  474. 						uni.navigateTo({

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

  476. 						});

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

  478. 						uni.navigateTo({

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

  480. 						});

  481. 					}

  482. 				}

  483. 			},

  484. 			sendLog(){

  485. 				uni.request({

  486. 					url: config.service.addLog,

  487. 					method: "POST",

  488. 					header: {

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

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

  491. 					},

  492. 					data: {

  493. 						houseId: this.buildingID,

  494. 						serviceId:"test"

  495. 					},

  496. 					success: (data) => {

  497. 						console.log(data)

  498. 					}

  499. 				})

  500. 			},

  501. 			//时间选择

  502. 			tabtimetap(index,str){

  503. 				this.timeshow=false;

  504. 				if (index == 7) {

  505. 					this.totalTimeShow = true;

  506. 				} else {

  507. 					console.log(str)

  508. 					this.choiceIndex=str

  509. 					this.zhixingcenterindex = index;

  510. 					this.initworkThisWeek()

  511. 				}

  512. 			},

  513. 			taptimeisshow(){

  514. 				this.timeshow=true;

  515. 			},

  516. 			//获取权限

  517. 			getMenu() {

  518. 				uni.request({

  519. 					url: config.service.getMenu,

  520. 					method: "POST",

  521. 					header: {

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

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

  524. 					},

  525. 					success: (data) => {

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

  527. 						let rescor = data.data;

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

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

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

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

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

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

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

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

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

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

  538. 							

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

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

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

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

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

  544. 

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

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

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

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

  549. 						}

  550. 					}

  551. 				})

  552. 			},

  553. 			//自定义时间

  554. 			totalTimeChange(e) {

  555. 				this.statDateStart = e.startDate;

  556. 				this.statDateEnd = e.endDate;

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

  558. 				this.zhixingcenterindex = 7;

  559. 				this.initworkThisWeek()

  560. 			},

  561. 			tabtimeclick(i) {

  562. 				if (i == 7) {

  563. 					this.totalTimeShow = true;

  564. 				} else {

  565. 					this.zhixingcenterindex = i;

  566. 					this.initworkThisWeek()

  567. 				}

  568. 			},

  569. 			initworkThisWeek() {

  570. 				uni.request({

  571. 					url: config.service.workThisWeek,

  572. 					method: "POST",

  573. 					header: {

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

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

  576. 					},

  577. 					data: {

  578. 						houseId: this.buildingID,

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

  580. 						statDateStart: this.statDateStart,

  581. 						statDateEnd: this.statDateEnd

  582. 					},

  583. 					success: (data) => {

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

  585. 							return

  586. 						} else {

  587. 							this.Thisweekobj = {

  588. 								sumCustomer: data.data.data.sumCustomer,

  589. 								receivingCustomer: data.data.data.receivingCustomer,

  590. 								activeCustomer: data.data.data.activeCustomer,

  591. 								prohibitedCustomer: data.data.data.prohibitedCustomer,

  592. 								avgDuration: data.data.data.avgDuration || 0,

  593. 								tagCustomer: data.data.data.tagCustomer,

  594. 								fraction: data.data.data.fraction,

  595. 								receptionCount: data.data.data.receptionCount

  596. 							}

  597. 						}

  598. 					}

  599. 				})

  600. 			},

  601. 			//实时统计

  602. 			initrealTimeStatistics() {

  603. 				uni.request({

  604. 					url: config.service.realTimeStatistics,

  605. 					method: "POST",

  606. 					header: {

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

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

  609. 					},

  610. 					data: {

  611. 						houseId: this.buildingID

  612. 					},

  613. 					success: (data) => {

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

  615. 							return

  616. 						} else {

  617. 							this.realtimeobj = {

  618. 								sumCustomer: data.data.data.sumCustomer,

  619. 								receivingCustomer: data.data.data.receivingCustomer,

  620. 								activeCustomer: data.data.data.activeCustomer,

  621. 								prohibitedCustomer: data.data.data.prohibitedCustomer,

  622. 								avgDuration: data.data.data.avgDuration || 0,

  623. 								tagCustomer: data.data.data.tagCustomer,

  624. 								fraction: data.data.data.fraction,

  625. 								receptionCount: data.data.data.receptionCount

  626. 							}

  627. 						}

  628. 					}

  629. 				})

  630. 			},

  631. 

  632. 			//设备

  633. 			initequipment() {

  634. 				uni.request({

  635. 					url: config.service.findEquipmentState,

  636. 					method: "POST",

  637. 					header: {

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

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

  640. 					},

  641. 					data: {

  642. 						propertyId: this.buildingID

  643. 					},

  644. 					success: (data) => {

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

  646. 							return

  647. 						} else {

  648. 							this.equipmentobj = {

  649. 								totalNum: data.data.data.totalNum,

  650. 								onlineNum: data.data.data.onlineNum,

  651. 								activeNum: data.data.data.activeNum,

  652. 								lowPowerNum: data.data.data.lowPowerNum,

  653. 							}

  654. 						}

  655. 					}

  656. 				})

  657. 			},

  658. 			// 待处理

  659. 			waitForOperation (){

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

  661. 					houseId:this.buildingID

  662. 				})

  663. 				.then(res=>{

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

  665. 					this.operation.receptionCount=res.receptionCount

  666. 					this.operation.accountCount=res.accountCount

  667. 					this.operation.forbiddenCount=res.forbiddenCount

  668. 					this.operation.lowPowerNum=res.lowPowerNum

  669. 				})

  670. 			},

  671. 			//我的工牌

  672. 			iniodianloang() {

  673. 				uni.request({

  674. 					url: config.service.findElectricity,

  675. 					method: "POST",

  676. 					header: {

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

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

  679. 					},

  680. 					data: {

  681. 						propertyId: this.buildingID,

  682. 						accPhone: this.userInfo.username

  683. 					},

  684. 					success: (data) => {

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

  686. 							return

  687. 						} else {

  688. 							this.imeiCode=data.data.data.imei

  689. 							this.openFlag=data.data.data.recCmd

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

  691. 								this.percentage = 100;

  692. 							} else {

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

  694. 									this.Whetheroffline = false;

  695. 								} else {

  696. 									this.Whetheroffline = true;

  697. 									this.percentage = data.data.data.electricity;

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

  699. 									console.log(this.signalDevice)

  700. 									this.audioStatus = data.data.data.simAudioStatus;

  701. 									if (this.signalDevice > 80) {

  702. 										this.signalDevicetext = '高';

  703. 									} else {

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

  705. 											this.signalDevicetext = '无';

  706. 										} else {

  707. 											this.signalDevicetext = '低';

  708. 										}

  709. 									}

  710. 								}

  711. 

  712. 							}

  713. 						}

  714. 					}

  715. 				})

  716. 			},

  717. 			//选择项目弹框

  718. 			piskbuilding() {

  719. 				// this.Showhiddenunits = true;

  720. 				uni.navigateTo({

  721. 					url:"../mine/selectBuilding"

  722. 				})

  723. 			},

  724. 			// 项目选择确认

  725. 			confirm(e) {

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

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

  728. 				let lopan = {

  729. 					id: e[0].value,

  730. 					name: e[0].label

  731. 				}

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

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

  734. 				this.initworkThisWeek()

  735. 				this.initrealTimeStatistics()

  736. 				this.waitForOperation()

  737. 				this.initequipment()

  738. 				this.iniodianloang()

  739. 

  740. 			},

  741. 			// 项目选择取消

  742. 			cancel() {

  743. 				this.Showhiddenunits = false;

  744. 			},

  745. 			tapjumpequipment(i) {

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

  747. 					uni.navigateTo({

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

  749. 					});

  750. 				}

  751. 			},

  752. 			prohibitedtap(i) {

  753. 				if (i == 1) {

  754. 					uni.navigateTo({

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

  756. 					});

  757. 				} else {

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

  759. 						uni.navigateTo({

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

  761. 						});

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

  763. 						uni.navigateTo({

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

  765. 						});

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

  767. 						uni.navigateTo({

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

  769. 						});

  770. 					}

  771. 				}

  772. 			},

  773. 			tapjumpreception(i) {

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

  775. 					if (i == 1) {

  776. 						uni.navigateTo({

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

  778. 						});

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

  780. 						uni.switchTab({

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

  782. 						});

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

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

  785. 							uni.navigateTo({

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

  787. 							});

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

  789. 							uni.navigateTo({

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

  791. 							});

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

  793. 							uni.navigateTo({

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

  795. 							});

  796. 						}

  797. 

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

  799. 						uni.navigateTo({

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

  801. 						});

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

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

  804. 							uni.navigateTo({

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

  806. 							});

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

  808. 							uni.navigateTo({

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

  810. 							});

  811. 						} else {

  812. 							uni.navigateTo({

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

  814. 							});

  815. 						}

  816. 					} else {

  817. 						uni.navigateTo({

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

  819. 						});

  820. 					}

  821. 				}

  822. 			},

  823. 			//集团对比

  824. 			Groupcontrast() {

  825. 				uni.navigateTo({

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

  827. 				});

  828. 			},

  829. 			//团队对比

  830. 			Theteamcompared() {

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

  832. 				// 	uni.showToast({

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

  834. 				// 		icon: 'none'

  835. 				// 	})

  836. 				// 	return

  837. 				// }

  838. 				uni.navigateTo({

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

  840. 				});

  841. 			},

  842. 			//用户洞察

  843. 			toUserinsightinto() {

  844. 				uni.navigateTo({

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

  846. 				});

  847. 			},

  848. 			//趋势分析

  849. 			toTrendAnalysis() {

  850. 				uni.navigateTo({

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

  852. 				});

  853. 			},

  854. 			//员工分析

  855. 			toStaffAnalysis() {

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

  857. 				// 	uni.showToast({

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

  859. 				// 		icon: 'none'

  860. 				// 	})

  861. 				// 	return

  862. 				// }

  863. 				uni.navigateTo({

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

  865. 				});

  866. 			},

  867. 			Piabodata(item) {

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

  869. 					uni.navigateTo({

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

  871. 					});

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

  873. 					uni.navigateTo({

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

  875. 					});

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

  877. 					uni.navigateTo({

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

  879. 					});

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

  881. 					uni.navigateTo({

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

  883. 					});

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

  885. 					uni.navigateTo({

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

  887. 					});

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

  889. 					uni.navigateTo({

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

  891. 					});

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

  893. 					uni.navigateTo({

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

  895. 					});

  896. 				} else {

  897. 					uni.navigateTo({

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

  899. 					});

  900. 				}

  901. 

  902. 

  903. 			},

  904. 		},

  905. 

  906. 	};

  907. </script>

  908. 

  909. <style lang="scss" scoped>

  910. 	.activecllasscet {

  911. 		font-size: 28rpx;

  912. 		font-weight: 400;

  913. 		color: #008ef2;

  914. 	}

  915. 

  916. 	.cet {

  917. 		font-size: 28rpx;

  918. 		font-weight: 400;

  919. 		color: #333333;

  920. 

  921. 		.cetview {

  922. 			margin-left: 20rpx;

  923. 		}

  924. 	}

  925. 

  926. 	.cented-box {

  927. 		padding: 30rpx;

  928. 		background: #F8F8F8;

  929. 		width: 100%;

  930. 		height: 100%;

  931. 	}

  932. 

  933. 	.Switchingbox {

  934. 		width: 100%;

  935. 		height: 44rpx;

  936. 		margin-bottom: 30rpx;

  937. 		display: flex;

  938. 		align-items: center;

  939. 

  940. 		.Switching1 {

  941. 			width: 44rpx;

  942. 			height: 44rpx;

  943. 			.Switching1-img {

  944. 				width: 44rpx;

  945. 				height: 44rpx;

  946. 			}

  947. 		}

  948. 

  949. 		.Switching2 {

  950. 			margin: 0 12rpx;

  951. 			flex:1;

  952. 			height: 44rpx;

  953. 			font-size: 32rpx;

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

  955. 			font-weight: 500;

  956. 			color: #303030;

  957. 			line-height: 44rpx;

  958. 		}

  959. 

  960. 		.Switching4 {

  961. 			width: 112rpx;

  962. 			font-size: 28rpx;

  963. 			color: #303030;

  964. 			font-weight: 400;

  965. 			text-align: right;

  966. 			text-decoration: underline;

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

  968. 		}

  969. 	}

  970. 

  971. 	.gongpai{

  972. 		margin-bottom: 20rpx;

  973. 	}

  974. 	.Workcard {

  975. 		width: 100%;

  976. 		background: #FFFFFF;

  977. 		height: 154rpx;

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

  979. 		border-radius: 12rpx;

  980. 		display: flex;

  981. 

  982. 		.Workcard-box {

  983. 			flex: 1;

  984. 			height: 100%;

  985. 

  986. 			.Workcardimg {

  987. 				width: 100%;

  988. 				display: flex;

  989. 				justify-content: center;

  990. 				margin-top: 42rpx;

  991. 

  992. 				.Workcardimg1 {

  993. 					width: 64rpx;

  994. 					height: 36rpx;

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

  996. 					background-size: 100% 100%;

  997. 					padding: 8rpx;

  998. 					transform: rotate(-90deg);

  999. 					.bar {

  1000. 						background-color: #43CD80;

  1001. 						height: 100%;

  1002. 						border-radius: 4rpx;

  1003. 					}

  1004. 

  1005. 					.bar1 {

  1006. 						background-color: red;

  1007. 						height: 100%;

  1008. 						border-radius: 4rpx;

  1009. 					}

  1010. 				}

  1011. 

  1012. 				.Workcardimg2 {

  1013. 					width: 56rpx;

  1014. 					height: 36rpx;

  1015. 				}

  1016. 

  1017. 				.Workcardimg3 {

  1018. 					width: 34rpx;

  1019. 					height: 36rpx;

  1020. 				}

  1021. 

  1022. 				.Workcardimg4 {

  1023. 					width: 50rpx;

  1024. 					height: 40rpx;

  1025. 				}

  1026. 			}

  1027. 

  1028. 			.Workcardtext {

  1029. 				width: 100%;

  1030. 				text-align: center;

  1031. 				font-size: 24rpx;

  1032. 				font-weight: 400;

  1033. 				color: #666666;

  1034. 				margin-top: 20rpx;

  1035. 			}

  1036. 		}

  1037. 	}

  1038. 

  1039. 	.contbox{

  1040. 		width: 690rpx;

  1041. 		background: #FFFFFF;

  1042. 		border-radius: 12rpx;

  1043. 		padding: 24rpx 0 30rpx;

  1044. 		margin-bottom: 20rpx;

  1045. 		.title {

  1046. 			height: 42rpx;

  1047. 			font-size: 30rpx;

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

  1049. 			font-weight: 600;

  1050. 			color: #333333;

  1051. 			line-height: 42rpx;

  1052. 			margin-bottom: 24rpx;

  1053. 			display: flex;

  1054. 			align-items: center;

  1055. 			.title-icon{

  1056. 				width: 12rpx;

  1057. 				height: 20rpx;

  1058. 				margin-right: 18rpx;

  1059. 			}

  1060. 		}

  1061. 		.timeshow{

  1062. 			height: 40rpx;

  1063. 			font-size: 28rpx;

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

  1065. 			font-weight: 400;

  1066. 			color: #666666;

  1067. 			line-height: 40rpx;

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

  1069. 		}

  1070. 	}

  1071. 

  1072. 	.shebenbox {

  1073. 		width: 100%;

  1074. 		display: flex;

  1075. 		.shebenche {

  1076. 			width: 25%;

  1077. 			height: 100%;

  1078. 			.shebenchenum {

  1079. 				width: 100%;

  1080. 				text-align: center;

  1081. 				height: 50rpx;

  1082. 				font-size: 44rpx;

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

  1084. 				font-weight: bold;

  1085. 				color: #333333;

  1086. 				line-height: 50rpx;

  1087. 			}

  1088. 

  1089. 			.shebenchetext {

  1090. 				width: 100%;

  1091. 				color: #666666;

  1092. 				text-align: center;

  1093. 				margin-top: 8rpx;

  1094. 				height: 32rpx;

  1095. 				font-size: 24rpx;

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

  1097. 				font-weight: 400;

  1098. 				line-height: 32rpx;

  1099. 			}

  1100. 		}

  1101. 	}

  1102. 	//今日工作

  1103. 	.real-timebox {

  1104. 		width: 100%;

  1105. 		.timebox {

  1106. 			width: 100%;

  1107. 			display: flex;

  1108. 			margin-bottom: 20rpx;

  1109. 			.real {

  1110. 				flex: 1;

  1111. 				height: 100%;

  1112. 

  1113. 				.realnum {

  1114. 					width: 100%;

  1115. 					text-align: center;

  1116. 					height: 50rpx;

  1117. 					font-size: 44rpx;

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

  1119. 					font-weight: bold;

  1120. 					color: #333333;

  1121. 					line-height: 50rpx;

  1122. 					.qushi-icon{

  1123. 						width: 28rpx;

  1124. 						height: 14rpx;

  1125. 						margin-left: 2rpx;

  1126. 					}

  1127. 				}

  1128. 

  1129. 				.realtext {

  1130. 					width: 100%;

  1131. 					text-align: center;

  1132. 					margin-top: 8rpx;

  1133. 					height: 32rpx;

  1134. 					font-size: 24rpx;

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

  1136. 					font-weight: 400;

  1137. 					color: #666666;

  1138. 					line-height: 32rpx;

  1139. 				}

  1140. 			}

  1141. 		}

  1142. 

  1143. 	}

  1144. 

  1145. 	.commonly-box {

  1146. 		width: 100%;

  1147. 		display: flex;

  1148. 		flex-wrap: wrap;

  1149. 

  1150. 		.commonly {

  1151. 			width: 25%;

  1152. 			margin-bottom: 28rpx;

  1153. 

  1154. 			.commonly-img {

  1155. 				width: 100%;

  1156. 				height: 80rpx;

  1157. 				text-align: center;

  1158. 				.commonly-img1 {

  1159. 					width: 80rpx;

  1160. 					height: 80rpx;

  1161. 				}

  1162. 			}

  1163. 

  1164. 			.commonly-text {

  1165. 				width: 100%;

  1166. 				text-align: center;

  1167. 				margin-top: 12rpx;

  1168. 				height: 32rpx;

  1169. 				font-size: 24rpx;

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

  1171. 				font-weight: 400;

  1172. 				color: #333333;

  1173. 				line-height: 32rpx;

  1174. 			}

  1175. 		}

  1176. 	}

  1177. 	.timeview{

  1178. 		height: 90rpx;

  1179. 		line-height: 90rpx;

  1180. 		width: 100%;

  1181. 		text-align: center;

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

  1183. 	}

  1184. </style>