Skip to content

V
vue-gjjs
Commit 993ec742 by LiRui
Options

Betamc UI改造

parent f02a5f18
Showing with 254 additions and 88 deletions
src/views/Business/Betamc/Betamcp.vue
<template>
<div class="eibs">
<div class="eibs">
<!-- ============================顶部================================ -->
<c-col :span="24">
<!--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">
<c-fullbox>
<c-input v-model="model.ledgrp.rec.ownref" maxlength="16" placeholder="请输入编号" style="width: 95%" :disabled="true" @keyup.enter.native="eventFunction(
'ledgrp.rec.ownref'
)">
<c-input
v-model="model.ledgrp.rec.ownref"
maxlength="16"
placeholder="请输入编号"
style="width: 100%"
:disabled="true"
@keyup.enter.native="eventFunction('ledgrp.rec.ownref')"
>
</c-input>
<template slot="footer">
<c-button style="margin: 0 0 0 0; padding: 0 12px" size="small" type="primary" @click="onSeainf">
<span style="
<c-button
style="margin: 0 0 0 10px; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf"
>
<span
style="
font-size: 15px;
font-family: '宋体';
font-weight: bold;
">i</span>
"
>i</span
>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- 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="12">
<c-col :span="10">
<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>
</c-col>
<c-col :span="12">
<c-col :span="14">
<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>
</c-col>
</c-col>
......@@ -41,27 +64,47 @@
</c-col>
<c-col :span="24">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="12" style="padding-right: 20px">
<!-- SF000053 : 单据编号 单据参考号-->
<el-form-item label="单据编号" prop="bedgrp.rec.ownref">
<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">
<c-button style="margin: 0 0 0 0; padding: 0 12px" size="small" type="primary" @click="onSeainf">
<span style="
<c-button
style="margin: 0 0 0 10px; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf"
>
<span
style="
font-size: 15px;
font-family: '宋体';
font-weight: bold;
">i</span>
"
>i</span
>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- 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">
<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>
</el-form-item>
</c-col>
......@@ -70,44 +113,73 @@
<!-- ============================第三行开始，金额日期 =========================-->
<c-col :span="24">
<!-- 第三行开始-金额日期--左边- -->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="12" style="padding-right: 20px">
<!-- Document Amount 单据金额-->
<c-col :span="24">
<c-col :span="10">
<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>
</el-form-item>
</c-col>
<c-col :span="14">
<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(
'bedgrp.cbs.max.amt',
model.bedgrp.cbs.max.amt
)
" disabled></c-input-currency>
"
disabled
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="7">
</c-col>
<c-col :span="7"> </c-col>
</c-col>
<!-- Open Amount 单据余额-->
<c-col :span="24">
<c-col :span="10">
<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>
</c-col>
<c-col :span="7">
<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>
</c-col>
<c-col :span="7">
<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-col>
</c-col>
......@@ -115,7 +187,14 @@
<!-- Document Type 单据类型-->
<c-col :span="24">
<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>
</el-form-item>
</c-col>
......@@ -130,13 +209,27 @@
</c-col> -->
<c-col :span="12">
<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>
</c-col>
<!-- SF000079 : 寄单日期 -->
<c-col :span="12">
<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>
</c-col>
</c-col>
......@@ -145,13 +238,27 @@
<!-- Received on SF000046 :到单日期-->
<c-col :span="12">
<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>
</c-col>
<!-- Presented on SF000049 :提示日期 -->
<c-col :span="12">
<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>
</c-col>
</c-col>
......@@ -159,24 +266,40 @@
<!-- Document Status SF000056 :单据状态 -->
<c-col :span="24">
<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>
</c-col>
</c-col>
<!-- ========================第三行开始金额日期的右边======================= -->
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="12" style="padding-left: 20px">
<!-- SF000048 : 受益人 -->
<!-- SF000059 : 编号 -->
<c-col :span="24">
<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-col>
<c-col :span="24">
<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>
</c-col>
<!-- SF000055 : 开证行 -->
......@@ -184,12 +307,22 @@
<!-- 开证行 Issuing Bank Ref. -->
<c-col :span="24">
<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>
</c-col>
<c-col :span="24">
<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>
</c-col>
<!-- SF000050 : 申请人 -->
......@@ -197,103 +330,139 @@
<!--Applicant Ref. 申请人-->
<c-col :span="24">
<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>
</c-col>
<c-col :span="24">
<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>
</c-col>
</c-col>
</c-col>
<!-- =================================下半部分 ============================-->
<c-col :span="24">
<!-- =================================左侧====-->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="12" style="padding-right: 20px">
<c-col :span="24">
<el-form-item label="信用证保兑比例" prop="ledgrp.rec.partcon">
<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> -->
<template slot="footer">%</template>
<!-- <template slot="footer">%</template> -->
<c-col :span="2" style="text-align: center"> % </c-col>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="24">
<c-col :span="10">
<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>
<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>
</el-form-item>
</c-col>
<c-col :span="14">
<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="
defaultFunction(
'amcamt',
model.amcamt
)
" disabled></c-input-currency>
<c-input-currency
v-model="model.amcamt"
style="text-align: left; width: 100%"
placeholder="0"
@keyup.enter.native="defaultFunction('amcamt', model.amcamt)"
disabled
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="7">
<c-col :span="7"> </c-col>
</c-col>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="24">
<c-col :span="10">
<el-form-item 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>
<el-form-item
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>
</el-form-item>
</c-col>
<c-col :span="14">
<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="
defaultFunction(
'newcnfamt',
model.newcnfamt
)
" disabled></c-input-currency>
<c-input-currency
v-model="model.newcnfamt"
style="text-align: left; width: 100%"
placeholder="0"
@keyup.enter.native="
defaultFunction('newcnfamt', model.newcnfamt)
"
disabled
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="7">
</c-col>
<c-col :span="7"> </c-col>
</c-col>
</c-col>
</c-col>
<!-- =================================右侧====-->
<c-col :span="12">
</c-col>
<c-col :span="12"> </c-col>
</c-col>
</div>
</div>
</template>
<script>
import Api from "~/service/Api"
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Betamc/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Betamc/Event";
import Ptsmsg from "~/views/Public/Ptsmsg";
export default {
components: {
"c-ptsmsg": Ptsmsg
"c-ptsmsg": Ptsmsg,
},
inject: ["root"],
props: ["model", "codes"],
......@@ -316,14 +485,11 @@ export default {
},
},
methods: {
...Event
...Event,
},
created: function () {
}
}
created: function () {},
};
</script>
<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