<template>
  <div class="eibs-tab">
    <c-col :span="12">
      <c-col :span="24">
        <el-form-item label="申报类型" prop="recp.objnam">
          <c-select
            dbCode="boptna"
            v-model="model.recp.objnam"
            style="width: 100%"
            placeholder="请输入申报类型"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-form-item label="申报号码" prop="recp.rptno">
          <c-input
            v-model="model.recp.rptno"
            maxlength="50"
            placeholder="请输入申报号码"
          ></c-input>
        </c-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="起始日期" prop="recp.strdat">
          <c-date-picker
            type="date"
            v-model="model.recp.strdat"
            style="width: 100%"
            placeholder="请输入起始日期"
          ></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-form-item label="机构号" prop="recp.oprbch">
          <c-input
            v-model="model.recp.oprbch"
            maxlength="8"
            placeholder="请输入机构号"
          ></c-input>
        </c-form-item>
      </c-col>
    </c-col>
    <c-col :span="12">
      <c-col :span="24">
        <el-form-item label="操作类型" prop="recp.objtyp">
          <c-select
            dbCode="bopopr"
            v-model="model.recp.objtyp"
            style="width: 100%"
            placeholder="请输入操作类型"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-form-item label="员工号" prop="recp.oprusr">
          <c-input
            v-model="model.recp.oprusr"
            maxlength="8"
            placeholder="请输入员工号"
          ></c-input>
        </c-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="结束日期" prop="recp.enddat">
          <c-date-picker
            type="date"
            v-model="model.recp.enddat"
            style="width: 100%"
            placeholder="请输入结束日期"
          ></c-date-picker>
        </el-form-item>
      </c-col>
    </c-col>
    <c-col :span="12">
      <c-col :span="8">
        <c-button size="small" @click="query" type="primary" icon="el-icon-search">
          查询
        </c-button>
      </c-col>
      <c-col :span="8">
        <c-button size="small" @click="reset" type="primary"> 重置 </c-button>
      </c-col>
      <c-col :span="8">
        <c-button size="small" @click="download" type="primary"> 导出 </c-button>
      </c-col>
    </c-col>
    <c-col :span="24">
      <div class="e-table-wrapper">
        <el-table
          :data="model.recgrp.loglst"
          style="width: 100%"
          :highlight-current-row="true"
        >
          <el-table-column
            prop="objnam"
            label="申报类型"
            align="left"
            min-width="150"
            :show-overflow-tooltip="true"
            sortable
          >
            <template slot-scope="scope">
              <span>{{
                getCodelabel(scope.row.objnam,"boptnalabels") 
              }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="objtyp"
            label="操作类型"
            align="left"
            min-width="150"
            :show-overflow-tooltip="true"
            sortable
          >
            <template slot-scope="scope">
              <span>{{
                getCodelabel(scope.row.objtyp,"bopoprlabels") 
              }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="rptno"
            label="申报号码"
            align="left"
            min-width="150"
            :show-overflow-tooltip="true"
            sortable
          >
          </el-table-column>
          <el-table-column
            prop="oprusr"
            label="员工号"
            align="left"
            min-width="150"
            :show-overflow-tooltip="true"
            sortable
          >
          </el-table-column>
          <el-table-column
            prop="oprusrnam"
            label="员工名称"
            align="left"
            min-width="150"
            :show-overflow-tooltip="true"
            sortable
          >
          </el-table-column>
          <el-table-column
            prop="oprbch"
            label="机构号"
            align="left"
            min-width="150"
            :show-overflow-tooltip="true"
            sortable
          >
          </el-table-column>
          <el-table-column
            prop="oprbchnam"
            label="机构名称"
            align="left"
            min-width="150"
            :show-overflow-tooltip="true"
            sortable
          >
          </el-table-column>
          <el-table-column
            prop="oprenddat"
            label="操作时间"
            align="left"
            min-width="150"
            :show-overflow-tooltip="true"
            sortable
          >
          </el-table-column>
        </el-table>
                 <el-pagination
                        :current-page.sync="pagination.pageNum"
                        :page-size="pagination.pageSize"
                        :page-sizes="[10, 20, 50, 100, 500]"
                        :total="pagination.total"
                        @current-change="handleCurrentChange"
                        @size-change="handleSizeChange"
                        layout="total, sizes, prev, pager, next, jumper">
                </el-pagination>
      </div>
    </c-col>
  </div>
</template>
<script>
import commonProcess from "~/mixin/commonProcess";
import event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess, event],
  data() {
    return {
      pagination: {
        pageNum: 1,
        pageSize: 10,
        total: 0,
      },
      dbCodes:{
        boptnalabels:[],
        bopoprlabels:[]
      }
    };
  },
  mounted() {
    this.getdbCode("boptna", "CN", "boptnalabels");
    this.getdbCode("bopopr", "CN", "bopoprlabels");
  },
  created: function () {},
};
</script>
<style>
</style>