Commit 993ec742 by LiRui

Betamc UI改造

parent f02a5f18
<template> <template>
<div class="eibs"> <div class="eibs">
<!-- ============================顶部================================ --> <!-- ============================顶部================================ -->
<c-col :span="24"> <c-col :span="24">
<!--SF000044 : Reference参考号 Export L/C Ref. --> <!--SF000044 : Reference参考号 Export L/C Ref. -->
<c-col :span="12" style="padding-right: 20px;"> <c-col :span="12" style="padding-right: 20px">
<el-form-item label="出口信用证编号" prop="ledgrp.rec.ownref"> <el-form-item label="出口信用证编号" prop="ledgrp.rec.ownref">
<c-fullbox> <c-fullbox>
<c-input v-model="model.ledgrp.rec.ownref" maxlength="16" placeholder="请输入编号" style="width: 95%" :disabled="true" @keyup.enter.native="eventFunction( <c-input
'ledgrp.rec.ownref' v-model="model.ledgrp.rec.ownref"
)"> maxlength="16"
placeholder="请输入编号"
style="width: 100%"
:disabled="true"
@keyup.enter.native="eventFunction('ledgrp.rec.ownref')"
>
</c-input> </c-input>
<template slot="footer"> <template slot="footer">
<c-button style="margin: 0 0 0 0; padding: 0 12px" size="small" type="primary" @click="onSeainf"> <c-button
<span style=" style="margin: 0 0 0 10px; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf"
>
<span
style="
font-size: 15px; font-size: 15px;
font-family: '宋体'; font-family: '宋体';
font-weight: bold; font-weight: bold;
">i</span> "
>i</span
>
</c-button> </c-button>
</template> </template>
</c-fullbox> </c-fullbox>
</el-form-item> </el-form-item>
</c-col> </c-col>
<!-- SF000045 : Open Amt L/C 信用证余额--> <!-- SF000045 : Open Amt L/C 信用证余额-->
<c-col :span="12" style="padding-left: 20px;"> <c-col :span="12" style="padding-left: 20px">
<c-col :span="24"> <c-col :span="24">
<c-col :span="12"> <c-col :span="10">
<el-form-item label="信用证余额" prop="ledgrp.cbs.opn1.cur"> <el-form-item label="信用证余额" prop="ledgrp.cbs.opn1.cur">
<c-select v-model="model.ledgrp.cbs.opn1.cur" maxlength="3" placeholder="请选择币种" :code="codes.curtxt" disabled></c-select> <c-select
v-model="model.ledgrp.cbs.opn1.cur"
maxlength="3"
placeholder="请选择币种"
:code="codes.curtxt"
disabled
></c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="14">
<c-col :span="12">
<el-form-item label="" label-width="5px" prop="ledgrp.cbs.opn1.amt"> <el-form-item label="" label-width="5px" prop="ledgrp.cbs.opn1.amt">
<c-input v-model="model.ledgrp.cbs.opn1.amt" placeholder="请输入信用证余额" disabled class="m-input-currency"></c-input> <c-input
v-model="model.ledgrp.cbs.opn1.amt"
placeholder="请输入信用证余额"
disabled
class="m-input-currency"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col> </c-col>
...@@ -41,27 +64,47 @@ ...@@ -41,27 +64,47 @@
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="12" style="padding-right: 20px;"> <c-col :span="12" style="padding-right: 20px">
<!-- SF000053 : 单据编号 单据参考号--> <!-- SF000053 : 单据编号 单据参考号-->
<el-form-item label="单据编号" prop="bedgrp.rec.ownref"> <el-form-item label="单据编号" prop="bedgrp.rec.ownref">
<c-fullbox> <c-fullbox>
<c-input v-model="model.bedgrp.rec.ownref" maxlength="16" placeholder="请输入单据编号" style="width: 95%" disabled></c-input> <c-input
v-model="model.bedgrp.rec.ownref"
maxlength="16"
placeholder="请输入单据编号"
style="width: 100%"
disabled
></c-input>
<template slot="footer"> <template slot="footer">
<c-button style="margin: 0 0 0 0; padding: 0 12px" size="small" type="primary" @click="onSeainf"> <c-button
<span style=" style="margin: 0 0 0 10px; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf"
>
<span
style="
font-size: 15px; font-size: 15px;
font-family: '宋体'; font-family: '宋体';
font-weight: bold; font-weight: bold;
">i</span> "
>i</span
>
</c-button> </c-button>
</template> </template>
</c-fullbox> </c-fullbox>
</el-form-item> </el-form-item>
</c-col> </c-col>
<!-- SF000073 : 摘要 Name Externally Displayed Name to Identify the Contract--> <!-- SF000073 : 摘要 Name Externally Displayed Name to Identify the Contract-->
<c-col :span="12" style="padding-left: 20px;"> <c-col :span="12" style="padding-left: 20px">
<el-form-item label="单据简略信息" prop="bedgrp.rec.nam"> <el-form-item label="单据简略信息" prop="bedgrp.rec.nam">
<c-input text-align="middle" v-model="model.bedgrp.rec.nam" maxlength="40" placeholder="请输入" disabled> <c-input
text-align="middle"
v-model="model.bedgrp.rec.nam"
maxlength="40"
placeholder="请输入"
disabled
>
</c-input> </c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -70,44 +113,73 @@ ...@@ -70,44 +113,73 @@
<!-- ============================第三行开始,金额日期 =========================--> <!-- ============================第三行开始,金额日期 =========================-->
<c-col :span="24"> <c-col :span="24">
<!-- 第三行开始-金额日期--左边- --> <!-- 第三行开始-金额日期--左边- -->
<c-col :span="12" style="padding-right: 20px;"> <c-col :span="12" style="padding-right: 20px">
<!-- Document Amount 单据金额--> <!-- Document Amount 单据金额-->
<c-col :span="24"> <c-col :span="24">
<c-col :span="10"> <c-col :span="10">
<el-form-item label="单据金额" prop="bedgrp.cbs.max.cur"> <el-form-item label="单据金额" prop="bedgrp.cbs.max.cur">
<c-select v-model="model.bedgrp.cbs.max.cur" style="width: 100%" placeholder="请选择币种" @keyup.enter.native="maxCurEvent" :code="codes.curtxt" disabled> <c-select
v-model="model.bedgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择币种"
@keyup.enter.native="maxCurEvent"
:code="codes.curtxt"
disabled
>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="14"> <c-col :span="14">
<el-form-item label="" label-width="5px" prop="bedgrp.cbs.max.amt"> <el-form-item label="" label-width="5px" prop="bedgrp.cbs.max.amt">
<c-input-currency v-model="model.bedgrp.cbs.max.amt" style="text-align: left; width: 100%" placeholder="请输入金额" @keyup.enter.native=" <c-input-currency
v-model="model.bedgrp.cbs.max.amt"
style="text-align: left; width: 100%"
placeholder="请输入金额"
@keyup.enter.native="
defaultFunction( defaultFunction(
'bedgrp.cbs.max.amt', 'bedgrp.cbs.max.amt',
model.bedgrp.cbs.max.amt model.bedgrp.cbs.max.amt
) )
" disabled></c-input-currency> "
disabled
></c-input-currency>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="7"> <c-col :span="7"> </c-col>
</c-col>
</c-col> </c-col>
<!-- Open Amount 单据余额--> <!-- Open Amount 单据余额-->
<c-col :span="24"> <c-col :span="24">
<c-col :span="10"> <c-col :span="10">
<el-form-item label="单据余额" prop="bedgrp.cbs.opn1.cur"> <el-form-item label="单据余额" prop="bedgrp.cbs.opn1.cur">
<c-select v-model="model.bedgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入Open Amount" style="width: 100%" disabled :code="codes.curtxt"></c-select> <c-select
v-model="model.bedgrp.cbs.opn1.cur"
maxlength="3"
placeholder="请输入Open Amount"
style="width: 100%"
disabled
:code="codes.curtxt"
></c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="7"> <c-col :span="7">
<el-form-item label="" label-width="5px" prop="bedgrp.cbs.opn1.amt"> <el-form-item label="" label-width="5px" prop="bedgrp.cbs.opn1.amt">
<c-input-currency v-model="model.bedgrp.cbs.opn1.amt" style="text-align: left; width: 100%" placeholder="请输入金额" disabled></c-input-currency> <c-input-currency
v-model="model.bedgrp.cbs.opn1.amt"
style="text-align: left; width: 100%"
placeholder="请输入金额"
disabled
></c-input-currency>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="7"> <c-col :span="7">
<c-form-item label="" label-width="5px" prop="bedgrp.cbs.opn2.amt"> <c-form-item label="" label-width="5px" prop="bedgrp.cbs.opn2.amt">
<c-input v-model="model.bedgrp.cbs.opn2.amt" placeholder="请输入金额" class="m-input-currency" disabled></c-input> <c-input
v-model="model.bedgrp.cbs.opn2.amt"
placeholder="请输入金额"
class="m-input-currency"
disabled
></c-input>
</c-form-item> </c-form-item>
</c-col> </c-col>
</c-col> </c-col>
...@@ -115,7 +187,14 @@ ...@@ -115,7 +187,14 @@
<!-- Document Type 单据类型--> <!-- Document Type 单据类型-->
<c-col :span="24"> <c-col :span="24">
<el-form-item label="单据类型" prop="bedgrp.rec.doctypcod"> <el-form-item label="单据类型" prop="bedgrp.rec.doctypcod">
<c-select v-model="model.bedgrp.rec.doctypcod" maxlength="1" style="width: 100%" placeholder="请选择单据类型" :code="codes.doctypcod1" disabled> <c-select
v-model="model.bedgrp.rec.doctypcod"
maxlength="1"
style="width: 100%"
placeholder="请选择单据类型"
:code="codes.doctypcod1"
disabled
>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -130,13 +209,27 @@ ...@@ -130,13 +209,27 @@
</c-col> --> </c-col> -->
<c-col :span="12"> <c-col :span="12">
<el-form-item label="到期日" prop="bedgrp.rec.matdat"> <el-form-item label="到期日" prop="bedgrp.rec.matdat">
<c-date-picker type="date" v-model="model.bedgrp.rec.matdat" style="width: 100%" placeholder="请选择到期日" value-format="yyyy-MM-dd" :disabled="true"></c-date-picker> <c-date-picker
type="date"
v-model="model.bedgrp.rec.matdat"
style="width: 100%"
placeholder="请选择到期日"
value-format="yyyy-MM-dd"
:disabled="true"
></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<!-- SF000079 : 寄单日期 --> <!-- SF000079 : 寄单日期 -->
<c-col :span="12"> <c-col :span="12">
<el-form-item label="订单日期" prop="bedgrp.rec.orddat"> <el-form-item label="订单日期" prop="bedgrp.rec.orddat">
<c-date-picker type="date" v-model="model.bedgrp.rec.orddat" style="width: 100%" value-format="yyyy-MM-dd" placeholder="请选择寄单日期" :disabled="true"></c-date-picker> <c-date-picker
type="date"
v-model="model.bedgrp.rec.orddat"
style="width: 100%"
value-format="yyyy-MM-dd"
placeholder="请选择寄单日期"
:disabled="true"
></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col> </c-col>
...@@ -145,13 +238,27 @@ ...@@ -145,13 +238,27 @@
<!-- Received on SF000046 :到单日期--> <!-- Received on SF000046 :到单日期-->
<c-col :span="12"> <c-col :span="12">
<el-form-item label="收到日期" prop="bedgrp.rec.rcvdat"> <el-form-item label="收到日期" prop="bedgrp.rec.rcvdat">
<c-date-picker type="date" v-model="model.bedgrp.rec.rcvdat" style="width: 100%" placeholder="请选择收到日期" value-format="yyyy-MM-dd" :disabled="true"></c-date-picker> <c-date-picker
type="date"
v-model="model.bedgrp.rec.rcvdat"
style="width: 100%"
placeholder="请选择收到日期"
value-format="yyyy-MM-dd"
:disabled="true"
></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<!-- Presented on SF000049 :提示日期 --> <!-- Presented on SF000049 :提示日期 -->
<c-col :span="12"> <c-col :span="12">
<el-form-item label="交单日期" prop="bedgrp.rec.predat"> <el-form-item label="交单日期" prop="bedgrp.rec.predat">
<c-date-picker type="date" v-model="model.bedgrp.rec.predat" style="width: 100%" placeholder="请选择日期" value-format="yyyy-MM-dd" :disabled="true"></c-date-picker> <c-date-picker
type="date"
v-model="model.bedgrp.rec.predat"
style="width: 100%"
placeholder="请选择日期"
value-format="yyyy-MM-dd"
:disabled="true"
></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col> </c-col>
...@@ -159,24 +266,40 @@ ...@@ -159,24 +266,40 @@
<!-- Document Status SF000056 :单据状态 --> <!-- Document Status SF000056 :单据状态 -->
<c-col :span="24"> <c-col :span="24">
<el-form-item label="单据状态" prop="bedgrp.rec.docsta"> <el-form-item label="单据状态" prop="bedgrp.rec.docsta">
<c-select v-model="model.bedgrp.rec.docsta" maxlength="40" style="width: 100%" placeholder="请输入单据状态" :code="codes.docsta" disabled></c-select> <c-select
v-model="model.bedgrp.rec.docsta"
maxlength="40"
style="width: 100%"
placeholder="请输入单据状态"
:code="codes.docsta"
disabled
></c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col> </c-col>
<!-- ========================第三行开始金额日期的右边======================= --> <!-- ========================第三行开始金额日期的右边======================= -->
<c-col :span="12" style="padding-left: 20px;"> <c-col :span="12" style="padding-left: 20px">
<!-- SF000048 : 受益人 --> <!-- SF000048 : 受益人 -->
<!-- SF000059 : 编号 --> <!-- SF000059 : 编号 -->
<c-col :span="24"> <c-col :span="24">
<c-form-item label="受益人参考号" prop="bedgrp.ben.pts.ref"> <c-form-item label="受益人参考号" prop="bedgrp.ben.pts.ref">
<c-input v-model="model.bedgrp.ben.pts.ref" maxlength="16" placeholder="请输入受益人" disabled></c-input> <c-input
v-model="model.bedgrp.ben.pts.ref"
maxlength="16"
placeholder="请输入受益人"
disabled
></c-input>
</c-form-item> </c-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="" prop="bedgrp.ben.pts.nam"> <el-form-item label="" prop="bedgrp.ben.pts.nam">
<c-input v-model="model.bedgrp.ben.pts.nam" maxlength="40" placeholder="请输入当事人名称" disabled></c-input> <c-input
v-model="model.bedgrp.ben.pts.nam"
maxlength="40"
placeholder="请输入当事人名称"
disabled
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<!-- SF000055 : 开证行 --> <!-- SF000055 : 开证行 -->
...@@ -184,12 +307,22 @@ ...@@ -184,12 +307,22 @@
<!-- 开证行 Issuing Bank Ref. --> <!-- 开证行 Issuing Bank Ref. -->
<c-col :span="24"> <c-col :span="24">
<el-form-item label="开证行参考号" prop="bedgrp.iss.pts.ref"> <el-form-item label="开证行参考号" prop="bedgrp.iss.pts.ref">
<c-input v-model="model.bedgrp.iss.pts.ref" maxlength="16" placeholder="请输入开证行" disabled></c-input> <c-input
v-model="model.bedgrp.iss.pts.ref"
maxlength="16"
placeholder="请输入开证行"
disabled
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="" prop="bedgrp.iss.pts.nam"> <el-form-item label="" prop="bedgrp.iss.pts.nam">
<c-input v-model="model.bedgrp.iss.pts.nam" maxlength="40" placeholder="请输入" disabled></c-input> <c-input
v-model="model.bedgrp.iss.pts.nam"
maxlength="40"
placeholder="请输入"
disabled
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<!-- SF000050 : 申请人 --> <!-- SF000050 : 申请人 -->
...@@ -197,103 +330,139 @@ ...@@ -197,103 +330,139 @@
<!--Applicant Ref. 申请人--> <!--Applicant Ref. 申请人-->
<c-col :span="24"> <c-col :span="24">
<el-form-item label="申请人参考号" prop="bedgrp.apl.pts.ref"> <el-form-item label="申请人参考号" prop="bedgrp.apl.pts.ref">
<c-input v-model="model.bedgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人" disabled></c-input> <c-input
v-model="model.bedgrp.apl.pts.ref"
maxlength="16"
placeholder="请输入申请人"
disabled
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="" prop="bedgrp.apl.pts.nam"> <el-form-item label="" prop="bedgrp.apl.pts.nam">
<c-input v-model="model.bedgrp.apl.pts.nam" maxlength="40" placeholder="请输入" disabled></c-input> <c-input
v-model="model.bedgrp.apl.pts.nam"
maxlength="40"
placeholder="请输入"
disabled
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col> </c-col>
</c-col> </c-col>
<!-- =================================下半部分 ============================--> <!-- =================================下半部分 ============================-->
<c-col :span="24"> <c-col :span="24">
<!-- =================================左侧====--> <!-- =================================左侧====-->
<c-col :span="12" style="padding-right: 20px;"> <c-col :span="12" style="padding-right: 20px">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="信用证保兑比例" prop="ledgrp.rec.partcon"> <el-form-item label="信用证保兑比例" prop="ledgrp.rec.partcon">
<c-fullbox> <c-fullbox>
<c-input disabled v-model="model.ledgrp.rec.partcon" placeholder="请输入Partial Confirmation" @keyup.enter.native="defaultFunction('ledgrp.rec.partcon', model.ledgrp.rec.partcon)"></c-input> <c-col :span="22">
<c-input
disabled
v-model="model.ledgrp.rec.partcon"
placeholder="请输入Partial Confirmation"
@keyup.enter.native="
defaultFunction(
'ledgrp.rec.partcon',
model.ledgrp.rec.partcon
)
"
></c-input>
</c-col>
<!-- <span>%</span> --> <!-- <span>%</span> -->
<template slot="footer">%</template> <!-- <template slot="footer">%</template> -->
<c-col :span="2" style="text-align: center"> % </c-col>
</c-fullbox> </c-fullbox>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="24"> <c-col :span="24">
<c-col :span="10"> <c-col :span="10">
<el-form-item label="单据所占的保兑额度" prop="bedgrp.cbs.max.cur"> <el-form-item
<c-select v-model="model.bedgrp.cbs.max.cur" style="width: 100%" placeholder="请选择币种" @keyup.enter.native="maxCurEvent" :code="codes.curtxt" disabled> label="单据所占的保兑额度"
prop="bedgrp.cbs.max.cur"
>
<c-select
v-model="model.bedgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择币种"
@keyup.enter.native="maxCurEvent"
:code="codes.curtxt"
disabled
>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="14"> <c-col :span="14">
<el-form-item label="" label-width="5px" prop="amcamt"> <el-form-item label="" label-width="5px" prop="amcamt">
<c-input-currency v-model="model.amcamt" style="text-align: left; width: 100%" placeholder="0" @keyup.enter.native=" <c-input-currency
defaultFunction( v-model="model.amcamt"
'amcamt', style="text-align: left; width: 100%"
model.amcamt placeholder="0"
) @keyup.enter.native="defaultFunction('amcamt', model.amcamt)"
" disabled></c-input-currency> disabled
></c-input-currency>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="7"> <c-col :span="7"> </c-col>
</c-col> </c-col>
</c-col> </c-col>
</c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="24"> <c-col :span="24">
<c-col :span="10"> <c-col :span="10">
<el-form-item label="释放后保兑金额余额" prop="ledgrp.cbs.cnf.cur"> <el-form-item
<c-select v-model="model.ledgrp.cbs.cnf.cur" style="width: 100%" placeholder="请选择币种" @keyup.enter.native="maxCurEvent" :code="codes.curtxt" disabled> label="释放后保兑金额余额"
prop="ledgrp.cbs.cnf.cur"
>
<c-select
v-model="model.ledgrp.cbs.cnf.cur"
style="width: 100%"
placeholder="请选择币种"
@keyup.enter.native="maxCurEvent"
:code="codes.curtxt"
disabled
>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="14"> <c-col :span="14">
<el-form-item label="" label-width="5px" prop="newcnfamt"> <el-form-item label="" label-width="5px" prop="newcnfamt">
<c-input-currency v-model="model.newcnfamt" style="text-align: left; width: 100%" placeholder="0" @keyup.enter.native=" <c-input-currency
defaultFunction( v-model="model.newcnfamt"
'newcnfamt', style="text-align: left; width: 100%"
model.newcnfamt placeholder="0"
) @keyup.enter.native="
" disabled></c-input-currency> defaultFunction('newcnfamt', model.newcnfamt)
"
disabled
></c-input-currency>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="7"> <c-col :span="7"> </c-col>
</c-col>
</c-col> </c-col>
</c-col> </c-col>
</c-col> </c-col>
<!-- =================================右侧====--> <!-- =================================右侧====-->
<c-col :span="12"> <c-col :span="12"> </c-col>
</c-col>
</c-col> </c-col>
</div>
</div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess"; import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Event from "~/model/Betamc/Event" import Event from "~/model/Betamc/Event";
import Ptsmsg from "~/views/Public/Ptsmsg"; import Ptsmsg from "~/views/Public/Ptsmsg";
export default { export default {
components: { components: {
"c-ptsmsg": Ptsmsg "c-ptsmsg": Ptsmsg,
}, },
inject: ["root"], inject: ["root"],
props: ["model", "codes"], props: ["model", "codes"],
...@@ -316,14 +485,11 @@ export default { ...@@ -316,14 +485,11 @@ export default {
}, },
}, },
methods: { methods: {
...Event ...Event,
}, },
created: function () { created: function () {},
};
}
}
</script> </script>
<style> <style>
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment