<template>
  <div class="eibs-tab">                 
    <el-form class="m-table-search-form" :rules="rules" ref="SdpanelForm" label-position="right" label-width="110px" size="small" :model="model">
                                    
        <c-col :span="12">
						<el-form-item label="日期"  style="width: 100%">
							<c-col :span="11">
								<c-date-picker type="date" v-model="model.bcrinc.bgdat" style="width: 100%" placeholder="请选择起始日期" value-format="yyyy-MM-dd"></c-date-picker>
							</c-col>
							<c-col :span="2" v-if="model.bcrinc.bbtype == 'a'" style="text-align: center">
								<label style="display: inline-block; width: 100%">-</label>
							</c-col>
							<c-col :span="11" v-if="model.bcrinc.bbtype == 'a'">
								<c-date-picker type="date" v-model="model.bcrinc.endat" style="width: 100%" placeholder="请选择截止日期" value-format="yyyy-MM-dd"></c-date-picker>
							</c-col>
						</el-form-item>
			</c-col>

        <c-col :span="12">
        <el-form-item label="报表类型" prop="bcrinc.bbtype">
          <c-select @change="codSearch" v-model="model.bcrinc.bbtype" style="width:100%" dbCode="bbtype" placeholder="" >
          </c-select>
        </el-form-item>
       </c-col>

        <c-col :span="12" style="text-align: right">
          <el-button type="primary" icon="el-icon-export" size="small" @click="CodexportExcel()">导出报表
          </el-button>
        </c-col>

        <c-col :span="12" class="custom-box-wrap">
				<div  v-if="model.bcrinc.bbtype=='b'">
					<el-form-item label="业务交易列表：" >
					</el-form-item>
				</div>
        <div  v-if="model.bcrinc.bbtype!='b'">
					<el-form-item label="收单行登记、押汇中心经办交易列表：" >
					</el-form-item>
				</div>
				<div >
          <c-checkbox  @change="SearchCodsall()" false-label="" true-label="X" v-model="model.bcrinc.checkofcod">ALL
					</c-checkbox>
				</div>
			</c-col>


       <c-col :span="24">
        <el-table id='infgidSpTableRef' :data="model.bcrinc.codtableData" height="600px" :highlight-current-row="true" :border="true" style="width:100%" size="medium">
          <el-table-column label="Description" prop="txt" align="left">
          </el-table-column>
          <el-table-column label="交易代码" prop="cod"  align="left">
          </el-table-column>
          <el-table-column label="选择标识" prop="idxcod"  align="left">
            <template slot-scope="scope">
						<el-checkbox v-model="scope.row.idxcod" true-label="X" false-label="" ></el-checkbox>
					</template>
          </el-table-column>
        </el-table>
      </c-col>


    </el-form>
     </div>
</template>
<script>
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import event from "../event";
import Check from "../model/check";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event,Check],
  data() {
    return {
      ShixiaoColumns:[
        {
          prop: "ownref",
          label: "业务编号",
        },
        {
          prop: "inifrm",
          label: "交易类型",
        },
        {
          prop: "iniusr",
          label: "操作柜员",
        },
        {
          prop: "ordtim",
          label: "上传时间",
        },
        {
          prop: "datepur1",
          label: "等待分配耗时(分钟)",
        },
        {
          prop: "datepur2",
          label: "等待处理耗时(分钟)",
        },
        {
          prop: "takebentimFst",
          label: "开始处理时间",
        },
        {
          prop: "jingBan",
          label: "经办处理耗时(分钟)",
        },
        {
          prop: "savdatimFst",
          label: "经办第一次保存时间",
        },
        {
          prop: "fuhe",
          label: "复核放行耗时(分钟)",
        },
         {
          prop: "fxtim",
          label: "放行时间",
        },
        {
          prop: "zongHao",
          label: "总耗时(分钟)",
        },
      ],
    };
  },
  computed: {

  },
  methods: {
  },
  mounted() {
    this.Default();
    this.codSearch();
  },
  created: function() {}
};
</script>
<style scoped lang="less">

  ::v-deep  .cell {
   display: flex;
   justify-content: center;
 }
</style>