<template>
  <div class="eibs-tab">
                              
       <c-col :span="24">
        <div class="e-table-wrapper">
            <el-table
                :data="model.cpzgrp.cpzlst"
                style="width: 100%"
                >
                <el-table-column
                  prop="credattim"
                  label="收报日期"
                  sortable
                  width="120">
                </el-table-column>
                <el-table-column
                  prop="chkdat"
                  label="对账日期"
                  sortable
                  width="120">
                </el-table-column>
                <el-table-column
                  prop="sndbic"
                  label="发报行"
                  sortable
                  width="130">
                </el-table-column>
                <el-table-column
                  prop="rcvbic"
                  label="收报行"
                  sortable
                  width="130">
                </el-table-column>
                <el-table-column
                  prop="chkbic"
                  label="对账直参行"
                  sortable
                  width="130">
                </el-table-column>
                <el-table-column
                  prop="othref"
                  label="报文标识号"
                  sortable
                  width="150">
                </el-table-column>
                <el-table-column
                  prop="msgtyp"
                  label="报文标准"
                  sortable
                  width="80">
                  <template slot-scope="scope">
                    <span>{{ this.codes.msgmst.find(item=>item.value==scope.row.msgtyp).label }}</span>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="subtyp"
                  label="报文类型"
                  sortable
                  width="80">
                </el-table-column>
                <el-table-column
                  prop="actsta"
                  label="对账状态"
                  sortable
                  width="80">
                  <template slot-scope="scope">
                    <span>{{ this.codes.actsta.find(item=>item.value==scope.row.actsta).label }}</span>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="num"
                  label="明细数目"
                  sortable
                  width="80">
                </el-table-column>
              </el-table>
              <el-pagination
                 layout="prev, pager, next"
                 :total="1">
              </el-pagination>
       </div>
       </c-col>
                 <!-- LT000004 : 对账行号 -->
                 <!-- LT000012 : ： -->
                  
       <c-col :span="12">
        <c-form-item :label="$t('cpzp.LT000004')" prop="cpzp.chkbic">
            <c-input  v-model="model.cpzp.chkbic" maxlength="35"  :placeholder="$t('other.please_enter')+$t('cpzp.LT000004')"></c-input>
        </c-form-item>
       </c-col>
                 <!-- LT000036 : 报文类型 -->
                 <!-- LT000012 : ： -->
                  
       <c-col :span="12">
        <el-form-item :label="$t('cpzp.LT000036')" prop="cpzp.subtyp">
            <c-select v-model="model.cpzp.subtyp" style="width:100%" :placeholder="$t('other.please_enter')+$t('cpzp.LT000036')">
              </c-select>
        </el-form-item>
       </c-col>
                 <!-- LT000006 : 收报日期 -->
                 <!-- LT000012 : ： -->
                  
       <c-col :span="12">
        <el-form-item :label="$t('cpzp.LT000006')" prop="cpzp.rcvsta">
            <c-date-picker type="date"  v-model="model.cpzp.rcvsta" style="width:100%"  :placeholder="$t('other.please_enter')+$t('cpzp.LT000006')"></c-date-picker>
        </el-form-item>
       </c-col>
                 <!-- LT000007 : 至 -->
                 <!-- LT000012 : ： -->
                  
       <c-col :span="12">
        <el-form-item :label="$t('cpzp.LT000007')" prop="cpzp.rcvend">
            <c-date-picker type="date"  v-model="model.cpzp.rcvend" style="width:100%"  :placeholder="$t('other.please_enter')+$t('cpzp.LT000007')"></c-date-picker>
        </el-form-item>
       </c-col>
                 <!-- LT000008 : 对账起始日期 -->
                 <!-- LT000012 : ： -->
                  
       <c-col :span="12">
        <el-form-item :label="$t('cpzp.LT000008')" prop="cpzp.chksta">
            <c-date-picker type="date"  v-model="model.cpzp.chksta" style="width:100%"  :placeholder="$t('other.please_enter')+$t('cpzp.LT000008')"></c-date-picker>
        </el-form-item>
       </c-col>
                 <!-- LT000009 : 对账截止日期 -->
                 <!-- LT000012 : ： -->
                  
       <c-col :span="12">
        <el-form-item :label="$t('cpzp.LT000009')" prop="cpzp.chkend">
            <c-date-picker type="date"  v-model="model.cpzp.chkend" style="width:100%"  :placeholder="$t('other.please_enter')+$t('cpzp.LT000009')"></c-date-picker>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary" icon="el-icon-search" @click="onCpzpSel">
             {{$t('cpzp.BT000010')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onCpzpClr">
             {{$t('cpzp.BT000011')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onCpzpChkqry">
             {{$t('cpzp.BT000037')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onCpzpRtn">
             {{$t('cpzp.BT000013')}}
        </c-button>
       </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "../model/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {

        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>