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.
 
 
 

1065 lines
29 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="Myworkcard">我的工牌</view>
  12. <view v-if="Myworkcard">
  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="equipmentisshow">设备</view>
  61. <view class="shebenbox" v-if="equipmentisshow" >
  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">实时统计</view>
  80. <!-- <view class="real-timebox">
  81. <view class="timebox">
  82. </view>
  83. <view class="timebox">
  84. </view>
  85. </view> -->
  86. <view class="real-timebox">
  87. <view class="timebox">
  88. <view class="real" @click="tapjumpreception('1')">
  89. <view class="realnum">{{realtimeobj.receptionCount || 0}}</view>
  90. <view class="realtext">接待量</view>
  91. </view>
  92. <view class="real" @click="tapjumpreception('6')">
  93. <view class="realnum">{{realtimeobj.activeCustomer|| 0}}</view>
  94. <view class="realtext">有效接待</view>
  95. </view>
  96. <view class="real" @click="tapjumpreception('2')">
  97. <view class="realnum">{{realtimeobj.receivingCustomer || 0}}</view>
  98. <view class="realtext">正在接待</view>
  99. </view>
  100. <view class="real" @click="tapjumpreception('4')">
  101. <view class="realnum">{{realtimeobj.tagCustomer || 0}}</view>
  102. <view class="realtext">未标顾问</view>
  103. </view>
  104. </view>
  105. <view class="timebox">
  106. <view class="real" @click="tapjumpreception('1')">
  107. <view class="realnum">{{realtimeobj.avgDuration|| 0}}</view>
  108. <view class="realtext">平均接待时长</view>
  109. </view>
  110. <view class="real" @click="tapjumpreception('1')">
  111. <view class="realnum">{{realtimeobj.fraction || 0}}%</view>
  112. <view class="realtext">平均执行率</view>
  113. </view>
  114. <view class="real" >
  115. <view @click="prohibitedtap(1)" v-if="methodsisshow==true" class="realnum" style="color: red;" >{{realtimeobj.prohibitedCustomer || 0}}</view>
  116. <view @click="prohibitedtap(1)" v-if="methodsisshow==true" class="realtext">违禁预警</view>
  117. </view>
  118. <view class="real">
  119. <view class="realnum"></view>
  120. <view class="realtext"></view>
  121. </view>
  122. </view>
  123. </view>
  124. <view class="title" style="display: flex;">
  125. <view style="width: 55%;">概览</view>
  126. <view class="cet" style="display: flex;">
  127. <view class="cetview" :class="{ activecllasscet: zhixingcenterindex == 2 }" @click="tabtimeclick(2)">近7天</view>
  128. <view class="cetview" :class="{ activecllasscet: zhixingcenterindex == 6 }" @click="tabtimeclick(6)">近30天</view>
  129. <view class="cetview" :class="{ activecllasscet: zhixingcenterindex == 7 }" @click="tabtimeclick(7)">自定义</view>
  130. </view>
  131. </view>
  132. <view class="real-timebox">
  133. <view class="timebox">
  134. <view class="real" @click="tapjumpreception('3')">
  135. <view class="realnum">{{Thisweekobj.receptionCount || 0}}</view>
  136. <view class="realtext">接待量</view>
  137. </view>
  138. <view class="real" @click="tapjumpreception('7')">
  139. <view class="realnum">{{Thisweekobj.activeCustomer|| 0}}</view>
  140. <view class="realtext">有效接待</view>
  141. </view>
  142. <view class="real" @click="tapjumpreception('3')">
  143. <view class="realnum">{{Thisweekobj.fraction || 0}}%</view>
  144. <view class="realtext">平均执行率</view>
  145. </view>
  146. </view>
  147. <view class="timebox">
  148. <view class="real" @click="tapjumpreception('3')">
  149. <view class="realnum">{{Thisweekobj.avgDuration|| 0}}</view>
  150. <view class="realtext">平均接待时长</view>
  151. </view>
  152. <view class="real" @click="prohibitedtap(2)" v-if="methodsisshow==true">
  153. <view class="realnum" style="color: red;" >{{Thisweekobj.prohibitedCustomer || 0}}</view>
  154. <view class="realtext">违禁预警</view>
  155. </view>
  156. <view class="real" v-else>
  157. <view class="realnum"></view>
  158. <view class="realtext"></view>
  159. </view>
  160. <view class="real">
  161. <view class="realnum"></view>
  162. <view class="realtext"></view>
  163. </view>
  164. </view>
  165. </view>
  166. <view class="title">常用功能</view>
  167. <view class="commonly-box">
  168. <!-- 权限菜单控制显隐 因为后台添加的按钮权限并不会在此返回所以需要手动添加 showMenu -->
  169. <view class="commonly" @click="Piabodata(item.name)" v-for="(item,index) in Menulist" :key="index" v-if="showMenu(item.name)">
  170. <view class="commonly-img">
  171. <image v-if="item.name=='客户管理'" class="commonly-img1" src="../../static/images/function1.png"
  172. mode=""></image>
  173. <image v-if="item.name=='接待记录'" class="commonly-img1" src="../../static/images/function2.png"
  174. mode=""></image>
  175. <image v-if="item.name=='销讲数据'" class="commonly-img1" src="../../static/images/function4.png"
  176. mode=""></image>
  177. <image v-if="item.name=='设备管理'" class="commonly-img1" src="../../static/images/function5.png"
  178. mode=""></image>
  179. <image v-if="item.name=='值班顾问'" class="commonly-img1" src="../../static/images/function6.png"
  180. mode=""></image>
  181. <image v-if="item.name=='顾问排名'" class="commonly-img1" src="../../static/images/rankingguwen.png"
  182. mode=""></image>
  183. <image v-if="item.name=='违禁记录'" class="commonly-img1" src="../../static/images/prohibited.png"
  184. mode=""></image>
  185. </view>
  186. <view class="commonly-text">{{item.name}}</view>
  187. </view>
  188. </view>
  189. <!-- 项目切换 -->
  190. <view v-if="Showhiddenunits">
  191. <u-select :mask-close-able="false" v-model="Showhiddenunits" mode="single-column" :list="lpanlist"
  192. @cancel="cancel" @confirm="confirm"></u-select>
  193. </view>
  194. <u-calendar v-model="totalTimeShow" mode="range" @change="totalTimeChange"></u-calendar>
  195. <u-tabbar activeColor="#1296db" inactiveColor="#999999" v-model="current" :list="tabbarList"></u-tabbar>
  196. <view class="update" v-if="isShowUpdate">
  197. <view class="updateBox">
  198. <view class="top">
  199. <image src="../../static/images/updateIcon.png"></image>
  200. </view>
  201. <view class="content">
  202. <view class="tit">{{tit}}</view>
  203. <u-parse class="ql-editor" :content="content" @preview="preview" @navigate="navigate"/>
  204. <!-- <rich-text :nodes="content"></rich-text> -->
  205. </view>
  206. <view class="btn" @click="lookDetail">查看详情</view>
  207. <view class="close" @click="close">
  208. <u-icon name="close-circle" size="80" color="#FFFFFF"></u-icon>
  209. </view>
  210. </view>
  211. </view>
  212. </view>
  213. </template>
  214. <script>
  215. var config = require("../../config");
  216. var util = require("../../utils/util.js");
  217. import tabbarList from '@/utils/tabbar.js'
  218. import uParse from '../../components/gaoyia-parse/parse.vue'
  219. export default {
  220. data() {
  221. return {
  222. id:"",
  223. isShowUpdate:false,
  224. tit:"",
  225. content:"",
  226. tabbarList:tabbarList,
  227. current: 0,
  228. userInfo: {},
  229. Showhiddenunits: false,
  230. lpanlist: [], //项目列表
  231. buildingname: '', //项目名
  232. buildingID: '', //项目id
  233. buildingishow: false, //是否选择项目
  234. Myworkcard: false,
  235. percentage: '', //设备电量
  236. Whetheroffline: false, //是否离线
  237. signalDevice: 0, //信号
  238. signalDevicetext: "",
  239. audioStatus: false,
  240. equipmentisshow: false,
  241. equipmentobj: {
  242. totalNum: '',
  243. onlineNum: '',
  244. activeNum: '',
  245. lowPowerNum: '',
  246. },
  247. Menulist: [],
  248. realtimeobj: {
  249. sumCustomer: '',
  250. receivingCustomer: '',
  251. activeCustomer: '',
  252. prohibitedCustomer: '',
  253. tagCustomer: '',
  254. fraction: '',
  255. receptionCount:''
  256. },
  257. Thisweekobj: {
  258. sumCustomer: '',
  259. receivingCustomer: '',
  260. activeCustomer: '',
  261. prohibitedCustomer: '',
  262. tagCustomer: '',
  263. fraction: '',
  264. receptionCount:''
  265. },
  266. methodsisshow:false,
  267. zhixingcenterindex:2,
  268. totalTimeShow: false,
  269. statDateStart:'',
  270. statDateEnd:'',
  271. };
  272. },
  273. computed: {
  274. showMenu() {
  275. return name => {
  276. if (name == '标记有效无效接待' || name == '结束接待' || name == '客户编辑') {
  277. return false
  278. } else {
  279. return true
  280. }
  281. }
  282. }
  283. },
  284. components: {
  285. uParse
  286. },
  287. onShow() {
  288. this.getMenu()
  289. this.userInfo = uni.getStorageSync('weapp_session_userInfo_data');
  290. if(this.userInfo.dataCode==6 || this.userInfo.dataCode==3){
  291. this.methodsisshow=false;
  292. }else{
  293. this.methodsisshow=true;
  294. }
  295. if (this.userInfo.zkProperties.length == 1) {
  296. this.buildingID = uni.getStorageSync('buildingID').id;
  297. this.buildingname = uni.getStorageSync('buildingID').name;
  298. this.buildingishow = false;
  299. } else {
  300. this.buildingishow = true;
  301. this.buildingname = uni.getStorageSync('buildingID').name;
  302. this.buildingID = uni.getStorageSync('buildingID').id;
  303. this.userInfo.zkProperties.forEach(item => {
  304. item.label = item.propertyName;
  305. item.value = item.id
  306. })
  307. this.lpanlist = this.userInfo.zkProperties
  308. }
  309. if (this.userInfo.dataCode == 6) {
  310. this.Myworkcard = true;
  311. this.equipmentisshow = false;
  312. this.iniodianloang()
  313. } else {
  314. this.equipmentisshow = true;
  315. this.Myworkcard = false;
  316. this.initequipment()
  317. }
  318. this.initworkThisWeek()
  319. this.initrealTimeStatistics()
  320. this.updateInit()
  321. },
  322. onPullDownRefresh() {
  323. this.getMenu()
  324. this.userInfo = uni.getStorageSync('weapp_session_userInfo_data');
  325. if (this.userInfo.dataCode == 6 || this.userInfo.dataCode == 3) {
  326. this.methodsisshow = false;
  327. } else {
  328. this.methodsisshow = true;
  329. }
  330. if (this.userInfo.zkProperties.length == 1) {
  331. this.buildingID = uni.getStorageSync('buildingID').id;
  332. this.buildingname = uni.getStorageSync('buildingID').name;
  333. this.buildingishow = false;
  334. } else {
  335. this.buildingishow = true;
  336. this.buildingname = uni.getStorageSync('buildingID').name;
  337. this.buildingID = uni.getStorageSync('buildingID').id;
  338. this.userInfo.zkProperties.forEach(item => {
  339. item.label = item.propertyName;
  340. item.value = item.id
  341. })
  342. this.lpanlist = this.userInfo.zkProperties
  343. }
  344. if (this.userInfo.dataCode == 6) {
  345. // this.Myworkcard = true;
  346. this.equipmentisshow = false;
  347. this.iniodianloang()
  348. } else {
  349. this.equipmentisshow = true;
  350. // this.Myworkcard = false;
  351. this.initequipment()
  352. // this.waitForOperation()
  353. }
  354. this.initworkThisWeek()
  355. this.initrealTimeStatistics()
  356. setTimeout(() => {
  357. uni.stopPullDownRefresh()
  358. }, 3000)
  359. },
  360. onLoad() {
  361. this.initPopup()
  362. },
  363. methods: {
  364. close(){
  365. this.isShowUpdate = false;
  366. },
  367. lookDetail(){
  368. let datas = {
  369. id: this.id,
  370. title: this.tit,
  371. content: this.content
  372. }
  373. this.$store.commit('setMessageObj', datas)
  374. uni.navigateTo({
  375. url: "../mine/messageDetail"
  376. })
  377. let data = {
  378. id:this.id,
  379. accountId:uni.getStorageSync('weapp_session_userInfo_data').accountId
  380. }
  381. uni.request({
  382. url: config.service.updateRead,
  383. method: "GET",
  384. header: {
  385. 'content-type': 'application/json',
  386. 'Access-Token': uni.getStorageSync('weapp_session_login_data').token
  387. },
  388. data,
  389. success: (res) => {
  390. this.initPopup()
  391. }
  392. })
  393. this.isShowUpdate = false;
  394. },
  395. initPopup(){
  396. uni.request({
  397. url: config.service.updatePopup,
  398. method: "GET",
  399. header: {
  400. 'content-type': 'application/json',
  401. 'Access-Token': uni.getStorageSync('weapp_session_login_data').token
  402. },
  403. data: {
  404. },
  405. success: (res) => {
  406. this.first(res.data.data.id)
  407. this.content = res.data.data.content
  408. this.tit = res.data.data.title
  409. this.aid = res.data.data.accountId
  410. this.id = res.data.data.id
  411. this.isShowUpdate = res.data.data.readFlag==0?true:false;
  412. }
  413. })
  414. },
  415. first(id){
  416. uni.request({
  417. url: config.service.firstShowPopup,
  418. method: "GET",
  419. header: {
  420. 'content-type': 'application/json',
  421. 'Access-Token': uni.getStorageSync('weapp_session_login_data').token
  422. },
  423. data:{id},
  424. success: (res) => {}
  425. })
  426. },
  427. updateInit() {
  428. uni.request({
  429. url: config.service.notReadNum,
  430. method: "GET",
  431. data: {
  432. id: uni.getStorageSync('weapp_session_userInfo_data').accountId,
  433. projectId: uni.getStorageSync('buildingID').id,
  434. },
  435. header: {
  436. 'content-type': 'application/json',
  437. 'Access-Token': uni.getStorageSync('weapp_session_login_data').token
  438. },
  439. success: (res) => {
  440. this.count = res.data.data
  441. this.tabbarList[3].count = res.data.data || 0
  442. }
  443. })
  444. },
  445. //获取权限
  446. getMenu(){
  447. this.$u.get("/user/getMenu").then(data => {
  448. uni.setStorageSync("weapp_session_Menu_data", data)
  449. this.Menulist = uni.getStorageSync('weapp_session_Menu_data');
  450. console.log(this.Menulist, 'adasdasds123')
  451. })
  452. },
  453. //自定义时间
  454. totalTimeChange(e) {
  455. this.statDateStart=e.startDate;
  456. this.statDateEnd=e.endDate;
  457. this.zhixingcenterindex=7;
  458. this.initworkThisWeek()
  459. },
  460. //时间选择
  461. tabtimeclick(i){
  462. if(i==7){
  463. this.totalTimeShow = true;
  464. }else{
  465. this.zhixingcenterindex=i;
  466. this.initworkThisWeek()
  467. }
  468. },
  469. //获取概览数据
  470. initworkThisWeek() {
  471. uni.request({
  472. url: config.service.workThisWeek,
  473. method: "POST",
  474. header: {
  475. 'content-type': 'application/json',
  476. 'Access-Token': uni.getStorageSync('weapp_session_login_data').token
  477. },
  478. data: {
  479. houseId: this.buildingID,
  480. dateType:this.zhixingcenterindex==7?null:this.zhixingcenterindex,
  481. statDateStart:this.statDateStart,
  482. statDateEnd:this.statDateEnd
  483. },
  484. success: (data) => {
  485. if (data.data.data == null) {
  486. return
  487. } else {
  488. this.Thisweekobj = {
  489. sumCustomer: data.data.data.sumCustomer,
  490. receivingCustomer: data.data.data.receivingCustomer,
  491. activeCustomer: data.data.data.activeCustomer,
  492. prohibitedCustomer: data.data.data.prohibitedCustomer,
  493. avgDuration: Math.floor(data.data.data.avgDuration/60) ||0,
  494. tagCustomer: data.data.data.tagCustomer,
  495. fraction: data.data.data.fraction,
  496. receptionCount:data.data.data.receptionCount
  497. }
  498. }
  499. }
  500. })
  501. },
  502. //实时统计
  503. initrealTimeStatistics() {
  504. uni.request({
  505. url: config.service.realTimeStatistics,
  506. method: "POST",
  507. header: {
  508. 'content-type': 'application/json',
  509. 'Access-Token': uni.getStorageSync('weapp_session_login_data').token
  510. },
  511. data: {
  512. houseId: this.buildingID
  513. },
  514. success: (data) => {
  515. if (data.data.data == null) {
  516. return
  517. } else {
  518. this.realtimeobj = {
  519. sumCustomer: data.data.data.sumCustomer,
  520. receivingCustomer: data.data.data.receivingCustomer,
  521. activeCustomer: data.data.data.activeCustomer,
  522. prohibitedCustomer: data.data.data.prohibitedCustomer,
  523. avgDuration: Math.floor(data.data.data.avgDuration/60) ||0,
  524. tagCustomer: data.data.data.tagCustomer,
  525. fraction: data.data.data.fraction,
  526. receptionCount:data.data.data.receptionCount
  527. }
  528. }
  529. }
  530. })
  531. },
  532. //设备
  533. initequipment() {
  534. uni.request({
  535. url: config.service.findEquipmentState,
  536. method: "POST",
  537. header: {
  538. 'content-type': 'application/json',
  539. 'Access-Token': uni.getStorageSync('weapp_session_login_data').token
  540. },
  541. data: {
  542. propertyId: this.buildingID
  543. },
  544. success: (data) => {
  545. if (data.data.data == null) {
  546. return
  547. } else {
  548. this.equipmentobj = {
  549. totalNum: data.data.data.totalNum,
  550. onlineNum: data.data.data.onlineNum,
  551. activeNum: data.data.data.activeNum,
  552. lowPowerNum: data.data.data.lowPowerNum,
  553. }
  554. }
  555. }
  556. })
  557. },
  558. //我的工牌
  559. iniodianloang() {
  560. uni.request({
  561. url: config.service.findElectricity,
  562. method: "POST",
  563. header: {
  564. 'content-type': 'application/json',
  565. 'Access-Token': uni.getStorageSync('weapp_session_login_data').token
  566. },
  567. data: {},
  568. success: (data) => {
  569. if (data.data.data == null) {
  570. return
  571. } else {
  572. if (data.data.data > 100) {
  573. this.percentage = 100;
  574. } else {
  575. if (data.data.data.onLine == 0) {
  576. this.Whetheroffline = false;
  577. } else {
  578. this.Whetheroffline = true;
  579. this.percentage = data.data.data.electricity;
  580. this.signalDevice = data.data.data.signalDevice / 1;
  581. console.log(this.signalDevice)
  582. this.audioStatus = data.data.data.audioStatus;
  583. if (this.signalDevice > 80) {
  584. this.signalDevicetext = '高';
  585. } else {
  586. if (this.signalDevice == 0) {
  587. this.signalDevicetext = '无';
  588. } else {
  589. this.signalDevicetext = '低';
  590. }
  591. }
  592. }
  593. }
  594. }
  595. }
  596. })
  597. },
  598. //选择项目弹框
  599. piskbuilding() {
  600. // this.Showhiddenunits = true;
  601. uni.navigateTo({
  602. url:"../mine/selectBuilding"
  603. })
  604. },
  605. // 项目选择确认
  606. confirm(e) {
  607. this.buildingname = e[0].label;
  608. this.buildingID = e[0].value;
  609. let lopan = {
  610. id: e[0].value,
  611. name: e[0].label
  612. }
  613. uni.setStorageSync("buildingID", lopan); //项目id写入缓存
  614. this.initworkThisWeek()
  615. this.initrealTimeStatistics()
  616. this.initequipment()
  617. this.iniodianloang()
  618. },
  619. // 项目选择取消
  620. cancel() {
  621. this.Showhiddenunits = false;
  622. },
  623. tapjumpequipment(i){
  624. this.Menulist.forEach(item=>{
  625. if(item.name=='设备管理'){
  626. uni.navigateTo({
  627. url: '/pages/mine/equipment/index?active='+i
  628. });
  629. }
  630. })
  631. },
  632. prohibitedtap(i){
  633. if(i==1){
  634. uni.navigateTo({
  635. url: '/pages/center/prohibited/index?refresh='+'refresh'+'&activeTotal='+'0'+'&violatedStatus=1'
  636. });
  637. }else{
  638. if(this.zhixingcenterindex==2){
  639. uni.navigateTo({
  640. url: '/pages/center/prohibited/index?refresh='+'refresh'+'&activeTotal='+'2'+'&violatedStatus=1'
  641. });
  642. }else if(this.zhixingcenterindex==6){
  643. uni.navigateTo({
  644. url: '/pages/center/prohibited/index?refresh='+'refresh'+'&activeTotal='+'3'+'&violatedStatus=1'
  645. });
  646. }else{
  647. uni.navigateTo({
  648. url: '/pages/center/prohibited/index?refresh='+'refresh'+'&activeTotal='+'4'+'&staTime='+this.statDateStart+'&endtime='+this.statDateEnd+'&violatedStatus=1'
  649. });
  650. }
  651. }
  652. },
  653. tapjumpreception(i){
  654. this.Menulist.forEach(item=>{
  655. if(item.name=='接待记录'){
  656. if(i==1){
  657. uni.navigateTo({
  658. url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'0'
  659. });
  660. }else if(i==2){
  661. uni.switchTab({
  662. url: '/pages/index/customer'
  663. });
  664. }else if(i==3){
  665. if(this.zhixingcenterindex==2){
  666. uni.navigateTo({
  667. url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'2'
  668. });
  669. }else if(this.zhixingcenterindex==6){
  670. uni.navigateTo({
  671. url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'3'
  672. });
  673. }else{
  674. uni.navigateTo({
  675. url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'4'+'&staTime='+this.statDateStart+'&endtime='+this.statDateEnd
  676. });
  677. }
  678. }else if(i==6){
  679. uni.navigateTo({
  680. url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'0'+'&validInvalid=0'
  681. });
  682. }else if(i==7){
  683. if(this.zhixingcenterindex==2){
  684. uni.navigateTo({
  685. url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'2'+'&validInvalid=0'
  686. });
  687. }else if(this.zhixingcenterindex==6){
  688. uni.navigateTo({
  689. url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'3'+'&validInvalid=0'
  690. });
  691. }else{
  692. uni.navigateTo({
  693. url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'4'+'&staTime='+this.statDateStart+'&endtime='+this.statDateEnd+'&validInvalid=0'
  694. });
  695. }
  696. }else{
  697. uni.navigateTo({
  698. url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal=0'+'&markAdvisor=0'
  699. });
  700. }
  701. }
  702. })
  703. },
  704. Piabodata(item) {
  705. if (item == '销讲数据') {
  706. uni.navigateTo({
  707. url: '/pages/center/Piabodata/index'
  708. });
  709. } else if (item == '接待记录') {
  710. uni.navigateTo({
  711. url: '/pages/center/records/index?refresh='+'refresh'
  712. });
  713. } else if (item == '值班顾问') {
  714. uni.navigateTo({
  715. url: '/pages/mine/consultanonduty/index'
  716. });
  717. } else if (item == '设备管理') {
  718. uni.navigateTo({
  719. url: '/pages/mine/equipment/index'
  720. });
  721. } else if(item == '顾问排名') {
  722. uni.navigateTo({
  723. url: '/pages/center/Piabodata/Employeesstatistics'
  724. });
  725. }else if(item == '违禁记录'){
  726. uni.navigateTo({
  727. url: '/pages/center/prohibited/index?refresh='+'refresh'
  728. });
  729. }else{
  730. uni.navigateTo({
  731. url: '/pages/center/consumer/index?refresh='+'refresh'
  732. });
  733. }
  734. },
  735. },
  736. };
  737. </script>
  738. <style lang="scss" scoped>
  739. .update{
  740. width: 100%;
  741. height: 100%;
  742. background: rgba(0, 0, 0, 0.5);
  743. position: fixed;
  744. top: 0;
  745. left: 0;
  746. bottom: 0;
  747. right: 0;
  748. z-index: 9999;
  749. .updateBox{
  750. width: 80%;
  751. background: #FFFFFF;
  752. position: relative;
  753. left: 50%;
  754. margin-left: -40%;
  755. padding: 20rpx;
  756. border-radius: 10rpx;
  757. top: 140rpx;
  758. .top{
  759. width: 350rpx;
  760. height: 220rpx;
  761. margin: 0 auto;
  762. image{
  763. width: 100%;
  764. height: 100%;
  765. }
  766. }
  767. .btn{
  768. width: 510rpx;
  769. height: 88rpx;
  770. background: #2671E2;
  771. margin: 0 auto;
  772. display: flex;
  773. justify-content: center;
  774. align-items: center;
  775. font-size: 36rpx;
  776. border-radius: 8rpx;
  777. color: #FFFFFF;
  778. }
  779. .content{
  780. height: 268rpx;
  781. overflow-y: auto;
  782. margin: 46rpx 0;
  783. }
  784. .tit{
  785. font-size: 40rpx;
  786. text-align: center;
  787. font-weight: bold;
  788. }
  789. .close{
  790. position: absolute;
  791. bottom: -100rpx;
  792. left: 50%;
  793. margin-left: -50rpx;
  794. }
  795. }
  796. }
  797. .activecllasscet{
  798. font-size: 28rpx;
  799. font-weight: 400;
  800. color: #008ef2;
  801. }
  802. .cet{
  803. font-size: 28rpx;
  804. font-weight: 400;
  805. color: #333333;
  806. .cetview{
  807. margin-left: 20rpx;
  808. }
  809. }
  810. .cented-box {
  811. padding: 30rpx;
  812. background: #F8F8F8;
  813. width: 100%;
  814. height: 100%;
  815. }
  816. .Switchingbox {
  817. width: 100%;
  818. height: 44rpx;
  819. display: flex;
  820. align-items: center;
  821. .Switching1 {
  822. width: 44rpx;
  823. height: 44rpx;
  824. .Switching1-img {
  825. width: 44rpx;
  826. height: 44rpx;
  827. }
  828. }
  829. .Switching2 {
  830. margin-left: 12rpx;
  831. font-size: 32rpx;
  832. color: #303030;
  833. font-weight: 500;
  834. }
  835. .Switching3 {
  836. width: calc(100% - 280rpx);
  837. font-size: 32rpx;
  838. color: #303030;
  839. font-weight: 500;
  840. }
  841. .Switching4 {
  842. width: 112rpx;
  843. font-size: 28rpx;
  844. color: #303030;
  845. font-weight: 400;
  846. text-align: right;
  847. text-decoration: underline
  848. }
  849. }
  850. .Workcard {
  851. width: 100%;
  852. background: #FFFFFF;
  853. height: 154rpx;
  854. box-shadow: 0px 0px 12px 0px rgba(224, 224, 224, 0.3);
  855. border-radius: 12rpx;
  856. display: flex;
  857. .Workcard-box {
  858. flex: 1;
  859. height: 100%;
  860. .Workcardimg {
  861. width: 100%;
  862. display: flex;
  863. justify-content: center;
  864. margin-top: 42rpx;
  865. .Workcardimg1 {
  866. width: 64rpx;
  867. height: 36rpx;
  868. background-image: url(../../static/images/battery.png);
  869. background-size: 100% 100%;
  870. padding: 8rpx;
  871. .bar {
  872. background-color: #43CD80;
  873. height: 100%;
  874. border-radius: 4rpx;
  875. }
  876. .bar1 {
  877. background-color: red;
  878. height: 100%;
  879. border-radius: 4rpx;
  880. }
  881. }
  882. .Workcardimg2 {
  883. width: 56rpx;
  884. height: 36rpx;
  885. }
  886. .Workcardimg3 {
  887. width: 34rpx;
  888. height: 36rpx;
  889. }
  890. .Workcardimg4 {
  891. width: 50rpx;
  892. height: 40rpx;
  893. }
  894. }
  895. .Workcardtext {
  896. width: 100%;
  897. text-align: center;
  898. font-size: 24rpx;
  899. font-weight: 400;
  900. color: #666666;
  901. margin-top: 20rpx;
  902. }
  903. }
  904. }
  905. .title {
  906. width: 100%;
  907. height: 30rpx;
  908. font-size: 30rpx;
  909. font-weight: 600;
  910. color: #333333;
  911. margin-top: 40rpx;
  912. margin-bottom: 24rpx;
  913. }
  914. .shebenbox {
  915. width: 100%;
  916. height: 156rpx;
  917. background: #FFFFFF;
  918. box-shadow: 0px 0px 12px 0px rgba(224, 224, 224, 0.3);
  919. border-radius: 12rpx;
  920. display: flex;
  921. .shebenche {
  922. width: 25%;
  923. height: 100%;
  924. .shebenchenum {
  925. width: 100%;
  926. font-size: 36rpx;
  927. font-weight: 600;
  928. color: #333333;
  929. text-align: center;
  930. margin-top: 28rpx;
  931. }
  932. .shebenchetext {
  933. width: 100%;
  934. font-size: 24rpx;
  935. font-weight: 400;
  936. color: #666666;
  937. text-align: center;
  938. margin-top: 24rpx;
  939. }
  940. }
  941. }
  942. .real-timebox {
  943. width: 100%;
  944. background: #FFFFFF;
  945. box-shadow: 0px 0px 12px 0px rgba(224, 224, 224, 0.3);
  946. border-radius: 12rpx;
  947. padding-bottom: 36rpx;
  948. .timebox {
  949. width: 100%;
  950. display: flex;
  951. .real {
  952. flex: 1;
  953. height: 100%;
  954. .realnum {
  955. width: 100%;
  956. font-size: 36rpx;
  957. font-weight: 600;
  958. color: #333333;
  959. text-align: center;
  960. margin-top: 36rpx;
  961. }
  962. .realtext {
  963. width: 100%;
  964. font-size: 24rpx;
  965. font-weight: 400;
  966. color: #666666;
  967. text-align: center;
  968. margin-top: 24rpx;
  969. }
  970. }
  971. }
  972. }
  973. .commonly-box {
  974. width: 100%;
  975. background: #FFFFFF;
  976. box-shadow: 0px 0px 12px 0px rgba(224, 224, 224, 0.3);
  977. border-radius: 12rpx;
  978. display: flex;
  979. flex-wrap: wrap;
  980. padding-bottom: 36rpx;
  981. .commonly {
  982. width: 25%;
  983. margin-top: 36rpx;
  984. .commonly-img {
  985. width: 100%;
  986. height: 68rpx;
  987. text-align: center;
  988. .commonly-img1 {
  989. width: 68rpx;
  990. height: 68rpx;
  991. border-radius: 50%;
  992. }
  993. }
  994. .commonly-text {
  995. width: 100%;
  996. text-align: center;
  997. font-size: 24rpx;
  998. font-weight: 400;
  999. color: #333333;
  1000. margin-top: 16rpx;
  1001. }
  1002. }
  1003. }
  1004. </style>