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.
 
 
 
 

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