Skip to content

V
vue-gjjs
Commit 43ad546b by liushikai
Options

ditopn布局优化

parent 8d58dd16
Showing with 767 additions and 698 deletions
src/App.vue
...@@ -36,8 +36,8 @@ export default { ...@@ -36,8 +36,8 @@ export default {
margin-left: 10px; margin-left: 10px;
} }
.el-form-item--small{ /* .el-form-item--small{
margin-right: 30px; margin-right: 30px;
} } */
</style> </style>
src/views/Business/Bddsel/index.vue
<template> <template>
<div class="eContainer"> <div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="100px" size="small"> <el-form :model="model" :rules="rules" ref="modelForm" label-width="100px" size="small">
<c-tabs ref="elment" type="card" @tab-click="tabClick"> <c-tabs :value="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--PD000008 --> <!--PD000008 -->
<el-tab-pane label="国内证单据查询" name="infsea"> <el-tab-pane label="国内证单据查询" name="infsea">
...@@ -27,12 +27,13 @@ export default { ...@@ -27,12 +27,13 @@ export default {
}, },
provide() { provide() {
return { return {
root: this root: this,
} }
}, },
mixins: [CommonProcess], // 里面包含了Default、Check等的公共处理 mixins: [CommonProcess], // 里面包含了Default、Check等的公共处理
data(){ data(){
return { return {
tabVal:"infsea",
model:new Bddsel().data, model:new Bddsel().data,
// defaultRule:Default, // defaultRule:Default,
// rules:this.mergeRules(Pattern,Check), // rules:this.mergeRules(Pattern,Check),
......
src/views/Business/Bdtudp/Limitbody.vue
...@@ -18,8 +18,8 @@ ...@@ -18,8 +18,8 @@
<c-col :span="6"> <c-col :span="6">
<div class="button_contains"> <div class="button_contains">
<c-button size="small" type="primary;width:10%" @click="onSeainf" <c-button size="small" type="primary" icon="el-icon-search" @click="onSeainf"
>i</c-button ></c-button
> >
<c-button <c-button
size="small" size="small"
......
src/views/Business/BusRouter.js
...@@ -22,7 +22,7 @@ import Infusr from "./Infusr" ...@@ -22,7 +22,7 @@ import Infusr from "./Infusr"
import Infcpd from "./Infcpd" import Infcpd from "./Infcpd"
import Bctacc from "./Bctacc" import Bctacc from "./Bctacc"
import Infcur from "./Infcur" import Infcur from "./Infcur"
import Infdet from "./Infdet" // import Infdet from "./Infdet"
/** /**
* 带有name的才会被添加进顶部的标签页里 * 带有name的才会被添加进顶部的标签页里
...@@ -54,6 +54,6 @@ const BusRouter = [ ...@@ -54,6 +54,6 @@ const BusRouter = [
{ path: 'infcpd', component: Infcpd, name: 'Infcpd', meta: { title: '汇款查询' } }, { path: 'infcpd', component: Infcpd, name: 'Infcpd', meta: { title: '汇款查询' } },
{ path: 'bctacc', component: Bctacc, name: 'Bctacc', meta: { title: 'Bctacc' } }, { path: 'bctacc', component: Bctacc, name: 'Bctacc', meta: { title: 'Bctacc' } },
{ path: 'infcur', component: Infcur, name: 'Infcur', meta: { title: 'Infcur' } }, { path: 'infcur', component: Infcur, name: 'Infcur', meta: { title: 'Infcur' } },
{ path: 'infdet', component: Infdet, name: 'Infdet', meta: { title: 'Infdet' } }, // { path: 'infdet', component: Infdet, name: 'Infdet', meta: { title: 'Infdet' } },
] ]
export default BusRouter export default BusRouter
\ No newline at end of file
src/views/Business/Cptadv/Opnp1.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="8"> <c-col :span="11">
<el-form-item label="业务编号"> <c-col :span="18">
<c-input <el-form-item label="业务编号" style="width:100%">
v-model="model.cpdgrp.rec.ownref" <c-input
maxlength="16" v-model="model.cpdgrp.rec.ownref"
disabled maxlength="16"
placeholder="请输入业务编号" disabled
></c-input> placeholder="请输入业务编号"
</el-form-item> ></c-input>
</c-col> </el-form-item>
</c-col>
<c-col :span="4"> <c-col :span="2">
<el-form-item label="" label-width="15px"> <el-form-item label="" label-width="5px">
<c-button size="small" type="primary;width:10%" @click="onSeainf" <c-button
>i</c-button size="small"
> type="primary"
<c-button icon="el-icon-search"
size="small" @click="onSeainf"
type="primary" ></c-button>
:disabled="this.flag" </el-form-item>
@click="onCptpGetref" </c-col>
> <c-col :span="4">
GetRef <el-form-item label="" label-width="5px">
</c-button> <c-button
</el-form-item> size="small"
type="primary"
:disabled="this.flag"
@click="onCptpGetref"
>
GetRef
</c-button>
</el-form-item>
</c-col>
</c-col> </c-col>
<c-col :span="11"> <c-col :span="11" :offset="1">
<el-form-item label="Name"> <el-form-item label="Name">
<c-input <c-input
v-model="model.cpdgrp.rec.nam" v-model="model.cpdgrp.rec.nam"
...@@ -38,10 +47,11 @@ ...@@ -38,10 +47,11 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24">
<!-- ========================左边======================= --> <!-- ========================左边======================= -->
<c-col :span="11"> <c-col :span="11">
<c-col :span="18"> <c-col :span="18">
<el-form-item label="清算编号"> <el-form-item label="清算编号" style="width:100%">
<c-input <c-input
v-model="model.cpdgrp.rec.sysno" v-model="model.cpdgrp.rec.sysno"
maxlength="21" maxlength="21"
...@@ -137,8 +147,8 @@ ...@@ -137,8 +147,8 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="10"> <c-col :span="12">
<el-form-item label=""> <el-form-item label="" style="width:100%">
<c-input <c-input
v-model="model.cpdgrp.ori.pts.extkey" v-model="model.cpdgrp.ori.pts.extkey"
maxlength="16" maxlength="16"
...@@ -146,13 +156,20 @@ ...@@ -146,13 +156,20 @@
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="2">
<el-form-item label="" label-width="15px">
<c-button
size="small"
type="primary"
icon="el-icon-search"
@click="onSeainf"
></c-button>
</el-form-item>
</c-col>
<c-col :span="4">
<el-form-item label="" label-width="15px"> <el-form-item label="" label-width="15px">
<c-button size="small" type="primary;width:10%" @click="onSeainf"
>i</c-button
>
<c-button size="small" type="primary" @click="onOripDet"> <c-button size="small" type="primary" @click="onOripDet">
Details 详情
</c-button> </c-button>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -197,9 +214,12 @@ ...@@ -197,9 +214,12 @@
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="" label-width="15px"> <el-form-item label="" label-width="15px">
<c-button size="small" type="primary;width:10%" @click="onSeainf" <c-button
>i</c-button size="small"
> type="primary"
icon="el-icon-search"
@click="onSeainf"
></c-button>
<c-button size="small" type="primary" @click="onOrcpDet"> <c-button size="small" type="primary" @click="onOrcpDet">
Details Details
</c-button> </c-button>
...@@ -350,9 +370,12 @@ ...@@ -350,9 +370,12 @@
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="" label-width="15px"> <el-form-item label="" label-width="15px">
<c-button size="small" type="primary;width:10%" @click="onSeainf" <c-button
>i</c-button size="small"
> type="primary"
icon="el-icon-search"
@click="onSeainf"
></c-button>
<c-button size="small" type="primary" @click="onSndpDet"> <c-button size="small" type="primary" @click="onSndpDet">
Details Details
</c-button> </c-button>
...@@ -453,7 +476,11 @@ ...@@ -453,7 +476,11 @@
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="" label-width="15px"> <el-form-item label="" label-width="15px">
<c-button size="small" type="primary;width:10%" @click="onSeainf" <c-button
size="small"
type="primary"
icon="el-icon-search"
@click="onSeainf"
>i</c-button >i</c-button
> >
<c-button size="small" type="primary" @click="onPyepDet"> <c-button size="small" type="primary" @click="onPyepDet">
...@@ -479,8 +506,9 @@ ...@@ -479,8 +506,9 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col> </c-col>
</c-col>
<!-- <c-col :span="12"> <!-- <c-col :span="12">
<el-form-item label="Drag Drop Sender"> <el-form-item label="Drag Drop Sender">
<c-input v-model="model.cptp.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input> <c-input v-model="model.cptp.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item> </el-form-item>
...@@ -1126,7 +1154,7 @@ import CodeTable from "~/config/CodeTable"; ...@@ -1126,7 +1154,7 @@ import CodeTable from "~/config/CodeTable";
import Event from "~/model/Cptadv/Event"; import Event from "~/model/Cptadv/Event";
export default { export default {
inject: ['root'], inject: ["root"],
props: ["model", "codes"], props: ["model", "codes"],
mixins: [CommonProcess], mixins: [CommonProcess],
data() { data() {
......
src/views/Business/Cptopn/Finp.vue
...@@ -161,8 +161,8 @@ ...@@ -161,8 +161,8 @@
</c-col> </c-col>
<c-col :span="7" > <c-col :span="7" >
<c-button size="small" type="primary;width:10%" @click="onSeainf" <c-button size="small" type="primary" icon="el-icon-search" @click="onSeainf"
>i</c-button ></c-button
> >
<c-button size="small" type="primary" @click="onFippDet"> <c-button size="small" type="primary" @click="onFippDet">
Details Details
......
src/views/Business/Ditopn/Limitbody.vue
...@@ -33,11 +33,12 @@ ...@@ -33,11 +33,12 @@
--> -->
<!-- ====================左边======================= --> <!-- ====================左边======================= -->
<c-col :span="12"> <c-col :span="11">
<c-col :span="16"> <c-col :span="18">
<el-form-item <el-form-item
label="国内信用证项下开证授信额度:" label="国内信用证项下开证授信额度:"
prop="liaall.limmod.limpts.wrk.pts.extkey" prop="liaall.limmod.limpts.wrk.pts.extkey"
style="width:100%"
> >
<c-input <c-input
v-model="model.liaall.limmod.limpts.wrk.pts.extkey" v-model="model.liaall.limmod.limpts.wrk.pts.extkey"
...@@ -48,21 +49,25 @@ ...@@ -48,21 +49,25 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="2">
<el-form-item label="" label-width="20px"> <el-form-item label="" label-width="5px">
<c-button <c-button
size="small" size="small"
type="primary;width:10%" type="primary"
icon="el-icon-search"
@click="onSeainf" @click="onSeainf"
>i</c-button ></c-button
> >
</el-form-item>
</c-col>
<c-col :span="4">
<el-form-item label="" label-width="5px">
<c-button <c-button
size="small" size="small"
type="primary" type="primary"
icon="el-icon-search"
@click="onPreperButtxmsel" @click="onPreperButtxmsel"
> >
Details 详情
</c-button> </c-button>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -102,7 +107,7 @@ ...@@ -102,7 +107,7 @@
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label=""> <el-form-item label="" label-width="10px">
<c-button size="small" type="primary" @click="onLimptsGet1"> <c-button size="small" type="primary" @click="onLimptsGet1">
查询 查询
</c-button> </c-button>
...@@ -126,7 +131,7 @@ ...@@ -126,7 +131,7 @@
</c-col> </c-col>
<!-- ========================右边======================= --> <!-- ========================右边======================= -->
<c-col :span="12"> <c-col :span="11" :offset="1">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="业务编号" prop="liaall.limmod.ownref"> <el-form-item label="业务编号" prop="liaall.limmod.ownref">
<c-input <c-input
......
src/views/Business/Ditopn/Ovwp.vue
<template> <template>
<c-row> <c-row>
<!-- =================顶部====================== --> <!-- =================顶部====================== -->
<c-col :span="24"> <c-col :span="24">
<c-col :span="8"> <c-col :span="11">
<el-form-item label="参考号" prop="didgrp.rec.ownref" style="width:100%"> <c-col :span="18">
<c-input <el-form-item
v-model="model.didgrp.rec.ownref" label="参考号"
maxlength="16" prop="didgrp.rec.ownref"
placeholder="请输入Reference" style="width: 100%"
style="width:100%" >
disabled <c-input
></c-input> v-model="model.didgrp.rec.ownref"
</el-form-item> maxlength="16"
</c-col> placeholder="请输入Reference"
<c-col :span="4"> disabled
<el-form-item label="" label-width="15px"> ></c-input>
<c-button </el-form-item>
size="small"
type="primary"
icon="el-icon-search"
@click="onSeainf"
></c-button
>
<c-button
size="small"
type="primary"
:disabled="this.flag"
@click="onDitpButgetref"
>
获取
</c-button>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="摘要" prop="didgrp.rec.nam">
<c-input
align="middle"
v-model="model.didgrp.rec.nam"
maxlength="40"
disabled
placeholder="请输入Externally Displayed Name to Identify the Contract"
></c-input>
</el-form-item>
</c-col>
</c-col> </c-col>
<!-- ====================左边======================= --> <c-col :span="6" style="text-align: right">
<c-col :span="11"> <c-col :span="12">
<c-col :span="16"> <el-form-item label="" label-width="5px">
<el-form-item label="所属客户经理" prop="ditp.usr.extkey" style="width:100%"> <c-button
<c-input size="small"
v-model="model.ditp.usr.extkey" type="primary"
maxlength="8" icon="el-icon-search"
placeholder="请输入User ID" @click="onSeainf"
disabled ></c-button>
></c-input> </el-form-item>
</el-form-item> </c-col>
</c-col> <c-col :span="12">
<el-form-item label="" label-width="5px">
<c-col :span="6"> <c-button
<el-form-item label="" label-width="5px"> size="small"
<c-button type="primary"
size="small" :disabled="this.flag"
icon="el-icon-search" @click="onDitpButgetref"
type="primary" >
@click="onExtkey" 获取
></c-button </c-button>
> </el-form-item>
</el-form-item> </c-col>
</c-col> </c-col>
</c-col>
<!-- <c-col> <c-col :span="11" :offset="1">
<el-form-item label="摘要" prop="didgrp.rec.nam">
<c-input
align="middle"
v-model="model.didgrp.rec.nam"
maxlength="40"
disabled
placeholder="请输入Externally Displayed Name to Identify the Contract"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="18">
<el-form-item
label="所属客户经理"
prop="ditp.usr.extkey"
style="width: 100%"
>
<c-input
v-model="model.ditp.usr.extkey"
maxlength="8"
placeholder="请输入User ID"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="" label-width="17px">
<c-button
size="small"
icon="el-icon-search"
type="primary"
@click="onExtkey"
></c-button>
</el-form-item>
</c-col>
<!-- <c-col>
&nbsp; &nbsp;
</c-col> --> </c-col> -->
<c-col :span="12"> <c-col :span="12">
<el-form-item label="信用证金额" prop="didgrp.cbs.nom1.cur"> <el-form-item label="信用证金额" prop="didgrp.cbs.nom1.cur">
<c-select <c-select
disabled disabled
v-model="model.didgrp.cbs.nom1.cur" v-model="model.didgrp.cbs.nom1.cur"
style="width: 100%" style="width: 100%"
placeholder="请选择Currency" placeholder="请选择Currency"
@keyup.enter.native="nom1CurEvent" @keyup.enter.native="nom1CurEvent"
> >
<el-option <el-option
v-for="item in codes.cur" v-for="item in codes.cur"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
> >
</el-option> </el-option>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item <el-form-item
style="text-align: left" style="text-align: left"
label-width="20px" label-width="20px"
prop="didgrp.cbs.nom1.amt" prop="didgrp.cbs.nom1.amt"
> >
<c-input-currency <c-input-currency
v-model="model.didgrp.cbs.nom1.amt" v-model="model.didgrp.cbs.nom1.amt"
style="text-align: left; width: 100%" style="text-align: left; width: 100%"
placeholder="请输入信用证金额" placeholder="请输入信用证金额"
></c-input-currency> ></c-input-currency>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="大写金额" prop="ditp.amt"> <el-form-item label="大写金额" prop="ditp.amt">
<c-input <c-input
v-model="model.ditp.amt" v-model="model.ditp.amt"
maxlength="76" maxlength="76"
placeholder="请输入大写金额" placeholder="请输入大写金额"
disabled disabled
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="24">
<el-form-item label="上下浮动限额" prop="didgrp.rec.nomtop"> <el-form-item label="上下浮动限额" prop="didgrp.rec.nomtop">
<c-input <c-input
v-model="model.didgrp.rec.nomtop" v-model="model.didgrp.rec.nomtop"
maxlength="9" maxlength="9"
placeholder="请输入Amount Tolerance - Positive" style="width:45%"
></c-input> placeholder="请输入Amount Tolerance - Positive"
</el-form-item> ></c-input>
</c-col> -
<c-col :span="12" style="text-align: left"> <c-input
<el-form-item v-model="model.didgrp.rec.nomton"
label="-" maxlength="9"
style="text-align: left; margin-left: 12px" style="width:45%"
label-width="20px" placeholder="请输入Amount Tolerance - Negative"
prop="didgrp.rec.nomton" ></c-input>
> </el-form-item>
<c-input </c-col>
v-model="model.didgrp.rec.nomton" <!-- <c-col :span="12" style="text-align: left">
maxlength="9" <el-form-item
placeholder="请输入Amount Tolerance - Negative" label=""
></c-input> style="text-align: left; margin-left: 12px"
</el-form-item> label-width="150px"
</c-col> prop="didgrp.rec.nomton"
>
<c-input
v-model="model.didgrp.rec.nomton"
maxlength="9"
placeholder="请输入Amount Tolerance - Negative"
></c-input>
</el-form-item>
</c-col> -->
<c-col> <!-- <c-col> &nbsp; </c-col> -->
&nbsp;
</c-col>
<c-col :span="14"> <c-col :span="12">
<el-form-item label="信用证最大金额" prop="didgrp.cbs.max.cur"> <el-form-item label="信用证最大金额" prop="didgrp.cbs.max.cur">
<c-select <c-select
v-model="model.didgrp.cbs.max.cur" v-model="model.didgrp.cbs.max.cur"
style="width: 100%" style="width: 100%"
placeholder="请选择Currency" placeholder="请选择Currency"
disabled disabled
> >
<el-option <el-option
v-for="item in codes.cur" v-for="item in codes.cur"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
> >
</el-option> </el-option>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="10"> <c-col :span="12">
<el-form-item <el-form-item label="" label-width="20px" prop="didgrp.cbs.max.amt">
label="" <c-input
label-width="20px" v-model="model.didgrp.cbs.max.amt"
prop="didgrp.cbs.max.amt" placeholder="请输入信用证最大金额"
> disabled
<c-input ></c-input>
v-model="model.didgrp.cbs.max.amt" </el-form-item>
placeholder="请输入信用证最大金额" </c-col>
disabled <c-col :span="24">
></c-input> <el-form-item label="贸易类型" prop="didgrp.rec.mytype">
</el-form-item> <c-select
</c-col> v-if="model.didgrp.rec.elcflg == 'N'"
<c-col :span="24"> v-model="model.didgrp.rec.mytype"
<el-form-item label="贸易类型" prop="didgrp.rec.mytype"> style="width: 100%"
<c-select placeholder="请选择贸易类型"
v-if="model.didgrp.rec.elcflg == 'N'" @change="mytypeChange"
v-model="model.didgrp.rec.mytype" >
style="width: 100%" <el-option
placeholder="请选择贸易类型" v-for="item in codes.mylx"
@change="mytypeChange" :key="item.value"
> :label="item.label"
<el-option :value="item.value"
v-for="item in codes.mylx" >
:key="item.value" </el-option>
:label="item.label" </c-select>
:value="item.value" <c-select
> v-else
</el-option> v-model="model.didgrp.rec.mytype"
</c-select> style="width: 100%"
<c-select placeholder="请选择贸易类型"
v-else @change="mytypeChange"
v-model="model.didgrp.rec.mytype" >
style="width: 100%" <el-option
placeholder="请选择贸易类型" v-for="item in codes.mytype"
@change="mytypeChange" :key="item.value"
> :label="item.label"
<el-option :value="item.value"
v-for="item in codes.mytype" >
:key="item.value" </el-option>
:label="item.label" </c-select>
:value="item.value" </el-form-item>
> </c-col>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="开证日期" prop="didgrp.rec.opndat"> <el-form-item label="开证日期" prop="didgrp.rec.opndat">
<c-date-picker <c-date-picker
type="date" type="date"
v-model="model.didgrp.rec.opndat" v-model="model.didgrp.rec.opndat"
style="width: 45%" style="width: 45%"
placeholder="请选择Date L/C Opened/Issued" placeholder="请选择Date L/C Opened/Issued"
></c-date-picker> ></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item v-if="model.didgrp.rec.mytype == 'H'" label="最迟货物装运日" prop="didgrp.rec.shpdat"> <el-form-item
<c-date-picker v-if="model.didgrp.rec.mytype == 'H'"
type="date" label="最迟货物装运日"
v-model="model.didgrp.rec.shpdat" prop="didgrp.rec.shpdat"
value-format="yyyy-MM-dd" >
style="width: 100%" <c-date-picker
placeholder="请选择Shipment Date" type="date"
></c-date-picker> v-model="model.didgrp.rec.shpdat"
</el-form-item> value-format="yyyy-MM-dd"
<el-form-item v-if="model.didgrp.rec.mytype == 'F'" label="最迟服务提供日" prop="didgrp.rec.shpdat"> style="width: 45%"
<c-date-picker placeholder="请选择Shipment Date"
type="date" ></c-date-picker>
v-model="model.didgrp.rec.shpdat" </el-form-item>
value-format="yyyy-MM-dd" <el-form-item
style="width: 100%" v-if="model.didgrp.rec.mytype == 'F'"
placeholder="请选择Shipment Date" label="最迟服务提供日"
></c-date-picker> prop="didgrp.rec.shpdat"
</el-form-item> >
<el-form-item label="最迟货物装运日/服务提供日" v-if="model.didgrp.rec.mytype == '3'" prop="didgrp.rec.shpdat"> <c-date-picker
<c-date-picker type="date"
type="date" v-model="model.didgrp.rec.shpdat"
v-model="model.didgrp.rec.shpdat" value-format="yyyy-MM-dd"
value-format="yyyy-MM-dd" style="width: 45%"
style="width: 100%" placeholder="请选择Shipment Date"
placeholder="请选择Shipment Date" ></c-date-picker>
></c-date-picker> </el-form-item>
</el-form-item> <el-form-item
</c-col> label="最迟货物装运日/服务提供日"
<c-col :span="24"> v-if="model.didgrp.rec.mytype == '3'"
<el-form-item label="有效日期" prop="didgrp.rec.expdat"> prop="didgrp.rec.shpdat"
<c-date-picker >
type="date" <c-date-picker
v-model="model.didgrp.rec.expdat" type="date"
value-format="yyyy-MM-dd" v-model="model.didgrp.rec.shpdat"
style="width: 100%" value-format="yyyy-MM-dd"
placeholder="请选择Date of Expiry" style="width: 45%"
></c-date-picker> placeholder="请选择Shipment Date"
</el-form-item> ></c-date-picker>
</c-col> </el-form-item>
<c-col :span="24"> </c-col>
<el-form-item label="有效地点" prop="didgrp.rec.expplc"> <c-col :span="24">
<c-input <el-form-item label="有效日期" prop="didgrp.rec.expdat">
type="textarea" <c-date-picker
:rows="3" type="date"
v-model="model.didgrp.rec.expplc" v-model="model.didgrp.rec.expdat"
maxlength="35" value-format="yyyy-MM-dd"
show-word-limit style="width: 45%"
placeholder="请输入Place of Expiry" placeholder="请选择Date of Expiry"
></c-input> ></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="是否通过电证系统" prop="didgrp.rec.elcflg"> <el-form-item label="有效地点" prop="didgrp.rec.expplc">
<c-select <c-input
v-model="model.didgrp.rec.elcflg" type="textarea"
style="width: 100%" :rows="3"
placeholder="请选择是否通过电证系统" v-model="model.didgrp.rec.expplc"
> maxlength="35"
<el-option show-word-limit
v-for="item in codes.elcflg" placeholder="请输入Place of Expiry"
:key="item.value" ></c-input>
:label="item.label" </el-form-item>
:value="item.value" </c-col>
> <c-col :span="24">
</el-option> <el-form-item label="是否通过电证系统" prop="didgrp.rec.elcflg">
</c-select> <c-select
</el-form-item> v-model="model.didgrp.rec.elcflg"
</c-col> style="width: 100%"
<c-col :span="24"> placeholder="请选择是否通过电证系统"
<el-form-item label="开证类型" prop="didgrp.rec.dkflg"> >
<c-select <el-option
v-model="model.didgrp.rec.dkflg" v-for="item in codes.elcflg"
style="width: 100%" :key="item.value"
disabled :label="item.label"
placeholder="请选择开证类型" :value="item.value"
> >
<el-option </el-option>
v-for="item in codes.dkflg" </c-select>
:key="item.value" </el-form-item>
:label="item.label" </c-col>
:value="item.value" <c-col :span="24">
> <el-form-item label="开证类型" prop="didgrp.rec.dkflg">
</el-option> <c-select
</c-select> v-model="model.didgrp.rec.dkflg"
</el-form-item> style="width: 100%"
</c-col> disabled
<c-col :span="24"> placeholder="请选择开证类型"
<el-form-item >
label="申请人统一社会信用代码" <el-option
prop="didgrp.rec.idcode" v-for="item in codes.dkflg"
> :key="item.value"
<c-input :label="item.label"
v-model="model.didgrp.rec.idcode" :value="item.value"
maxlength="18" >
disabled </el-option>
placeholder="请输入申请人统一社会信用代码" </c-select>
></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="didgrp.rec.idcode">
<el-form-item label="货押标识" prop="didgrp.rec.guaflg"> <c-input
<c-select v-model="model.didgrp.rec.idcode"
v-model="model.didgrp.rec.guaflg" maxlength="18"
style="width: 100%" disabled
placeholder="请选择货押标识" placeholder="请输入申请人统一社会信用代码"
> ></c-input>
<el-option </el-form-item>
v-for="item in codes.guaflg" </c-col>
:key="item.value" <c-col :span="24">
:label="item.label" <el-form-item label="货押标识" prop="didgrp.rec.guaflg">
:value="item.value" <c-select
> v-model="model.didgrp.rec.guaflg"
</el-option> style="width: 100%"
</c-select> placeholder="请选择货押标识"
</el-form-item> >
</c-col> <el-option
<c-col :span="24"> v-for="item in codes.guaflg"
<el-form-item label="假远期信用证" prop="didgrp.rec.jyqflg"> :key="item.value"
<c-select :label="item.label"
v-model="model.didgrp.rec.jyqflg" :value="item.value"
style="width: 100%" >
placeholder="请选择假远期信用证" </el-option>
> </c-select>
<el-option </el-form-item>
v-for="item in codes.jyqflg" </c-col>
:key="item.value" <c-col :span="24">
:label="item.label" <el-form-item label="假远期信用证" prop="didgrp.rec.jyqflg">
:value="item.value" <c-select
> v-model="model.didgrp.rec.jyqflg"
</el-option> style="width: 100%"
</c-select> placeholder="请选择假远期信用证"
</el-form-item> >
</c-col> <el-option
v-for="item in codes.jyqflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item
label="申请人 参考号"
prop="didgrp.apl.pts.ref"
style="width: 100%"
>
<c-input
v-model="model.didgrp.apl.pts.ref"
maxlength="16"
placeholder="请输入申请人 参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="18">
<el-form-item
label="Extkey"
prop="didgrp.apl.pts.extkey"
style="width: 100%"
>
<c-input
id="extkey"
v-model="model.didgrp.apl.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="
showGridPromptDialog('didgrp.apl.pts.extkey')
"
></c-input>
</el-form-item>
</c-col> </c-col>
<!-- ========================右边======================= --> <c-col :span="6" style="text-align: right">
<c-col :span="11" :offset="1"> <c-col :span="12">
<c-col :span="24"> <el-form-item label="" label-width="5px">
<el-form-item <c-button
label="申请人 参考号" size="small"
prop="didgrp.apl.pts.ref" type="primary"
> icon="el-icon-search"
<c-input @click="onSeainf('didgrp.apl.pts.extkey')"
v-model="model.didgrp.apl.pts.ref" ></c-button>
maxlength="16" </el-form-item>
placeholder="请输入申请人 参考号" </c-col>
></c-input> <c-col :span="12">
</el-form-item> <el-form-item label="" label-width="5px">
</c-col> <c-button size="small" type="primary" @click="onAplpDet">
<c-col :span="18"> 详情
<el-form-item label="Extkey" prop="didgrp.apl.pts.extkey" style="width:100%"> </c-button>
<c-input </el-form-item>
id = "extkey" </c-col>
v-model="model.didgrp.apl.pts.extkey" </c-col>
maxlength="16" </c-col>
placeholder="请输入External Key of Address"
@keyup.enter.native="showGridPromptDialog('didgrp.apl.pts.extkey')"
></c-input>
</el-form-item>
</c-col>
<c-col :span="2">
<el-form-item label="" label-width="5px">
<c-button
size="small"
type="primary"
icon="el-icon-search"
@click="onSeainf('didgrp.apl.pts.extkey')"
></c-button
>
</el-form-item>
</c-col>
<c-col :span="4">
<el-form-item label="" label-width="5px">
<c-button size="small" type="primary" @click="onAplpDet">
详情
</c-button>
</el-form-item>
</c-col>
<!-- <!--
<c-col :span="10"> <c-col :span="10">
<el-form-item label=""> <el-form-item label="">
<c-input v-model="model.ditp.aplp.ptsget.sdamod.seainf" placeholder="请输入"></c-input> <c-input v-model="model.ditp.aplp.ptsget.sdamod.seainf" placeholder="请输入"></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="didgrp.apl.namelc"> <el-form-item label="名称" prop="didgrp.apl.namelc">
<c-input <c-input
type="textarea" type="textarea"
v-model="model.didgrp.apl.namelc" v-model="model.didgrp.apl.namelc"
maxlength="35" maxlength="35"
show-word-limit show-word-limit
placeholder="请输入名称" placeholder="请输入名称"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<!-- <!--
<c-col :span="12"> <c-col :span="12">
<el-form-item label="Address Block"> <el-form-item label="Address Block">
<c-input type="textarea" v-model="model.didgrp.apl.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input> <c-input type="textarea" v-model="model.didgrp.apl.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
...@@ -432,133 +465,136 @@ ...@@ -432,133 +465,136 @@
</c-col> </c-col>
--> -->
<c-col :span="24"> <c-col :span="24">
<el-form-item label="地址" prop="didgrp.apl.adrelc"> <el-form-item label="地址" prop="didgrp.apl.adrelc">
<c-input <c-input
type="textarea" type="textarea"
v-model="model.didgrp.apl.adrelc" v-model="model.didgrp.apl.adrelc"
maxlength="35" maxlength="35"
show-word-limit show-word-limit
placeholder="请输入地址" placeholder="请输入地址"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="14"> <c-col :span="14">
<el-form-item label="邮编" prop="didgrp.apl.pts.youzbm"> <el-form-item label="邮编" prop="didgrp.apl.pts.youzbm">
<c-input <c-input
v-model="model.didgrp.apl.pts.youzbm" v-model="model.didgrp.apl.pts.youzbm"
maxlength="6" maxlength="6"
placeholder="请输入邮编" placeholder="请输入邮编"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="10"> <c-col :span="10">
<el-form-item <el-form-item
label="电话" label="电话"
label-width="40px" label-width="40px"
style="margin-left: 12px" style="margin-left: 12px"
prop="didgrp.apl.pts.dihdig" prop="didgrp.apl.pts.dihdig"
> >
<c-input <c-input
v-model="model.didgrp.apl.pts.dihdig" v-model="model.didgrp.apl.pts.dihdig"
maxlength="16" maxlength="16"
placeholder="请输入电话" placeholder="请输入电话"
></c-input> ></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="didgrp.apl.pts.extact"> <el-form-item label="申请人账号" prop="didgrp.apl.pts.extact">
<c-select <c-select
v-model="model.didgrp.apl.pts.extact" v-model="model.didgrp.apl.pts.extact"
style="width: 100%" style="width: 100%"
placeholder="请选择External Account" placeholder="请选择External Account"
> >
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item <el-form-item
label="申请人开户行 联行行号" label="申请人开户行 联行行号"
prop="didgrp.apb.pts.bankno" prop="didgrp.apb.pts.bankno"
> >
<c-input <c-input
v-model="model.didgrp.apb.pts.bankno" v-model="model.didgrp.apb.pts.bankno"
maxlength="20" maxlength="20"
placeholder="请输入Number of bank" placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.apb.pts.bankno')" @keyup.enter.native="showGridPromptDialog('didgrp.apb.pts.bankno')"
></c-input> ></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="didgrp.apb.pts.jigomc"> <el-form-item label="联行名称 " prop="didgrp.apb.pts.jigomc">
<c-input <c-input
type="textarea" type="textarea"
v-model="model.didgrp.apb.pts.jigomc" v-model="model.didgrp.apb.pts.jigomc"
maxlength="35" maxlength="35"
show-word-limit show-word-limit
placeholder="请输入联行名称 电证用" placeholder="请输入联行名称 电证用"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item <el-form-item label="受益人 参考号" prop="didgrp.ben.pts.ref">
label="受益人 参考号" <c-input
prop="didgrp.ben.pts.ref" v-model="model.didgrp.ben.pts.ref"
> maxlength="16"
<c-input placeholder="请输入受益人 参考号"
v-model="model.didgrp.ben.pts.ref" ></c-input>
maxlength="16" </el-form-item>
placeholder="请输入受益人 参考号" </c-col>
></c-input>
</el-form-item>
</c-col>
<!-- <!--
<c-col :span="6"> <c-col :span="6">
<span v-text="model.ditp.zchday" data-path=".ditp.zchday" > </span> <span v-text="model.ditp.zchday" data-path=".ditp.zchday" > </span>
</c-col> --> </c-col> -->
<c-col :span="18"> <c-col :span="18">
<el-form-item label="Extkey" prop="didgrp.ben.pts.extkey" style="width:100%"> <el-form-item
<c-input label="Extkey"
v-model="model.didgrp.ben.pts.extkey" prop="didgrp.ben.pts.extkey"
maxlength="16" style="width: 100%"
placeholder="请输入External Key of Address" >
@keyup.enter.native="showGridPromptDialog('didgrp.ben.pts.extkey')" <c-input
></c-input> v-model="model.didgrp.ben.pts.extkey"
</el-form-item> maxlength="16"
</c-col> placeholder="请输入External Key of Address"
<c-col :span="2"> @keyup.enter.native="showGridPromptDialog('didgrp.ben.pts.extkey')"
<el-form-item label="" label-width="5px"> ></c-input>
<c-button </el-form-item>
size="small" </c-col>
type="primary" <c-col :span="6" style="text-align: right">
icon="el-icon-search" <!-- <c-col :span="12"> -->
@click="onSeaParty('didgrp.ben.pts.extkey')" <!-- <el-form-item label="" label-width="5px"> -->
></c-button <c-button
> class="icon-search"
</el-form-item> size="small"
</c-col> type="primary"
<c-col :span="4"> icon="el-icon-search"
<el-form-item label="" label-width="5px"> @click="onSeaParty('didgrp.ben.pts.extkey')"
<c-button size="small" type="primary" @click="onBenpDet"> ></c-button>
详情 <!-- </el-form-item> -->
</c-button> <!-- </c-col> -->
</el-form-item> <!-- <c-col :span="12"> -->
</c-col> <!-- <el-form-item label="" label-width="5px"> -->
<c-button class="detailsButton" size="small" type="primary" @click="onBenpDet">
详情
</c-button>
<!-- </el-form-item> -->
<!-- </c-col> -->
</c-col>
<!-- <!--
<c-col :span="12"> <c-col :span="12">
<el-form-item label="Drag Drop Sender"> <el-form-item label="Drag Drop Sender">
<c-input v-model="model.ditp.benp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input> <c-input v-model="model.ditp.benp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item> </el-form-item>
</c-col> --> </c-col> -->
<!-- <!--
<c-col :span="10"> <c-col :span="10">
<el-form-item label=""> <el-form-item label="">
<c-input v-model="model.ditp.benp.ptsget.sdamod.seainf" placeholder="请输入"></c-input> <c-input v-model="model.ditp.benp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
...@@ -570,19 +606,19 @@ ...@@ -570,19 +606,19 @@
Detials Detials
</c-button> </c-button>
</c-col> --> </c-col> -->
<c-col :span="24"> <c-col :span="24">
<el-form-item label="名称" prop="didgrp.ben.namelc"> <el-form-item label="名称" prop="didgrp.ben.namelc">
<c-input <c-input
type="textarea" type="textarea"
v-model="model.didgrp.ben.namelc" v-model="model.didgrp.ben.namelc"
maxlength="35" maxlength="35"
show-word-limit show-word-limit
placeholder="请输入名称" placeholder="请输入名称"
></c-input> ></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="didgrp.rec.expplc"> <el-form-item label="有效地点" prop="didgrp.rec.expplc">
<c-input <c-input
type="textarea" type="textarea"
...@@ -594,7 +630,7 @@ ...@@ -594,7 +630,7 @@
</el-form-item> </el-form-item>
</c-col> --> </c-col> -->
<!-- <!--
<c-col :span="12"> <c-col :span="12">
<el-form-item label="Address Block"> <el-form-item label="Address Block">
<c-input type="textarea" v-model="model.didgrp.ben.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input> <c-input type="textarea" v-model="model.didgrp.ben.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
...@@ -607,80 +643,80 @@ ...@@ -607,80 +643,80 @@
</el-form-item> </el-form-item>
</c-col> --> </c-col> -->
<c-col :span="24"> <c-col :span="24">
<el-form-item label="地址" prop="didgrp.ben.adrelc"> <el-form-item label="地址" prop="didgrp.ben.adrelc">
<c-input <c-input
type="textarea" type="textarea"
v-model="model.didgrp.ben.adrelc" v-model="model.didgrp.ben.adrelc"
maxlength="35" maxlength="35"
show-word-limit show-word-limit
placeholder="请输入地址" placeholder="请输入地址"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="14"> <c-col :span="14">
<el-form-item label="邮编" prop="didgrp.ben.pts.youzbm"> <el-form-item label="邮编" prop="didgrp.ben.pts.youzbm">
<c-input <c-input
v-model="model.didgrp.ben.pts.youzbm" v-model="model.didgrp.ben.pts.youzbm"
maxlength="6" maxlength="6"
placeholder="请输入邮编 电证用" placeholder="请输入邮编 电证用"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="10"> <c-col :span="10">
<el-form-item <el-form-item
label="电话" label="电话"
label-width="40px" label-width="40px"
style="margin-left: 12px" style="margin-left: 12px"
prop="didgrp.ben.pts.dihdig" prop="didgrp.ben.pts.dihdig"
> >
<c-input <c-input
v-model="model.didgrp.ben.pts.dihdig" v-model="model.didgrp.ben.pts.dihdig"
maxlength="16" maxlength="16"
placeholder="请输入电话" placeholder="请输入电话"
></c-input> ></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="didgrp.ben.pts.extact"> <el-form-item label="受益人帐号" prop="didgrp.ben.pts.extact">
<c-input <c-input
v-model="model.didgrp.ben.pts.extact" v-model="model.didgrp.ben.pts.extact"
maxlength="34" maxlength="34"
placeholder="请输入受益人帐号" placeholder="请输入受益人帐号"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item <el-form-item
label="受益人开户行 联行行号" label="受益人开户行 联行行号"
prop="didgrp.beb.pts.bankno" prop="didgrp.beb.pts.bankno"
> >
<c-input <c-input
v-model="model.didgrp.beb.pts.bankno" v-model="model.didgrp.beb.pts.bankno"
maxlength="20" maxlength="20"
placeholder="请输入Number of bank" placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.beb.pts.bankno')" @keyup.enter.native="showGridPromptDialog('didgrp.beb.pts.bankno')"
></c-input> ></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="didgrp.beb.pts.jigomc"> <el-form-item label="联行名称 " prop="didgrp.beb.pts.jigomc">
<c-input <c-input
type="textarea" type="textarea"
v-model="model.didgrp.beb.pts.jigomc" v-model="model.didgrp.beb.pts.jigomc"
maxlength="35" maxlength="35"
show-word-limit show-word-limit
placeholder="请输入联行名称 电证用" placeholder="请输入联行名称 电证用"
:disabled="this.jigomcFlag" :disabled="this.jigomcFlag"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col> </c-col>
</c-row> </c-row>
</template> </template>
<script> <script>
import Api from "~/service/Api"; import Api from "~/service/Api";
...@@ -689,47 +725,45 @@ import Event from "~/model/Ditopn/Event"; ...@@ -689,47 +725,45 @@ import Event from "~/model/Ditopn/Event";
import Utils from "~/utils"; import Utils from "~/utils";
export default { export default {
inject: ['root'], inject: ["root"],
props: ["model", "codes"], props: ["model", "codes"],
mixins: [CommonProcess], mixins: [CommonProcess],
data() { data() {
return { return {
jigomcFlag:false, jigomcFlag: false,
trade: "" trade: "",
}; };
},
methods: {
...Event,
mytypeChange() {
if (this.model.didgrp.rec.mytype == "F") {
this.model.didgrp.rec.tratyp = "";
this.model.didgrp.rec.sdsrfs = "";
this.model.didgrp.rec.shptrs = "";
this.model.didgrp.rec.shpfro = "";
this.model.didgrp.rec.shpto = "";
this.model.didgrp.rec.shppro = "";
}
}, },
methods: { nom1CurEvent() {
...Event, this.executeDefault("didgrp.cbs.nom1.cur").then((res) => {
mytypeChange(){ if ((res.respCode = SUCCESS)) {
if (this.model.didgrp.rec.mytype == "F"){ Utils.copyValueFromVO(this.model, res.data);
this.model.didgrp.rec.tratyp = "";
this.model.didgrp.rec.sdsrfs = "";
this.model.didgrp.rec.shptrs = "";
this.model.didgrp.rec.shpfro = "";
this.model.didgrp.rec.shpto = "";
this.model.didgrp.rec.shppro = "";
}
},
nom1CurEvent(){
this.executeDefault("didgrp.cbs.nom1.cur").then(
(res) => {
if (res.respCode = SUCCESS){
Utils.copyValueFromVO(this.model, res.data);
}
}
);
} }
});
}, },
created: function () { },
console.log(this.root); created: function () {
}, console.log(this.root);
computed:{ },
flag(){ computed: {
return this.model.didgrp.apl.pts.extkey==""; flag() {
} , return this.model.didgrp.apl.pts.extkey == "";
},
watch: {
declareParams() {},
}, },
},
watch: {
declareParams() {},
},
}; };
</script> </script>
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