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.
 
 
 

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