Canp.vue

<template>
    <div class="eibs" :height="200">
        <!-- 左 -->
        <c-col :span="12" style="padding-right: 20px;">
                <c-col :span="24">
                    <el-form-item
                    label="票据项下的业务号"
                    prop="bpdgrp.rec.pntref"
                    style="width: 100%"
                    >
                    <c-fullbox>
                        <c-input
                        v-model="model.bpdgrp.rec.pntref"
                        maxlength="16"
                        disabled
                        placeholder="票据项下的业务号"
                        ></c-input>
                        <template slot="footer">
                        <c-button
                            size="small"
                            style="margin-left: 10px; padding: 0 12px"
                            type="primary"
                            icon="el-icon-info"
                            @click="onExtkey"
                        >
                        </c-button>
                        </template>
                    </c-fullbox>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item
                    label="融资参考号"
                    prop="bpdgrp.rec.ownref"
                    style="width: 100%"
                    >
                    <c-fullbox>
                        <c-input
                        v-model="model.bpdgrp.rec.ownref"
                        maxlength="16"
                        disabled
                        placeholder="请输入融资参考号"
                        ></c-input>
                        <template slot="footer">
                        <c-button
                            size="small"
                            style="margin-left: 10px; padding: 0 12px"
                            type="primary"
                            icon="el-icon-info"
                            @click="onExtkey"
                        >
                        </c-button>
                        </template>
                    </c-fullbox>
                    </el-form-item>
                </c-col>

                <!-- 融资类型-->
                <c-col :span="24">
                    <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-col :span="24">
                    <c-col :span="22">
                        <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="2" style="padding:5px; font-size: 10px;text-align: center;">
                        <span>%</span>
                    </c-col>
                </c-col>

            <!-- 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="5px" 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="5px" prop="bpdgrp.cbs.opn1.amt">
                    <c-input
                        v-model="model.bpdgrp.cbs.opn1.amt"
                        placeholder="请输入押汇余额" disabled
                    ></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="bpdgrp.rec.pntnam">
                    <c-input
                        v-model="model.bpdgrp.rec.pntnam"
                        maxlength="40"
                        style="width:100%"
                        placeholder="" disabled
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="融资名称"  prop="bpdgrp.rec.nam">
                    <c-input
                        v-model="model.bpdgrp.rec.nam"
                        style="width:100%"
                        maxlength="40"
                        placeholder="请输入" disabled
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <c-ptap
                    :model="model"
                    :argadr="{
                    title: '融资客户',
                    grp: 'bpdgrp',
                    rol: 'fia',
                    }"
                    :disabled="true"
                    @onSeainf="onSeainf"
                    @onAplpDet="onBenpDet"
                >
                </c-ptap>
            </c-col>
        </c-col>

        <c-col :span="20">
            <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="4">
            <c-checkbox v-model="model.sndmsg">Send Message</c-checkbox>
        </c-col>
    </div>
</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>