You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

918 lines
25 KiB

  1. <template>
  2. <view class="cented-box">
  3. <view class="Switchingbox">
  4. <view class="Switching1">
  5. <image class="Switching1-img" src="../../static/images/building.png" mode=""></image>
  6. </view>
  7. <view class="Switching2">楼盘:</view>
  8. <view class="Switching3">{{buildingname}}</view>
  9. <view class="Switching4" v-if="buildingishow" @click="piskbuilding()">切换楼盘</view>
  10. </view>
  11. <view class="title" style="margin-top: 30rpx;" v-if="permissions.myisshebei">我的工牌</view>
  12. <view v-if="permissions.myisshebei">
  13. <view class="Workcard" v-if="Whetheroffline==true">
  14. <view class="Workcard-box">
  15. <view class="Workcardimg">
  16. <view class="Workcardimg1">
  17. <view v-if="percentage>20" class="bar" :style="{width : percentage + '%' }"></view>
  18. <view v-if="percentage<20" class="bar1" :style="{width : percentage + '%' }"></view>
  19. </view>
  20. </view>
  21. <view class="Workcardtext">电量:{{percentage}}%</view>
  22. </view>
  23. <view class="Workcard-box">
  24. <view class="Workcardimg">
  25. <image v-if="signalDevice==''" class="Workcardimg2" src="../../static/images/signal0.png"
  26. mode=""></image>
  27. <image v-else-if="signalDevice<20 && signalDevice>0" class="Workcardimg2"
  28. src="../../static/images/signal1.png" mode=""></image>
  29. <image v-else-if="signalDevice<50 && signalDevice>20" class="Workcardimg2"
  30. src="../../static/images/signal2.png" mode=""></image>
  31. <image v-else-if="signalDevice<70 && signalDevice>50" class="Workcardimg2"
  32. src="../../static/images/signal3.png" mode=""></image>
  33. <image v-else-if="signalDevice<90 && signalDevice>70" class="Workcardimg2"
  34. src="../../static/images/signal4.png" mode=""></image>
  35. <image v-else-if="signalDevice<=100 && signalDevice>90" class="Workcardimg2"
  36. src="../../static/images/signal5.png" mode=""></image>
  37. </view>
  38. <view class="Workcardtext">信号:{{signalDevicetext}}</view>
  39. </view>
  40. <view class="Workcard-box">
  41. <view class="Workcardimg">
  42. <image v-if="audioStatus=='true'" class="Workcardimg3"
  43. src="../../static/images/Thtapedrive1.png" mode=""></image>
  44. <image v-if="audioStatus=='false'" class="Workcardimg3"
  45. src="../../static/images/Thtapedrive2.png" mode=""></image>
  46. </view>
  47. <view v-if="audioStatus=='true'" class="Workcardtext">录音:已开启</view>
  48. <view v-if="audioStatus=='false'" class="Workcardtext">录音:未开启</view>
  49. </view>
  50. </view>
  51. <view class="Workcard" v-if="Whetheroffline==false">
  52. <view class="Workcard-box">
  53. <view class="Workcardimg">
  54. <image class="Workcardimg4" src="../../static/images/offline.png" mode=""></image>
  55. </view>
  56. <view class="Workcardtext">设备离线</view>
  57. </view>
  58. </view>
  59. </view>
  60. <view class="title" v-if="permissions.shebeinum">设备</view>
  61. <view class="shebenbox" v-if="permissions.shebeinum" >
  62. <view class="shebenche" @click="tapjumpequipment(0)">
  63. <view class="shebenchenum">{{equipmentobj.totalNum || 0}}</view>
  64. <view class="shebenchetext">设备总数</view>
  65. </view>
  66. <view class="shebenche" @click="tapjumpequipment(1)">
  67. <view class="shebenchenum">{{equipmentobj.onlineNum || 0}}</view>
  68. <view class="shebenchetext">在线</view>
  69. </view>
  70. <view class="shebenche" @click="tapjumpequipment(3)">
  71. <view class="shebenchenum">{{equipmentobj.activeNum || 0}}</view>
  72. <view class="shebenchetext">活跃</view>
  73. </view>
  74. <view class="shebenche" @click="tapjumpequipment(2)">
  75. <view class="shebenchenum" style="color: red;">{{equipmentobj.lowPowerNum || 0}}</view>
  76. <view class="shebenchetext">急需充电</view>
  77. </view>
  78. </view>
  79. <view class="title" v-if="permissions.shishinum">实时统计</view>
  80. <view class="real-timebox" v-if="permissions.shishinum">
  81. <view class="timebox">
  82. <view class="real" @click="tapjumpreception('1')">
  83. <view class="realnum">{{realtimeobj.receptionCount || 0}}</view>
  84. <view class="realtext">接待量</view>
  85. </view>
  86. <view class="real" @click="tapjumpreception('6')">
  87. <view class="realnum">{{realtimeobj.activeCustomer|| 0}}</view>
  88. <view class="realtext">有效接待</view>
  89. </view>
  90. <view class="real" @click="tapjumpreception('2')">
  91. <view class="realnum">{{realtimeobj.receivingCustomer || 0}}</view>
  92. <view class="realtext">正在接待</view>
  93. </view>
  94. <view class="real" @click="tapjumpreception('4')">
  95. <view class="realnum">{{realtimeobj.tagCustomer || 0}}</view>
  96. <view class="realtext">未标顾问</view>
  97. </view>
  98. </view>
  99. <view class="timebox">
  100. <view class="real" @click="tapjumpreception('1')">
  101. <view class="realnum">{{realtimeobj.avgDuration|| 0}}</view>
  102. <view class="realtext">平均接待时长</view>
  103. </view>
  104. <view class="real" @click="tapjumpreception('1')">
  105. <view class="realnum">{{realtimeobj.fraction || 0}}%</view>
  106. <view class="realtext">平均执行率</view>
  107. </view>
  108. <view class="real" >
  109. <view @click="prohibitedtap(1)" v-if="methodsisshow==true" class="realnum" style="color: red;" >{{realtimeobj.prohibitedCustomer || 0}}</view>
  110. <view @click="prohibitedtap(1)" v-if="methodsisshow==true" class="realtext">违禁预警</view>
  111. </view>
  112. <view class="real">
  113. <view class="realnum"></view>
  114. <view class="realtext"></view>
  115. </view>
  116. </view>
  117. </view>
  118. <view class="title" v-if="permissions.jileinum" style="display: flex;">
  119. <view style="width: 55%;">概览</view>
  120. <view class="cet" style="display: flex;">
  121. <view class="cetview" :class="{ activecllasscet: zhixingcenterindex == 2 }" @click="tabtimeclick(2)">近7天</view>
  122. <view class="cetview" :class="{ activecllasscet: zhixingcenterindex == 6 }" @click="tabtimeclick(6)">近30天</view>
  123. <view class="cetview" :class="{ activecllasscet: zhixingcenterindex == 7 }" @click="tabtimeclick(7)">自定义</view>
  124. </view>
  125. </view>
  126. <view class="real-timebox" v-if="permissions.jileinum">
  127. <view class="timebox">
  128. <view class="real" @click="tapjumpreception('3')">
  129. <view class="realnum">{{Thisweekobj.receptionCount || 0}}</view>
  130. <view class="realtext">接待量</view>
  131. </view>
  132. <view class="real" @click="tapjumpreception('7')">
  133. <view class="realnum">{{Thisweekobj.activeCustomer|| 0}}</view>
  134. <view class="realtext">有效接待</view>
  135. </view>
  136. <view class="real" @click="tapjumpreception('3')">
  137. <view class="realnum">{{Thisweekobj.fraction || 0}}%</view>
  138. <view class="realtext">平均执行率</view>
  139. </view>
  140. </view>
  141. <view class="timebox">
  142. <view class="real" @click="tapjumpreception('3')">
  143. <view class="realnum">{{Thisweekobj.avgDuration|| 0}}</view>
  144. <view class="realtext">平均接待时长</view>
  145. </view>
  146. <view class="real" @click="prohibitedtap(2)" v-if="methodsisshow==true">
  147. <view class="realnum" style="color: red;" >{{Thisweekobj.prohibitedCustomer || 0}}</view>
  148. <view class="realtext">违禁预警</view>
  149. </view>
  150. <view class="real" v-else>
  151. <view class="realnum"></view>
  152. <view class="realtext"></view>
  153. </view>
  154. <view class="real">
  155. <view class="realnum"></view>
  156. <view class="realtext"></view>
  157. </view>
  158. </view>
  159. </view>
  160. <view class="title">常用功能</view>
  161. <view class="commonly-box">
  162. <view class="commonly" @click="Piabodata('客户管理')" v-if="permissions.commonly1">
  163. <view class="commonly-img">
  164. <image class="commonly-img1" src="../../static/images/function1.png" mode=""></image>
  165. </view>
  166. <view class="commonly-text">客户管理</view>
  167. </view>
  168. <view class="commonly" @click="Piabodata('接待记录')" v-if="permissions.commonly2">
  169. <view class="commonly-img">
  170. <image class="commonly-img1" src="../../static/images/function2.png" mode=""></image>
  171. </view>
  172. <view class="commonly-text">接待记录</view>
  173. </view>
  174. <view class="commonly" @click="Piabodata('违禁记录')" v-if="permissions.commonly3">
  175. <view class="commonly-img">
  176. <image class="commonly-img1" src="../../static/images/prohibited.png" mode=""></image>
  177. </view>
  178. <view class="commonly-text">违禁记录</view>
  179. </view>
  180. <view class="commonly" @click="Piabodata('销讲分析')" v-if="permissions.commonly4">
  181. <view class="commonly-img">
  182. <image class="commonly-img1" src="../../static/images/function4.png" mode=""></image>
  183. </view>
  184. <view class="commonly-text">销讲分析</view>
  185. </view>
  186. <view class="commonly" @click="Piabodata('设备管理')" v-if="permissions.commonly5">
  187. <view class="commonly-img">
  188. <image class="commonly-img1" src="../../static/images/function5.png" mode=""></image>
  189. </view>
  190. <view class="commonly-text">设备管理</view>
  191. </view>
  192. <view class="commonly" @click="Piabodata('值班顾问')" v-if="permissions.commonly6">
  193. <view class="commonly-img">
  194. <image class="commonly-img1" src="../../static/images/function6.png" mode=""></image>
  195. </view>
  196. <view class="commonly-text">值班顾问</view>
  197. </view>
  198. <view class="commonly" @click="Piabodata('顾问排名')" v-if="permissions.commonly7">
  199. <view class="commonly-img">
  200. <image class="commonly-img1" src="../../static/images/rankingguwen.png" mode=""></image>
  201. </view>
  202. <view class="commonly-text">顾问排名</view>
  203. </view>
  204. </view>
  205. <!-- 楼盘切换 -->
  206. <view v-if="Showhiddenunits">
  207. <u-select :mask-close-able="false" v-model="Showhiddenunits" mode="single-column" :list="lpanlist"
  208. @cancel="cancel" @confirm="confirm"></u-select>
  209. </view>
  210. <u-calendar v-model="totalTimeShow" mode="range" @change="totalTimeChange"></u-calendar>
  211. </view>
  212. </template>
  213. <script>
  214. var config = require("../../config");
  215. export default {
  216. data() {
  217. return {
  218. userInfo: {},
  219. Showhiddenunits: false,
  220. lpanlist: [], //楼盘列表
  221. buildingname: '', //楼盘名
  222. buildingID: '', //楼盘id
  223. buildingishow: false, //是否选择楼盘
  224. // Myworkcard: false,
  225. percentage: '', //设备电量
  226. Whetheroffline: false, //是否离线
  227. signalDevice: 0, //信号
  228. signalDevicetext: "",
  229. audioStatus: false,
  230. equipmentisshow: false,
  231. equipmentobj: {
  232. totalNum: '',
  233. onlineNum: '',
  234. activeNum: '',
  235. lowPowerNum: '',
  236. },
  237. Menulist: [],
  238. realtimeobj: {
  239. sumCustomer: '',
  240. receivingCustomer: '',
  241. activeCustomer: '',
  242. prohibitedCustomer: '',
  243. tagCustomer: '',
  244. fraction: '',
  245. receptionCount:''
  246. },
  247. Thisweekobj: {
  248. sumCustomer: '',
  249. receivingCustomer: '',
  250. activeCustomer: '',
  251. prohibitedCustomer: '',
  252. tagCustomer: '',
  253. fraction: '',
  254. receptionCount:''
  255. },
  256. methodsisshow:false,
  257. zhixingcenterindex:2,
  258. totalTimeShow: false,
  259. statDateStart:'',
  260. statDateEnd:'',
  261. permissions:{
  262. commonly1:false,
  263. commonly2:false,
  264. commonly3:false,
  265. commonly4:false,
  266. commonly5:false,
  267. commonly6:false,
  268. commonly7:false,
  269. myisshebei:false,
  270. shebeinum:false,
  271. shishinum:false,
  272. jileinum:false
  273. },
  274. // 客户管理 khgl
  275. // 查看 khgl_ck
  276. // 编辑 khgl_bj
  277. // 跟进 khgl_gj
  278. // 接待记录 jdjl
  279. // 查看 jdjl_ck
  280. // 标记顾问 bjgw
  281. // 接待无效标记 jdwxbj
  282. // 设为优秀案例 swyxal
  283. // 常错词 ccc
  284. // 校准 xz
  285. // 查看违禁执行 ckwjzx
  286. // 销讲分析 xjfx
  287. // 数据总览 sjzl
  288. // 楼盘对比 lpdb
  289. // 销讲趋势 xjqs
  290. // 团队对比 tddb
  291. // 顾问能力 gwnl
  292. // 用户画像 yhhx
  293. };
  294. },
  295. components: {},
  296. onShow() {
  297. this.getMenu()
  298. this.userInfo = uni.getStorageSync('weapp_session_userInfo_data');
  299. if(this.userInfo.dataCode==6 || this.userInfo.dataCode==3){
  300. this.methodsisshow=false;
  301. }else{
  302. this.methodsisshow=true;
  303. }
  304. if (this.userInfo.zkProperties.length == 1) {
  305. this.buildingID = uni.getStorageSync('buildingID').id;
  306. this.buildingname = uni.getStorageSync('buildingID').name;
  307. this.buildingishow = false;
  308. } else {
  309. this.buildingishow = true;
  310. this.buildingname = uni.getStorageSync('buildingID').name;
  311. this.buildingID = uni.getStorageSync('buildingID').id;
  312. this.userInfo.zkProperties.forEach(item => {
  313. item.label = item.propertyName;
  314. item.value = item.id
  315. })
  316. this.lpanlist = this.userInfo.zkProperties
  317. }
  318. if (this.userInfo.dataCode == 6) {
  319. // this.Myworkcard = true;
  320. this.equipmentisshow = false;
  321. this.iniodianloang()
  322. } else {
  323. this.equipmentisshow = true;
  324. // this.Myworkcard = false;
  325. this.initequipment()
  326. }
  327. this.initworkThisWeek()
  328. this.initrealTimeStatistics()
  329. },
  330. methods: {
  331. //获取权限
  332. getMenu(){
  333. uni.request({
  334. url: config.service.getMenu,
  335. method: "POST",
  336. header: {
  337. 'content-type': 'application/json',
  338. 'Authorization': 'Bearer '+uni.getStorageSync('weapp_session_login_data').token
  339. },
  340. success: (data) => {
  341. let rescor=data.data;
  342. if (rescor.code == 0) {
  343. uni.setStorageSync("weapp_session_Menu_data", rescor.data)
  344. let newmenulist= uni.getStorageSync('weapp_session_Menu_data');
  345. this.permissions.commonly1=newmenulist.khgl;
  346. this.permissions.commonly2=newmenulist.jdjl;
  347. this.permissions.commonly3=newmenulist.wjjl;
  348. this.permissions.commonly4=newmenulist.xjfx;
  349. this.permissions.commonly5=newmenulist.sbgl;
  350. this.permissions.commonly6=newmenulist.zbgw;
  351. this.permissions.commonly7=newmenulist.gwpm;
  352. this.permissions.myisshebei=newmenulist.wdsb;
  353. this.permissions.shebeinum=newmenulist.sbtj;
  354. this.permissions.shishinum=newmenulist.sstj;
  355. this.permissions.jileinum=newmenulist.gzlj;
  356. }
  357. }
  358. })
  359. },
  360. //自定义时间
  361. totalTimeChange(e) {
  362. this.statDateStart=e.startDate;
  363. this.statDateEnd=e.endDate;
  364. this.zhixingcenterindex=7;
  365. this.initworkThisWeek()
  366. },
  367. tabtimeclick(i){
  368. if(i==7){
  369. this.totalTimeShow = true;
  370. }else{
  371. this.zhixingcenterindex=i;
  372. this.initworkThisWeek()
  373. }
  374. },
  375. initworkThisWeek() {
  376. uni.request({
  377. url: config.service.workThisWeek,
  378. method: "POST",
  379. header: {
  380. 'content-type': 'application/json',
  381. 'Authorization': 'Bearer '+uni.getStorageSync('weapp_session_login_data').token
  382. },
  383. data: {
  384. houseId: this.buildingID,
  385. dateType:this.zhixingcenterindex==7?null:this.zhixingcenterindex,
  386. statDateStart:this.statDateStart,
  387. statDateEnd:this.statDateEnd
  388. },
  389. success: (data) => {
  390. if (data.data.data == null) {
  391. return
  392. } else {
  393. this.Thisweekobj = {
  394. sumCustomer: data.data.data.sumCustomer,
  395. receivingCustomer: data.data.data.receivingCustomer,
  396. activeCustomer: data.data.data.activeCustomer,
  397. prohibitedCustomer: data.data.data.prohibitedCustomer,
  398. avgDuration: Math.floor(data.data.data.avgDuration/60) ||0,
  399. tagCustomer: data.data.data.tagCustomer,
  400. fraction: data.data.data.fraction,
  401. receptionCount:data.data.data.receptionCount
  402. }
  403. }
  404. }
  405. })
  406. },
  407. //实时统计
  408. initrealTimeStatistics() {
  409. uni.request({
  410. url: config.service.realTimeStatistics,
  411. method: "POST",
  412. header: {
  413. 'content-type': 'application/json',
  414. 'Authorization': 'Bearer '+uni.getStorageSync('weapp_session_login_data').token
  415. },
  416. data: {
  417. houseId: this.buildingID
  418. },
  419. success: (data) => {
  420. if (data.data.data == null) {
  421. return
  422. } else {
  423. this.realtimeobj = {
  424. sumCustomer: data.data.data.sumCustomer,
  425. receivingCustomer: data.data.data.receivingCustomer,
  426. activeCustomer: data.data.data.activeCustomer,
  427. prohibitedCustomer: data.data.data.prohibitedCustomer,
  428. avgDuration: Math.floor(data.data.data.avgDuration/60) ||0,
  429. tagCustomer: data.data.data.tagCustomer,
  430. fraction: data.data.data.fraction,
  431. receptionCount:data.data.data.receptionCount
  432. }
  433. }
  434. }
  435. })
  436. },
  437. //设备
  438. initequipment() {
  439. uni.request({
  440. url: config.service.findEquipmentState,
  441. method: "POST",
  442. header: {
  443. 'content-type': 'application/json',
  444. 'Authorization': 'Bearer '+uni.getStorageSync('weapp_session_login_data').token
  445. },
  446. data: {
  447. propertyId: this.buildingID
  448. },
  449. success: (data) => {
  450. if (data.data.data == null) {
  451. return
  452. } else {
  453. this.equipmentobj = {
  454. totalNum: data.data.data.totalNum,
  455. onlineNum: data.data.data.onlineNum,
  456. activeNum: data.data.data.activeNum,
  457. lowPowerNum: data.data.data.lowPowerNum,
  458. }
  459. }
  460. }
  461. })
  462. },
  463. //我的工牌
  464. iniodianloang() {
  465. uni.request({
  466. url: config.service.findElectricity,
  467. method: "POST",
  468. header: {
  469. 'content-type': 'application/json',
  470. 'Authorization': 'Bearer '+uni.getStorageSync('weapp_session_login_data').token
  471. },
  472. data: {},
  473. success: (data) => {
  474. if (data.data.data == null) {
  475. return
  476. } else {
  477. if (data.data.data > 100) {
  478. this.percentage = 100;
  479. } else {
  480. if (data.data.data.onLine == 0) {
  481. this.Whetheroffline = false;
  482. } else {
  483. this.Whetheroffline = true;
  484. this.percentage = data.data.data.electricity;
  485. this.signalDevice = data.data.data.signalDevice / 1;
  486. console.log(this.signalDevice)
  487. this.audioStatus = data.data.data.audioStatus;
  488. if (this.signalDevice > 80) {
  489. this.signalDevicetext = '高';
  490. } else {
  491. if (this.signalDevice == 0) {
  492. this.signalDevicetext = '无';
  493. } else {
  494. this.signalDevicetext = '低';
  495. }
  496. }
  497. }
  498. }
  499. }
  500. }
  501. })
  502. },
  503. //选择楼盘弹框
  504. piskbuilding() {
  505. this.Showhiddenunits = true;
  506. },
  507. // 楼盘选择确认
  508. confirm(e) {
  509. this.buildingname = e[0].label;
  510. this.buildingID = e[0].value;
  511. let lopan = {
  512. id: e[0].value,
  513. name: e[0].label
  514. }
  515. uni.setStorageSync("buildingID", lopan); //楼盘id写入缓存
  516. this.initworkThisWeek()
  517. this.initrealTimeStatistics()
  518. this.initequipment()
  519. this.iniodianloang()
  520. },
  521. // 楼盘选择取消
  522. cancel() {
  523. this.Showhiddenunits = false;
  524. },
  525. tapjumpequipment(i){
  526. if(permissions.commonly5==true){
  527. uni.navigateTo({
  528. url: '/pages/mine/equipment/index?active='+i
  529. });
  530. }
  531. },
  532. prohibitedtap(i){
  533. if(i==1){
  534. uni.navigateTo({
  535. url: '/pages/center/prohibited/index?refresh='+'refresh'+'&activeTotal='+'0'
  536. });
  537. }else{
  538. if(this.zhixingcenterindex==2){
  539. uni.navigateTo({
  540. url: '/pages/center/prohibited/index?refresh='+'refresh'+'&activeTotal='+'2'
  541. });
  542. }else if(this.zhixingcenterindex==6){
  543. uni.navigateTo({
  544. url: '/pages/center/prohibited/index?refresh='+'refresh'+'&activeTotal='+'3'
  545. });
  546. }else{
  547. uni.navigateTo({
  548. url: '/pages/center/prohibited/index?refresh='+'refresh'+'&activeTotal='+'4'+'&staTime='+this.statDateStart+'&endtime='+this.statDateEnd
  549. });
  550. }
  551. }
  552. },
  553. tapjumpreception(i){
  554. if(this.permissions.commonly2==true){
  555. if(i==1){
  556. uni.navigateTo({
  557. url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'0'
  558. });
  559. }else if(i==2){
  560. uni.switchTab({
  561. url: '/pages/index/customer'
  562. });
  563. }else if(i==3){
  564. if(this.zhixingcenterindex==2){
  565. uni.navigateTo({
  566. url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'2'
  567. });
  568. }else if(this.zhixingcenterindex==6){
  569. uni.navigateTo({
  570. url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'3'
  571. });
  572. }else{
  573. uni.navigateTo({
  574. url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'4'+'&staTime='+this.statDateStart+'&endtime='+this.statDateEnd
  575. });
  576. }
  577. }else if(i==6){
  578. uni.navigateTo({
  579. url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'0'+'&validInvalid=0'
  580. });
  581. }else if(i==7){
  582. if(this.zhixingcenterindex==2){
  583. uni.navigateTo({
  584. url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'2'+'&validInvalid=0'
  585. });
  586. }else if(this.zhixingcenterindex==6){
  587. uni.navigateTo({
  588. url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'3'+'&validInvalid=0'
  589. });
  590. }else{
  591. uni.navigateTo({
  592. url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'4'+'&staTime='+this.statDateStart+'&endtime='+this.statDateEnd+'&validInvalid=0'
  593. });
  594. }
  595. }else{
  596. uni.navigateTo({
  597. url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal=0'+'&markAdvisor=0'
  598. });
  599. }
  600. }
  601. },
  602. Piabodata(item) {
  603. if (item == '销讲分析') {
  604. uni.navigateTo({
  605. url: '/pages/center/Piabodata/index'
  606. });
  607. } else if (item == '接待记录') {
  608. uni.navigateTo({
  609. url: '/pages/center/records/index?refresh='+'refresh'
  610. });
  611. } else if (item == '值班顾问') {
  612. uni.navigateTo({
  613. url: '/pages/mine/consultanonduty/index'
  614. });
  615. } else if (item == '设备管理') {
  616. uni.navigateTo({
  617. url: '/pages/mine/equipment/index'
  618. });
  619. } else if(item == '顾问排名') {
  620. uni.navigateTo({
  621. url: '/pages/center/Piabodata/Employeesstatistics'
  622. });
  623. }else if(item == '违禁记录'){
  624. uni.navigateTo({
  625. url: '/pages/center/prohibited/index?refresh='+'refresh'
  626. });
  627. }else{
  628. uni.navigateTo({
  629. url: '/pages/center/consumer/index?refresh='+'refresh'
  630. });
  631. }
  632. },
  633. },
  634. };
  635. </script>
  636. <style lang="scss" scoped>
  637. .activecllasscet{
  638. font-size: 28rpx;
  639. font-weight: 400;
  640. color: #008ef2;
  641. }
  642. .cet{
  643. font-size: 28rpx;
  644. font-weight: 400;
  645. color: #333333;
  646. .cetview{
  647. margin-left: 20rpx;
  648. }
  649. }
  650. .cented-box {
  651. padding: 30rpx;
  652. background: #F8F8F8;
  653. width: 100%;
  654. height: 100%;
  655. }
  656. .Switchingbox {
  657. width: 100%;
  658. height: 44rpx;
  659. display: flex;
  660. align-items: center;
  661. .Switching1 {
  662. width: 44rpx;
  663. height: 44rpx;
  664. .Switching1-img {
  665. width: 44rpx;
  666. height: 44rpx;
  667. }
  668. }
  669. .Switching2 {
  670. margin-left: 12rpx;
  671. font-size: 32rpx;
  672. color: #303030;
  673. font-weight: 500;
  674. }
  675. .Switching3 {
  676. width: calc(100% - 280rpx);
  677. font-size: 32rpx;
  678. color: #303030;
  679. font-weight: 500;
  680. }
  681. .Switching4 {
  682. width: 112rpx;
  683. font-size: 28rpx;
  684. color: #303030;
  685. font-weight: 400;
  686. text-align: right;
  687. text-decoration: underline
  688. }
  689. }
  690. .Workcard {
  691. width: 100%;
  692. background: #FFFFFF;
  693. height: 154rpx;
  694. box-shadow: 0px 0px 12px 0px rgba(224, 224, 224, 0.3);
  695. border-radius: 12rpx;
  696. display: flex;
  697. .Workcard-box {
  698. flex: 1;
  699. height: 100%;
  700. .Workcardimg {
  701. width: 100%;
  702. display: flex;
  703. justify-content: center;
  704. margin-top: 42rpx;
  705. .Workcardimg1 {
  706. width: 64rpx;
  707. height: 36rpx;
  708. background-image: url(../../static/images/battery.png);
  709. background-size: 100% 100%;
  710. padding: 8rpx;
  711. .bar {
  712. background-color: #43CD80;
  713. height: 100%;
  714. border-radius: 4rpx;
  715. }
  716. .bar1 {
  717. background-color: red;
  718. height: 100%;
  719. border-radius: 4rpx;
  720. }
  721. }
  722. .Workcardimg2 {
  723. width: 56rpx;
  724. height: 36rpx;
  725. }
  726. .Workcardimg3 {
  727. width: 34rpx;
  728. height: 36rpx;
  729. }
  730. .Workcardimg4 {
  731. width: 50rpx;
  732. height: 40rpx;
  733. }
  734. }
  735. .Workcardtext {
  736. width: 100%;
  737. text-align: center;
  738. font-size: 24rpx;
  739. font-weight: 400;
  740. color: #666666;
  741. margin-top: 20rpx;
  742. }
  743. }
  744. }
  745. .title {
  746. width: 100%;
  747. height: 30rpx;
  748. font-size: 30rpx;
  749. font-weight: 600;
  750. color: #333333;
  751. margin-top: 40rpx;
  752. margin-bottom: 24rpx;
  753. }
  754. .shebenbox {
  755. width: 100%;
  756. height: 156rpx;
  757. background: #FFFFFF;
  758. box-shadow: 0px 0px 12px 0px rgba(224, 224, 224, 0.3);
  759. border-radius: 12rpx;
  760. display: flex;
  761. .shebenche {
  762. width: 25%;
  763. height: 100%;
  764. .shebenchenum {
  765. width: 100%;
  766. font-size: 36rpx;
  767. font-weight: 600;
  768. color: #333333;
  769. text-align: center;
  770. margin-top: 28rpx;
  771. }
  772. .shebenchetext {
  773. width: 100%;
  774. font-size: 24rpx;
  775. font-weight: 400;
  776. color: #666666;
  777. text-align: center;
  778. margin-top: 24rpx;
  779. }
  780. }
  781. }
  782. .real-timebox {
  783. width: 100%;
  784. background: #FFFFFF;
  785. box-shadow: 0px 0px 12px 0px rgba(224, 224, 224, 0.3);
  786. border-radius: 12rpx;
  787. padding-bottom: 36rpx;
  788. .timebox {
  789. width: 100%;
  790. display: flex;
  791. .real {
  792. flex: 1;
  793. height: 100%;
  794. .realnum {
  795. width: 100%;
  796. font-size: 36rpx;
  797. font-weight: 600;
  798. color: #333333;
  799. text-align: center;
  800. margin-top: 36rpx;
  801. }
  802. .realtext {
  803. width: 100%;
  804. font-size: 24rpx;
  805. font-weight: 400;
  806. color: #666666;
  807. text-align: center;
  808. margin-top: 24rpx;
  809. }
  810. }
  811. }
  812. }
  813. .commonly-box {
  814. width: 100%;
  815. background: #FFFFFF;
  816. box-shadow: 0px 0px 12px 0px rgba(224, 224, 224, 0.3);
  817. border-radius: 12rpx;
  818. display: flex;
  819. flex-wrap: wrap;
  820. padding-bottom: 36rpx;
  821. .commonly {
  822. width: 25%;
  823. margin-top: 36rpx;
  824. .commonly-img {
  825. width: 100%;
  826. height: 68rpx;
  827. text-align: center;
  828. .commonly-img1 {
  829. width: 68rpx;
  830. height: 68rpx;
  831. border-radius: 50%;
  832. }
  833. }
  834. .commonly-text {
  835. width: 100%;
  836. text-align: center;
  837. font-size: 24rpx;
  838. font-weight: 400;
  839. color: #333333;
  840. margin-top: 16rpx;
  841. }
  842. }
  843. }
  844. </style>