Skip to content

V
vue-gjjs
Commit 43ad546b by liushikai
Options

ditopn布局优化

parent 8d58dd16
Showing with 190 additions and 121 deletions
src/App.vue
......@@ -36,8 +36,8 @@ export default {
margin-left: 10px;
}
.el-form-item--small{
/* .el-form-item--small{
margin-right: 30px;
}
} */
</style>
src/views/Business/Bddsel/index.vue
<template>
<div class="eContainer">
<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 -->
<el-tab-pane label="国内证单据查询" name="infsea">
......@@ -27,12 +27,13 @@ export default {
},
provide() {
return {
root: this
root: this,
}
},
mixins: [CommonProcess], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal:"infsea",
model:new Bddsel().data,
// defaultRule:Default,
// rules:this.mergeRules(Pattern,Check),
......
src/views/Business/Bdtudp/Limitbody.vue
......@@ -18,8 +18,8 @@
<c-col :span="6">
<div class="button_contains">
<c-button size="small" type="primary;width:10%" @click="onSeainf"
>i</c-button
<c-button size="small" type="primary" icon="el-icon-search" @click="onSeainf"
></c-button
>
<c-button
size="small"
......
src/views/Business/BusRouter.js
......@@ -22,7 +22,7 @@ import Infusr from "./Infusr"
import Infcpd from "./Infcpd"
import Bctacc from "./Bctacc"
import Infcur from "./Infcur"
import Infdet from "./Infdet"
// import Infdet from "./Infdet"
/**
* 带有name的才会被添加进顶部的标签页里
......@@ -54,6 +54,6 @@ const BusRouter = [
{ path: 'infcpd', component: Infcpd, name: 'Infcpd', meta: { title: '汇款查询' } },
{ path: 'bctacc', component: Bctacc, name: 'Bctacc', meta: { title: 'Bctacc' } },
{ 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
\ No newline at end of file
src/views/Business/Cptadv/Opnp1.vue
<template>
<div class="eibs-tab">
<c-col :span="8">
<el-form-item label="业务编号">
<c-col :span="11">
<c-col :span="18">
<el-form-item label="业务编号" style="width:100%">
<c-input
v-model="model.cpdgrp.rec.ownref"
maxlength="16"
......@@ -11,11 +12,18 @@
</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"
></c-button>
</el-form-item>
</c-col>
<c-col :span="4">
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary;width:10%" @click="onSeainf"
>i</c-button
>
<el-form-item label="" label-width="5px">
<c-button
size="small"
type="primary"
......@@ -26,8 +34,9 @@
</c-button>
</el-form-item>
</c-col>
</c-col>
<c-col :span="11">
<c-col :span="11" :offset="1">
<el-form-item label="Name">
<c-input
v-model="model.cpdgrp.rec.nam"
......@@ -38,10 +47,11 @@
</el-form-item>
</c-col>
<c-col :span="24">
<!-- ========================左边======================= -->
<c-col :span="11">
<c-col :span="18">
<el-form-item label="清算编号">
<el-form-item label="清算编号" style="width:100%">
<c-input
v-model="model.cpdgrp.rec.sysno"
maxlength="21"
......@@ -137,8 +147,8 @@
</el-form-item>
</c-col>
<c-col :span="10">
<el-form-item label="">
<c-col :span="12">
<el-form-item label="" style="width:100%">
<c-input
v-model="model.cpdgrp.ori.pts.extkey"
maxlength="16"
......@@ -146,13 +156,20 @@
></c-input>
</el-form-item>
</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">
<c-button size="small" type="primary;width:10%" @click="onSeainf"
>i</c-button
>
<c-button size="small" type="primary" @click="onOripDet">
Details
详情
</c-button>
</el-form-item>
</c-col>
......@@ -197,9 +214,12 @@
</c-col>
<c-col :span="8">
<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"
icon="el-icon-search"
@click="onSeainf"
></c-button>
<c-button size="small" type="primary" @click="onOrcpDet">
Details
</c-button>
......@@ -350,9 +370,12 @@
</c-col>
<c-col :span="8">
<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"
icon="el-icon-search"
@click="onSeainf"
></c-button>
<c-button size="small" type="primary" @click="onSndpDet">
Details
</c-button>
......@@ -453,7 +476,11 @@
</c-col>
<c-col :span="8">
<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
>
<c-button size="small" type="primary" @click="onPyepDet">
......@@ -479,6 +506,7 @@
</el-form-item>
</c-col>
</c-col>
</c-col>
<!-- <c-col :span="12">
<el-form-item label="Drag Drop Sender">
......@@ -1126,7 +1154,7 @@ import CodeTable from "~/config/CodeTable";
import Event from "~/model/Cptadv/Event";
export default {
inject: ['root'],
inject: ["root"],
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
......
src/views/Business/Cptopn/Finp.vue
......@@ -161,8 +161,8 @@
</c-col>
<c-col :span="7" >
<c-button size="small" type="primary;width:10%" @click="onSeainf"
>i</c-button
<c-button size="small" type="primary" icon="el-icon-search" @click="onSeainf"
></c-button
>
<c-button size="small" type="primary" @click="onFippDet">
Details
......
src/views/Business/Ditopn/Limitbody.vue
......@@ -33,11 +33,12 @@
-->
<!-- ====================左边======================= -->
<c-col :span="12">
<c-col :span="16">
<c-col :span="11">
<c-col :span="18">
<el-form-item
label="国内信用证项下开证授信额度:"
prop="liaall.limmod.limpts.wrk.pts.extkey"
style="width:100%"
>
<c-input
v-model="model.liaall.limmod.limpts.wrk.pts.extkey"
......@@ -48,21 +49,25 @@
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="" label-width="20px">
<c-col :span="2">
<el-form-item label="" label-width="5px">
<c-button
size="small"
type="primary;width:10%"
type="primary"
icon="el-icon-search"
@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
size="small"
type="primary"
icon="el-icon-search"
@click="onPreperButtxmsel"
>
Details
详情
</c-button>
</el-form-item>
</c-col>
......@@ -102,7 +107,7 @@
</c-col>
<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>
......@@ -126,7 +131,7 @@
</c-col>
<!-- ========================右边======================= -->
<c-col :span="12">
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="业务编号" prop="liaall.limmod.ownref">
<c-input
......
src/views/Business/Ditopn/Ovwp.vue
......@@ -2,26 +2,34 @@
<c-row>
<!-- =================顶部====================== -->
<c-col :span="24">
<c-col :span="8">
<el-form-item label="参考号" prop="didgrp.rec.ownref" style="width:100%">
<c-col :span="11">
<c-col :span="18">
<el-form-item
label="参考号"
prop="didgrp.rec.ownref"
style="width: 100%"
>
<c-input
v-model="model.didgrp.rec.ownref"
maxlength="16"
placeholder="请输入Reference"
style="width:100%"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="4">
<el-form-item label="" label-width="15px">
<c-col :span="6" style="text-align: right">
<c-col :span="12">
<el-form-item label="" label-width="5px">
<c-button
size="small"
type="primary"
icon="el-icon-search"
@click="onSeainf"
></c-button
>
></c-button>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="5px">
<c-button
size="small"
type="primary"
......@@ -32,7 +40,9 @@
</c-button>
</el-form-item>
</c-col>
<c-col :span="11">
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="摘要" prop="didgrp.rec.nam">
<c-input
align="middle"
......@@ -46,8 +56,12 @@
</c-col>
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="16">
<el-form-item label="所属客户经理" prop="ditp.usr.extkey" style="width:100%">
<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"
......@@ -58,14 +72,13 @@
</c-col>
<c-col :span="6">
<el-form-item label="" label-width="5px">
<el-form-item label="" label-width="17px">
<c-button
size="small"
icon="el-icon-search"
type="primary"
@click="onExtkey"
></c-button
>
></c-button>
</el-form-item>
</c-col>
......@@ -115,20 +128,28 @@
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="24">
<el-form-item label="上下浮动限额" prop="didgrp.rec.nomtop">
<c-input
v-model="model.didgrp.rec.nomtop"
maxlength="9"
style="width:45%"
placeholder="请输入Amount Tolerance - Positive"
></c-input>
-
<c-input
v-model="model.didgrp.rec.nomton"
maxlength="9"
style="width:45%"
placeholder="请输入Amount Tolerance - Negative"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12" style="text-align: left">
<!-- <c-col :span="12" style="text-align: left">
<el-form-item
label="-"
label=""
style="text-align: left; margin-left: 12px"
label-width="20px"
label-width="150px"
prop="didgrp.rec.nomton"
>
<c-input
......@@ -137,14 +158,11 @@
placeholder="请输入Amount Tolerance - Negative"
></c-input>
</el-form-item>
</c-col>
<c-col>
&nbsp;
</c-col>
</c-col> -->
<!-- <c-col> &nbsp; </c-col> -->
<c-col :span="14">
<c-col :span="12">
<el-form-item label="信用证最大金额" prop="didgrp.cbs.max.cur">
<c-select
v-model="model.didgrp.cbs.max.cur"
......@@ -163,12 +181,8 @@
</el-form-item>
</c-col>
<c-col :span="10">
<el-form-item
label=""
label-width="20px"
prop="didgrp.cbs.max.amt"
>
<c-col :span="12">
<el-form-item label="" label-width="20px" prop="didgrp.cbs.max.amt">
<c-input
v-model="model.didgrp.cbs.max.amt"
placeholder="请输入信用证最大金额"
......@@ -222,30 +236,42 @@
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item v-if="model.didgrp.rec.mytype == 'H'" label="最迟货物装运日" prop="didgrp.rec.shpdat">
<el-form-item
v-if="model.didgrp.rec.mytype == 'H'"
label="最迟货物装运日"
prop="didgrp.rec.shpdat"
>
<c-date-picker
type="date"
v-model="model.didgrp.rec.shpdat"
value-format="yyyy-MM-dd"
style="width: 100%"
style="width: 45%"
placeholder="请选择Shipment Date"
></c-date-picker>
</el-form-item>
<el-form-item v-if="model.didgrp.rec.mytype == 'F'" label="最迟服务提供日" prop="didgrp.rec.shpdat">
<el-form-item
v-if="model.didgrp.rec.mytype == 'F'"
label="最迟服务提供日"
prop="didgrp.rec.shpdat"
>
<c-date-picker
type="date"
v-model="model.didgrp.rec.shpdat"
value-format="yyyy-MM-dd"
style="width: 100%"
style="width: 45%"
placeholder="请选择Shipment Date"
></c-date-picker>
</el-form-item>
<el-form-item label="最迟货物装运日/服务提供日" v-if="model.didgrp.rec.mytype == '3'" prop="didgrp.rec.shpdat">
<el-form-item
label="最迟货物装运日/服务提供日"
v-if="model.didgrp.rec.mytype == '3'"
prop="didgrp.rec.shpdat"
>
<c-date-picker
type="date"
v-model="model.didgrp.rec.shpdat"
value-format="yyyy-MM-dd"
style="width: 100%"
style="width: 45%"
placeholder="请选择Shipment Date"
></c-date-picker>
</el-form-item>
......@@ -256,7 +282,7 @@
type="date"
v-model="model.didgrp.rec.expdat"
value-format="yyyy-MM-dd"
style="width: 100%"
style="width: 45%"
placeholder="请选择Date of Expiry"
></c-date-picker>
</el-form-item>
......@@ -309,10 +335,7 @@
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="申请人统一社会信用代码"
prop="didgrp.rec.idcode"
>
<el-form-item label="申请人统一社会信用代码" prop="didgrp.rec.idcode">
<c-input
v-model="model.didgrp.rec.idcode"
maxlength="18"
......@@ -362,6 +385,7 @@
<el-form-item
label="申请人 参考号"
prop="didgrp.apl.pts.ref"
style="width: 100%"
>
<c-input
v-model="model.didgrp.apl.pts.ref"
......@@ -370,35 +394,44 @@
></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%">
<el-form-item
label="Extkey"
prop="didgrp.apl.pts.extkey"
style="width: 100%"
>
<c-input
id = "extkey"
id="extkey"
v-model="model.didgrp.apl.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="showGridPromptDialog('didgrp.apl.pts.extkey')"
@keyup.enter.native="
showGridPromptDialog('didgrp.apl.pts.extkey')
"
></c-input>
</el-form-item>
</c-col>
<c-col :span="2">
<c-col :span="6" style="text-align: right">
<c-col :span="12">
<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
>
></c-button>
</el-form-item>
</c-col>
<c-col :span="4">
<c-col :span="12">
<el-form-item label="" label-width="5px">
<c-button size="small" type="primary" @click="onAplpDet">
详情
</c-button>
</el-form-item>
</c-col>
</c-col>
</c-col>
<!--
<c-col :span="10">
......@@ -505,10 +538,7 @@
</c-col>
<c-col :span="24">
<el-form-item
label="受益人 参考号"
prop="didgrp.ben.pts.ref"
>
<el-form-item label="受益人 参考号" prop="didgrp.ben.pts.ref">
<c-input
v-model="model.didgrp.ben.pts.ref"
maxlength="16"
......@@ -523,7 +553,11 @@
</c-col> -->
<c-col :span="18">
<el-form-item label="Extkey" prop="didgrp.ben.pts.extkey" style="width:100%">
<el-form-item
label="Extkey"
prop="didgrp.ben.pts.extkey"
style="width: 100%"
>
<c-input
v-model="model.didgrp.ben.pts.extkey"
maxlength="16"
......@@ -532,23 +566,25 @@
></c-input>
</el-form-item>
</c-col>
<c-col :span="2">
<el-form-item label="" label-width="5px">
<c-col :span="6" style="text-align: right">
<!-- <c-col :span="12"> -->
<!-- <el-form-item label="" label-width="5px"> -->
<c-button
class="icon-search"
size="small"
type="primary"
icon="el-icon-search"
@click="onSeaParty('didgrp.ben.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="onBenpDet">
></c-button>
<!-- </el-form-item> -->
<!-- </c-col> -->
<!-- <c-col :span="12"> -->
<!-- <el-form-item label="" label-width="5px"> -->
<c-button class="detailsButton" size="small" type="primary" @click="onBenpDet">
详情
</c-button>
</el-form-item>
<!-- </el-form-item> -->
<!-- </c-col> -->
</c-col>
<!--
......@@ -689,19 +725,19 @@ import Event from "~/model/Ditopn/Event";
import Utils from "~/utils";
export default {
inject: ['root'],
inject: ["root"],
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
return {
jigomcFlag:false,
trade: ""
jigomcFlag: false,
trade: "",
};
},
methods: {
...Event,
mytypeChange(){
if (this.model.didgrp.rec.mytype == "F"){
mytypeChange() {
if (this.model.didgrp.rec.mytype == "F") {
this.model.didgrp.rec.tratyp = "";
this.model.didgrp.rec.sdsrfs = "";
this.model.didgrp.rec.shptrs = "";
......@@ -710,23 +746,21 @@ export default {
this.model.didgrp.rec.shppro = "";
}
},
nom1CurEvent(){
this.executeDefault("didgrp.cbs.nom1.cur").then(
(res) => {
if (res.respCode = SUCCESS){
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);
},
computed:{
flag(){
return this.model.didgrp.apl.pts.extkey=="";
} ,
computed: {
flag() {
return this.model.didgrp.apl.pts.extkey == "";
},
},
watch: {
declareParams() {},
......
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