<template>
  <div class="eibs-tab">
      <c-col :span="24">
      <!-- =======left========= -->
      <c-col :span="11">
          <c-col :span="24">
        <el-form-item label="付款人" prop="fkr">
            <c-input  v-model="model.fkr" maxlength="40"  placeholder="请输入付款人："></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="24">
        <el-form-item label="付款账号" prop="fkzh">
            <c-input  v-model="model.fkzh" maxlength="40"  placeholder="请输入付款账号："></c-input>
        </el-form-item>
       </c-col>
                                                    
       <c-col :span="24">
        <el-form-item label="付款行行名" prop="fkhnam">
            <c-input  v-model="model.fkhnam" maxlength="40"  placeholder="请输入付款行行名："></c-input>
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <el-form-item label="付款行行号" prop="fkhnum">
            <c-input  v-model="model.fkhnum" maxlength="35"  placeholder="请输入付款行行号："></c-input>
        </el-form-item>
       </c-col>
                                                    
       <c-col :span="24">
        <el-form-item label="起息日" prop="qxr">
            <c-date-picker type="date"  v-model="model.qxr" style="width:100%"  placeholder="请选择起息日："></c-date-picker>
        </el-form-item>
       </c-col>
        <c-col :span="24">
        <el-form-item label="收款人" prop="skr">
            <c-input  v-model="model.skr" maxlength="40"  placeholder="请输入收款人："></c-input>
        </el-form-item>
       </c-col>
                                                    
       <c-col :span="24">
        <el-form-item label="收款账号" prop="skzh">
            <c-input  v-model="model.skzh" maxlength="40"  placeholder="请输入收款账号："></c-input>
        </el-form-item>
       </c-col>
        <c-col :span="24">
        <el-form-item label="收款行行名" prop="khh">
            <c-input  v-model="model.khh" maxlength="40"  placeholder="请输入收款行行名："></c-input>
        </el-form-item>
       </c-col>
                                                    
       <c-col :span="24">
        <el-form-item label="收款行行号" prop="skhnum">
            <c-input  v-model="model.skhnum" maxlength="35"  placeholder="请输入收款行行号："></c-input>
        </el-form-item>
       </c-col>   
       <c-col :span="24">
        <el-form-item label="附言：寄单行编号" prop="jdhbh">
            <c-input  v-model="model.jdhbh" maxlength="40"  placeholder="请输入附言："></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="24">
        <el-form-item label="信用证编号" prop="xyzbh">
            <c-input  v-model="model.xyzbh" maxlength="40"  placeholder="请输入信用证编号："></c-input>
        </el-form-item>
       </c-col> 
       <c-col :span="24">
       <c-col :span="13">
        <el-form-item label="付款类型" prop="bddgrp.rec.paytyp">
            <c-select v-model="model.bddgrp.rec.paytyp" style="width:100%" placeholder="请选择付款类型" :code="codes.paytyp">
              </c-select>
        </el-form-item>
       </c-col>
       </c-col>
                                   
       <c-col :span="24">
       <c-col :span="13">
        <el-form-item label="清算方式" prop="bddgrp.rec.clrmtd">
            <c-select v-model="model.bddgrp.rec.clrmtd" style="width:100%" placeholder="请选择清算方式" :code="codes.clrtyp">
              </c-select>
        </el-form-item>
       </c-col>                                                   
       </c-col>                                                   
       
      </c-col>
      <!-- =======right========= -->
      <c-col :span="11" :offset="1" v-if="model.bddgrp.rec.skhhh != ''">
          <c-col :span="24">
        <el-form-item label="收款银行账户名称" prop="bddgrp.rec.skmc">
            <c-input type="textarea" v-model="model.bddgrp.rec.skmc" maxlength="40" show-word-limit placeholder="请输入收款银行账户名称" ></c-input>
        </el-form-item>
        </c-col>
                                                                
       <c-col :span="24">
        <el-form-item label="收款银行账号" prop="bddgrp.rec.skzh">
            <c-input  v-model="model.bddgrp.rec.skzh" maxlength="35"  placeholder="请输入收款银行账号"></c-input>
        </el-form-item>
       </c-col>
                                       
       <c-col :span="24">
        <el-form-item label="收款银行开户行名称" prop="bddgrp.rec.skhmc">
            <c-input type="textarea" v-model="model.bddgrp.rec.skhmc" maxlength="40" show-word-limit placeholder="请输入收款银行开户行名称" ></c-input>
        </el-form-item>
        </c-col>
                                   
       <c-col :span="24">
        <el-form-item label="收款银行开户行行号" prop="bddgrp.rec.skhhh">
            <c-input  v-model="model.bddgrp.rec.skhhh" maxlength="20"  placeholder="请输入收款银行开户行行号"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="24">
            <c-button size="small" style="margin-left:150px" type="primary"  @click="onChange">
            替换
        </c-button>
       </c-col>
      </c-col>
      </c-col>                      
       <c-col :span="11">
        <el-form-item label="备注" prop="bddgrp.blk.setrmk">
            <c-input type="textarea" v-model="model.bddgrp.blk.setrmk" maxlength="65" show-word-limit placeholder="请输入备注" ></c-input>
        </el-form-item>
        </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Bdtset/Event"

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

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

    }
}
</script>
<style>

</style>