AI销管
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

1566 lines
45 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. if (this.$domain == 'zh.aihxz.com') {
  557. uni.setNavigationBarTitle({
  558. title: '云筑数智助手',
  559. })
  560. }
  561. this.LOADING = true
  562. this.sendLog({
  563. houseId: uni.getStorageSync(
  564. 'buildingID').id,
  565. houseName: uni.getStorageSync(
  566. 'buildingID').name
  567. })
  568. },
  569. onPullDownRefresh() {
  570. this.getMenu()
  571. this.userInfo = uni.getStorageSync('weapp_session_userInfo_data');
  572. if (this.userInfo.dataCode == 6 || this.userInfo.dataCode == 3) {
  573. this.methodsisshow = false;
  574. } else {
  575. this.methodsisshow = true;
  576. }
  577. if (this.userInfo.zkProperties.length == 1) {
  578. this.buildingID = uni.getStorageSync('buildingID').id;
  579. this.buildingname = uni.getStorageSync('buildingID').name;
  580. this.buildingishow = false;
  581. } else {
  582. this.buildingishow = true;
  583. this.buildingname = uni.getStorageSync('buildingID').name;
  584. this.buildingID = uni.getStorageSync('buildingID').id;
  585. this.userInfo.zkProperties.forEach(item => {
  586. item.label = item.propertyName;
  587. item.value = item.id
  588. })
  589. this.lpanlist = this.userInfo.zkProperties
  590. }
  591. if (this.userInfo.dataCode == 6) {
  592. // this.Myworkcard = true;
  593. this.equipmentisshow = false;
  594. this.iniodianloang()
  595. } else {
  596. this.equipmentisshow = true;
  597. // this.Myworkcard = false;
  598. this.initequipment()
  599. this.waitForOperation()
  600. }
  601. this.initworkThisWeek()
  602. this.initrealTimeStatistics()
  603. setTimeout(() => {
  604. uni.stopPullDownRefresh()
  605. }, 3000)
  606. },
  607. onShow() {
  608. this.upDateBulidIngObj()
  609. this.getMenu()
  610. this.userInfo = uni.getStorageSync('weapp_session_userInfo_data');
  611. if (this.userInfo.dataCode == 6 || this.userInfo.dataCode == 3) {
  612. this.methodsisshow = false;
  613. } else {
  614. this.methodsisshow = true;
  615. }
  616. if (this.userInfo.zkProperties && this.userInfo.zkProperties.length == 1) {
  617. this.buildingID = uni.getStorageSync('buildingID').id;
  618. this.buildingname = uni.getStorageSync('buildingID').name;
  619. this.buildingishow = false;
  620. uni.setStorageSync('orgCode', this.userInfo.zkProperties[0].orgCode)
  621. } else {
  622. this.buildingishow = true;
  623. this.buildingname = uni.getStorageSync('buildingID').name;
  624. this.buildingID = uni.getStorageSync('buildingID').id;
  625. if (this.userInfo.zkProperties && this.userInfo.zkProperties.length) {
  626. this.userInfo.zkProperties.forEach(item => {
  627. item.label = item.propertyName;
  628. item.value = item.id
  629. })
  630. }
  631. this.lpanlist = this.userInfo.zkProperties
  632. }
  633. if (this.userInfo.dataCode == 6) {
  634. // this.Myworkcard = true;
  635. this.equipmentisshow = false;
  636. this.iniodianloang()
  637. } else {
  638. this.equipmentisshow = true;
  639. // this.Myworkcard = false;
  640. this.initequipment()
  641. this.waitForOperation()
  642. }
  643. this.initworkThisWeek()
  644. this.initrealTimeStatistics()
  645. this.updateInit()
  646. this.findByHouseIdForRecharge()
  647. },
  648. methods: {
  649. // 跳转客户详情
  650. toCustomerManagement(str) {
  651. console.log(str)
  652. console.log(this.zhixingcenterindex)
  653. if (str != 'dateType') {
  654. // dateType == 2 //
  655. if (this.zhixingcenterindex != 7) {
  656. let index = this.zhixingcenterindex == 6 ? 3 : 2
  657. uni.navigateTo({
  658. url: `/pages/center/consumer/index?refresh=refresh&dateType=${index}`
  659. })
  660. } else {
  661. uni.navigateTo({
  662. url: `/pages/center/consumer/index?refresh=refresh&dateType=4&staTime=${this.statDateStart}&endTime=${this.statDateEnd}`
  663. })
  664. }
  665. } else {
  666. console.log('adasdasljdlks', str)
  667. uni.navigateTo({
  668. url: `/pages/center/consumer/index?refresh=refresh&dateType=0`
  669. })
  670. }
  671. },
  672. // 数据看板
  673. toDataBoard() {
  674. uni.navigateTo({
  675. url: '/pages/center/dataBoard/dataBoard'
  676. });
  677. },
  678. toWoring() {
  679. uni.navigateTo({
  680. url: '/pages/center/warningList/warningList'
  681. });
  682. },
  683. // 需求挖掘分析
  684. toRequireAnalysis() {
  685. uni.navigateTo({
  686. url: '/pages/center/Piabodata/requireminingAnalysis'
  687. });
  688. },
  689. updateInit() {
  690. this.$u.get(config.service.notReadNum, {
  691. id: uni.getStorageSync('weapp_session_userInfo_data').accountId,
  692. projectId: uni.getStorageSync('buildingID').id
  693. }).then(res => {
  694. console.log(res)
  695. if (res > 0) {
  696. uni.setTabBarBadge({ //显示数字
  697. index: 4, //tabbar下标
  698. text: `${res}` //数字
  699. })
  700. } else {
  701. uni.removeTabBarBadge({
  702. index: 4
  703. })
  704. }
  705. }).catch(e => {
  706. uni.removeTabBarBadge({
  707. index: 4
  708. })
  709. })
  710. },
  711. indexStatus(i) {
  712. if (this.permissions.sbgl == true) {
  713. if (i == 0) {
  714. uni.switchTab({
  715. url: "/pages/index/customer"
  716. })
  717. } else if (i == 1) {
  718. uni.navigateTo({
  719. url: '/pages/center/records/index?refresh=refresh&markAdvisor=0'
  720. });
  721. } else if (i == 3) {
  722. uni.navigateTo({
  723. url: '/pages/center/prohibited/index?refresh=refresh'
  724. });
  725. }
  726. }
  727. },
  728. //时间选择
  729. tabtimetap(index, str) {
  730. this.timeshow = false;
  731. if (index == 7) {
  732. this.totalTimeShow = true;
  733. } else {
  734. console.log(str)
  735. this.choiceIndex = str
  736. this.zhixingcenterindex = index;
  737. this.initworkThisWeek()
  738. }
  739. },
  740. taptimeisshow() {
  741. this.timeshow = true;
  742. },
  743. //获取权限
  744. getMenu() {
  745. uni.request({
  746. url: config.service.getMenu,
  747. method: "POST",
  748. header: {
  749. 'content-type': 'application/json',
  750. 'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token
  751. },
  752. success: (data) => {
  753. console.log(data, 'dsadjsakljlkj123kl12321')
  754. let rescor = data.data;
  755. if (rescor.code == 0) {
  756. uni.setStorageSync("weapp_session_Menu_data", rescor.data)
  757. console.log(rescor.data, '这里')
  758. this.permissions = rescor.data;
  759. console.log(this.permissions, '这里per')
  760. }
  761. }
  762. })
  763. },
  764. //自定义时间
  765. totalTimeChange(e) {
  766. this.statDateStart = e.startDate;
  767. this.statDateEnd = e.endDate;
  768. this.choiceIndex = `${e.startDate.replace(/\-/g, '.')}-${e.endDate.replace(/\-/g, '.')}`
  769. this.zhixingcenterindex = 7;
  770. this.initworkThisWeek()
  771. },
  772. tabtimeclick(i) {
  773. if (i == 7) {
  774. this.totalTimeShow = true;
  775. } else {
  776. this.zhixingcenterindex = i;
  777. this.initworkThisWeek()
  778. }
  779. },
  780. initworkThisWeek() {
  781. uni.request({
  782. url: config.service.workThisWeek,
  783. method: "POST",
  784. header: {
  785. 'content-type': 'application/json',
  786. 'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token
  787. },
  788. data: {
  789. houseId: this.buildingID,
  790. dateType: this.zhixingcenterindex == 7 ? null : this.zhixingcenterindex,
  791. statDateStart: this.statDateStart,
  792. statDateEnd: this.statDateEnd
  793. },
  794. success: (data) => {
  795. if (data.data.data == null) {
  796. return
  797. } else {
  798. this.Thisweekobj = data.data.data
  799. }
  800. }
  801. })
  802. },
  803. //实时统计
  804. initrealTimeStatistics() {
  805. uni.request({
  806. url: config.service.realTimeStatistics,
  807. method: "POST",
  808. header: {
  809. 'content-type': 'application/json',
  810. 'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token
  811. },
  812. data: {
  813. houseId: this.buildingID
  814. },
  815. success: (data) => {
  816. this.LOADING = false
  817. if (data.data.data == null) {
  818. return
  819. } else {
  820. this.realtimeobj = data.data.data
  821. if (data.data.data.receivingCustomer > 0) {
  822. uni.setTabBarBadge({
  823. index: 0,
  824. text: `${data.data.data.receivingCustomer}`
  825. })
  826. } else {
  827. uni.removeTabBarBadge({
  828. index: 0,
  829. })
  830. }
  831. }
  832. },
  833. fail: () => {
  834. this.LOADING = false
  835. }
  836. })
  837. },
  838. // 转写充值剩余
  839. findByHouseIdForRecharge() {
  840. this.$u.get(`/cusLvStatistics/findByHouseIdForRecharge?houseId=${this.buildingID}`).then(res => {
  841. console.log(res)
  842. if (res) {
  843. this.paraphraseObj = res.list
  844. }
  845. })
  846. },
  847. //设备
  848. initequipment() {
  849. uni.request({
  850. url: config.service.findEquipmentState,
  851. method: "POST",
  852. header: {
  853. 'content-type': 'application/json',
  854. 'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token
  855. },
  856. data: {
  857. propertyId: this.buildingID
  858. },
  859. success: (data) => {
  860. if (data.data.data == null) {
  861. return
  862. } else {
  863. this.equipmentobj = {
  864. totalNum: data.data.data.totalNum,
  865. onlineNum: data.data.data.onlineNum,
  866. activeNum: data.data.data.activeNum,
  867. lowPowerNum: data.data.data.lowPowerNum,
  868. }
  869. }
  870. }
  871. })
  872. },
  873. // 待处理
  874. waitForOperation() {
  875. this.$u.post('/cusLvStatistics/waitForOperation ', {
  876. houseId: this.buildingID
  877. })
  878. .then(res => {
  879. // console.log(res,'带接待')
  880. this.operation.receptionCount = res.receptionCount
  881. this.operation.accountCount = res.accountCount
  882. this.operation.forbiddenCount = res.forbiddenCount
  883. this.operation.lowPowerNum = res.lowPowerNum
  884. })
  885. },
  886. //我的工牌
  887. iniodianloang() {
  888. uni.request({
  889. url: config.service.findElectricity,
  890. method: "POST",
  891. header: {
  892. 'content-type': 'application/json',
  893. 'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token
  894. },
  895. data: {
  896. propertyId: this.buildingID,
  897. accPhone: this.userInfo.username
  898. },
  899. success: (data) => {
  900. if (data.data.data == null) {
  901. return
  902. } else {
  903. this.imeiCode = data.data.data.imei
  904. this.openFlag = data.data.data.recCmd
  905. if (data.data.data > 100) {
  906. this.percentage = 100;
  907. } else {
  908. if (data.data.data.onLine == 0) {
  909. this.Whetheroffline = false;
  910. } else {
  911. this.Whetheroffline = true;
  912. this.percentage = data.data.data.electricity;
  913. this.signalDevice = data.data.data.signalDevice / 1;
  914. console.log(this.signalDevice)
  915. this.audioStatus = data.data.data.simAudioStatus;
  916. if (this.signalDevice > 80) {
  917. this.signalDevicetext = '高';
  918. } else {
  919. if (this.signalDevice == 0) {
  920. this.signalDevicetext = '无';
  921. } else {
  922. this.signalDevicetext = '低';
  923. }
  924. }
  925. }
  926. }
  927. }
  928. }
  929. })
  930. },
  931. //选择项目弹框
  932. piskbuilding() {
  933. // this.Showhiddenunits = true;
  934. uni.navigateTo({
  935. url: "../mine/selectBuilding"
  936. })
  937. },
  938. // 项目选择确认
  939. confirm(e) {
  940. this.buildingname = e[0].label;
  941. this.buildingID = e[0].value;
  942. let lopan = {
  943. id: e[0].value,
  944. name: e[0].label
  945. }
  946. uni.setStorageSync("buildingID", lopan); //项目id写入缓存
  947. uni.setStorageSync("orgCode", e[0].orgCode); //项目id写入缓存
  948. this.initworkThisWeek()
  949. this.initrealTimeStatistics()
  950. this.waitForOperation()
  951. this.initequipment()
  952. this.iniodianloang()
  953. },
  954. // 项目选择取消
  955. cancel() {
  956. this.Showhiddenunits = false;
  957. },
  958. tapjumpequipment(i) {
  959. if (this.permissions.sbgl == true) {
  960. uni.navigateTo({
  961. url: '/pages/mine/equipment/index?active=' + i
  962. });
  963. }
  964. },
  965. prohibitedtap(i) {
  966. if (i == 1) {
  967. uni.navigateTo({
  968. url: '/pages/center/prohibited/index?refresh=refresh&activeTotal=0' + '&violatedStatus=1'
  969. });
  970. } else {
  971. if (this.zhixingcenterindex == 2) {
  972. uni.navigateTo({
  973. url: '/pages/center/prohibited/index?refresh=refresh&activeTotal=2' +
  974. '&violatedStatus=1'
  975. });
  976. } else if (this.zhixingcenterindex == 6) { //近30天
  977. uni.navigateTo({
  978. url: '/pages/center/prohibited/index?refresh=refresh&activeTotal=3' +
  979. '&violatedStatus=1'
  980. });
  981. } else { // 自定义时间段
  982. uni.navigateTo({
  983. url: '/pages/center/prohibited/index?refresh=refresh&activeTotal=4&staTime=' + this
  984. .statDateStart + '&endtime=' + this.statDateEnd + '&violatedStatus=1'
  985. });
  986. }
  987. }
  988. },
  989. // 跳转参数
  990. checkParams(i) {
  991. let str = ''
  992. switch (i) {
  993. case '1':
  994. str = '&activeTotal=0';
  995. break;
  996. case 'auth':
  997. str = '&activeTotal=0&validInvalid=0'
  998. break;
  999. case '3':
  1000. // 筛选时间类型后传的参数
  1001. if (this.zhixingcenterindex == 2) {
  1002. str = '&activeTotal=2'
  1003. } else if (this.zhixingcenterindex == 6) {
  1004. str = '&activeTotal=3'
  1005. } else {
  1006. str = `&activeTotal=4&staTime=${this.statDateStart}&endtime=${this.statDateEnd}`
  1007. }
  1008. break;
  1009. case '333':
  1010. case '7':
  1011. if (this.zhixingcenterindex == 2) {
  1012. str = '&activeTotal=2&validInvalid=0'
  1013. } else if (this.zhixingcenterindex == 6) {
  1014. str = '&activeTotal=3&validInvalid=0'
  1015. } else {
  1016. str = `&activeTotal=4&staTime=${this.statDateStart}&endtime=${this.statDateEnd}&validInvalid=0`
  1017. }
  1018. break;
  1019. case '6':
  1020. str = '&activeTotal=0&validInvalid=0'
  1021. break;
  1022. case '4':
  1023. str = '&activeTotal=0&markAdvisor=0&validInvalid=0'
  1024. break;
  1025. case '44':
  1026. if (this.zhixingcenterindex == 2) {
  1027. str = '&activeTotal=2&validInvalid=0&markAdvisor=0'
  1028. } else if (this.zhixingcenterindex == 6) {
  1029. str = '&activeTotal=3&validInvalid=0&markAdvisor=0'
  1030. } else {
  1031. str =
  1032. `&activeTotal=4&staTime=${this.statDateStart}&endtime=${this.statDateEnd}&validInvalid=0&markAdvisor=0`
  1033. }
  1034. break;
  1035. default:
  1036. str = '&activeTotal=0&markAdvisor=0'
  1037. break;
  1038. }
  1039. return str
  1040. },
  1041. // 跳转
  1042. tapjumpreception(params) {
  1043. // 校验是否有权限
  1044. if (this.permissions.jdjl) {
  1045. uni.navigateTo({
  1046. url: `/pages/center/records/index?refresh=refresh${params}`
  1047. });
  1048. }
  1049. },
  1050. // tapjumpreception(i) {
  1051. // if (this.permissions.jdjl == true) {
  1052. // if (i == 1) {
  1053. // uni.navigateTo({
  1054. // url: '/pages/center/records/index?refresh=refresh&activeTotal=0&validInvalid=0'
  1055. // });
  1056. // } else if (i == 11) {
  1057. // uni.navigateTo({
  1058. // url: '/pages/center/records/index?refresh=refresh&activeTotal=0'
  1059. // });
  1060. // } else if (i == 2) {
  1061. // uni.switchTab({
  1062. // url: '/pages/index/customer'
  1063. // });
  1064. // } else if (i == 3) {
  1065. // if (this.zhixingcenterindex == 2) { // 近7天
  1066. // uni.navigateTo({
  1067. // url: '/pages/center/records/index?refresh=refresh&activeTotal=2&validInvalid=0'
  1068. // });
  1069. // } else if (this.zhixingcenterindex == 6) { //近30天
  1070. // uni.navigateTo({
  1071. // url: '/pages/center/records/index?refresh=refresh&activeTotal=3&validInvalid=0'
  1072. // });
  1073. // } else { // 自定义时间段
  1074. // uni.navigateTo({
  1075. // url: '/pages/center/records/index?refresh=refresh&activeTotal=4&validInvalid=0&staTime=' +
  1076. // this.statDateStart + '&endtime=' + this.statDateEnd
  1077. // });
  1078. // }
  1079. // } else if (i == 33) {
  1080. // if (this.zhixingcenterindex == 2) { // 近7天
  1081. // uni.navigateTo({
  1082. // url: '/pages/center/records/index?refresh=refresh&activeTotal=2'
  1083. // });
  1084. // } else if (this.zhixingcenterindex == 6) { //近30天
  1085. // uni.navigateTo({
  1086. // url: '/pages/center/records/index?refresh=refresh&activeTotal=3'
  1087. // });
  1088. // } else { // 自定义时间段
  1089. // uni.navigateTo({
  1090. // url: '/pages/center/records/index?refresh=refresh&activeTotal=4&staTime=' + this
  1091. // .statDateStart + '&endtime=' + this.statDateEnd
  1092. // });
  1093. // }
  1094. // } else if (i == 6) {
  1095. // uni.navigateTo({
  1096. // url: '/pages/center/records/index?refresh=refresh&activeTotal=0&validInvalid=0'
  1097. // });
  1098. // } else if (i == 7) {
  1099. // if (this.zhixingcenterindex == 2) {
  1100. // uni.navigateTo({
  1101. // url: '/pages/center/records/index?refresh=refresh&activeTotal=2&validInvalid=0'
  1102. // });
  1103. // } else if (this.zhixingcenterindex == 6) {
  1104. // uni.navigateTo({
  1105. // url: '/pages/center/records/index?refresh=refresh&activeTotal=3&validInvalid=0'
  1106. // });
  1107. // } else {
  1108. // uni.navigateTo({
  1109. // url: '/pages/center/records/index?refresh=refresh&activeTotal=4&validInvalid=0&staTime=' +
  1110. // this.statDateStart + '&endtime=' + this.statDateEnd
  1111. // });
  1112. // }
  1113. // } else {
  1114. // uni.navigateTo({
  1115. // url: '/pages/center/records/index?refresh=refresh&activeTotal=0&markAdvisor=0&validInvalid=0'
  1116. // });
  1117. // }
  1118. // }
  1119. // },
  1120. //集团对比
  1121. Groupcontrast() {
  1122. uni.navigateTo({
  1123. url: '/pages/center/Piabodata/Groupcontrast'
  1124. });
  1125. },
  1126. //团队对比
  1127. Theteamcompared() {
  1128. // if (this.teamList.length == 0) {
  1129. // uni.showToast({
  1130. // title: '没有团队呢',
  1131. // icon: 'none'
  1132. // })
  1133. // return
  1134. // }
  1135. uni.navigateTo({
  1136. url: '/pages/center/Piabodata/Theteamcompared'
  1137. });
  1138. },
  1139. //用户洞察
  1140. toUserinsightinto() {
  1141. uni.navigateTo({
  1142. url: '/pages/center/Piabodata/Userinsightinto'
  1143. });
  1144. },
  1145. //趋势分析
  1146. toTrendAnalysis() {
  1147. uni.navigateTo({
  1148. url: '/pages/center/Piabodata/TrendAnalysis'
  1149. });
  1150. },
  1151. //员工分析
  1152. toStaffAnalysis() {
  1153. // if (this.staffList.length == 0) {
  1154. // uni.showToast({
  1155. // title: '没有团队呢',
  1156. // icon: 'none'
  1157. // })
  1158. // return
  1159. // }
  1160. uni.navigateTo({
  1161. url: '/pages/center/Piabodata/StaffAnalysis'
  1162. });
  1163. },
  1164. Piabodata(item) {
  1165. if (item == '销讲分析') {
  1166. uni.navigateTo({
  1167. url: '/pages/center/Piabodata/index'
  1168. });
  1169. } else if (item == '接待记录') {
  1170. uni.navigateTo({
  1171. url: '/pages/center/records/index?refresh=refresh'
  1172. });
  1173. } else if (item == '值班顾问') {
  1174. uni.navigateTo({
  1175. url: '/pages/mine/consultanonduty/index'
  1176. });
  1177. } else if (item == '设备管理') {
  1178. uni.navigateTo({
  1179. url: '/pages/mine/equipment/index'
  1180. });
  1181. } else if (item == '顾问排名') {
  1182. uni.navigateTo({
  1183. url: '/pages/center/Piabodata/Employeesstatistics'
  1184. });
  1185. } else if (item == '违禁记录') {
  1186. uni.navigateTo({
  1187. url: '/pages/center/prohibited/index?refresh=refresh'
  1188. });
  1189. } else if (item == '日报') {
  1190. uni.navigateTo({
  1191. url: '/pages/mine/daily/dailyList?refresh=refresh'
  1192. });
  1193. } else {
  1194. uni.navigateTo({
  1195. url: '/pages/center/consumer/index?refresh=refresh'
  1196. });
  1197. }
  1198. },
  1199. },
  1200. };
  1201. </script>
  1202. <style lang="scss" scoped>
  1203. .activecllasscet {
  1204. font-size: 28rpx;
  1205. font-weight: 400;
  1206. color: #008ef2;
  1207. }
  1208. .cet {
  1209. font-size: 28rpx;
  1210. font-weight: 400;
  1211. color: #333333;
  1212. .cetview {
  1213. margin-left: 20rpx;
  1214. }
  1215. }
  1216. .cented-box {
  1217. padding: 30rpx;
  1218. background: #F8F8F8;
  1219. width: 100%;
  1220. height: 100%;
  1221. }
  1222. .Switchingbox {
  1223. width: 100%;
  1224. height: 44rpx;
  1225. margin-bottom: 30rpx;
  1226. display: flex;
  1227. align-items: center;
  1228. .Switching1 {
  1229. width: 44rpx;
  1230. height: 44rpx;
  1231. .Switching1-img {
  1232. width: 44rpx;
  1233. height: 44rpx;
  1234. }
  1235. }
  1236. .Switching2 {
  1237. margin: 0 12rpx;
  1238. flex: 1;
  1239. height: 44rpx;
  1240. font-size: 32rpx;
  1241. font-family: PingFangSC-Medium, PingFang SC;
  1242. font-weight: 500;
  1243. color: #303030;
  1244. line-height: 44rpx;
  1245. }
  1246. .Switching4 {
  1247. width: 112rpx;
  1248. font-size: 28rpx;
  1249. color: #303030;
  1250. font-weight: 400;
  1251. text-align: right;
  1252. text-decoration: underline;
  1253. font-family: PingFangSC-Regular, PingFang SC;
  1254. }
  1255. }
  1256. .gongpai {
  1257. margin-bottom: 20rpx;
  1258. }
  1259. .Workcard {
  1260. width: 100%;
  1261. background: #FFFFFF;
  1262. height: 154rpx;
  1263. box-shadow: 0px 0px 12rpx 0px rgba(224, 224, 224, 0.3);
  1264. border-radius: 12rpx;
  1265. display: flex;
  1266. .Workcard-box {
  1267. flex: 1;
  1268. height: 100%;
  1269. .Workcardimg {
  1270. width: 100%;
  1271. display: flex;
  1272. justify-content: center;
  1273. margin-top: 42rpx;
  1274. .Workcardimg1 {
  1275. width: 64rpx;
  1276. height: 36rpx;
  1277. background-image: url(../../static/images/battery.png);
  1278. background-size: 100% 100%;
  1279. padding: 8rpx;
  1280. transform: rotate(-90deg);
  1281. .bar {
  1282. background-color: #43CD80;
  1283. height: 100%;
  1284. border-radius: 4rpx;
  1285. }
  1286. .bar1 {
  1287. background-color: red;
  1288. height: 100%;
  1289. border-radius: 4rpx;
  1290. }
  1291. }
  1292. .Workcardimg2 {
  1293. width: 56rpx;
  1294. height: 36rpx;
  1295. }
  1296. .Workcardimg3 {
  1297. width: 34rpx;
  1298. height: 36rpx;
  1299. }
  1300. .Workcardimg4 {
  1301. width: 50rpx;
  1302. height: 40rpx;
  1303. }
  1304. }
  1305. .Workcardtext {
  1306. width: 100%;
  1307. text-align: center;
  1308. font-size: 24rpx;
  1309. font-weight: 400;
  1310. color: #666666;
  1311. margin-top: 20rpx;
  1312. }
  1313. }
  1314. }
  1315. .contbox {
  1316. width: 690rpx;
  1317. background: #FFFFFF;
  1318. border-radius: 12rpx;
  1319. padding: 24rpx 0 30rpx;
  1320. margin-bottom: 20rpx;
  1321. .title {
  1322. height: 42rpx;
  1323. font-size: 30rpx;
  1324. font-family: PingFangSC-Semibold, PingFang SC;
  1325. font-weight: 600;
  1326. color: #333333;
  1327. line-height: 42rpx;
  1328. margin-bottom: 24rpx;
  1329. display: flex;
  1330. align-items: center;
  1331. .title-icon {
  1332. width: 12rpx;
  1333. height: 20rpx;
  1334. margin-right: 18rpx;
  1335. }
  1336. }
  1337. .timeshow {
  1338. height: 40rpx;
  1339. font-size: 28rpx;
  1340. font-family: PingFangSC-Regular, PingFang SC;
  1341. font-weight: 400;
  1342. color: #666666;
  1343. line-height: 40rpx;
  1344. margin: -18rpx 0 24rpx 35rpx;
  1345. }
  1346. }
  1347. .shebenbox {
  1348. width: 100%;
  1349. display: flex;
  1350. .shebenche {
  1351. width: 25%;
  1352. height: 100%;
  1353. .shebenchenum {
  1354. width: 100%;
  1355. text-align: center;
  1356. height: 50rpx;
  1357. font-size: 36rpx;
  1358. font-family: SourceHanSansCN-Medium, SourceHanSansCN;
  1359. font-weight: bold;
  1360. color: #333333;
  1361. line-height: 50rpx;
  1362. }
  1363. .shebenchetext {
  1364. width: 100%;
  1365. color: #666666;
  1366. text-align: center;
  1367. margin-top: 8rpx;
  1368. height: 32rpx;
  1369. font-size: 24rpx;
  1370. font-family: PingFangSC-Regular, PingFang SC;
  1371. font-weight: 400;
  1372. line-height: 32rpx;
  1373. }
  1374. }
  1375. }
  1376. //今日工作
  1377. .real-timebox {
  1378. width: 100%;
  1379. .timebox {
  1380. width: 100%;
  1381. display: flex;
  1382. margin-bottom: 20rpx;
  1383. .real {
  1384. flex: 1;
  1385. height: 100%;
  1386. .realnum {
  1387. width: 100%;
  1388. text-align: center;
  1389. height: 50rpx;
  1390. font-size: 36rpx;
  1391. font-family: SourceHanSansCN-Medium, SourceHanSansCN;
  1392. font-weight: bold;
  1393. color: #333333;
  1394. line-height: 50rpx;
  1395. .qushi-icon {
  1396. width: 28rpx;
  1397. height: 14rpx;
  1398. margin-left: 2rpx;
  1399. }
  1400. }
  1401. .realtext {
  1402. width: 100%;
  1403. text-align: center;
  1404. margin-top: 8rpx;
  1405. height: 32rpx;
  1406. font-size: 24rpx;
  1407. font-family: PingFangSC-Regular, PingFang SC;
  1408. font-weight: 400;
  1409. color: #666666;
  1410. line-height: 32rpx;
  1411. }
  1412. }
  1413. }
  1414. }
  1415. .commonly-box {
  1416. width: 100%;
  1417. display: flex;
  1418. flex-wrap: wrap;
  1419. .commonly {
  1420. width: 25%;
  1421. margin-bottom: 28rpx;
  1422. .commonly-img {
  1423. width: 100%;
  1424. height: 80rpx;
  1425. text-align: center;
  1426. .commonly-img1 {
  1427. width: 80rpx;
  1428. height: 80rpx;
  1429. }
  1430. }
  1431. .commonly-text {
  1432. width: 100%;
  1433. text-align: center;
  1434. margin-top: 12rpx;
  1435. height: 32rpx;
  1436. font-size: 24rpx;
  1437. font-family: PingFangSC-Regular, PingFang SC;
  1438. font-weight: 400;
  1439. color: #333333;
  1440. line-height: 32rpx;
  1441. }
  1442. }
  1443. }
  1444. .timeview {
  1445. height: 90rpx;
  1446. line-height: 90rpx;
  1447. width: 100%;
  1448. text-align: center;
  1449. border-bottom: 1rpx solid #f8f8f8;
  1450. }
  1451. .endworking {
  1452. margin-top: 20rpx;
  1453. padding: 15rpx 30rpx;
  1454. width: 100%;
  1455. }
  1456. .sixty {
  1457. background-color: #FDFCDA;
  1458. }
  1459. .fifteen {
  1460. background-color: #F9C8C8;
  1461. color: #ff0000;
  1462. }
  1463. </style>