Secpan.vue

<template>
  <div class="eibs">
       
       <c-col :span="24">
           <el-form-item label="收款人开户行代理行名称(=中介结构1)" prop="" label-width="250px">
            <c-input v-model="model.trnmod.hvpmod.agnamedl"></c-input>
           </el-form-item>
       </c-col>
       <c-col :span="24">
           <el-form-item label="收款人开户行代理行号（=中介机构）" prop="" label-width="250px">
               <c-input v-model="model.trnmod.hvpmod.agencydl" disabled></c-input>
           </el-form-item>
       </c-col>
       <!-- --------------左边---------------- -->
       <c-col :span="12" style="padding-right: 20px;">
           <c-col :span="24">
               <el-form-item label="费用编号" prop="">
                   <c-select v-model="model.trnmod.hvpmod.feecod" style="width: 100%;">
                       <el-option
                        v-for="item in this.feecod"
                        :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="">
                   <c-input-currency v-model="model.trnmod.hvpmod.feesen"></c-input-currency>
               </el-form-item>
           </c-col>

           <c-col :span="24">
               <el-form-item label="收报行的收费" prop="trnmod.hvpmod.feecom">
                   <c-input-currency v-model="model.trnmod.hvpmod.feecom"></c-input-currency>
               </el-form-item>
           </c-col>

           <c-col :span="24">
               <el-form-item label="收款人名称2" prop="trnmod.hvpmod.skrmc2">
                   <c-input type="textarea" v-model="model.trnmod.hvpmod.skrmc2"></c-input>
               </el-form-item>
           </c-col>

           <c-col :span="24">
               <el-form-item label="收款人名称3" prop="trnmod.hvpmod.skrmc3">
                   <c-input type="textarea" v-model="model.trnmod.hvpmod.skrmc3"></c-input>
               </el-form-item>
           </c-col>

           <c-col :span="24">
               <el-form-item label="收款人地址2" prop="trnmod.hvpmod.skrdz2">
                   <c-input type="textarea" v-model="model.trnmod.hvpmod.skrdz2"></c-input>
               </el-form-item>
           </c-col>

           <c-col :span="24">
               <el-form-item label="收款人地址3" prop="trnmod.hvpmod.skrdz3">
                   <c-input type="textarea" v-model="model.trnmod.hvpmod.skrdz3"></c-input>
               </el-form-item>
           </c-col>

           <c-col :span="24">
               <el-form-item label="收款人地址4" prop="trnmod.hvpmod.skrdz4">
                   <c-input type="textarea" v-model="model.trnmod.hvpmod.skrdz4"></c-input>
               </el-form-item>
           </c-col>

           <c-col :span="24">
               <el-form-item label="收款人地址5" prop="trnmod.hvpmod.skrdz5">
                   <c-input type="textarea" v-model="model.trnmod.hvpmod.skrdz5"></c-input>
               </el-form-item>
           </c-col>

           <c-col :span="24">
               <el-form-item label="收款人账户2" prop="trnmod.hvpmod.skrzh2">
                   <c-input v-model="model.trnmod.hvpmod.skrzh2"></c-input>
               </el-form-item>
           </c-col>

           <c-col :span="24">
               <el-form-item label="中介机构2名称" prop="trnmod.hvpmod.agname2">
               <c-input v-model="model.trnmod.hvpmod.agname2"></c-input>
               </el-form-item>
           </c-col>

           <c-col :span="24">
               <el-form-item label="中介机构2行号" prop="trnmod.hvpmod.agency2">
               <c-input v-model="model.trnmod.hvpmod.agency2"></c-input>
               </el-form-item>
           </c-col>
       </c-col>
       <!-- --------------右边 ----------------------->
       <c-col :span="12" style="padding-left: 20px;">
           <c-col :span="24">
               <el-form-item label="跨境业务附信" prop="">
                   <c-input type="textarea" v-model="model.trnmod.hvpmod.fecomm"></c-input>
               </el-form-item>
           </c-col>

           <c-col :span="24">
               <el-form-item label="端到端标识号" prop="">
                   <c-input v-model="model.trnmod.hvpmod.oribusnum"></c-input>
               </el-form-item>
           </c-col>

           <c-col :span="24">
               <el-form-item label="付款人名称2" prop="">
                   <c-input type="textarea" v-model="model.trnmod.hvpmod.fkrmc2"></c-input>
               </el-form-item>
           </c-col>

           <c-col :span="24">
               <el-form-item label="付款人名称3" prop="">
                   <c-input type="textarea" v-model="model.trnmod.hvpmod.fkrmc3"></c-input>
               </el-form-item>
           </c-col>

           <c-col :span="24">
               <el-form-item label="付款人地址2" prop="">
                   <c-input type="textarea" v-model="model.trnmod.hvpmod.fkrdz2"></c-input>
               </el-form-item>
           </c-col>

           <c-col :span="24">
               <el-form-item label="付款人地址3" prop="">
                   <c-input type="textarea" v-model="model.trnmod.hvpmod.fkrdz3"></c-input>
               </el-form-item>
           </c-col>

           <c-col :span="24">
               <el-form-item label="付款人地址4" prop="">
                   <c-input type="textarea" v-model="model.trnmod.hvpmod.fkrdz4"></c-input>
               </el-form-item>
           </c-col>

           <c-col :span="24">
               <el-form-item label="付款人地址5" prop="">
                   <c-input type="textarea" v-model="model.trnmod.hvpmod.fkrdz5"></c-input>
               </el-form-item>
           </c-col>

           <c-col :span="24">
               <el-form-item label="付款人账户2" prop="">
                   <c-input type="textarea" v-model="model.trnmod.hvpmod.fkrzh2"></c-input>
               </el-form-item>
           </c-col>
         
       </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Cptrep/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {
        feecod: [
        { label: "SHA 共享", value: "SHA" },
        { label: "BEN 受益人", value: "BEN" },
        { label: "OUR 汇款人", value: "OUR" },
    ],
        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>