AI销管
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.
 
 
 
 

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