index.vue 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. <template>
  2. <div>
  3. <van-tabs
  4. class="companyreport"
  5. :active="active"
  6. @change="onChange"
  7. title-active-color="#1D18BC"
  8. >
  9. <van-tab title="走访上报" class="housemange">
  10. <go-report ref="goReport" @changeActive="changeActive" />
  11. </van-tab>
  12. <van-tab title="上报历史">
  13. <report-history ref="reportHistory" />
  14. </van-tab>
  15. </van-tabs>
  16. </div>
  17. </template>
  18. <script>
  19. import goReport from "./components/goReport.vue";
  20. import reportHistory from "./components/reportHistory.vue";
  21. import { findYuanQuList } from "@/js_sdk/http.js";
  22. const form = {
  23. status: [],
  24. chaoxiang: [],
  25. };
  26. export default {
  27. components: {
  28. goReport,
  29. reportHistory,
  30. },
  31. data() {
  32. return {
  33. active: 0,
  34. };
  35. },
  36. // onLoad: function (){
  37. // this.$refs.findYuanQuList()
  38. // },
  39. onShow() {
  40. this.$refs.reportHistory.getInterviewList();
  41. },
  42. methods: {
  43. onLoadMore() {},
  44. getChaoxiang() {},
  45. getStatus() {},
  46. changeActive() {
  47. this.active = 1;
  48. this.$refs.reportHistory.getInterviewList();
  49. },
  50. onChange(e) {
  51. this.active = e.detail.name;
  52. },
  53. },
  54. onPullDownRefresh: function () {
  55. // 加载数据
  56. },
  57. onReachBottom() {
  58. if (this.active == 1) {
  59. this.$refs.reportHistory.getMoreList();
  60. }
  61. console.log("滑动到距离底部100px的时候触发,可以放 。。业务逻辑");
  62. }, //下拉执行的时候触发 (下拉刷新)
  63. };
  64. </script>
  65. <style lang="scss">
  66. .gaisideshurukuang {
  67. .uni-forms-item__label {
  68. font-size: 26rpx !important;
  69. }
  70. }
  71. .float_left {
  72. float: left;
  73. }
  74. .chuzu_label {
  75. width: 312rpx;
  76. height: 36rpx;
  77. font-size: 26rpx;
  78. font-family: PingFang SC-Medium, PingFang SC;
  79. font-weight: 500;
  80. color: #333333;
  81. line-height: 36rpx;
  82. }
  83. .chuzu_vlaue {
  84. width: 86rpx;
  85. font-size: 32rpx;
  86. font-family: PingFang SC-Bold, PingFang SC;
  87. font-weight: bold;
  88. color: #ec7359;
  89. line-height: 38rpx;
  90. }
  91. .mb14rpx {
  92. margin-bottom: 14rpx;
  93. }
  94. .height34rpx {
  95. height: 34rpx;
  96. }
  97. .height50rpx {
  98. height: 50rpx;
  99. }
  100. .roomstatus {
  101. height: 50rpx;
  102. line-height: 50rpx;
  103. font-size: 24rpx;
  104. padding: 0rpx 16rpx;
  105. float: left;
  106. border-radius: 8rpx 8rpx 8rpx 8rpx;
  107. font-family: PingFang SC-Medium, PingFang SC;
  108. font-weight: 500;
  109. color: #1d18bc;
  110. border: 2rpx solid #1d18bc;
  111. margin-left: 16rpx;
  112. }
  113. .roomstatus:first-child {
  114. margin-left: 0;
  115. }
  116. .height50px {
  117. height: 50rpx;
  118. }
  119. .mb8rpx {
  120. margin-bottom: 8rpx;
  121. }
  122. .width100 {
  123. width: 100%;
  124. }
  125. .height36rpx {
  126. height: 36rpx;
  127. }
  128. .height40rpx {
  129. height: 40rpx;
  130. }
  131. .height66rpx {
  132. height: 66rpx;
  133. }
  134. .height44rpx {
  135. height: 44rpx;
  136. }
  137. .total {
  138. padding: 8rpx 32rpx 8rpx 0;
  139. text-align: right;
  140. background: #ffffff;
  141. }
  142. .gaisideshurukuang {
  143. .is-input-border {
  144. border-top: none;
  145. border-left: none;
  146. border-right: none;
  147. border: none;
  148. border-radius: 0;
  149. }
  150. .uni-forms-item {
  151. border-bottom: 2rpx solid #cccccc;
  152. }
  153. }
  154. </style>