<template>
  <view class="content">
    <u-list @scrolltolower="scrolltolower" v-if="list.length > 0">
      <u-list-item v-for="(item, index) in list" :key="index">
        <view class="flex-between main-title">
          <text>申请人：{{ item.jobName }}</text>
        </view>
        <view class="flex-between main-title">
          <text>身份：{{ item.taskName }}</text>
        </view>
        <view class="flex-between main-title">
          <text>作业编号：{{ item.id }}</text>
        </view>
        <view class="flex-between main-title">
          <text>作业分公司：{{ item.corpName }}</text>
        </view>
        <view class="flex-between main-title">
          <text>申请时间：{{ item.createdTime }}</text>
        </view>
        <view class="flex-between mt-10 subtitle">
          <view></view>
          <view class="flex-between">
            <view class="flex-between">
              <u-button type="primary" text="详情" size="mini" class="bth-mini"
                        @click="$u.route({
                        url: '/pages/eight_assignments/view_info',
                        params: {taskId:item.taskId,jobId:item.jobId,type,title,isView:'1'}
                      })"/>
            </view>
            <view class="flex-between quarantine">
              <u-button type="primary" text="流程" size="mini" class="bth-mini"
                        @click="$u.route({
                        url: '/pages/eight_assignments/technological_process',
                        params: {taskId:item.taskId,type,title}
                      })"/>
            </view>
            <view v-for="(item1, index1) in item.buttons" :key="index1" class="flex_btn">
              <u-button type="primary" size="mini" shape="circle" :text="item1.name" class="bth-mini ml-10"
                        @click="$u.route({
                    url: item1.route,
                    params: {taskId: item.taskId,EW_RU_JOB_ID: item.jobId, isView: '1'},
                  })"
              />
            </view>
          </view>
        </view>
      </u-list-item>
    </u-list>
    <empty v-else></empty>
  </view>
</template>

<script>
import {getToDoTaskList} from "@/api";

export default {
  data() {
    return {
      type: '',
      title: '',
      pageSize: 10,
      currentPage: 1,
      totalPage: 0,
      list: []
    }
  },
  onLoad(query) {
    this.type = query.type
    this.title = query.title
    uni.setNavigationBarTitle({
      title: this.title + '已办'
    })
  },
  onShow() {
    this.resetList()
  },
  methods: {
    async getData() {
      let resData = await getToDoTaskList({
        showCount: this.pageSize,
        currentPage: this.currentPage,
        TYPE: this.type,
        vectors: '1',
        REQUEST_SOURCE: '2'
      });
      this.list = [...this.list, ...resData.list.list];
      this.totalPage = resData.list.totalPage;
    },
    resetList() {
      this.pageSize = 10
      this.currentPage = 1
      this.list = []
      this.getData()
    },
    scrolltolower() {
      this.currentPage++;
      if (this.totalPage >= this.currentPage) this.getData();
    },
  },
}
</script>

<style scoped>
.quarantine {
  margin-left: 5px;
}
</style>