Skip to content

V
vue-gjjs
Commit 5c0faf2f by liushikai
Options

布局优化

parent 575ceebf
Showing with 161 additions and 120 deletions
src/components/IStreamTable.vue
...@@ -30,6 +30,7 @@ ...@@ -30,6 +30,7 @@
</el-table-column> </el-table-column>
<slot></slot> <slot></slot>
</el-table> </el-table>
<c-col :span="16">
<el-pagination <el-pagination
class="eContainer-pagination" class="eContainer-pagination"
layout="prev, pager, next, jumper" layout="prev, pager, next, jumper"
...@@ -40,6 +41,8 @@ ...@@ -40,6 +41,8 @@
@size-change="sizeChange" @size-change="sizeChange"
@current-change="currentChange" @current-change="currentChange"
></el-pagination> ></el-pagination>
</c-col>
<c-col :span="8">
<div class="paginationLable"> <div class="paginationLable">
当前显示第 {{ (currentPage - 1) * pageSize + 1 }}-{{ 当前显示第 {{ (currentPage - 1) * pageSize + 1 }}-{{
currentPage * pageSize > tableData.length currentPage * pageSize > tableData.length
...@@ -48,6 +51,7 @@ ...@@ -48,6 +51,7 @@
}} }}
条，共 {{ tableData.length }} 条 条，共 {{ tableData.length }} 条
</div> </div>
</c-col>
</div> </div>
</template> </template>
...@@ -193,7 +197,7 @@ export default { ...@@ -193,7 +197,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
float: right; float: right;
margin-top: 20px; /* margin-top: 20px; */
} }
.eContainer-table-block .el-table__body-wrapper { .eContainer-table-block .el-table__body-wrapper {
overflow: auto; overflow: auto;
......
src/components/IStreamTableDocpan.vue
...@@ -16,6 +16,7 @@ ...@@ -16,6 +16,7 @@
></el-table-column> ></el-table-column>
<slot></slot> <slot></slot>
</el-table> </el-table>
<c-col :span="16">
<el-pagination <el-pagination
class="eContainer-pagination" class="eContainer-pagination"
layout="prev, pager, next, jumper" layout="prev, pager, next, jumper"
...@@ -26,7 +27,10 @@ ...@@ -26,7 +27,10 @@
@size-change="sizeChange" @size-change="sizeChange"
@current-change="currentChange" @current-change="currentChange"
></el-pagination> ></el-pagination>
</c-col>
<c-col :span="8">
<div class="paginationLable">当前显示第 {{(currentPage - 1) * pageSize + 1}}-{{currentPage * pageSize > tableData.length ? tableData.length : currentPage * pageSize}} 条，共 {{tableData.length}} 条</div> <div class="paginationLable">当前显示第 {{(currentPage - 1) * pageSize + 1}}-{{currentPage * pageSize > tableData.length ? tableData.length : currentPage * pageSize}} 条，共 {{tableData.length}} 条</div>
</c-col>
</div> </div>
</template> </template>
...@@ -105,7 +109,7 @@ export default { ...@@ -105,7 +109,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
float:right; float:right;
margin-top:20px; /* margin-top:20px; */
} }
.eContainer-table-block .el-table__body-wrapper { .eContainer-table-block .el-table__body-wrapper {
overflow: auto; overflow: auto;
......
src/components/List.vue
...@@ -241,7 +241,7 @@ export default { ...@@ -241,7 +241,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
float:right; float:right;
margin-top:20px; /* margin-top:20px; */
} }
.eContainer-table-block .el-table__body-wrapper { .eContainer-table-block .el-table__body-wrapper {
overflow: auto; overflow: auto;
......
src/components/Table.vue
...@@ -19,6 +19,7 @@ ...@@ -19,6 +19,7 @@
></el-table-column> ></el-table-column>
<slot></slot> <slot></slot>
</el-table> </el-table>
<c-col :span="16" style="text-align:left">
<el-pagination <el-pagination
class="eContainer-pagination" class="eContainer-pagination"
v-if="paginationShow" v-if="paginationShow"
...@@ -30,9 +31,12 @@ ...@@ -30,9 +31,12 @@
:total="total" :total="total"
v-on="$listeners" v-on="$listeners"
></el-pagination> ></el-pagination>
</c-col>
<c-col :span="8">
<div class="paginationLable" v-if="paginationShow"> <div class="paginationLable" v-if="paginationShow">
当前显示第 {{ page1 }}-{{ page2 }} 条，共 {{ total }} 条 当前显示第 {{ page1 }}-{{ page2 }} 条，共 {{ total }} 条
</div> </div>
</c-col>
</div> </div>
</template> </template>
...@@ -186,7 +190,7 @@ export default { ...@@ -186,7 +190,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
float: right; float: right;
margin-top: 20px; /* margin-top: 20px; */
} }
.eContainer-table-block .el-table__body-wrapper { .eContainer-table-block .el-table__body-wrapper {
overflow: auto; overflow: auto;
......
src/views/Business/Ditopn/Addbcb.vue
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<c-col :span="8"> <c-col :span="8">
<c-select <c-select
v-model="model.litameadv" v-model="model.litameadv"
style="width: 70%" style="width: 60%"
placeholder="请选择特殊规定" placeholder="请选择特殊规定"
> >
<el-option <el-option
...@@ -32,14 +32,14 @@ ...@@ -32,14 +32,14 @@
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="" prop="ameadvrmk" style="width: 60%"> <el-form-item label="" prop="ameadvrmk">
<c-input <c-input
:disabled="model.litameadv == '无特殊规定'" :disabled="model.litameadv == '无特殊规定'"
type="textarea" type="textarea"
v-model="model.ameadvrmk" v-model="model.ameadvrmk"
:autosize="{ minRows: 4, maxRows: 6 }" :rows="4"
maxlength="68" maxlength="68"
style="width: 50%" style="width: 30%"
show-word-limit show-word-limit
></c-input> ></c-input>
</el-form-item> </el-form-item>
......
src/views/Business/Ditopn/Ccvpan.vue
...@@ -184,12 +184,13 @@ ...@@ -184,12 +184,13 @@
</c-button> </c-button>
</c-col> </c-col>
--> -->
<c-col :span="24" style="text-align: right"> <c-col :span="11" style="text-align: right">
<c-row> <c-row>
<c-col :span="2" :offset="20"> <c-col :span="1" style="margin-right:35px;text-align: right">
<c-button size="small" type="primary" @click="onLiaccvAdd"> <c-button size="small" type="primary" @click="onLiaccvAdd">
Add Add
</c-button> </c-button>
</c-col>
<el-dialog <el-dialog
:visible.sync="dialogTableVisible" :visible.sync="dialogTableVisible"
:close-on-click-modal="false" :close-on-click-modal="false"
...@@ -205,7 +206,6 @@ ...@@ -205,7 +206,6 @@
</el-table-column> </el-table-column>
</c-istream-table> </c-istream-table>
</el-dialog> </el-dialog>
</c-col>
<!-- <c-col :span="2"> <!-- <c-col :span="2">
<c-button size="small" icon="el-icon-delete" @click="onLiaccvDel"> <c-button size="small" icon="el-icon-delete" @click="onLiaccvDel">
...@@ -215,9 +215,9 @@ ...@@ -215,9 +215,9 @@
</c-row> </c-row>
</c-col> </c-col>
<c-col :span="24"><div style="height: 10px"></div></c-col> <!-- <c-col :span="24"><div style="height: 10px"></div></c-col> -->
<c-col :span="22" :offset="1"> <c-col :span="23" style="margin:0 35px">
<c-table <c-table
:border="true" :border="true"
:list="model.liaall.liaccv.liaccvg" :list="model.liaall.liaccv.liaccvg"
...@@ -281,7 +281,7 @@ ...@@ -281,7 +281,7 @@
</el-form-item> </el-form-item>
</c-col> --> </c-col> -->
<c-col :span="24"> <c-col :span="24" style="margin-top:15px">
<el-form-item label="金额总和"> <el-form-item label="金额总和">
<c-col :span="8"> <c-col :span="8">
<c-input <c-input
......
src/views/Business/Ditopn/Coninfp.vue
...@@ -17,15 +17,16 @@ ...@@ -17,15 +17,16 @@
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="12"> <c-col :span="24">
<c-col :span="6">
<el-form-item <el-form-item
label="Display Type" label="Display Type"
prop="mtabut.coninf.oitinf.oit.inflev" prop="mtabut.coninf.oitinf.oit.inflev"
> >
<c-select <c-select
v-model="model.mtabut.coninf.oitinf.oit.inflev" v-model="model.mtabut.coninf.oitinf.oit.inflev"
style="width: 50%" style="width: 100%"
disabled disabled
placeholder="请选择Infotext Level" placeholder="请选择Infotext Level"
> >
...@@ -39,7 +40,7 @@ ...@@ -39,7 +40,7 @@
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="12"> <c-col :span="12">
...@@ -57,15 +58,16 @@ ...@@ -57,15 +58,16 @@
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="12"> <c-col :span="24">
<c-col :span="6">
<el-form-item <el-form-item
label="Display Type" label="Display Type"
prop="mtabut.coninf.oitset.oit.inflev" prop="mtabut.coninf.oitset.oit.inflev"
> >
<c-select <c-select
v-model="model.mtabut.coninf.oitset.oit.inflev" v-model="model.mtabut.coninf.oitset.oit.inflev"
style="width: 50%" style="width: 100%"
disabled disabled
placeholder="请选择Infotext Level" placeholder="请选择Infotext Level"
> >
...@@ -79,28 +81,29 @@ ...@@ -79,28 +81,29 @@
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="6">
<el-form-item label="执行日期" prop="mtabut.coninf.conexedat"> <el-form-item label="执行日期" prop="mtabut.coninf.conexedat">
<el-date-picker <el-date-picker
type="date" type="date"
v-model="model.mtabut.coninf.conexedat" v-model="model.mtabut.coninf.conexedat"
style="width: 40%" style="width: 100%"
placeholder="请选择执行日期" placeholder="请选择执行日期"
></el-date-picker> ></el-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="6" style="text-align:right">
<el-form-item <el-form-item
label="Send for Release to" label="Send for Release to"
prop="mtabut.coninf.usr.extkey" prop="mtabut.coninf.usr.extkey"
label-width="140px"
> >
<c-input <c-input
v-model="model.mtabut.coninf.usr.extkey" v-model="model.mtabut.coninf.usr.extkey"
maxlength="8" maxlength="8"
style="width: 40%" style="width: 100%"
disabled="disabled" disabled="disabled"
placeholder="请输入User ID" placeholder="请输入User ID"
></c-input> ></c-input>
......
src/views/Business/Ditopn/Detp.vue
...@@ -11,25 +11,25 @@ ...@@ -11,25 +11,25 @@
</el-form-item> </el-form-item>
<el-form-item label="付款期限" prop="didgrp.rec.tenmaxday" > <el-form-item label="付款期限" prop="didgrp.rec.tenmaxday" >
<c-input :disabled="model.didgrp.rec.avbby == 'P'" v-model.number="model.didgrp.rec.tenmaxday" placeholder="请输入" style="width:15%" maxlength="3"></c-input> <c-input :disabled="model.didgrp.rec.avbby == 'P'" v-model.number="model.didgrp.rec.tenmaxday" placeholder="请输入" style="width:17%" maxlength="3"></c-input>
</el-form-item> </el-form-item>
<el-form-item label="远期付款指示" prop="didgrp.blk.defdet"> <el-form-item label="远期付款指示" prop="didgrp.blk.defdet">
<c-col :span="20"> <c-col :span="21">
<c-input type="textarea" :disabled="model.didgrp.rec.avbby == 'P'" v-model="model.didgrp.blk.defdet" style="width:100%" maxlength="140" show-word-limit placeholder="请输入" :autosize="{ minRows: 3,maxRows:5}"></c-input> <c-input type="textarea" :disabled="model.didgrp.rec.avbby == 'P'" v-model="model.didgrp.blk.defdet" style="width:100%" maxlength="140" show-word-limit placeholder="请输入" :autosize="{ minRows: 3,maxRows:5}"></c-input>
</c-col> </c-col>
<c-col :span="4" style="text-align: right"> <c-col :span="3" style="text-align: right">
<c-button size="medium" style="margin:0 0;" type="primary" icon="el-icon-search" @click="onDefdetButtxmsel"> <c-button size="small" style="margin:0 0;" type="primary" icon="el-icon-search" @click="onDefdetButtxmsel">
</c-button> </c-button>
</c-col> </c-col>
</el-form-item> </el-form-item>
<el-form-item label="交单期限" prop="didgrp.blk.preper"> <el-form-item label="交单期限" prop="didgrp.blk.preper">
<c-col :span="20"> <c-col :span="21">
<c-input type="textarea" v-model="model.didgrp.blk.preper" :disabled="this.flag" style="width:100%" maxlength="105" show-word-limit placeholder="请输入"></c-input> <c-input type="textarea" v-model="model.didgrp.blk.preper" :disabled="this.flag" style="width:100%" maxlength="105" show-word-limit placeholder="请输入"></c-input>
</c-col> </c-col>
<c-col :span="4" style="text-align: right"> <c-col :span="3" style="text-align: right">
<c-button size="medium" type="primary" style="margin:0 0;" icon="el-icon-search" @click="onPreperButtxmsel"> <c-button size="small" type="primary" style="margin:0 0;" icon="el-icon-search" @click="onPreperButtxmsel">
</c-button> </c-button>
</c-col> </c-col>
</el-form-item> </el-form-item>
......
src/views/Business/Ditopn/Engp.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="24" style="margin-bottom:18px"> <!-- <c-col :span="24" style="margin-bottom:18px">
Liability Liability
</c-col> </c-col> -->
<c-col :span="22" :offset="1"> <c-col :span="23" style="margin-left:9px">
<c-table :list="model.liaall.liaallg" style="width:80%,text-align:center,margin-bottom:18px" :border="true"> <c-table :list="model.liaall.liaallg" style="width:80%,text-align:center,margin-bottom:18px" :border="true">
<el-table-column prop="cbtpfx" label="Type" width="auto"> </el-table-column> <el-table-column prop="cbtpfx" label="Type" width="auto"> </el-table-column>
<el-table-column prop="matdat" label="Maturity" width="auto"> </el-table-column> <el-table-column prop="matdat" label="Maturity" width="auto"> </el-table-column>
......
src/views/Business/Ditopn/Limitbody.vue
...@@ -87,14 +87,14 @@ ...@@ -87,14 +87,14 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="20">
<el-form-item <el-form-item
label="额度类型" label="额度类型"
prop="liaall.limmod.limpts.nonrevflg1" prop="liaall.limmod.limpts.nonrevflg1"
> >
<c-select <c-select
v-model="model.liaall.limmod.limpts.nonrevflg1" v-model="model.liaall.limmod.limpts.nonrevflg1"
style="width: 100%" style="width: 95%"
placeholder="请选择Flag to Mark Non-revolving Limits" placeholder="请选择Flag to Mark Non-revolving Limits"
@change="nonrevflg1Change" @change="nonrevflg1Change"
> >
...@@ -109,15 +109,14 @@ ...@@ -109,15 +109,14 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="1">
<el-form-item label="" label-width="10px"> <!-- <el-form-item label=""> -->
<c-button size="small" type="primary" @click="onLimptsGet1"> <c-button style="margin:0 10px 0 0;padding: 0 10px;" size="small" type="primary" icon="el-icon-search" @click="onLimptsGet1">
查询
</c-button> </c-button>
</el-form-item> <!-- </el-form-item> -->
</c-col> </c-col>
<c-col :span="24"> <c-col :span="20">
<el-form-item <el-form-item
label="合同流水号" label="合同流水号"
prop="liaall.limmod.limpts.pfcod1" prop="liaall.limmod.limpts.pfcod1"
...@@ -127,7 +126,7 @@ ...@@ -127,7 +126,7 @@
maxlength="14" maxlength="14"
placeholder="请输入合同流水号" placeholder="请输入合同流水号"
:disabled="this.model.liaall.limmod.limpts.nonrevflg1 != '2'" :disabled="this.model.liaall.limmod.limpts.nonrevflg1 != '2'"
style="width: 55%" style="width: 95%"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -135,36 +134,36 @@ ...@@ -135,36 +134,36 @@
<!-- ========================右边======================= --> <!-- ========================右边======================= -->
<c-col :span="11" :offset="1"> <c-col :span="11" :offset="1">
<c-col :span="24"> <c-col :span="20">
<el-form-item label="业务编号" prop="liaall.limmod.ownref"> <el-form-item label="业务编号" prop="liaall.limmod.ownref">
<c-input <c-input
v-model="model.liaall.limmod.ownref" v-model="model.liaall.limmod.ownref"
maxlength="16" maxlength="16"
placeholder="请输入国结业务编号" placeholder="请输入国结业务编号"
:disabled="true" :disabled="true"
style="width: 70%" style="width: 95%"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="20">
<el-form-item label="业务余额" prop="liaall.limmod.comamt"> <el-form-item label="业务余额" prop="liaall.limmod.comamt">
<c-input <c-input
v-model="model.liaall.limmod.comamt" v-model="model.liaall.limmod.comamt"
placeholder="请输入业务余额" placeholder="请输入业务余额"
:disabled="true" :disabled="true"
style="width: 70%" style="width: 95%"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="20">
<el-form-item label="保证金余额" prop="liaall.limmod.ccvamt"> <el-form-item label="保证金余额" prop="liaall.limmod.ccvamt">
<c-input <c-input
v-model="model.liaall.limmod.ccvamt" v-model="model.liaall.limmod.ccvamt"
placeholder="请输入保证金余额" placeholder="请输入保证金余额"
:disabled="true" :disabled="true"
style="width: 70%" style="width: 95%"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -230,7 +229,7 @@ ...@@ -230,7 +229,7 @@
</c-col> </c-col>
--> -->
<c-col :span="22" :offset="1"> <c-col :span="23" style="margin-left:9px">
<c-table style="text-align: center" :data="tableData" :border="true"> <c-table style="text-align: center" :data="tableData" :border="true">
<el-table-column label="可否串用" width="auto"> <el-table-column label="可否串用" width="auto">
</el-table-column> </el-table-column>
......
src/views/Business/Ditopn/Mt799.vue
...@@ -2,13 +2,13 @@ ...@@ -2,13 +2,13 @@
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="20"> <c-col :span="20">
<el-form-item label="MT799(79)受益人英文名称" prop="ditp.bennam"> <el-form-item label="受益人英文名称" prop="ditp.bennam">
<c-input v-model="model.ditp.bennam" maxlength="100" @blur="BlurBennam" ></c-input> <c-input v-model="model.ditp.bennam" maxlength="100" @blur="BlurBennam" ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="20"> <c-col :span="20">
<el-form-item label="MT799(79)申请人英文名称" prop="ditp.aplname"> <el-form-item label="申请人英文名称" prop="ditp.aplname">
<c-input v-model="model.ditp.aplname" maxlength="100" @blur="BlurAplname"></c-input> <c-input v-model="model.ditp.aplname" maxlength="100" @blur="BlurAplname"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
......
src/views/Business/Ditopn/Ovwp.vue
...@@ -113,7 +113,7 @@ ...@@ -113,7 +113,7 @@
<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="7px"
prop="didgrp.cbs.nom1.amt" prop="didgrp.cbs.nom1.amt"
> >
<c-input-currency <c-input-currency
...@@ -135,22 +135,24 @@ ...@@ -135,22 +135,24 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="13">
<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"
style="width: 45%" style="width: 55px"
placeholder="请输入Amount Tolerance - Positive" placeholder="请输入Amount Tolerance - Positive"
></c-input> ></c-input>
<label style="display:inline-block;width:8%;text-align:center;">-</label> <label style="display:inline-block;width:20.22px;text-align:center;">-</label>
<c-input <c-input
v-model="model.didgrp.rec.nomton" v-model="model.didgrp.rec.nomton"
maxlength="9" maxlength="9"
style="width: 45%" style="width: 55px"
placeholder="请输入Amount Tolerance - Negative" placeholder="请输入Amount Tolerance - Negative"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<!-- <c-col :span="12" style="text-align: left"> <!-- <c-col :span="12" style="text-align: left">
<el-form-item <el-form-item
label="" label=""
...@@ -188,7 +190,7 @@ ...@@ -188,7 +190,7 @@
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="" label-width="20px" prop="didgrp.cbs.max.amt"> <el-form-item label="" label-width="7px" prop="didgrp.cbs.max.amt">
<c-input <c-input
v-model="model.didgrp.cbs.max.amt" v-model="model.didgrp.cbs.max.amt"
placeholder="请输入信用证最大金额" placeholder="请输入信用证最大金额"
...@@ -232,16 +234,19 @@ ...@@ -232,16 +234,19 @@
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="12">
<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: 100%"
placeholder="请选择Date L/C Opened/Issued" placeholder="请选择Date"
></c-date-picker> ></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> </c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item <el-form-item
v-if="model.didgrp.rec.mytype == 'H'" v-if="model.didgrp.rec.mytype == 'H'"
label="最迟货物装运日" label="最迟货物装运日"
...@@ -251,8 +256,8 @@ ...@@ -251,8 +256,8 @@
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="请选择Date"
></c-date-picker> ></c-date-picker>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
...@@ -265,7 +270,7 @@ ...@@ -265,7 +270,7 @@
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: 45%"
placeholder="请选择Shipment Date" placeholder="请选择Date"
></c-date-picker> ></c-date-picker>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
...@@ -278,21 +283,24 @@ ...@@ -278,21 +283,24 @@
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: 45%"
placeholder="请选择Shipment Date" placeholder="请选择"
></c-date-picker> ></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="12">
<el-form-item label="有效日期" prop="didgrp.rec.expdat"> <el-form-item label="有效日期" prop="didgrp.rec.expdat">
<c-date-picker <c-date-picker
type="date" type="date"
v-model="model.didgrp.rec.expdat" v-model="model.didgrp.rec.expdat"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
style="width: 45%" style="width: 100%"
placeholder="请选择Date of Expiry" placeholder="请选择Date"
></c-date-picker> ></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </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
......
src/views/Business/Ditopn/Tk.vue
...@@ -6,25 +6,25 @@ ...@@ -6,25 +6,25 @@
</c-col> </c-col>
--> -->
<c-col :span="24"> <c-col :span="24">
<el-form-item label="货物描述" prop="didgrp.blk.lcrgod" label-width="180px"> <el-form-item label="货物描述" prop="didgrp.blk.lcrgod">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.lcrgod" style="width:70%;margin-right:20px;" maxlength="1430" show-word-limit placeholder="请输入Description of Goods" ></c-input> <c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.lcrgod" style="width:70%;margin-right:20px;" maxlength="1430" show-word-limit placeholder="请输入Description of Goods" ></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.blk.lcrdoc" label-width="180px"> <el-form-item label="单据要求" prop="didgrp.blk.lcrdoc">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.lcrdoc" maxlength="1950" style="width:70%;margin-right:20px;" show-word-limit placeholder="请输入单据要求" ></c-input> <c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.lcrdoc" maxlength="1950" style="width:70%;margin-right:20px;" show-word-limit 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.blk.adlcnd" label-width="180px"> <el-form-item label="附加条款" prop="didgrp.blk.adlcnd">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.adlcnd" style="width:70%;margin-right:20px;" maxlength="1430" show-word-limit placeholder="请输入附加条款" ></c-input> <c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.adlcnd" style="width:70%;margin-right:20px;" maxlength="1430" show-word-limit 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.blk.insbnk" label-width="180px"> <el-form-item label="给付款、承兑、议付行的指示" prop="didgrp.blk.insbnk">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.insbnk" style="width:70%;margin-right:20px;" maxlength="325" show-word-limit placeholder="请输入付行的指示" ></c-input> <c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.insbnk" style="width:70%;margin-right:20px;" maxlength="325" show-word-limit placeholder="请输入付行的指示" ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
......
src/views/Business/Ditopn/index.vue
...@@ -11,10 +11,10 @@ ...@@ -11,10 +11,10 @@
<el-button size="small">交易历史</el-button> <el-button size="small">交易历史</el-button>
<el-button size="small">备忘录</el-button> <el-button size="small">备忘录</el-button>
<el-button size="small">影像信息</el-button> <el-button size="small">影像信息</el-button>
<el-button size="small">保存模板</el-button> <!-- <el-button size="small">保存模板</el-button> -->
<el-button size="small">使用模板</el-button> <!-- <el-button size="small">使用模板</el-button> -->
<el-button size="small">制裁信息</el-button> <el-button size="small">制裁信息</el-button>
<el-button size="small">拆分报文</el-button> <!-- <el-button size="small">拆分报文</el-button> -->
<el-button size="small">智能提示</el-button> <el-button size="small">智能提示</el-button>
</c-function-btn> </c-function-btn>
<el-form <el-form
...@@ -89,8 +89,9 @@ ...@@ -89,8 +89,9 @@
<el-tab-pane label="表外" name="engp"> <el-tab-pane label="表外" name="engp">
<!--PD000027 --> <!--PD000027 -->
<c-content>
<m-engp :model="model" :codes="codes" /> <m-engp :model="model" :codes="codes" />
</c-content>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="保证金" name="ccvpan"> <el-tab-pane label="保证金" name="ccvpan">
......
src/views/Layout/Header.vue
...@@ -206,7 +206,7 @@ export default { ...@@ -206,7 +206,7 @@ export default {
padding: 0px 15px; padding: 0px 15px;
display: inline-table; display: inline-table;
vertical-align: top; vertical-align: top;
font-family: "KaiTi"; font-family: "黑体";
/* border-left: 1px solid antiquewhite; */ /* border-left: 1px solid antiquewhite; */
border-left: 1px solid #fff; border-left: 1px solid #fff;
} }
......
src/views/Public/Docpan.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="12"> <!-- <c-col :span="12">
<el-form-item label="Correspondence"> </el-form-item> <el-form-item label="Correspondence"> </el-form-item>
</c-col> </c-col> -->
<c-col :span="22" :offset="1"> <c-col :span="23" style="margin-left:9px">
<c-istream-table-docpan :list="stmData.data" :columns="stmData.columns"> <c-istream-table-docpan :list="stmData.data" :columns="stmData.columns">
<el-table-column label="报文格式"> <el-table-column label="报文格式">
<template slot-scope="scope"> <template slot-scope="scope">
...@@ -133,7 +133,7 @@ ...@@ -133,7 +133,7 @@
<el-table-column label="操作" width="160"> <el-table-column label="操作" width="160">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
size="mini" size="small"
:disabled=" :disabled="
model.trnmod.trndoc.doceot[scope.row.index] model.trnmod.trndoc.doceot[scope.row.index]
.pandsc == 'MT799' && .pandsc == 'MT799' &&
...@@ -143,7 +143,7 @@ ...@@ -143,7 +143,7 @@
>显示</el-button >显示</el-button
> >
<el-button <el-button
size="mini" size="small"
type="danger" type="danger"
@click="handleDetail(scope.row.index, scope.row)" @click="handleDetail(scope.row.index, scope.row)"
>明细</el-button >明细</el-button
......
src/views/Public/Glepan.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="22" :offset="1"> <c-col :span="23" style="margin-left:9px">
<c-istream-table :list="data" :columns="columns"></c-istream-table> <c-istream-table :list="data" :columns="columns"></c-istream-table>
</c-col> </c-col>
</div> </div>
......
src/views/Public/Ptap.vue
...@@ -68,7 +68,7 @@ ...@@ -68,7 +68,7 @@
<template v-else> <template v-else>
<c-col :span="24"> <c-col :span="24">
<el-form-item <el-form-item
label="电证名称" :label="`${argadr.title}名称`"
:prop="`${argadr.grp}.${argadr.rol}.namelc`" :prop="`${argadr.grp}.${argadr.rol}.namelc`"
> >
<c-input <c-input
...@@ -85,7 +85,7 @@ ...@@ -85,7 +85,7 @@
<c-col :span="24"> <c-col :span="24">
<el-form-item <el-form-item
label="电证地址" :label="`${argadr.title}地址`"
:prop="`${argadr.grp}.${argadr.rol}.adrelc`" :prop="`${argadr.grp}.${argadr.rol}.adrelc`"
> >
<c-input <c-input
......
src/views/Public/Setpan.vue
<template> <template>
<c-row class="eibs-tab"> <c-row class="eibs-tab">
<!-- ====================顶部==================== --> <!-- ====================顶部==================== -->
<c-col :span="6"> <c-col :span="6" style="margin-left:9px">
<el-form-item label="参考号" label-width="100px"> <el-form-item label="参考号" label-width="50px">
<c-input <c-input
v-model="model.setmod.ref" v-model="model.setmod.ref"
maxlength="16" maxlength="16"
...@@ -23,8 +23,8 @@ ...@@ -23,8 +23,8 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="4"> <c-col :span="6">
<el-form-item label="" label-width="20px"> <el-form-item label="" label-width="7px">
<c-input <c-input
v-model="model.setmod.docamt" v-model="model.setmod.docamt"
:readonly="true" :readonly="true"
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="6"> <c-col :span="5">
<el-form-item label="类型" label-width="100px"> <el-form-item label="类型" label-width="100px">
<c-select <c-select
v-model="model.setmod.dspflg" v-model="model.setmod.dspflg"
...@@ -51,6 +51,13 @@ ...@@ -51,6 +51,13 @@
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="2" style="text-align:right">
<!-- <el-form-item label="" label-width="20px"> -->
<c-button style="margin-right:10px" size="small" type="primary" @click="onSetmodDet">
详情
</c-button>
<!-- </el-form-item> -->
</c-col>
<!-- <!--
<c-col :span="12"> <c-col :span="12">
...@@ -62,23 +69,21 @@ ...@@ -62,23 +69,21 @@
<c-checkbox v-model="model.setmod.xreflg">Recalculate Rates</c-checkbox> <c-checkbox v-model="model.setmod.xreflg">Recalculate Rates</c-checkbox>
</c-col> </c-col>
--> -->
<c-col :span="3" :offset="21"> <c-col :span="23" style="margin-left:9px;height:25px">
<el-form-item label="" label-width="20px"> <el-divider></el-divider>
<c-button size="small" type="primary" @click="onSetmodDet"> </c-col>
细节
</c-button>
</el-form-item>
</c-col>
<!-- ==============中部表格===================== --> <!-- ==============中部表格===================== -->
<c-col :span="24"> <c-col :span="23" style="height:24px;margin-left:9px">
<el-form-item <el-form-item
class="formItemLabel"
label="Foreign Commission/Charges:" label="Foreign Commission/Charges:"
label-width="210px" label-width="200px"
> >
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="22" style="margin-bottom: 18px" :offset="1">
<c-col :span="23" style="margin-left:9px">
<c-table <c-table
style="text-align: center" style="text-align: center"
:list="model.setmod.setfog.setfol" :list="model.setmod.setfog.setfol"
...@@ -142,16 +147,20 @@ ...@@ -142,16 +147,20 @@
</el-table-column> </el-table-column>
<el-table-column label="Amount" prop="amt" width="auto"> <el-table-column label="Amount" prop="amt" width="auto">
</el-table-column> </el-table-column>
<el-table-column label="" prop="det" width="auto"> <el-table-column label="" prop="det" width="80px">
<template slot-scope="scope" slot="header"> <template slot-scope="scope" slot="header">
<el-button <el-button
class="el-icon-circle-plus-outline" circle
style="padding:4px"
class="el-icon-plus"
size="mini" size="mini"
@click="addRow(scope)" @click="addRow(scope)"
> >
</el-button> </el-button>
<el-button <el-button
class="el-icon-remove-outline" style="padding:4px"
circle
class="el-icon-minus"
size="mini" size="mini"
@click="removeRow(scope)" @click="removeRow(scope)"
> >
...@@ -159,7 +168,8 @@ ...@@ -159,7 +168,8 @@
</template> </template>
<template slot-scope="scoped"> <template slot-scope="scoped">
<el-button <el-button
size="mini" style="margin-left:0"
size="small"
type="primary" type="primary"
@click="detail1(scoped.$index, scoped.row)" @click="detail1(scoped.$index, scoped.row)"
>详情</el-button >详情</el-button
...@@ -239,10 +249,10 @@ ...@@ -239,10 +249,10 @@
</el-dialog> </el-dialog>
</c-col> </c-col>
<!--=================== Own Commission/Charges:================== --> <!--=================== Own Commission/Charges:================== -->
<c-col :span="24" style="text-align: left"> <c-col :span="23" style="margin-left:9px;height:24px;margin-top:15px">
<el-form-item label="Own Commission/Charges:"> </el-form-item> <el-form-item class="formItemLabel" label="Own Commission/Charges:" label-width="200px"> </el-form-item>
</c-col> </c-col>
<c-col :span="22" style="margin-bottom: 18px" :offset="1"> <c-col :span="23" style="margin-left:9px">
<c-table <c-table
style="text-align: center" style="text-align: center"
:list="model.setmod.setfeg.setfel" :list="model.setmod.setfeg.setfel"
...@@ -297,10 +307,11 @@ ...@@ -297,10 +307,11 @@
</el-table-column> </el-table-column>
<el-table-column label="Fee Amount" prop="amt" width="auto"> <el-table-column label="Fee Amount" prop="amt" width="auto">
</el-table-column> </el-table-column>
<el-table-column label="Details" prop="det" width="auto"> <el-table-column label="Details" prop="det" width="80px">
<template slot-scope="scoped"> <template slot-scope="scoped">
<el-button <el-button
size="mini" style="margin-left:0"
size="small"
type="primary" type="primary"
@click="detail2(scoped.$index, scoped.row)" @click="detail2(scoped.$index, scoped.row)"
>详情</el-button >详情</el-button
...@@ -310,11 +321,11 @@ ...@@ -310,11 +321,11 @@
</c-table> </c-table>
</c-col> </c-col>
<setpan-dialog ref="setpanDialog" :model="model" :idx="index" :codes="codes"/> <setpan-dialog ref="setpanDialog" :model="model" :idx="index" :codes="codes"/>
<c-col :span="24" style="text-align: left"> <c-col :span="24" style="margin-left:9px;height:24px;margin-top:15px">
<el-form-item label="Settlement:" label-width="100px"> <el-form-item class="formItemLabel" label="Settlement:" label-width="200px">
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="22" style="margin-bottom: 18px" :offset="1"> <c-col :span="23" style="margin-left: 9px">
<c-table <c-table
style="text-align: center" style="text-align: center"
:list="model.setmod.setglg.setgll" :list="model.setmod.setglg.setgll"
...@@ -382,27 +393,27 @@ ...@@ -382,27 +393,27 @@
</el-table-column> </el-table-column>
<el-table-column label="Rate" prop="rat" width="auto"> <el-table-column label="Rate" prop="rat" width="auto">
</el-table-column> </el-table-column>
<el-table-column label="" width="auto"> </el-table-column> <el-table-column label="" width="80px"> </el-table-column>
</c-table> </c-table>
</c-col> </c-col>
<c-col :span="12" style="margin-bottom: 10px;"> <!-- <c-col :span="12" style="margin-bottom: 10px;">
<span v-text="model.setmod.retmsg" data-path=".setmod.retmsg"> <span v-text="model.setmod.retmsg" data-path=".setmod.retmsg">
</span> </span>
</c-col> </c-col> -->
<c-col :span="12" style="margin-bottom: 10px;"> <!-- <c-col :span="12" style="margin-bottom: 10px;">
<span v-text="model.setmod.zmqacclab" data-path=".setmod.zmqacclab"> <span v-text="model.setmod.zmqacclab" data-path=".setmod.zmqacclab">
</span> </span>
</c-col> </c-col> -->
<c-col :span="12" style="margin-bottom: 10px;"> <!-- <c-col :span="12" style="margin-bottom: 10px;">
<span <span
v-text="model.setmod.setglg.labdspflg" v-text="model.setmod.setglg.labdspflg"
data-path=".setmod.setglg.labdspflg" data-path=".setmod.setglg.labdspflg"
> >
</span> </span>
</c-col> </c-col> -->
</c-row> </c-row>
</template> </template>
<script> <script>
...@@ -478,5 +489,12 @@ export default { ...@@ -478,5 +489,12 @@ export default {
created: function () {}, created: function () {},
}; };
</script> </script>
<style> <style scoped>
.el-col >>> .el-divider--horizontal {
margin-top: 10px;
}
.formItemLabel >>> .el-form-item__label{
text-align: left;
font-weight:bold;
}
</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