Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.
 
 
 

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