Brteus.vue

<template>
    <c-content>
        <c-row>
            <!-- 左边 -->
            <c-col :span="12">   
                <c-col :span="23">
                    <el-form-item
                        label="信用证参考号"
                        prop="didgrp.rec.ownref"
                        style="width: 100%"
                    >
                        <c-input
                            v-model="model.didgrp.rec.ownref"
                            maxlength="16"
                            placeholder="请输入信用证参考号"
                            style="width: 95%"
                            disabled
                        ></c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="1">
                    <c-button
                        style="margin:0 10px 0 0;padding: 0 10px;"
                        size="small"
                        type="primary"
                        icon="el-icon-search"
                        @click="onSeainf"
                    ></c-button>
                </c-col>

                <c-col :span="24" >
                    <el-form-item label="有效日期" prop="didgrp.rec.expdat">
                        <c-date-picker
                            type="date"
                            v-model="model.didgrp.rec.expdat"
                            value-format="yyyy-MM-dd"
                            style="width: 100%"
                            placeholder="请选择有效日期"
                            disabled
                        ></c-date-picker>
                    </el-form-item>
                </c-col>

               

                <c-col :span="23">
                    <el-form-item
                        label="单据参考号"
                        prop="bddgrp.rec.ownref"
                        style="width: 100%"
                    >
                        <c-input
                            v-model="model.bddgrp.rec.ownref"
                            maxlength="16"
                            placeholder="请输入单据参考号"
                            style="width: 95%"
                            disabled
                        ></c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="1">
                    <c-button
                        style="margin:0 10px 0 0;padding: 0 10px;"
                        size="small"
                        type="primary"
                        icon="el-icon-search"
                        @click="onSeainf"
                    ></c-button>
                </c-col>

                <c-col :span="11">
                    <el-form-item label="单据金额" prop="bddgrp.cbs.max.cur">
                        <c-select
                            v-model="model.bddgrp.cbs.max.cur"
                            placeholder="币种"
                            style="width: 95%"
                            disabled
                        >
                        </c-select>
                    </el-form-item>
                </c-col>
                <c-col :span="13">
                    <el-form-item label-width="0" prop="bddgrp.cbs.max.amt">
                        <c-input
                            v-model="model.bddgrp.cbs.max.amt"
                            maxlength="3"
                            placeholder="请输入单据金额"
                            disabled
                        ></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="11">
                    <el-form-item label="单据余额" prop="bddgrp.cbs.opn1.cur">
                        <c-select
                            v-model="model.bddgrp.cbs.opn1.cur"
                            placeholder="币种"
                            style="width: 95%"
                            disabled
                        >
                        </c-select>
                    </el-form-item>
                </c-col>
                <c-col :span="13">
                    <el-form-item label-width="0" prop="bddgrp.cbs.opn1.amt">
                        <c-input
                            v-model="model.bddgrp.cbs.opn1.amt"
                            maxlength="3"
                            placeholder="请输入单据余额"
                            disabled
                        ></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="到单日期" prop="bddgrp.rec.rcvdat">
                        <c-date-picker
                            type="date"
                            v-model="model.bddgrp.rec.rcvdat"
                            style="width: 100%"
                            placeholder="请选择到单日期"
                            disabled
                        ></c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="远期起算日" prop="bddgrp.rec.stadat">
                        <c-date-picker
                            type="date"
                            v-model="model.bddgrp.rec.stadat"
                            style="width: 100%"
                            placeholder="请选择远期起算日"
                            disabled
                        ></c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <span v-text="model.bdtp.matp.mattxtlab" data-path=".bdtp.matp.mattxtlab">
                    </span>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="单据到期日" prop="bddgrp.rec.matdat">
                        <c-date-picker
                            type="date"
                            v-model="model.bddgrp.rec.matdat"
                            style="width: 100%"
                            placeholder="单据到期日"
                            disabled
                        ></c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="远期期限" prop="bddgrp.rec.tenmaxday">
                        <c-input
                            :disabled="true"
                            v-model.number="model.bddgrp.rec.tenmaxday"
                            placeholder="请输入"
                            style="width: 100%"
                            maxlength="5"
                        ></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="单据类型" prop="bddgrp.rec.docflg">
                        <c-select 
                            v-model="model.bddgrp.rec.docflg" 
                            style="width:100%" 
                            placeholder="请选择单据类型"
                            :code="codes.brdtyp"
                            disabled
                            >
                        </c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="单据状态" prop="bddgrp.rec.docsta">
                        <c-select 
                            v-model="model.bddgrp.rec.docsta" 
                            style="width:100%" 
                            placeholder="请选择单据状态"
                            :code="codes.docsta1"
                            :disabled="true"
                            >
                        </c-select>
                    </el-form-item>
                </c-col>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
            </c-col>
            <!-- 右边                   -->
            <c-col :span="12">
                <c-col :span="11">
                    <el-form-item label="信用证余额" prop="didgrp.cbs.opn1.cur">
                        <c-select
                            v-model="model.didgrp.cbs.opn1.cur"
                            placeholder="币种"
                            style="width: 95%"
                            disabled
                        >
                        </c-select>
                    </el-form-item>
                </c-col>
                <c-col :span="13">
                    <el-form-item label-width="0" prop="didgrp.cbs.opn1.amt">
                        <c-input
                            v-model="model.didgrp.cbs.opn1.amt"
                            maxlength="3"
                            placeholder="请输入信用证余额"
                            disabled
                        ></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="摘要" prop="bddgrp.rec.nam">
                        <c-input
                            align="middle"
                            v-model="model.bddgrp.rec.nam"
                            maxlength="40"
                            disabled
                            placeholder="请输入摘要"
                        ></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <c-col :span="24">
                            <el-form-item label="申请人编号" prop="bddgrp.apl.pts.ref">
                            <c-input
                                v-model="model.bddgrp.apl.pts.ref"
                                maxlength="16"
                                disabled
                                placeholder="请输入申请人编号"
                            ></c-input>
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item label="申请人名称" prop="bddgrp.apl.pts.nam">
                            <c-input
                                v-model="model.bddgrp.apl.pts.nam"
                                maxlength="40"
                                disabled
                                placeholder="申请人名称"
                            ></c-input> 
                        </el-form-item>
                    </c-col>
                </c-col>

                <c-col :span="24">
                    <c-col :span="24">
                        <el-form-item label="受益人编号" prop="bddgrp.ben.pts.ref">
                            <c-input
                                v-model="model.bddgrp.ben.pts.ref"
                                maxlength="16"
                                disabled
                                placeholder="请输入受益人编号"
                            ></c-input>
                        </el-form-item>
                        </c-col>

                    <c-col :span="24">
                        <el-form-item label="受益人名称" prop="bddgrp.ben.pts.nam">
                            <c-input
                            v-model="model.bddgrp.ben.pts.nam"
                            maxlength="40"
                            disabled
                            placeholder="受益人名称"
                            ></c-input>
                        </el-form-item>
                    </c-col>
                </c-col>

                <c-col :span="24">
                    <c-col :span="24">
                        <el-form-item label="交单行编号" prop="bddgrp.prb.pts.ref">
                            <c-input
                            v-model="model.bddgrp.prb.pts.ref"
                            maxlength="40"
                            placeholder="请输入交易行编号"
                            disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item label="交单行名称" prop="bddgrp.prb.pts.nam">
                            <c-input
                            v-model="model.bddgrp.prb.pts.nam"
                            maxlength="40"
                            placeholder="请输入交易行名称"
                            disabled>
                            </c-input>
                        </el-form-item>
                    </c-col>
                </c-col>
            </c-col>

            <c-col :span="24">
                <el-form-item label="说明" prop="strinf">
                    <c-input v-model="model.strinf"
                            type="textarea"
                            :autosize="{minRows:12,maxRows:12}"
                            maxlength="1750" 
                            show-word-limit 
                            placeholder="请输入说明" 
                            style="width:95%"
                    ></c-input>
                </el-form-item>
            </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/Bdteus/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>