123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159 |
- <template>
- <div>
- <van-tabs
- class="companyreport"
- :active="active"
- @change="onChange"
- title-active-color="#1D18BC"
- >
- <van-tab title="走访上报" class="housemange">
- <go-report ref="goReport" @changeActive="changeActive" />
- </van-tab>
- <van-tab title="上报历史">
- <report-history ref="reportHistory" />
- </van-tab>
- </van-tabs>
- </div>
- </template>
-
- <script>
- import goReport from "./components/goReport.vue";
- import reportHistory from "./components/reportHistory.vue";
- import { findYuanQuList } from "@/js_sdk/http.js";
- const form = {
- status: [],
- chaoxiang: [],
- };
- export default {
- components: {
- goReport,
- reportHistory,
- },
- data() {
- return {
- active: 0,
- };
- },
- // onLoad: function (){
- // this.$refs.findYuanQuList()
- // },
- onShow() {
- this.$refs.reportHistory.getInterviewList();
- },
- methods: {
- onLoadMore() {},
- getChaoxiang() {},
- getStatus() {},
- changeActive() {
- this.active = 1;
- this.$refs.reportHistory.getInterviewList();
- },
- onChange(e) {
- this.active = e.detail.name;
- },
- },
- onPullDownRefresh: function () {
- // 加载数据
- },
- onReachBottom() {
- if (this.active == 1) {
- this.$refs.reportHistory.getMoreList();
- }
- console.log("滑动到距离底部100px的时候触发,可以放 。。业务逻辑");
- }, //下拉执行的时候触发 (下拉刷新)
- };
- </script>
-
- <style lang="scss">
- .gaisideshurukuang {
- .uni-forms-item__label {
- font-size: 26rpx !important;
- }
- }
- .float_left {
- float: left;
- }
- .chuzu_label {
- width: 312rpx;
- height: 36rpx;
- font-size: 26rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 500;
- color: #333333;
- line-height: 36rpx;
- }
- .chuzu_vlaue {
- width: 86rpx;
- font-size: 32rpx;
- font-family: PingFang SC-Bold, PingFang SC;
- font-weight: bold;
- color: #ec7359;
- line-height: 38rpx;
- }
- .mb14rpx {
- margin-bottom: 14rpx;
- }
- .height34rpx {
- height: 34rpx;
- }
- .height50rpx {
- height: 50rpx;
- }
- .roomstatus {
- height: 50rpx;
- line-height: 50rpx;
- font-size: 24rpx;
- padding: 0rpx 16rpx;
- float: left;
- border-radius: 8rpx 8rpx 8rpx 8rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 500;
- color: #1d18bc;
- border: 2rpx solid #1d18bc;
- margin-left: 16rpx;
- }
- .roomstatus:first-child {
- margin-left: 0;
- }
- .height50px {
- height: 50rpx;
- }
- .mb8rpx {
- margin-bottom: 8rpx;
- }
- .width100 {
- width: 100%;
- }
- .height36rpx {
- height: 36rpx;
- }
- .height40rpx {
- height: 40rpx;
- }
- .height66rpx {
- height: 66rpx;
- }
- .height44rpx {
- height: 44rpx;
- }
- .total {
- padding: 8rpx 32rpx 8rpx 0;
- text-align: right;
- background: #ffffff;
- }
- .gaisideshurukuang {
- .is-input-border {
- border-top: none;
- border-left: none;
- border-right: none;
- border: none;
- border-radius: 0;
- }
- .uni-forms-item {
- border-bottom: 2rpx solid #cccccc;
- }
- }
- </style>
-
|