boss/pages/main/index/freework_level.vue

<template>
  <div class="mainContainer">
    <div>
      <el-row>
        <el-form :inline="true" class="filter-form" :label-position="labelPosition">
          <el-row>
            <el-form-item label="状态" style="margin-bottom: 5px">
              <el-radio-group v-model="form.order_status" size="mini" @change="searchList()">
                <el-radio-button :label="0">全部({{form.order_status_val.order_status_all}})</el-radio-button>
                <el-radio-button :label="1">待支付({{form.order_status_val.order_status_1}})</el-radio-button>
                <el-radio-button :label="2">待完善({{form.order_status_val.order_status_2}})</el-radio-button>
                <el-radio-button :label="3">审核中({{form.order_status_val.order_status_3}})</el-radio-button>
                <el-radio-button :label="4">对接中({{form.order_status_val.order_status_4}})</el-radio-button>
                <el-radio-button :label="5">面试中({{form.order_status_val.order_status_5}})</el-radio-button>
                <el-radio-button :label="6">已拒绝({{form.order_status_val.order_status_6}})</el-radio-button>
                <el-radio-button :label="8">待付款({{form.order_status_val.order_status_8}})</el-radio-button>
                <el-radio-button :label="7">已完成({{form.order_status_val.order_status_7}})</el-radio-button>
              </el-radio-group>
            </el-form-item>
          </el-row>

          <el-row>
            <el-form-item label="领域" style="margin-bottom: 5px">
              <el-radio-group v-model="form.item_id" size="mini" @change="searchList()">
                <el-radio-button :label="0">全部({{form.item_id_val.item_id_0}})</el-radio-button>
                <el-radio-button :label="1101">F1({{form.item_id_val.item_id_1101}})</el-radio-button>
                <el-radio-button :label="1102">F2({{form.item_id_val.item_id_1102}})</el-radio-button>
                <el-radio-button :label="1103">F3({{form.item_id_val.item_id_1103}})</el-radio-button>
                <el-radio-button :label="1104">F4({{form.item_id_val.item_id_1104}})</el-radio-button>
                <el-radio-button :label="1105">F5({{form.item_id_val.item_id_1105}})</el-radio-button>
                <el-radio-button :label="1106">F6({{form.item_id_val.item_id_1106}})</el-radio-button>
              </el-radio-group>
            </el-form-item>
          </el-row>
        </el-form>
      </el-row>
    </div>

    <el-table :data="tableData" border>
      <el-table-column prop="uid" label="UID" />
      <el-table-column prop="nickname" label="昵称" />
      <el-table-column prop="occupation_id_name" label="领域" />
      <el-table-column prop="item_id" label="技术等级" />
      <el-table-column prop="order_status_text" label="订单状态" />
      <el-table-column prop="interview_uid" label="面试官" />
      <el-table-column prop="addtime" label="申请时间" />
      <el-table-column prop="ctrontorl" label="操作" width="320px">
        <template slot-scope="scope">
          <el-button type="text" @click="$router.push({path:'/main/freework_level_info', query:{id:scope.row.id}})">查看详情</el-button>
        </template>
      </el-table-column>
    </el-table>

    <div class="mainPageBox">
      <el-pagination
        @current-change="changePagination"
        :page-size="20"
        :total="Number(total)"
        layout="total, prev, pager, next"
        background
      ></el-pagination>
    </div>

  </div>
</template>

<script>

  export default {
    data() {
      return {
        page: 1,
        form:{
          timeRange:[],
          order_status:3,
          order_status_val:{
          },
          item_id_val:{},
          item_id:0
        },
        returnData:{},
        total: 0,
        labelPosition: 'left',
        tableData: [],
      }
    },
    computed: {

    },
    mounted() {
      this.getList();
    },
    methods: {
      async getList() {
        this.form.page=this.page;
        if(this.form.timeRange==null)
        {
          this.form.stime="";
          this.form.etime="";
        }
        else
        {
          this.form.stime=this.form.timeRange[0];
          this.form.etime=this.form.timeRange[1]+" 23:59:59";
        }
        const data = this.form;
        let res = await this.$post("/uapi/cert/list",data);

        if (res && res.status === 1) {
          this.tableData = res.data.list;
          this.total = res.data.total;
          this.form.order_status_val=res.data.order_status;
          this.form.item_id_val=res.data.item_id;
        }
      },
      changePagination(val) {
        this.page = val;
        this.getList();
      },
      searchList(type="") {
        if(type==1) this.returnData={};
        this.getList();
      }

    }
  };
</script>