<template>
  <div class="eibs-tab">
    <c-row>
        <c-col :span="24">
            <c-col :span="12">
                 <c-col :span="24">
                    <el-form-item label="业务主键" prop="cnybop.cnyvou.spk">
                        <c-input disabled v-model="model.cnybop.cnyvou.spk" maxlength="20"  placeholder="请输入业务主键"></c-input>
                    </el-form-item>
                 </c-col>
                 
                 <c-col :span="24">
                    <el-form-item label="报送银行机构代码" prop="cnybop.cnyvou.sbankorgcode">
                        <c-input disabled v-model="model.cnybop.cnyvou.sbankorgcode" maxlength="12"  placeholder="请输入报送银行机构代码"></c-input>
                    </el-form-item>
                 </c-col>

                 <c-col :span="24">
                    <el-form-item label="担保方向" prop="cnybop.cnyvou.cvouchdirection">
                        <c-select v-model="model.cnybop.cnyvou.cvouchdirection" style="width:100%" placeholder="请选择担保方向">
                            <el-option
                                    v-for="item in codes.cvouchdirection"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value"
                                    >
                            </el-option>
                        </c-select>
                    </el-form-item>
                </c-col>
                
                <c-col :span="24">
                    <el-form-item label="担保人机构代码" prop="cnybop.cnyvou.svoucherswiftbic">
                        <c-input  v-model="model.cnybop.cnyvou.svoucherswiftbic" maxlength="11"  placeholder="请输入担保人机构代码"></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="担保人名称" prop="cnybop.svouchername">
                        <c-input  v-model="model.cnybop.svouchername" maxlength="80"  placeholder="请输入担保人名称"></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="担保权人机构代码" prop="cnybop.cnyvou.svoucheeorgcode">
                        <c-input  v-model="model.cnybop.cnyvou.svoucheeorgcode" maxlength="12"  placeholder="请输入担保权人机构代码"></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="债务人机构代码" prop="cnybop.cnyvou.sdebtororgcode">
                        <c-input  v-model="model.cnybop.cnyvou.sdebtororgcode" maxlength="18"  placeholder="请输入债务人机构代码"></c-input>
                    </el-form-item>
                </c-col>

                 <c-col :span="24">
                    <el-form-item label="债务人名称" prop="cnybop.sdebtorname">
                        <c-input  v-model="model.cnybop.sdebtorname" maxlength="80"  placeholder="请输入债务人名称"></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="反担保人机构代码" prop="cnybop.cnyvou.sreverseorgcode">
                        <c-input  v-model="model.cnybop.cnyvou.sreverseorgcode" maxlength="18"  placeholder="请输入反担保人机构代码"></c-input>
                    </el-form-item>
                </c-col>
                
                 <c-col :span="24">
                    <el-form-item label="担保种类" prop="cnybop.cnyvou.cvouchtype">
                        <c-select v-model="model.cnybop.cnyvou.cvouchtype" style="width:100%" placeholder="请选择担保种类">
                             <el-option
                                    v-for="item in codes.cvouchtype"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value"
                                    >
                            </el-option>
                        </c-select>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item label="担保币种" prop="cnybop.cnyvou.currencycode">
                        <c-select v-model="model.cnybop.cnyvou.currencycode" style="width:100%" placeholder="请选择担保币种">
                            <el-option
                                    v-for="item in codes.currencycode"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value"
                                    >
                            </el-option>
                        </c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="担保生效日期" prop="cnybop.cnyvou.dvouchefficientdate">
                        <c-date-picker type="date"  v-model="model.cnybop.cnyvou.dvouchefficientdate" style="width:100%"  placeholder="请选择担保生效日期"></c-date-picker>
                    </el-form-item>
                </c-col>

                 <c-col :span="24">
                    <el-form-item label="担保合同编号" prop="cnybop.cnyvou.scontractno">
                        <c-input  v-model="model.cnybop.cnyvou.scontractno" maxlength="32"  placeholder="请输入担保合同编号"></c-input>
                    </el-form-item>
                </c-col>
                 <c-col :span="24">
                    <el-form-item label="交易附言" prop="cnybop.saddwordvou">
                        <c-input  v-model="model.cnybop.saddwordvou" maxlength="80"  placeholder="请输入交易附言"></c-input>
                    </el-form-item>
                </c-col>
            </c-col>
            <c-col :span="11" :offset="1">
                    <c-col :span="24">
                        <el-form-item label="银行业务编号" prop="cnybop.cnyvou.sbanktrano">
                            <c-input disabled v-model="model.cnybop.cnyvou.sbanktrano" maxlength="22"  placeholder="请输入银行业务编号"></c-input>
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item label="报送银行机构名称" prop="cnybop.sbankname">
                            <c-input disabled v-model="model.cnybop.sbankname" maxlength="80"  placeholder="请输入报送银行机构名称"></c-input>
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item label="业务属性" prop="cnybop.cnyvou.stransattr">
                            <c-select v-model="model.cnybop.cnyvou.stransattr" style="width:100%" placeholder="请选择业务属性">
                                <el-option
                                    v-for="item in codes.stransattr"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value"
                                    >
                                </el-option>
                            </c-select>
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item label="担保人国别" prop="cnybop.cnyvou.svouchercountrycode">
                            <c-fullbox>
                                <c-input  v-model="model.cnybop.cnyvou.svouchercountrycode" maxlength="3"  placeholder="请输入担保人国别"></c-input>
                                <template slot="footer">
                                    <c-button size="small" type="primary" icon="el-icon-search" @click="onVoucty1Selbut1">
                                        ?
                                    </c-button>
                                </template>
                                
                            </c-fullbox>
                            
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item label="担保权人名称" prop="cnybop.svoucheename">
                            <c-input  v-model="model.cnybop.svoucheename" maxlength="80"  placeholder="请输入担保权人名称"></c-input>
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item label="担保权人国别" prop="cnybop.cnyvou.svoucheecountrycode">
                            <c-fullbox>
                                <c-input  v-model="model.cnybop.cnyvou.svoucheecountrycode" maxlength="3"  placeholder="请输入担保权人国别"></c-input>
                                <template slot="footer">
                                    <c-button size="small" type="primary" icon="el-icon-search" @click="onVoucty2Selbut1">
                                        ?
                                    </c-button>
                                </template>
                            </c-fullbox>
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item label="债务人国别" prop="cnybop.cnyvou.sdebtorcountrycode">
                            <c-fullbox>
                                <c-input  v-model="model.cnybop.cnyvou.sdebtorcountrycode" maxlength="3"  placeholder="请输入债务人国别"></c-input>
                                <template slot="footer">
                                    <c-button size="small" type="primary" icon="el-icon-search" @click="onVoucty3Selbut1">
                                        ?
                                    </c-button>
                                </template>
                            </c-fullbox>   
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item label="反担保人名称" prop="cnybop.sreversename">
                            <c-input  v-model="model.cnybop.sreversename" maxlength="80"  placeholder="请输入反担保人名称"></c-input>
                        </el-form-item>
                    </c-col>

                     <c-col :span="24">
                        <el-form-item label="反担保人国别" prop="cnybop.cnyvou.sreversecountrycode">
                            <c-fullbox>
                                 <c-input  v-model="model.cnybop.cnyvou.sreversecountrycode" maxlength="3"  placeholder="请输入反担保人国别"></c-input>
                                 <template slot="footer">
                                        <c-button size="small" type="primary" icon="el-icon-search" @click="onVoucty4Selbut1">
                                            ?
                                        </c-button>
                                 </template>
                            </c-fullbox>
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item label="反担保方式" prop="cnybop.cnyvou.cvouchmode">
                            <c-select v-model="model.cnybop.cnyvou.cvouchmode" style="width:100%" placeholder="请选择反担保方式">
                                 <el-option
                                    v-for="item in codes.cvouchmode"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value"
                                    >
                                </el-option>
                            </c-select>
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item label="原币种金额" prop="cnybop.cnyvou.fvouchamt">
                            <c-input  v-model="model.cnybop.cnyvou.fvouchamt"  placeholder="请输入原币种金额"></c-input>
                        </el-form-item>
                    </c-col>

                     <c-col :span="24">
                        <el-form-item label="担保到期日期" prop="cnybop.cnyvou.dvouchenddate">
                            <c-date-picker type="date"  v-model="model.cnybop.cnyvou.dvouchenddate" style="width:100%"  placeholder="请选择担保到期日期"></c-date-picker>
                        </el-form-item>
                    </c-col>
                    
                    <c-col :span="24">
                        <el-form-item label="担保登记编号" prop="cnybop.cnyvou.svouchno">
                            <c-input  v-model="model.cnybop.cnyvou.svouchno" maxlength="32"  placeholder="请输入担保登记编号"></c-input>
                        </el-form-item>
                    </c-col>
            </c-col>
        </c-col>
    </c-row>
                                               
       <!-- <c-col :span="12">
        <el-form-item label="业务主键" prop="cnybop.cnyvou.spk">
            <c-input  v-model="model.cnybop.cnyvou.spk" maxlength="20"  placeholder="请输入业务主键"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="银行业务编号" prop="cnybop.cnyvou.sbanktrano">
            <c-input  v-model="model.cnybop.cnyvou.sbanktrano" maxlength="22"  placeholder="请输入银行业务编号"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="报送银行机构代码" prop="cnybop.cnyvou.sbankorgcode">
            <c-input  v-model="model.cnybop.cnyvou.sbankorgcode" maxlength="12"  placeholder="请输入报送银行机构代码"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="报送银行机构名称" prop="cnybop.sbankname">
            <c-input  v-model="model.cnybop.sbankname" maxlength="80"  placeholder="请输入报送银行机构名称"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="业务属性" prop="cnybop.cnyvou.stransattr">
            <c-select v-model="model.cnybop.cnyvou.stransattr" style="width:100%" placeholder="请选择业务属性">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="担保方向" prop="cnybop.cnyvou.cvouchdirection">
            <c-select v-model="model.cnybop.cnyvou.cvouchdirection" style="width:100%" placeholder="请选择担保方向">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="担保人国别" prop="cnybop.cnyvou.svouchercountrycode">
            <c-input  v-model="model.cnybop.cnyvou.svouchercountrycode" maxlength="3"  placeholder="请输入担保人国别"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="担保人机构代码" prop="cnybop.cnyvou.svoucherswiftbic">
            <c-input  v-model="model.cnybop.cnyvou.svoucherswiftbic" maxlength="11"  placeholder="请输入担保人机构代码"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <c-button size="small" type="primary" icon="el-icon-search" @click="onVoucty1Selbut1">
            ?
        </c-button>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="担保人名称" prop="cnybop.svouchername">
            <c-input  v-model="model.cnybop.svouchername" maxlength="80"  placeholder="请输入担保人名称"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="担保权人国别" prop="cnybop.cnyvou.svoucheecountrycode">
            <c-input  v-model="model.cnybop.cnyvou.svoucheecountrycode" maxlength="3"  placeholder="请输入担保权人国别"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="担保权人机构代码" prop="cnybop.cnyvou.svoucheeorgcode">
            <c-input  v-model="model.cnybop.cnyvou.svoucheeorgcode" maxlength="12"  placeholder="请输入担保权人机构代码"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <c-button size="small" type="primary" icon="el-icon-search" @click="onVoucty2Selbut1">
            ?
        </c-button>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="担保权人名称" prop="cnybop.svoucheename">
            <c-input  v-model="model.cnybop.svoucheename" maxlength="80"  placeholder="请输入担保权人名称"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="债务人国别" prop="cnybop.cnyvou.sdebtorcountrycode">
            <c-input  v-model="model.cnybop.cnyvou.sdebtorcountrycode" maxlength="3"  placeholder="请输入债务人国别"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="债务人机构代码" prop="cnybop.cnyvou.sdebtororgcode">
            <c-input  v-model="model.cnybop.cnyvou.sdebtororgcode" maxlength="18"  placeholder="请输入债务人机构代码"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <c-button size="small" type="primary" icon="el-icon-search" @click="onVoucty3Selbut1">
            ?
        </c-button>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="债务人名称" prop="cnybop.sdebtorname">
            <c-input  v-model="model.cnybop.sdebtorname" maxlength="80"  placeholder="请输入债务人名称"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="反担保人国别" prop="cnybop.cnyvou.sreversecountrycode">
            <c-input  v-model="model.cnybop.cnyvou.sreversecountrycode" maxlength="3"  placeholder="请输入反担保人国别"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="反担保人机构代码" prop="cnybop.cnyvou.sreverseorgcode">
            <c-input  v-model="model.cnybop.cnyvou.sreverseorgcode" maxlength="18"  placeholder="请输入反担保人机构代码"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <c-button size="small" type="primary" icon="el-icon-search" @click="onVoucty4Selbut1">
            ?
        </c-button>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="反担保人名称" prop="cnybop.sreversename">
            <c-input  v-model="model.cnybop.sreversename" maxlength="80"  placeholder="请输入反担保人名称"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="担保种类" prop="cnybop.cnyvou.cvouchtype">
            <c-select v-model="model.cnybop.cnyvou.cvouchtype" style="width:100%" placeholder="请选择担保种类">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="反担保方式" prop="cnybop.cnyvou.cvouchmode">
            <c-select v-model="model.cnybop.cnyvou.cvouchmode" style="width:100%" placeholder="请选择反担保方式">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="担保币种" prop="cnybop.cnyvou.currencycode">
            <c-select v-model="model.cnybop.cnyvou.currencycode" style="width:100%" placeholder="请选择担保币种">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="原币种金额" prop="cnybop.cnyvou.fvouchamt">
            <c-input  v-model="model.cnybop.cnyvou.fvouchamt"  placeholder="请输入原币种金额"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="担保生效日期" prop="cnybop.cnyvou.dvouchefficientdate">
            <c-date-picker type="date"  v-model="model.cnybop.cnyvou.dvouchefficientdate" style="width:100%"  placeholder="请选择担保生效日期"></c-date-picker>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="担保到期日期" prop="cnybop.cnyvou.dvouchenddate">
            <c-date-picker type="date"  v-model="model.cnybop.cnyvou.dvouchenddate" style="width:100%"  placeholder="请选择担保到期日期"></c-date-picker>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="担保合同编号" prop="cnybop.cnyvou.scontractno">
            <c-input  v-model="model.cnybop.cnyvou.scontractno" maxlength="32"  placeholder="请输入担保合同编号"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="担保登记编号" prop="cnybop.cnyvou.svouchno">
            <c-input  v-model="model.cnybop.cnyvou.svouchno" maxlength="32"  placeholder="请输入担保登记编号"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="交易附言" prop="cnybop.saddwordvou">
            <c-input  v-model="model.cnybop.saddwordvou" maxlength="80"  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/Gitopn/Event"

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

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

    }
}
</script>
<style>

</style>