Mainp.vue

<template>
  <div class="eibs-tab">
                              
       <c-col :span="24">
        <div class="e-table-wrapper">
            <el-table
                :data="model.cpygrp.cpylst"
                style="width: 100%"
                >
                <el-table-column
                  prop="snddattim"
                  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="othref"
                  label="报文标识号"
                  sortable
                  width="180">
                </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="70">
                  <template slot-scope="scope">
                    <span>{{ this.codes.fmssta.find(item=>item.value==scope.row.actsta).label }}</span>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="num"
                  label="明细数目"
                  sortable
                  width="100">
                </el-table-column>
              </el-table>
              <el-pagination
                 layout="prev, pager, next"
                 :total="1">
              </el-pagination>
       </div>
       </c-col>
                 <!-- LT000008 : 发报行： -->
                  
       <c-col :span="12">
        <c-form-item :label="$t('cpyp.LT000008')" prop="cpyp.sndbic">
            <c-input  v-model="model.cpyp.sndbic" maxlength="11"  :placeholder="$t('other.please_enter')+$t('cpyp.LT000008')"></c-input>
        </c-form-item>
       </c-col>
                 <!-- LT000009 : 收报行： -->
                  
       <c-col :span="12">
        <c-form-item :label="$t('cpyp.LT000009')" prop="cpyp.rcvbic">
            <c-input  v-model="model.cpyp.rcvbic" maxlength="11"  :placeholder="$t('other.please_enter')+$t('cpyp.LT000009')"></c-input>
        </c-form-item>
       </c-col>
                 <!-- LT000010 : 报文类型： -->
                  
       <c-col :span="12">
        <el-form-item :label="$t('cpyp.LT000010')" prop="cpyp.subtyp">
            <c-select v-model="model.cpyp.subtyp" style="width:100%" :placeholder="$t('other.please_enter')+$t('cpyp.LT000010')">
              </c-select>
        </el-form-item>
       </c-col>
                 <!-- LT000006 : 收报日期： -->
                  
       <c-col :span="12">
        <el-form-item :label="$t('cpyp.LT000006')" prop="cpyp.rcvsta">
            <c-date-picker type="date"  v-model="model.cpyp.rcvsta" style="width:100%"  :placeholder="$t('other.please_enter')+$t('cpyp.LT000006')"></c-date-picker>
        </el-form-item>
       </c-col>
                 <!-- LT000007 : 至： -->
                  
       <c-col :span="12">
        <el-form-item :label="$t('cpyp.LT000007')" prop="cpyp.rcvend">
            <c-date-picker type="date"  v-model="model.cpyp.rcvend" style="width:100%"  :placeholder="$t('other.please_enter')+$t('cpyp.LT000007')"></c-date-picker>
        </el-form-item>
       </c-col>
                 <!-- LT000004 : 对账日期： -->
                  
       <c-col :span="12">
        <el-form-item :label="$t('cpyp.LT000004')" prop="cpyp.chksta">
            <c-date-picker type="date"  v-model="model.cpyp.chksta" style="width:100%"  :placeholder="$t('other.please_enter')+$t('cpyp.LT000004')"></c-date-picker>
        </el-form-item>
       </c-col>
                 <!-- LT000005 : 至： -->
                  
       <c-col :span="12">
        <el-form-item :label="$t('cpyp.LT000005')" prop="cpyp.chkend">
            <c-date-picker type="date"  v-model="model.cpyp.chkend" style="width:100%"  :placeholder="$t('other.please_enter')+$t('cpyp.LT000005')"></c-date-picker>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary" icon="el-icon-search" @click="onCpypSel">
             {{$t('cpyp.BT000011')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onCpypClr">
             {{$t('cpyp.BT000012')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onCpypRtn">
             {{$t('cpyp.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>