<template>
    <c-content class="eibs-tab" :height="200">
        <c-row class="infrow" style="margin-top:50px;">
            <c-col :span="10" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="票据项下的业务号" prop="bpdgrp.rec.pntref">
                            <c-input
                                v-model="model.bpdgrp.rec.pntref"
                                maxlength="16"
                                placeholder="票据项下的业务号" disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="3" :offset="1">
                        <c-button
                            style="margin:0 10px 0 0;padding: 0 12px;"
                            size="small"
                            type="primary"
                            @click="onSeainf" disabled
                        >
                            <span style="font-size:15px;font-family:'宋体';font-weight:bold">i</span>
                        </c-button>
                    </c-col>
                </c-row>

                <c-row>
                    <!-- 融资参考号 -->
                    <!--  bpdgrp_rec_ownref-->
                    <c-col :span="20">
                        <el-form-item label="融资参考号" prop="bpdgrp.rec.ownref">
                            <c-input
                            v-model="model.bpdgrp.rec.ownref"
                            maxlength="16"
                            placeholder="请输入融资参考号" disabled></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="3" :offset="1">
                        <c-button
                            style="margin:0 10px 0 0;padding: 0 12px;"
                            size="small"
                            type="primary"
                            @click="onSeainf" disabled
                        >
                            <span style="font-size:15px;font-family:'宋体';font-weight:bold">i</span>
                        </c-button>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <!-- 摘要 -->
                    <c-col :span="24">
                        <el-form-item label="票据项下的名称" prop="bpdgrp.rec.pntnam">
                            <c-input
                                v-model="model.bpdgrp.rec.pntnam"
                                maxlength="40"
                                style="width:90%"
                                placeholder="" disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>

                <c-row>
                    <c-col :span="24">
                        <el-form-item label="融资名称"  prop="bpdgrp.rec.nam">
                            <c-input
                                v-model="model.bpdgrp.rec.nam"
                                style="width:90%"
                                maxlength="40"
                                placeholder="请输入" disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>
        <c-row class="infrow">
            <c-col :span="10" :offset="1">
                <c-row>
                    <!-- 融资类型-->
                    <c-col :span="18">
                        <el-form-item label="融资类型" prop="bpdgrp.rec.fintyp">
                                <c-select v-model="model.bpdgrp.rec.fintyp" style="width: 100%"
                                         placeholder="请选择融资类型">
                                         <el-option v-for="item in codes.fintyp_bpd" :key="item.value"
                                           :label="item.label" :value="item.value" disabled>
                                        </el-option>
                                </c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
                <c-row>
                    <!-- 基准利率 -->
                    <c-col :span="18">
                        <el-form-item label="基准利率" prop="bpdgrp.rec.intrat">
                            <c-input
                                v-model="model.bpdgrp.rec.intrat"
                                placeholder="请输入基准利率" disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="4" style="padding:5px; font-size: 10px;">
                        <span>%</span>
                    </c-col>
                </c-row>
                <c-row>
                    <!-- Advance Amount -->
                    <c-col :span="16">
                        <el-form-item label="融资金额" prop="bpdgrp.cbs.max.cur">
                            <c-select
                                v-model="model.bpdgrp.cbs.max.cur"
                                style="width:100%"
                                placeholder="请选择融资币种" disabled>
                            </c-select>
                        </el-form-item>
                    </c-col>

                    <c-col :span="8">
                        <el-form-item label="" label-width="20px" prop="bpdgrp.cbs.max.amt">
                            <c-input
                                v-model="model.bpdgrp.cbs.max.amt"
                                placeholder="请输入融资金额" disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>

                    <!-- Open Amount -->
                    <c-col :span="16">
                        <el-form-item label="押汇余额" prop="bpdgrp.cbs.opn1.cur">
                            <c-select
                            v-model="model.bpdgrp.cbs.opn1.cur"
                            style="width:100%"
                            placeholder="请选择押汇币种" disabled>
                            </c-select>
                        </el-form-item>
                    </c-col>

                    <c-col :span="8">
                        <el-form-item label="" label-width="20px" prop="bpdgrp.cbs.opn1.amt">
                            <c-input
                                v-model="model.bpdgrp.cbs.opn1.amt"
                                placeholder="请输入押汇余额" disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-ptap
                    :model="model"
                    :argadr="{
                    title: '融资客户',
                    grp: 'bpdgrp',
                    rol: 'fia',
                    }"
                    :disabled="true"
                    @onSeainf="onSeainf"
                    @onAplpDet="onBenpDet" 
                >
                </c-ptap>
            </c-col>
        </c-row>
        <c-row class="bptrow">
            <!-- Narrative -->
            <c-col :span="18" :offset="1">
                <el-form-item label="描述" prop="strinf">
                    <c-input
                        type="textarea"
                        :rows="10"
                        v-model="model.strinf"
                        maxlength="50"
                        show-word-limit
                        placeholder="请输入描述"
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="2" :offset="1">
                <c-checkbox v-model="model.sndmsg">Send Message</c-checkbox>
            </c-col>
        </c-row>
  </c-content>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Bptcan/Event"
import Ptap from "~/views/Public/Ptap";

export default {
    components: { "c-ptap": Ptap },
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {

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

    }
}
</script>
<style>

</style>