AI销管
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符
 
 
 
 

1460 行
41 KiB

  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;"
  11. v-if="permissions.wdsb">
  12. <view class="gongpai">
  13. 我的工牌:{{imeiCode||'未绑定'}}
  14. </view>
  15. <view class="" style="color: #2671E2; font-weight: normal;">
  16. {{openFlag=='start'?'接待中':''}}
  17. </view>
  18. </view>
  19. <view v-if="permissions.wdsb" 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. <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. <template v-if="CHECKAUTHORITY('zxscsy')">
  73. <view class="contbox">
  74. <view class="title">
  75. <image class="title-icon" src="https://static.quhouse.com/bc2ec951ad9a47e5bf58f2829926e143.png"
  76. mode="" />
  77. 转写消费
  78. </view>
  79. <view class="shebenbox">
  80. <view class="shebenche">
  81. <view class="shebenchenum">{{paraphraseObj.rechargeSum || 0}}</view>
  82. <view class="shebenchetext">购买小时</view>
  83. </view>
  84. <view class="shebenche">
  85. <view class="shebenchenum">{{paraphraseObj.presenterSum || 0}}</view>
  86. <view class="shebenchetext">赠送小时</view>
  87. </view>
  88. <view class="shebenche">
  89. <view class="shebenchenum">{{paraphraseObj.useSum || 0}}</view>
  90. <view class="shebenchetext">已用小时</view>
  91. </view>
  92. <view class="shebenche">
  93. <view class="shebenchenum" :style="paraphraseObj.surplusSum < 100 ? 'color: red' : ''">
  94. {{paraphraseObj.surplusSum || 0}}
  95. </view>
  96. <view class="shebenchetext">剩余小时</view>
  97. </view>
  98. </view>
  99. </view>
  100. </template>
  101. <!-- 设备总览 -->
  102. <view class="contbox" v-if="permissions.sbtj">
  103. <view class="title">
  104. <image class="title-icon" src="https://static.quhouse.com/bc2ec951ad9a47e5bf58f2829926e143.png"
  105. mode="" />
  106. 设备总览
  107. </view>
  108. <view class="shebenbox">
  109. <view class="shebenche" @click="tapjumpequipment(0)">
  110. <view class="shebenchenum">{{equipmentobj.totalNum || 0}}</view>
  111. <view class="shebenchetext">设备总数</view>
  112. </view>
  113. <view class="shebenche" @click="tapjumpequipment(1)">
  114. <view class="shebenchenum">{{equipmentobj.onlineNum || 0}}</view>
  115. <view class="shebenchetext">在线</view>
  116. </view>
  117. <view class="shebenche" @click="tapjumpequipment(3)">
  118. <view class="shebenchenum">{{equipmentobj.activeNum || 0}}</view>
  119. <view class="shebenchetext">活跃</view>
  120. </view>
  121. <view class="shebenche" @click="tapjumpequipment(2)">
  122. <view class="shebenchenum" style="color: red;">{{operation.lowPowerNum || 0}}</view>
  123. <view class="shebenchetext">低电工牌</view>
  124. </view>
  125. </view>
  126. </view>
  127. <!-- 今日工作 -->
  128. <view class="contbox" v-if="permissions.sstj">
  129. <view class="title">
  130. <image class="title-icon" src="https://static.quhouse.com/bc2ec951ad9a47e5bf58f2829926e143.png"
  131. mode="" />今日工作
  132. </view>
  133. <view class="real-timebox">
  134. <view class="timebox">
  135. <view class="real" @click="tapjumpreception(checkParams('1'))">
  136. <view class="realnum">{{realtimeobj.receptionCount || 0}}</view>
  137. <view class="realtext">接待量</view>
  138. </view>
  139. <view class="real" @click="tapjumpreception(checkParams('6'))">
  140. <view class="realnum">{{realtimeobj.activeCustomer|| 0}}</view>
  141. <view class="realtext">有效接待</view>
  142. </view>
  143. <view class="real" @click="tapjumpreception(checkParams('4'))">
  144. <view class="realnum">{{realtimeobj.tagCustomer || 0}}</view>
  145. <view class="realtext">未标顾问</view>
  146. </view>
  147. <view class="real" @click="prohibitedtap(1)" v-if="methodsisshow">
  148. <view class="realnum" style="color: red;">
  149. {{realtimeobj.prohibitedCustomer || 0}}
  150. </view>
  151. <view class="realtext">违禁次数</view>
  152. </view>
  153. </view>
  154. <view class="timebox">
  155. <view class="real" @click="tapjumpreception(checkParams('auth'))">
  156. <view class="realnum u-flex" style="justify-content: center">{{realtimeobj.fraction || 0}}<text
  157. style="font-weight: 400;font-family: SimHei;font-size: 30rpx;">%</text>
  158. <!-- <image class="qushi-icon" src="/static/images/excute.png" mode="" /> -->
  159. </view>
  160. <view class="realtext">平均执行率</view>
  161. </view>
  162. <view class="real" @click="tapjumpreception(checkParams('auth'))">
  163. <view class="realnum">{{realtimeobj.avgDuration|| 0}}<text
  164. style="font-size: 30rpx;font-weight: 400;font-family: SimHei">min</text></view>
  165. <view class="realtext">平均接待时长</view>
  166. </view>
  167. <view class="real" @click="tapjumpreception(checkParams('6'))">
  168. <view class="realnum">{{realtimeobj.wordFraction|| 0}}%</view>
  169. <view class="realtext">平均挖掘执行率</view>
  170. </view>
  171. <view class="real" @click="toCustomerManagement('dateType')">
  172. <view class="realnum">{{realtimeobj.sumLevelFraction || 0}}%</view>
  173. <view class="realtext">平均意向度</view>
  174. </view>
  175. </view>
  176. </view>
  177. </view>
  178. <!-- 近30天 -->
  179. <view class="contbox" v-if="permissions.gzlj">
  180. <view class="title">
  181. <image class="title-icon" src="https://static.quhouse.com/bc2ec951ad9a47e5bf58f2829926e143.png"
  182. mode="" />
  183. <view style="width: 70%;" @click="taptimeisshow">
  184. <!-- 概览 -->
  185. {{choiceIndex}}累计<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
  186. </view>
  187. </view>
  188. <view class="real-timebox">
  189. <view class="timebox">
  190. <view class="real" @click="tapjumpreception(checkParams('3'))">
  191. <view class="realnum">{{Thisweekobj.receptionCount || 0}}</view>
  192. <view class="realtext">接待量</view>
  193. </view>
  194. <view class="real" @click="tapjumpreception(checkParams('7'))">
  195. <view class="realnum">{{Thisweekobj.activeCustomer|| 0}}</view>
  196. <view class="realtext">有效接待</view>
  197. </view>
  198. <view class="real" @click="tapjumpreception(checkParams('44'))">
  199. <view class="realnum">{{Thisweekobj.tagCustomer || 0}}</view>
  200. <view class="realtext">未标顾问</view>
  201. </view>
  202. <view class="real" @click="prohibitedtap(2)" v-if="methodsisshow">
  203. <view class="realnum" style="color: red;">{{Thisweekobj.prohibitedCustomer || 0}}</view>
  204. <view class="realtext">违禁次数</view>
  205. </view>
  206. </view>
  207. <view class="timebox" style="margin-bottom:0;">
  208. <view class="real" @click="tapjumpreception(checkParams('333'))">
  209. <view class="realnum u-flex" style="justify-content: center">{{Thisweekobj.fraction || 0}}<text
  210. style="font-weight: 400;font-family: SimHei;font-size: 30rpx;">%</text>
  211. </view>
  212. <view class="realtext">平均执行率</view>
  213. </view>
  214. <view class="real" @click="tapjumpreception(checkParams('333'))">
  215. <view class="realnum">{{Thisweekobj.avgDuration || 0}}<text
  216. style="font-size: 30rpx;font-weight: 400;font-family: SimHei">min</text></view>
  217. <view class="realtext">平均接待时长</view>
  218. </view>
  219. <view class="real" @click="tapjumpreception(checkParams('333'))">
  220. <view class="realnum">{{Thisweekobj.wordFraction || 0}}%</view>
  221. <view class="realtext">平均挖掘执行率</view>
  222. </view>
  223. <view class="real" @click="toCustomerManagement()">
  224. <view class="realnum">{{Thisweekobj.sumLevelFraction || 0}}%</view>
  225. <view class="realtext">平均意向度</view>
  226. </view>
  227. </view>
  228. </view>
  229. </view>
  230. <!-- 常用功能 -->
  231. <view class="contbox">
  232. <view class="title" v-if="hospitalityShow">
  233. <image class="title-icon" src="https://static.quhouse.com/bc2ec951ad9a47e5bf58f2829926e143.png"
  234. mode="" />接待管理
  235. </view>
  236. <view class="commonly-box">
  237. <view class="commonly" @click="Piabodata('接待记录')" v-if="permissions.jdjl">
  238. <view class="commonly-img">
  239. <image class="commonly-img1"
  240. src="https://static.quhouse.com/4649b5bd19124afca0f1a809f93bfd73.png" mode=""></image>
  241. </view>
  242. <view class="commonly-text">接待记录</view>
  243. </view>
  244. <view class="commonly" @click="Piabodata('违禁记录')" v-if="permissions.wjjl">
  245. <view class="commonly-img">
  246. <image class="commonly-img1"
  247. src="https://static.quhouse.com/b1dd1da2a969465bbbf41818320b8487.png" mode=""></image>
  248. </view>
  249. <view class="commonly-text">违禁记录</view>
  250. </view>
  251. <view class="commonly" @click="toUserinsightinto()" v-if="permissions.tddb">
  252. <view class="commonly-img">
  253. <image class="commonly-img1"
  254. src="https://static.quhouse.com/c2c2e1af3d5f41d180ec55a04a5d4f26.png" mode=""></image>
  255. </view>
  256. <view class="commonly-text">客户画像</view>
  257. </view>
  258. </view>
  259. <view class="title" v-if="dataAnalysisShow">
  260. <image class="title-icon" src="https://static.quhouse.com/bc2ec951ad9a47e5bf58f2829926e143.png"
  261. mode="" />数据分析
  262. </view>
  263. <view class="commonly-box">
  264. <view class="commonly" @click="Piabodata('销讲分析')" v-if="permissions.xjfx">
  265. <view class="commonly-img">
  266. <image class="commonly-img1"
  267. src="https://static.quhouse.com/1f01dfa38203493b88d9668a506fdff3.png" mode=""></image>
  268. </view>
  269. <view class="commonly-text">销讲分析</view>
  270. </view>
  271. <view class="commonly" @click="toTrendAnalysis()" v-if="permissions.lpdb">
  272. <view class="commonly-img">
  273. <image class="commonly-img1"
  274. src="https://static.quhouse.com/df070b1a2d5e48359c7de5654e4f7a17.png" mode=""></image>
  275. </view>
  276. <view class="commonly-text">销讲趋势</view>
  277. </view>
  278. <view class="commonly" @click="Piabodata('顾问排名')" v-if="permissions.gwpm">
  279. <view class="commonly-img">
  280. <image class="commonly-img1"
  281. src="https://static.quhouse.com/f5a6b2d6032348a1b256cfd7083be436.png" mode=""></image>
  282. </view>
  283. <view class="commonly-text">顾问排名</view>
  284. </view>
  285. <view class="commonly" @click="toStaffAnalysis()" v-if="permissions.xjqs">
  286. <view class="commonly-img">
  287. <image class="commonly-img1"
  288. src="https://static.quhouse.com/c2d3801540cf4880a68cce0e04eb59b0.png" mode=""></image>
  289. </view>
  290. <view class="commonly-text">员工分析</view>
  291. </view>
  292. <view class="commonly" @click="toRequireAnalysis()" v-if="permissions.xqwjfx">
  293. <view class="commonly-img">
  294. <image class="commonly-img1"
  295. src="https://static.quhouse.com/c2d3801540cf4880a68cce0e04eb59b0.png" mode=""></image>
  296. </view>
  297. <view class="commonly-text">需求挖掘分析</view>
  298. </view>
  299. <view class="commonly" @click="toDataBoard" v-if="permissions.sjkb_sy">
  300. <view class="commonly-img">
  301. <image class="commonly-img1" src="https://static.quhouse.com/20230523104819.jpg" mode="">
  302. </image>
  303. </view>
  304. <view class="commonly-text">数据看板</view>
  305. </view>
  306. <view class="commonly" @click="toWoring" v-if="permissions.xmyj_sy">
  307. <view class="commonly-img">
  308. <image class="commonly-img1" src="https://static.quhouse.com/20230523104803.jpg" mode="">
  309. </image>
  310. </view>
  311. <view class="commonly-text">项目预警</view>
  312. </view>
  313. </view>
  314. <view class="title" v-if="teamManagementShow">
  315. <image class="title-icon" src="https://static.quhouse.com/bc2ec951ad9a47e5bf58f2829926e143.png"
  316. mode="" />团队管理
  317. </view>
  318. <view class="commonly-box">
  319. <view class="commonly" @click="Theteamcompared()" v-if="permissions.gwnl">
  320. <view class="commonly-img">
  321. <image class="commonly-img1"
  322. src="https://static.quhouse.com/4f5a3a61c06a4508a806eb290ef678e6.png" mode=""></image>
  323. </view>
  324. <view class="commonly-text">团队对比</view>
  325. </view>
  326. <view class="commonly" @click="Groupcontrast()" v-if="permissions.yhhx">
  327. <view class="commonly-img">
  328. <image class="commonly-img1"
  329. src="https://static.quhouse.com/759c2e3240e54213827196559ce38fa4.png" mode=""></image>
  330. </view>
  331. <view class="commonly-text">集团对比</view>
  332. </view>
  333. <view class="commonly" @click="Piabodata('设备管理')" v-if="permissions.sbgl">
  334. <view class="commonly-img">
  335. <image class="commonly-img1"
  336. src="https://static.quhouse.com/e617133ecbbd46498e30719444fc02e8.png" mode=""></image>
  337. </view>
  338. <view class="commonly-text">设备管理</view>
  339. </view>
  340. <view class="commonly" @click="Piabodata('值班顾问')" v-if="permissions.zbgw">
  341. <view class="commonly-img">
  342. <image class="commonly-img1"
  343. src="https://static.quhouse.com/196fcbc7f6aa456cb9dff22cd3753445.png" mode=""></image>
  344. </view>
  345. <view class="commonly-text">值班顾问</view>
  346. </view>
  347. </view>
  348. </view>
  349. <!-- 项目切换 -->
  350. <view v-if="Showhiddenunits">
  351. <u-select :mask-close-able="false" v-model="Showhiddenunits" mode="single-column" :list="lpanlist"
  352. @cancel="cancel" @confirm="confirm"></u-select>
  353. </view>
  354. <u-calendar v-model="totalTimeShow" mode="range" @change="totalTimeChange"></u-calendar>
  355. <u-popup v-model="timeshow" mode="bottom">
  356. <view class="timeview" :style="{ color: zhixingcenterindex == 2 ? '#2B6EFF' : '#333333' }"
  357. @click="tabtimetap(2,'近7天')">近7天</view>
  358. <view class="timeview" :style="{ color: zhixingcenterindex == 6 ? '#2B6EFF' : '#333333' }"
  359. @click="tabtimetap(6,'近30天')">近30天</view>
  360. <view class="timeview" :style="{ color: zhixingcenterindex == 7 ? '#2B6EFF' : '#333333' }"
  361. @click="tabtimetap(7,'自定义')">自定义</view>
  362. </u-popup>
  363. <!-- 底部导航栏 -->
  364. <!-- <u-tabbar :mid-button="false" activeColor="#1296db" inactiveColor="#999999" v-model="current" :list="tabbarList"></u-tabbar> -->
  365. <!-- 加载组件 -->
  366. <u-loadings v-model="LOADING"></u-loadings>
  367. </view>
  368. </template>
  369. <script>
  370. var config = require("../../config");
  371. import tabbarList from '@/utils/tabbar.js'
  372. export default {
  373. data() {
  374. return {
  375. // tabbar配置项
  376. current: 2,
  377. tabbarList: tabbarList,
  378. //--- end --- tabbar配置项
  379. userInfo: {},
  380. Showhiddenunits: false,
  381. lpanlist: [], //项目列表
  382. buildingname: '', //项目名
  383. buildingID: '', //项目id
  384. buildingishow: false, //是否选择项目
  385. // Myworkcard: false,
  386. percentage: '', //设备电量
  387. Whetheroffline: false, //是否离线
  388. signalDevice: 0, //信号
  389. signalDevicetext: "",
  390. imeiCode: '', //设备号
  391. openFlag: '', //接待是否
  392. choiceIndex: '近7天',
  393. audioStatus: false,
  394. equipmentisshow: false,
  395. timeshow: false,
  396. equipmentobj: {
  397. totalNum: '',
  398. onlineNum: '',
  399. activeNum: '',
  400. lowPowerNum: '',
  401. },
  402. operation: {
  403. receptionCount: '',
  404. accountCount: '',
  405. forbiddenCount: '',
  406. lowPowerNum: ''
  407. },
  408. Menulist: [],
  409. realtimeobj: {
  410. sumCustomer: '',
  411. receivingCustomer: '',
  412. activeCustomer: '',
  413. prohibitedCustomer: '',
  414. tagCustomer: '',
  415. fraction: '',
  416. receptionCount: '',
  417. sumLevelFraction: '',
  418. },
  419. Thisweekobj: {
  420. sumCustomer: '',
  421. receivingCustomer: '',
  422. activeCustomer: '',
  423. prohibitedCustomer: '',
  424. tagCustomer: '',
  425. fraction: '',
  426. receptionCount: ''
  427. },
  428. methodsisshow: false,
  429. zhixingcenterindex: 2,
  430. totalTimeShow: false,
  431. statDateStart: '',
  432. statDateEnd: '',
  433. permissions: {}, // 权限菜单
  434. paraphraseObj: {}, // 转写消费
  435. };
  436. },
  437. components: {},
  438. computed: {
  439. // 团队管理
  440. teamManagementShow() {
  441. let permissions = this.permissions
  442. return permissions.gwnl || permissions.yhhx || permissions.sbgl || permissions.zbgw
  443. },
  444. // 数据分析
  445. dataAnalysisShow() {
  446. let permissions = this.permissions
  447. return permissions.xjfx || permissions.lpdb || permissions.gwpm || permissions.xjqs || permissions
  448. .sjkb_sy || permissions.xmyj_sy
  449. },
  450. // 接待管理
  451. hospitalityShow() {
  452. let permissions = this.permissions
  453. return permissions.jdjl || permissions.wjjl || permissions.tddb
  454. },
  455. },
  456. onLoad() {
  457. this.LOADING = true
  458. this.sendLog({
  459. houseId: uni.getStorageSync(
  460. 'buildingID').id,
  461. houseName: uni.getStorageSync(
  462. 'buildingID').name
  463. })
  464. },
  465. onPullDownRefresh() {
  466. this.getMenu()
  467. this.userInfo = uni.getStorageSync('weapp_session_userInfo_data');
  468. if (this.userInfo.dataCode == 6 || this.userInfo.dataCode == 3) {
  469. this.methodsisshow = false;
  470. } else {
  471. this.methodsisshow = true;
  472. }
  473. if (this.userInfo.zkProperties.length == 1) {
  474. this.buildingID = uni.getStorageSync('buildingID').id;
  475. this.buildingname = uni.getStorageSync('buildingID').name;
  476. this.buildingishow = false;
  477. } else {
  478. this.buildingishow = true;
  479. this.buildingname = uni.getStorageSync('buildingID').name;
  480. this.buildingID = uni.getStorageSync('buildingID').id;
  481. this.userInfo.zkProperties.forEach(item => {
  482. item.label = item.propertyName;
  483. item.value = item.id
  484. })
  485. this.lpanlist = this.userInfo.zkProperties
  486. }
  487. if (this.userInfo.dataCode == 6) {
  488. // this.Myworkcard = true;
  489. this.equipmentisshow = false;
  490. this.iniodianloang()
  491. } else {
  492. this.equipmentisshow = true;
  493. // this.Myworkcard = false;
  494. this.initequipment()
  495. this.waitForOperation()
  496. }
  497. this.initworkThisWeek()
  498. this.initrealTimeStatistics()
  499. setTimeout(() => {
  500. uni.stopPullDownRefresh()
  501. }, 3000)
  502. },
  503. onShow() {
  504. this.upDateBulidIngObj()
  505. this.getMenu()
  506. this.userInfo = uni.getStorageSync('weapp_session_userInfo_data');
  507. if (this.userInfo.dataCode == 6 || this.userInfo.dataCode == 3) {
  508. this.methodsisshow = false;
  509. } else {
  510. this.methodsisshow = true;
  511. }
  512. if (this.userInfo.zkProperties && this.userInfo.zkProperties.length == 1) {
  513. this.buildingID = uni.getStorageSync('buildingID').id;
  514. this.buildingname = uni.getStorageSync('buildingID').name;
  515. this.buildingishow = false;
  516. uni.setStorageSync('orgCode', this.userInfo.zkProperties[0].orgCode)
  517. } else {
  518. this.buildingishow = true;
  519. this.buildingname = uni.getStorageSync('buildingID').name;
  520. this.buildingID = uni.getStorageSync('buildingID').id;
  521. if (this.userInfo.zkProperties && this.userInfo.zkProperties.length) {
  522. this.userInfo.zkProperties.forEach(item => {
  523. item.label = item.propertyName;
  524. item.value = item.id
  525. })
  526. }
  527. this.lpanlist = this.userInfo.zkProperties
  528. }
  529. if (this.userInfo.dataCode == 6) {
  530. // this.Myworkcard = true;
  531. this.equipmentisshow = false;
  532. this.iniodianloang()
  533. } else {
  534. this.equipmentisshow = true;
  535. // this.Myworkcard = false;
  536. this.initequipment()
  537. this.waitForOperation()
  538. }
  539. this.initworkThisWeek()
  540. this.initrealTimeStatistics()
  541. this.updateInit()
  542. this.findByHouseIdForRecharge()
  543. },
  544. methods: {
  545. // 跳转客户详情
  546. toCustomerManagement(str) {
  547. console.log(str)
  548. console.log(this.zhixingcenterindex)
  549. if (str != 'dateType') {
  550. // dateType == 2 //
  551. if (this.zhixingcenterindex != 7) {
  552. let index = this.zhixingcenterindex == 6 ? 3 : 2
  553. uni.navigateTo({
  554. url: `/pages/center/consumer/index?refresh=refresh&dateType=${index}`
  555. })
  556. } else {
  557. uni.navigateTo({
  558. url: `/pages/center/consumer/index?refresh=refresh&dateType=4&staTime=${this.statDateStart}&endTime=${this.statDateEnd}`
  559. })
  560. }
  561. } else {
  562. console.log('adasdasljdlks', str)
  563. uni.navigateTo({
  564. url: `/pages/center/consumer/index?refresh=refresh&dateType=0`
  565. })
  566. }
  567. },
  568. // 数据看板
  569. toDataBoard() {
  570. uni.navigateTo({
  571. url: '/pages/center/dataBoard/dataBoard'
  572. });
  573. },
  574. toWoring() {
  575. uni.navigateTo({
  576. url: '/pages/center/warningList/warningList'
  577. });
  578. },
  579. // 需求挖掘分析
  580. toRequireAnalysis() {
  581. uni.navigateTo({
  582. url: '/pages/center/Piabodata/requireminingAnalysis'
  583. });
  584. },
  585. updateInit() {
  586. this.$u.get(config.service.notReadNum, {
  587. id: uni.getStorageSync('weapp_session_userInfo_data').accountId,
  588. projectId: uni.getStorageSync('buildingID').id
  589. }).then(res => {
  590. console.log(res)
  591. if (res > 0) {
  592. uni.setTabBarBadge({ //显示数字
  593. index: 4, //tabbar下标
  594. text: `${res}` //数字
  595. })
  596. } else {
  597. uni.removeTabBarBadge({
  598. index: 4
  599. })
  600. }
  601. }).catch(e => {
  602. uni.removeTabBarBadge({
  603. index: 4
  604. })
  605. })
  606. },
  607. indexStatus(i) {
  608. if (this.permissions.sbgl == true) {
  609. if (i == 0) {
  610. uni.switchTab({
  611. url: "/pages/index/customer"
  612. })
  613. } else if (i == 1) {
  614. uni.navigateTo({
  615. url: '/pages/center/records/index?refresh=refresh&markAdvisor=0'
  616. });
  617. } else if (i == 3) {
  618. uni.navigateTo({
  619. url: '/pages/center/prohibited/index?refresh=refresh'
  620. });
  621. }
  622. }
  623. },
  624. //时间选择
  625. tabtimetap(index, str) {
  626. this.timeshow = false;
  627. if (index == 7) {
  628. this.totalTimeShow = true;
  629. } else {
  630. console.log(str)
  631. this.choiceIndex = str
  632. this.zhixingcenterindex = index;
  633. this.initworkThisWeek()
  634. }
  635. },
  636. taptimeisshow() {
  637. this.timeshow = true;
  638. },
  639. //获取权限
  640. getMenu() {
  641. uni.request({
  642. url: config.service.getMenu,
  643. method: "POST",
  644. header: {
  645. 'content-type': 'application/json',
  646. 'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token
  647. },
  648. success: (data) => {
  649. console.log(data, 'dsadjsakljlkj123kl12321')
  650. let rescor = data.data;
  651. if (rescor.code == 0) {
  652. uni.setStorageSync("weapp_session_Menu_data", rescor.data)
  653. console.log(rescor.data, '这里')
  654. this.permissions = rescor.data;
  655. console.log(this.permissions, '这里per')
  656. }
  657. }
  658. })
  659. },
  660. //自定义时间
  661. totalTimeChange(e) {
  662. this.statDateStart = e.startDate;
  663. this.statDateEnd = e.endDate;
  664. this.choiceIndex = `${e.startDate.replace(/\-/g, '.')}-${e.endDate.replace(/\-/g, '.')}`
  665. this.zhixingcenterindex = 7;
  666. this.initworkThisWeek()
  667. },
  668. tabtimeclick(i) {
  669. if (i == 7) {
  670. this.totalTimeShow = true;
  671. } else {
  672. this.zhixingcenterindex = i;
  673. this.initworkThisWeek()
  674. }
  675. },
  676. initworkThisWeek() {
  677. uni.request({
  678. url: config.service.workThisWeek,
  679. method: "POST",
  680. header: {
  681. 'content-type': 'application/json',
  682. 'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token
  683. },
  684. data: {
  685. houseId: this.buildingID,
  686. dateType: this.zhixingcenterindex == 7 ? null : this.zhixingcenterindex,
  687. statDateStart: this.statDateStart,
  688. statDateEnd: this.statDateEnd
  689. },
  690. success: (data) => {
  691. if (data.data.data == null) {
  692. return
  693. } else {
  694. this.Thisweekobj = data.data.data
  695. }
  696. }
  697. })
  698. },
  699. //实时统计
  700. initrealTimeStatistics() {
  701. uni.request({
  702. url: config.service.realTimeStatistics,
  703. method: "POST",
  704. header: {
  705. 'content-type': 'application/json',
  706. 'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token
  707. },
  708. data: {
  709. houseId: this.buildingID
  710. },
  711. success: (data) => {
  712. this.LOADING = false
  713. if (data.data.data == null) {
  714. return
  715. } else {
  716. this.realtimeobj = data.data.data
  717. if (data.data.data.receivingCustomer > 0) {
  718. uni.setTabBarBadge({
  719. index: 0,
  720. text: `${data.data.data.receivingCustomer}`
  721. })
  722. } else {
  723. uni.removeTabBarBadge({
  724. index: 0,
  725. })
  726. }
  727. }
  728. },
  729. fail: () => {
  730. this.LOADING = false
  731. }
  732. })
  733. },
  734. // 转写充值剩余
  735. findByHouseIdForRecharge() {
  736. this.$u.get(`/cusLvStatistics/findByHouseIdForRecharge?houseId=${this.buildingID}`).then(res => {
  737. console.log(res)
  738. if (res) {
  739. this.paraphraseObj = res.list
  740. }
  741. })
  742. },
  743. //设备
  744. initequipment() {
  745. uni.request({
  746. url: config.service.findEquipmentState,
  747. method: "POST",
  748. header: {
  749. 'content-type': 'application/json',
  750. 'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token
  751. },
  752. data: {
  753. propertyId: this.buildingID
  754. },
  755. success: (data) => {
  756. if (data.data.data == null) {
  757. return
  758. } else {
  759. this.equipmentobj = {
  760. totalNum: data.data.data.totalNum,
  761. onlineNum: data.data.data.onlineNum,
  762. activeNum: data.data.data.activeNum,
  763. lowPowerNum: data.data.data.lowPowerNum,
  764. }
  765. }
  766. }
  767. })
  768. },
  769. // 待处理
  770. waitForOperation() {
  771. this.$u.post('/cusLvStatistics/waitForOperation ', {
  772. houseId: this.buildingID
  773. })
  774. .then(res => {
  775. // console.log(res,'带接待')
  776. this.operation.receptionCount = res.receptionCount
  777. this.operation.accountCount = res.accountCount
  778. this.operation.forbiddenCount = res.forbiddenCount
  779. this.operation.lowPowerNum = res.lowPowerNum
  780. })
  781. },
  782. //我的工牌
  783. iniodianloang() {
  784. uni.request({
  785. url: config.service.findElectricity,
  786. method: "POST",
  787. header: {
  788. 'content-type': 'application/json',
  789. 'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token
  790. },
  791. data: {
  792. propertyId: this.buildingID,
  793. accPhone: this.userInfo.username
  794. },
  795. success: (data) => {
  796. if (data.data.data == null) {
  797. return
  798. } else {
  799. this.imeiCode = data.data.data.imei
  800. this.openFlag = data.data.data.recCmd
  801. if (data.data.data > 100) {
  802. this.percentage = 100;
  803. } else {
  804. if (data.data.data.onLine == 0) {
  805. this.Whetheroffline = false;
  806. } else {
  807. this.Whetheroffline = true;
  808. this.percentage = data.data.data.electricity;
  809. this.signalDevice = data.data.data.signalDevice / 1;
  810. console.log(this.signalDevice)
  811. this.audioStatus = data.data.data.simAudioStatus;
  812. if (this.signalDevice > 80) {
  813. this.signalDevicetext = '高';
  814. } else {
  815. if (this.signalDevice == 0) {
  816. this.signalDevicetext = '无';
  817. } else {
  818. this.signalDevicetext = '低';
  819. }
  820. }
  821. }
  822. }
  823. }
  824. }
  825. })
  826. },
  827. //选择项目弹框
  828. piskbuilding() {
  829. // this.Showhiddenunits = true;
  830. uni.navigateTo({
  831. url: "../mine/selectBuilding"
  832. })
  833. },
  834. // 项目选择确认
  835. confirm(e) {
  836. this.buildingname = e[0].label;
  837. this.buildingID = e[0].value;
  838. let lopan = {
  839. id: e[0].value,
  840. name: e[0].label
  841. }
  842. uni.setStorageSync("buildingID", lopan); //项目id写入缓存
  843. uni.setStorageSync("orgCode", e[0].orgCode); //项目id写入缓存
  844. this.initworkThisWeek()
  845. this.initrealTimeStatistics()
  846. this.waitForOperation()
  847. this.initequipment()
  848. this.iniodianloang()
  849. },
  850. // 项目选择取消
  851. cancel() {
  852. this.Showhiddenunits = false;
  853. },
  854. tapjumpequipment(i) {
  855. if (this.permissions.sbgl == true) {
  856. uni.navigateTo({
  857. url: '/pages/mine/equipment/index?active=' + i
  858. });
  859. }
  860. },
  861. prohibitedtap(i) {
  862. if (i == 1) {
  863. uni.navigateTo({
  864. url: '/pages/center/prohibited/index?refresh=refresh&activeTotal=0' + '&violatedStatus=1'
  865. });
  866. } else {
  867. if (this.zhixingcenterindex == 2) {
  868. uni.navigateTo({
  869. url: '/pages/center/prohibited/index?refresh=refresh&activeTotal=2' +
  870. '&violatedStatus=1'
  871. });
  872. } else if (this.zhixingcenterindex == 6) { //近30天
  873. uni.navigateTo({
  874. url: '/pages/center/prohibited/index?refresh=refresh&activeTotal=3' +
  875. '&violatedStatus=1'
  876. });
  877. } else { // 自定义时间段
  878. uni.navigateTo({
  879. url: '/pages/center/prohibited/index?refresh=refresh&activeTotal=4&staTime=' + this
  880. .statDateStart + '&endtime=' + this.statDateEnd + '&violatedStatus=1'
  881. });
  882. }
  883. }
  884. },
  885. // 跳转参数
  886. checkParams(i) {
  887. let str = ''
  888. switch (i) {
  889. case '1':
  890. str = '&activeTotal=0';
  891. break;
  892. case 'auth':
  893. str = '&activeTotal=0&validInvalid=0'
  894. break;
  895. case '3':
  896. // 筛选时间类型后传的参数
  897. if (this.zhixingcenterindex == 2) {
  898. str = '&activeTotal=2'
  899. } else if (this.zhixingcenterindex == 6) {
  900. str = '&activeTotal=3'
  901. } else {
  902. str = `&activeTotal=4&staTime=${this.statDateStart}&endtime=${this.statDateEnd}`
  903. }
  904. break;
  905. case '333':
  906. case '7':
  907. if (this.zhixingcenterindex == 2) {
  908. str = '&activeTotal=2&validInvalid=0'
  909. } else if (this.zhixingcenterindex == 6) {
  910. str = '&activeTotal=3&validInvalid=0'
  911. } else {
  912. str = `&activeTotal=4&staTime=${this.statDateStart}&endtime=${this.statDateEnd}&validInvalid=0`
  913. }
  914. break;
  915. case '6':
  916. str = '&activeTotal=0&validInvalid=0'
  917. break;
  918. case '4':
  919. str = '&activeTotal=0&markAdvisor=0&validInvalid=0'
  920. break;
  921. case '44':
  922. if (this.zhixingcenterindex == 2) {
  923. str = '&activeTotal=2&validInvalid=0&markAdvisor=0'
  924. } else if (this.zhixingcenterindex == 6) {
  925. str = '&activeTotal=3&validInvalid=0&markAdvisor=0'
  926. } else {
  927. str =
  928. `&activeTotal=4&staTime=${this.statDateStart}&endtime=${this.statDateEnd}&validInvalid=0&markAdvisor=0`
  929. }
  930. break;
  931. default:
  932. str = '&activeTotal=0&markAdvisor=0'
  933. break;
  934. }
  935. return str
  936. },
  937. // 跳转
  938. tapjumpreception(params) {
  939. // 校验是否有权限
  940. if (this.permissions.jdjl) {
  941. uni.navigateTo({
  942. url: `/pages/center/records/index?refresh=refresh${params}`
  943. });
  944. }
  945. },
  946. // tapjumpreception(i) {
  947. // if (this.permissions.jdjl == true) {
  948. // if (i == 1) {
  949. // uni.navigateTo({
  950. // url: '/pages/center/records/index?refresh=refresh&activeTotal=0&validInvalid=0'
  951. // });
  952. // } else if (i == 11) {
  953. // uni.navigateTo({
  954. // url: '/pages/center/records/index?refresh=refresh&activeTotal=0'
  955. // });
  956. // } else if (i == 2) {
  957. // uni.switchTab({
  958. // url: '/pages/index/customer'
  959. // });
  960. // } else if (i == 3) {
  961. // if (this.zhixingcenterindex == 2) { // 近7天
  962. // uni.navigateTo({
  963. // url: '/pages/center/records/index?refresh=refresh&activeTotal=2&validInvalid=0'
  964. // });
  965. // } else if (this.zhixingcenterindex == 6) { //近30天
  966. // uni.navigateTo({
  967. // url: '/pages/center/records/index?refresh=refresh&activeTotal=3&validInvalid=0'
  968. // });
  969. // } else { // 自定义时间段
  970. // uni.navigateTo({
  971. // url: '/pages/center/records/index?refresh=refresh&activeTotal=4&validInvalid=0&staTime=' +
  972. // this.statDateStart + '&endtime=' + this.statDateEnd
  973. // });
  974. // }
  975. // } else if (i == 33) {
  976. // if (this.zhixingcenterindex == 2) { // 近7天
  977. // uni.navigateTo({
  978. // url: '/pages/center/records/index?refresh=refresh&activeTotal=2'
  979. // });
  980. // } else if (this.zhixingcenterindex == 6) { //近30天
  981. // uni.navigateTo({
  982. // url: '/pages/center/records/index?refresh=refresh&activeTotal=3'
  983. // });
  984. // } else { // 自定义时间段
  985. // uni.navigateTo({
  986. // url: '/pages/center/records/index?refresh=refresh&activeTotal=4&staTime=' + this
  987. // .statDateStart + '&endtime=' + this.statDateEnd
  988. // });
  989. // }
  990. // } else if (i == 6) {
  991. // uni.navigateTo({
  992. // url: '/pages/center/records/index?refresh=refresh&activeTotal=0&validInvalid=0'
  993. // });
  994. // } else if (i == 7) {
  995. // if (this.zhixingcenterindex == 2) {
  996. // uni.navigateTo({
  997. // url: '/pages/center/records/index?refresh=refresh&activeTotal=2&validInvalid=0'
  998. // });
  999. // } else if (this.zhixingcenterindex == 6) {
  1000. // uni.navigateTo({
  1001. // url: '/pages/center/records/index?refresh=refresh&activeTotal=3&validInvalid=0'
  1002. // });
  1003. // } else {
  1004. // uni.navigateTo({
  1005. // url: '/pages/center/records/index?refresh=refresh&activeTotal=4&validInvalid=0&staTime=' +
  1006. // this.statDateStart + '&endtime=' + this.statDateEnd
  1007. // });
  1008. // }
  1009. // } else {
  1010. // uni.navigateTo({
  1011. // url: '/pages/center/records/index?refresh=refresh&activeTotal=0&markAdvisor=0&validInvalid=0'
  1012. // });
  1013. // }
  1014. // }
  1015. // },
  1016. //集团对比
  1017. Groupcontrast() {
  1018. uni.navigateTo({
  1019. url: '/pages/center/Piabodata/Groupcontrast'
  1020. });
  1021. },
  1022. //团队对比
  1023. Theteamcompared() {
  1024. // if (this.teamList.length == 0) {
  1025. // uni.showToast({
  1026. // title: '没有团队呢',
  1027. // icon: 'none'
  1028. // })
  1029. // return
  1030. // }
  1031. uni.navigateTo({
  1032. url: '/pages/center/Piabodata/Theteamcompared'
  1033. });
  1034. },
  1035. //用户洞察
  1036. toUserinsightinto() {
  1037. uni.navigateTo({
  1038. url: '/pages/center/Piabodata/Userinsightinto'
  1039. });
  1040. },
  1041. //趋势分析
  1042. toTrendAnalysis() {
  1043. uni.navigateTo({
  1044. url: '/pages/center/Piabodata/TrendAnalysis'
  1045. });
  1046. },
  1047. //员工分析
  1048. toStaffAnalysis() {
  1049. // if (this.staffList.length == 0) {
  1050. // uni.showToast({
  1051. // title: '没有团队呢',
  1052. // icon: 'none'
  1053. // })
  1054. // return
  1055. // }
  1056. uni.navigateTo({
  1057. url: '/pages/center/Piabodata/StaffAnalysis'
  1058. });
  1059. },
  1060. Piabodata(item) {
  1061. if (item == '销讲分析') {
  1062. uni.navigateTo({
  1063. url: '/pages/center/Piabodata/index'
  1064. });
  1065. } else if (item == '接待记录') {
  1066. uni.navigateTo({
  1067. url: '/pages/center/records/index?refresh=refresh'
  1068. });
  1069. } else if (item == '值班顾问') {
  1070. uni.navigateTo({
  1071. url: '/pages/mine/consultanonduty/index'
  1072. });
  1073. } else if (item == '设备管理') {
  1074. uni.navigateTo({
  1075. url: '/pages/mine/equipment/index'
  1076. });
  1077. } else if (item == '顾问排名') {
  1078. uni.navigateTo({
  1079. url: '/pages/center/Piabodata/Employeesstatistics'
  1080. });
  1081. } else if (item == '违禁记录') {
  1082. uni.navigateTo({
  1083. url: '/pages/center/prohibited/index?refresh=refresh'
  1084. });
  1085. } else if (item == '日报') {
  1086. uni.navigateTo({
  1087. url: '/pages/mine/daily/dailyList?refresh=refresh'
  1088. });
  1089. } else {
  1090. uni.navigateTo({
  1091. url: '/pages/center/consumer/index?refresh=refresh'
  1092. });
  1093. }
  1094. },
  1095. },
  1096. };
  1097. </script>
  1098. <style lang="scss" scoped>
  1099. .activecllasscet {
  1100. font-size: 28rpx;
  1101. font-weight: 400;
  1102. color: #008ef2;
  1103. }
  1104. .cet {
  1105. font-size: 28rpx;
  1106. font-weight: 400;
  1107. color: #333333;
  1108. .cetview {
  1109. margin-left: 20rpx;
  1110. }
  1111. }
  1112. .cented-box {
  1113. padding: 30rpx;
  1114. background: #F8F8F8;
  1115. width: 100%;
  1116. height: 100%;
  1117. }
  1118. .Switchingbox {
  1119. width: 100%;
  1120. height: 44rpx;
  1121. margin-bottom: 30rpx;
  1122. display: flex;
  1123. align-items: center;
  1124. .Switching1 {
  1125. width: 44rpx;
  1126. height: 44rpx;
  1127. .Switching1-img {
  1128. width: 44rpx;
  1129. height: 44rpx;
  1130. }
  1131. }
  1132. .Switching2 {
  1133. margin: 0 12rpx;
  1134. flex: 1;
  1135. height: 44rpx;
  1136. font-size: 32rpx;
  1137. font-family: PingFangSC-Medium, PingFang SC;
  1138. font-weight: 500;
  1139. color: #303030;
  1140. line-height: 44rpx;
  1141. }
  1142. .Switching4 {
  1143. width: 112rpx;
  1144. font-size: 28rpx;
  1145. color: #303030;
  1146. font-weight: 400;
  1147. text-align: right;
  1148. text-decoration: underline;
  1149. font-family: PingFangSC-Regular, PingFang SC;
  1150. }
  1151. }
  1152. .gongpai {
  1153. margin-bottom: 20rpx;
  1154. }
  1155. .Workcard {
  1156. width: 100%;
  1157. background: #FFFFFF;
  1158. height: 154rpx;
  1159. box-shadow: 0px 0px 12rpx 0px rgba(224, 224, 224, 0.3);
  1160. border-radius: 12rpx;
  1161. display: flex;
  1162. .Workcard-box {
  1163. flex: 1;
  1164. height: 100%;
  1165. .Workcardimg {
  1166. width: 100%;
  1167. display: flex;
  1168. justify-content: center;
  1169. margin-top: 42rpx;
  1170. .Workcardimg1 {
  1171. width: 64rpx;
  1172. height: 36rpx;
  1173. background-image: url(../../static/images/battery.png);
  1174. background-size: 100% 100%;
  1175. padding: 8rpx;
  1176. transform: rotate(-90deg);
  1177. .bar {
  1178. background-color: #43CD80;
  1179. height: 100%;
  1180. border-radius: 4rpx;
  1181. }
  1182. .bar1 {
  1183. background-color: red;
  1184. height: 100%;
  1185. border-radius: 4rpx;
  1186. }
  1187. }
  1188. .Workcardimg2 {
  1189. width: 56rpx;
  1190. height: 36rpx;
  1191. }
  1192. .Workcardimg3 {
  1193. width: 34rpx;
  1194. height: 36rpx;
  1195. }
  1196. .Workcardimg4 {
  1197. width: 50rpx;
  1198. height: 40rpx;
  1199. }
  1200. }
  1201. .Workcardtext {
  1202. width: 100%;
  1203. text-align: center;
  1204. font-size: 24rpx;
  1205. font-weight: 400;
  1206. color: #666666;
  1207. margin-top: 20rpx;
  1208. }
  1209. }
  1210. }
  1211. .contbox {
  1212. width: 690rpx;
  1213. background: #FFFFFF;
  1214. border-radius: 12rpx;
  1215. padding: 24rpx 0 30rpx;
  1216. margin-bottom: 20rpx;
  1217. .title {
  1218. height: 42rpx;
  1219. font-size: 30rpx;
  1220. font-family: PingFangSC-Semibold, PingFang SC;
  1221. font-weight: 600;
  1222. color: #333333;
  1223. line-height: 42rpx;
  1224. margin-bottom: 24rpx;
  1225. display: flex;
  1226. align-items: center;
  1227. .title-icon {
  1228. width: 12rpx;
  1229. height: 20rpx;
  1230. margin-right: 18rpx;
  1231. }
  1232. }
  1233. .timeshow {
  1234. height: 40rpx;
  1235. font-size: 28rpx;
  1236. font-family: PingFangSC-Regular, PingFang SC;
  1237. font-weight: 400;
  1238. color: #666666;
  1239. line-height: 40rpx;
  1240. margin: -18rpx 0 24rpx 35rpx;
  1241. }
  1242. }
  1243. .shebenbox {
  1244. width: 100%;
  1245. display: flex;
  1246. .shebenche {
  1247. width: 25%;
  1248. height: 100%;
  1249. .shebenchenum {
  1250. width: 100%;
  1251. text-align: center;
  1252. height: 50rpx;
  1253. font-size: 36rpx;
  1254. font-family: SourceHanSansCN-Medium, SourceHanSansCN;
  1255. font-weight: bold;
  1256. color: #333333;
  1257. line-height: 50rpx;
  1258. }
  1259. .shebenchetext {
  1260. width: 100%;
  1261. color: #666666;
  1262. text-align: center;
  1263. margin-top: 8rpx;
  1264. height: 32rpx;
  1265. font-size: 24rpx;
  1266. font-family: PingFangSC-Regular, PingFang SC;
  1267. font-weight: 400;
  1268. line-height: 32rpx;
  1269. }
  1270. }
  1271. }
  1272. //今日工作
  1273. .real-timebox {
  1274. width: 100%;
  1275. .timebox {
  1276. width: 100%;
  1277. display: flex;
  1278. margin-bottom: 20rpx;
  1279. .real {
  1280. flex: 1;
  1281. height: 100%;
  1282. .realnum {
  1283. width: 100%;
  1284. text-align: center;
  1285. height: 50rpx;
  1286. font-size: 36rpx;
  1287. font-family: SourceHanSansCN-Medium, SourceHanSansCN;
  1288. font-weight: bold;
  1289. color: #333333;
  1290. line-height: 50rpx;
  1291. .qushi-icon {
  1292. width: 28rpx;
  1293. height: 14rpx;
  1294. margin-left: 2rpx;
  1295. }
  1296. }
  1297. .realtext {
  1298. width: 100%;
  1299. text-align: center;
  1300. margin-top: 8rpx;
  1301. height: 32rpx;
  1302. font-size: 24rpx;
  1303. font-family: PingFangSC-Regular, PingFang SC;
  1304. font-weight: 400;
  1305. color: #666666;
  1306. line-height: 32rpx;
  1307. }
  1308. }
  1309. }
  1310. }
  1311. .commonly-box {
  1312. width: 100%;
  1313. display: flex;
  1314. flex-wrap: wrap;
  1315. .commonly {
  1316. width: 25%;
  1317. margin-bottom: 28rpx;
  1318. .commonly-img {
  1319. width: 100%;
  1320. height: 80rpx;
  1321. text-align: center;
  1322. .commonly-img1 {
  1323. width: 80rpx;
  1324. height: 80rpx;
  1325. }
  1326. }
  1327. .commonly-text {
  1328. width: 100%;
  1329. text-align: center;
  1330. margin-top: 12rpx;
  1331. height: 32rpx;
  1332. font-size: 24rpx;
  1333. font-family: PingFangSC-Regular, PingFang SC;
  1334. font-weight: 400;
  1335. color: #333333;
  1336. line-height: 32rpx;
  1337. }
  1338. }
  1339. }
  1340. .timeview {
  1341. height: 90rpx;
  1342. line-height: 90rpx;
  1343. width: 100%;
  1344. text-align: center;
  1345. border-bottom: 1rpx solid #f8f8f8;
  1346. }
  1347. .endworking {
  1348. margin-top: 20rpx;
  1349. padding: 15rpx 30rpx;
  1350. width: 100%;
  1351. }
  1352. .sixty {
  1353. background-color: #FDFCDA;
  1354. }
  1355. .fifteen {
  1356. background-color: #F9C8C8;
  1357. color: #ff0000;
  1358. }
  1359. </style>