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.
 
 
 

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