assess-app/page_task/draft/index.vue

<template>
  <view class="total-page page-box page-env-20 scroll_content task-bg">
    <Nav :title="'任务'" :genre="1" :back="false" is_fixed></Nav>
    <view>
      <Search :placeholder="'客户姓名或电话'"></Search>

    </view>
    <EnScroll ref="scroll" :navHeight="105" is_tabHeight @onRefresh="onRefresh" @onScrollBottom="onScrollBottom">
      <view class="draft-item r-40 sys-background-fff">
        <view class="item-left">
          <view class="left-top left-item">
            <view class="top-name sys-weight-600 size-30 text-color-12">张三</view>
            <view class="top-product sys-weight-400 size-24 text-color-009 r-10">中油消费</view>
          </view>
          <view class="left-content left-item">
            <view class="sys-weight-400 size-24 text-color-12">身份证：</view>
            <view class="sys-weight-600 sys-size-28 text-color-12">中油消费</view>
          </view>
          <view class="left-bottom left-item">
            <view class=" size-24 text-color-999">身份证：</view>
            <view class=" size-24 text-color-999">中油消费</view>
          </view>

        </view>
        <view class="item-right">
          <view class="but-item but-edit size-28 sys-weight-500 text-color-fff button-background">编辑</view>
          <view class="but-item but-del  size-28 sys-weight-500 text-color-666 ">删除</view>
        </view>

      </view>

    </EnScroll>
  </view>
</template>

<script>

export default {
  components: {},
  data() {
    return {};
  },
  methods: {
    // 下拉刷新
    onRefresh() {
      // uni.showLoading({
      // 	title: '数据加载中'
      // })
      // setTimeout(() => {
      // 	uni.showToast({
      // 		title: '加载完成',
      // 		icon: 'none'
      // 	})
      // 	this.$refs.scroll.onEndPulling()
      // }, 1000)
      console.log("下拉刷新");
      this.startList()
    },
    // 滚动到底部
    onScrollBottom() {
      // uni.showLoading({
      // 	title: '数据加载中'
      // })
      if (this.current === 1) {
        this.getDayBacklogList()
      } else {
        this.getTaskReceiving();
      }
      // setTimeout(() => {
      // 	uni.showToast({
      // 		title: '加载完成',
      // 		icon: 'none'
      // 	})
      // }, 1000)
      console.log("到底部了");
    },
  },
}
</script>

<style lang="scss">
.draft-item{
  padding: 25rpx 30rpx;
  display: flex;
  justify-content: space-between;
  .item-left{
    .left-item{
      display: flex;
      justify-content: left;
      align-items: center;
    }
    .left-top{
      height: 52rpx;
      .top-product{
        background-color: rgba(15, 177, 96, 0.1);
        padding: 9rpx 22rpx;
        margin-left: 20rpx;
      }
    }
    .left-content{
      margin-top: 24rpx;
      height: 40rpx;
    }
    .left-bottom{
      margin-top: 24rpx;
      height: 34rpx;
    }

  }
  .item-right{
    padding-top: 20rpx;
    .but-item{
      width: 172rpx;
      height: 70rpx;
      text-align: center;
      line-height: 70rpx;
    }
    .but-del{
      margin-top: 15rpx;
      box-sizing: border-box;
      border-radius: 99rpx 99rpx 99rpx 99rpx;
      border: 1rpx solid #666666;
    }
  }

}

</style>