visits_details.vue 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <template>
  2. <view class="details">
  3. <view class="visits-time">{{ accessTime }}</view>
  4. <template>
  5. <view class="details-title"><visits-cell @handlerVisits="handlerVisits" :visits-info="visitsInfo" /></view>
  6. </template>
  7. <view class="trajectory">
  8. <Trajectory :trajectory-list="detailList"/>
  9. </view>
  10. </view>
  11. </template>
  12. <script>
  13. import VisitsCell from '../components/visits-cell.vue'
  14. import Trajectory from '../components/trajectory.vue'
  15. export default {
  16. components: {
  17. VisitsCell,
  18. Trajectory
  19. },
  20. data() {
  21. return {
  22. visitsInfo: {},
  23. accessTime: '', // 访问日期
  24. spId: '', // 协销id
  25. clubId: '' ,// 机构id
  26. detailList: []
  27. }
  28. },
  29. async onLoad(options) {
  30. this.accessTime = options.accessTime
  31. this.spId = options.spId
  32. this.clubId = options.clubId
  33. const { data } = await this.SellerService.getVisitesClubInfo({accessTime: options.accessTime, spId: options.spId, clubId: options.clubId})
  34. this.detailList = data
  35. this.visitsInfo = {
  36. image: data[0].image,
  37. linkMan: data[0].linkMan,
  38. contractMobile: data[0].contractMobile,
  39. pageLabel: data[0].pageLabel
  40. }
  41. console.log('options', options, 'visitsInfo', data, '详情', this.visitsInfo)
  42. },
  43. mounted() {
  44. this.getVisitesClubDetail()
  45. },
  46. methods: {
  47. handlerVisits($event) {},
  48. async getVisitesClubDetail() {
  49. const {data} = await this.SellerService.getVisitesClubInfo({accessTime: this.accessTime, spId: this.spId, clubId: this.clubId})
  50. this.detailList = data
  51. this.visitsInfo = {
  52. image: data[0].image,
  53. linkMan: data[0].linkMan,
  54. contractMobile: data[0].contractMobile,
  55. pageLabel: data[0].pageLabel
  56. }
  57. console.log('visitsInfo', data)
  58. }
  59. }
  60. }
  61. </script>
  62. <style lang="scss">
  63. page {
  64. background-color: #f7f7f7;
  65. }
  66. .details {
  67. .visits-time {
  68. font-size: 32rpx;
  69. font-weight: bold;
  70. color: #333333;
  71. padding: 40rpx 0 24rpx 16rpx;
  72. }
  73. .details-title {
  74. margin-bottom: 24rpx;
  75. }
  76. }
  77. </style>