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.
 
 
 

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