<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="请选择Date of Expiry" disabled ></c-date-picker> </el-form-item> </c-col> <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="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%" > </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="请输入单据金额" ></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.max.cur" placeholder="币种" style="width: 95%" > </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.max.amt" maxlength="3" placeholder="请输入单据余额" ></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="请选择到单日期" ></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="请选择Start Date" ></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="单据到期日" ></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="远期期限" prop="bddgrp.rec.tenmaxday"> <c-date-picker type="date" v-model="model.bddgrp.rec.tenmaxday" style="width: 100%" placeholder="远期期限" ></c-date-picker> </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="请选择单据类型"> </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.docflg" style="width:100%" placeholder="请选择单据状态"> </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="请输入Name of Bill Contract" ></c-input> </el-form-item> </c-col> <c-col :span="24"> <c-ptap :model="model" :argadr="{ title: '申请人', grp: 'bddgrp', rol: 'apl', }" :disabled="true" :isAdrblk="false" @onSeainf="onSeainf" @onAplpDet="onBenpDet" > </c-ptap> </c-col> <c-col :span="24"> <c-ptap :model="model" :argadr="{ title: '受益人', grp: 'bddgrp', rol: 'ben', }" :disabled="true" :isAdrblk="false" @onSeainf="onSeainf" @onAplpDet="onBenpDet" > </c-ptap> </c-col> <c-col :span="24"> <c-ptap :model="model" :argadr="{ title: '交单行', grp: 'bddgrp', rol: 'prb', }" :noRef="true" :onlySearch="false" @onAplpDet="onSndpDet"> </c-ptap> </c-col> </c-col> <c-col :span="24"> <el-form-item label="说明" label-width="135px" 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-col :span="12"> <el-form-item label="Drag Drop Sender" prop="bdtp.didget.sdamod.dadsnd"> <c-input v-model="model.bdtp.didget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="信用证参考号" prop="didgrp.rec.ownref"> <c-input v-model="model.didgrp.rec.ownref" maxlength="16" placeholder="请输入信用证参考号"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" prop="bdtp.didget.sdamod.seainf"> <c-input v-model="model.bdtp.didget.sdamod.seainf" placeholder="请输入"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Date of Expiry" prop="didgrp.rec.expdat"> <c-date-picker type="date" v-model="model.didgrp.rec.expdat" style="width:100%" placeholder="请选择Date of Expiry"></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Currency" prop="didgrp.cbs.opn1.cur"> <c-input v-model="model.didgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入Currency"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Balance" prop="didgrp.cbs.opn1.amt"> <c-input v-model="model.didgrp.cbs.opn1.amt" placeholder="请输入Balance"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Drag Drop Sender" prop="bdtp.recget.sdamod.dadsnd"> <c-input v-model="model.bdtp.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="单据参考号" prop="bddgrp.rec.ownref"> <c-input v-model="model.bddgrp.rec.ownref" maxlength="16" placeholder="请输入单据参考号"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" prop="bdtp.recget.sdamod.seainf"> <c-input v-model="model.bdtp.recget.sdamod.seainf" placeholder="请输入"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Name of Bill Contract" prop="bddgrp.rec.nam"> <c-input v-model="model.bddgrp.rec.nam" maxlength="40" placeholder="请输入Name of Bill Contract"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="单据金额" prop="bddgrp.cbs.max.cur"> <c-select v-model="model.bddgrp.cbs.max.cur" style="width:100%" placeholder="请选择单据金额"> </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="单据金额" prop="bddgrp.cbs.max.amt"> <c-input v-model="model.bddgrp.cbs.max.amt" placeholder="请输入单据金额"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="申请人" prop="bddgrp.apl.pts.ref"> <c-input v-model="model.bddgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="单据余额" prop="bddgrp.cbs.opn1.cur"> <c-input v-model="model.bddgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入单据余额"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Balance" prop="bddgrp.cbs.opn1.amt"> <c-input v-model="model.bddgrp.cbs.opn1.amt" placeholder="请输入Balance"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Name of Party" prop="bddgrp.apl.pts.nam"> <c-input v-model="model.bddgrp.apl.pts.nam" maxlength="40" placeholder="请输入Name of Party"></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="请选择到单日期"></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Start Date" prop="bddgrp.rec.stadat"> <c-date-picker type="date" v-model="model.bddgrp.rec.stadat" style="width:100%" placeholder="请选择Start Date"></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="受益人" prop="bddgrp.ben.pts.ref"> <c-input v-model="model.bddgrp.ben.pts.ref" maxlength="16" placeholder="请输入受益人"></c-input> </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="Maturity Date" prop="bddgrp.rec.matdat"> <c-date-picker type="date" v-model="model.bddgrp.rec.matdat" style="width:100%" placeholder="请选择Maturity Date"></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="单据到期日" prop="bddgrp.rec.tenmaxday"> <c-input v-model="model.bddgrp.rec.tenmaxday" placeholder="请输入单据到期日"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="远期期限" prop="bddgrp.ben.pts.nam"> <c-input v-model="model.bddgrp.ben.pts.nam" maxlength="40" placeholder="请输入远期期限"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="单据类型" prop="bddgrp.rec.docflg"> <c-select v-model="model.bddgrp.rec.docflg" style="width:100%" placeholder="请选择单据类型"> </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="交单行" prop="bddgrp.prb.pts.ref"> <c-input v-model="model.bddgrp.prb.pts.ref" maxlength="16" placeholder="请输入交单行"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="单据状态" prop="bddgrp.rec.docsta"> <c-select v-model="model.bddgrp.rec.docsta" style="width:100%" placeholder="请选择单据状态"> </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Name of Party" prop="bddgrp.prb.pts.nam"> <c-input v-model="model.bddgrp.prb.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="说明" prop="strinf"> <c-input type="textarea" v-model="model.strinf" maxlength="50" show-word-limit placeholder="请输入说明" ></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>