Skip to content

V
vue-gjjs
Commit 4a45ece3 by lianyang
Options

Merge branch 'development-202206' of http://114.115.138.98:8900/fukai/vue-gjjs… 

Merge branch 'development-202206' of http://114.115.138.98:8900/fukai/vue-gjjs into development-202206
parents abf65ce4 aede9ac5
Showing with 1399 additions and 1207 deletions
src/assets/css/common.css
:root { :root {
/* 白色 */ /* 白色 */
/* --bgcolor: #fff; /* --bgcolor: #fff;
--sidecolor: #fff; --sidecolor: #fff;
--darkbgcolor: rgb(232, 232, 232); */ --darkbgcolor: rgb(232, 232, 232); */
/* 灰灰 */ /* 灰灰 */
/* --bgcolor: #f8f8f5; /* --bgcolor: #f8f8f5;
--sidecolor: #fafafa; --sidecolor: #fafafa;
--darkbgcolor: rgb(232, 232, 232); */ --darkbgcolor: rgb(232, 232, 232); */
/* 淺綠色 */ /* 淺綠色 */
/* --bgcolor: #dff9fb; /* --bgcolor: #dff9fb;
--sidecolor: #c7ecee; --sidecolor: #c7ecee;
--darkbgcolor: rgb(232, 232, 232); */ --darkbgcolor: rgb(232, 232, 232); */
/* 淡黄色 */ /* 淡黄色 */
/* --bgcolor: #f5f5d5; /* --bgcolor: #f5f5d5;
--sidecolor: #f5f5d5; --sidecolor: #f5f5d5;
--darkbgcolor: rgb(232, 232, 232); */ --darkbgcolor: rgb(232, 232, 232); */
/* 绿色 */ /* 绿色 */
/* --bgcolor: #ccffcc; /* --bgcolor: #ccffcc;
--sidecolor: #ccffcc; --sidecolor: #ccffcc;
--darkbgcolor: rgb(232, 232, 232); */ --darkbgcolor: rgb(232, 232, 232); */
/* --bgcolor: #ccffff; /* --bgcolor: #ccffff;
--sidecolor: #64d7eb; --sidecolor: #64d7eb;
--darkbgcolor: rgb(232, 232, 232); */ --darkbgcolor: rgb(232, 232, 232); */
/* 蓝色系 */ /* 蓝色系 */
--bgcolor: #f7faff; --bgcolor: #f7faff;
/* #E3F3FF; */ /* #E3F3FF; */
--sidecolor: #fff; --sidecolor: #fff;
/* #E3F3FF; */ /* #E3F3FF; */
--darkbgcolor: #f4f5fa; --darkbgcolor: #f4f5fa;
/* rgb(232, 232, 232); */ /* rgb(232, 232, 232); */
--lineheight: 24px; --lineheight: 32px;
--normalfont: 12px; --normalfont: 12px;
/* --themecolor: #1561E0; */ /* --themecolor: #1561E0; */
--themecolor: #1561E0; --themecolor: #1561E0;
} }
#app {
font-family: Helvetica, sans-serif; #app {
display: flex; font-family: Helvetica, sans-serif;
flex-direction: column; display: flex;
} flex-direction: column;
.e-table-wrapper{ }
display: flex;
flex-direction: column; .e-table-wrapper {
} display: flex;
.e-table-wrapper .el-table { flex-direction: column;
flex:1; }
}
/* 配色 */ .e-table-wrapper .el-table {
/* .fold { flex: 1;
}
/* 配色 */
/* .fold {
background-color: var(--color); background-color: var(--color);
} */ } */
/* .unfold { /* .unfold {
background-color: var(--color); background-color: var(--color);
} */ } */
.m-app-main { .m-app-main {
/* background-color: var(--bgcolor); */ /* background-color: var(--bgcolor); */
} }
.m-app {
background-color: var(--darkbgcolor); .m-app {
} background-color: var(--darkbgcolor);
.fold { }
width: 60px !important;
} .fold {
/* sidemenu */ width: 60px !important;
.el-menu { }
background: var(--sidecolor);
} /* sidemenu */
.el-menu-item.is-active { .el-menu {
color: #fff; background: var(--sidecolor);
background-color: var(--themecolor); }
}
.eContainer-menu-search { .el-menu-item.is-active {
background: var(--sidecolor); color: #fff;
} background-color: var(--themecolor);
.eContainer-menu-search button { }
background: var(--sidecolor);
} .eContainer-menu-search {
.eContainer-scroller { background: var(--sidecolor);
background: var(--sidecolor); }
}
.eContainer-menu-search button {
.topbtnbar{ background: var(--sidecolor);
position: absolute; }
top: 20px;
right: 60px; .eContainer-scroller {
z-index: 90; background: var(--sidecolor);
display: inline-block; }
}
.topbtnbar > span{ .topbtnbar {
display: inline-block; position: absolute;
} top: 20px;
right: 60px;
/* 页签样式调整 */ z-index: 90;
.el-tabs .el-tabs__header { display: inline-block;
margin: 0; }
}
.el-tabs .el-tabs__content { .topbtnbar>span {
/* background: #fff; */ display: inline-block;
padding: 10px; }
}
.el-tabs--card>.el-tabs__header .el-tabs__item { /* 页签样式调整 */
border-left: 1px solid #ccc; .el-tabs .el-tabs__header {
padding: 0 10px; margin: 0;
height: 30px; }
line-height: 30px;
font-size: var(--normalfont); .el-tabs .el-tabs__content {
border-bottom: 1px solid var(--themecolor); /* background: #fff; */
/* border-top: 1px solid #ccc; */ padding: 10px;
background-image: linear-gradient(#fff,#dedede); }
}
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2) { .el-tabs--card>.el-tabs__header .el-tabs__item {
padding-left: 10px; border-left: 1px solid #ccc;
} padding: 0 10px;
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child { height: 40px;
padding-right: 10px; line-height: 40px;
} font-size: 16px;
.el-tabs--card>.el-tabs__header { border-bottom: 1px solid var(--themecolor);
border-bottom: 2px solid var(--themecolor); /* border-top: 1px solid #ccc; */
} background-image: linear-gradient(#fff, #dedede);
.el-tabs--card>.el-tabs__header .el-tabs__item.is-active { }
border-left: 1px solid var(--themecolor);
border-right: 1px solid var(--themecolor); .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2) {
border-top: 1px solid var(--themecolor); padding-left: 10px;
background-image: linear-gradient(#fff,#fff); }
color: var(--themecolor);
border-bottom: 1px solid #fff; .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child {
box-sizing: content-box; padding-right: 10px;
} }
.el-tabs--card .el-tabs__nav-wrap {
margin-bottom: -2px; .el-tabs--card>.el-tabs__header {
} border-bottom: 2px solid var(--themecolor);
.el-form-item--small .el-form-item__label { }
font-size: var(--normalfont);
height: var(--lineheight); .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
line-height: var(--lineheight); border-left: 1px solid var(--themecolor);
} border-right: 1px solid var(--themecolor);
.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item { border-top: 1px solid var(--themecolor);
margin-bottom: 12px; background-image: linear-gradient(#fff, #fff);
} color: var(--themecolor);
.el-input--small .el-input__inner { border-bottom: 1px solid #fff;
height: var(--lineheight); box-sizing: content-box;
line-height: var(--lineheight); font-weight: bold;
font-size: var(--normalfont); }
}
.el-form-item--small .el-form-item__content, .el-form-item--small .el-form-item__label { .el-tabs--card .el-tabs__nav-wrap {
line-height: var(--lineheight); margin-bottom: -2px;
} }
.el-select .el-input .el-select__caret {
font-size: var(--normalfont); .el-form-item--small .el-form-item__label {
} font-size: var(--normalfont);
.el-input--small .el-input__icon { height: var(--lineheight);
line-height: var(--lineheight); line-height: var(--lineheight);
} }
.el-input-number--small {
line-height: var(--lineheight); .el-form-item--mini.el-form-item,
} .el-form-item--small.el-form-item {
.el-textarea__inner { margin-bottom: 12px;
font-size: 12px; margin-top: 20px;
} }
.el-button--small, .el-button--small.is-round {
padding: 0px 15px; .el-input--small .el-input__inner {
font-size: 12px; height: var(--lineheight);
line-height: 22px; line-height: var(--lineheight);
} font-size: var(--normalfont);
.el-button--small.el-button--text { }
padding-left: 0;
padding-right: 0; .el-form-item--small .el-form-item__content,
} .el-form-item--small .el-form-item__label {
.el-button--primary{ line-height: var(--lineheight);
color: #FFF; }
background-color: #1561E0;
border-color: #1561E0; .el-select .el-input .el-select__caret {
} font-size: var(--normalfont);
.el-card { }
margin-bottom: 8px;
} .el-input--small .el-input__icon {
.m-inputbtn { line-height: var(--lineheight);
position: relative; }
}
.m-inputbtn-input { .el-input-number--small {
padding-right: 64px; line-height: var(--lineheight);
display: inline-block; }
}
.m-inputbtn-btn { .el-textarea__inner {
position: absolute; font-size: 12px;
right: 0; }
}
.m-inputbtn-double { .el-button--small,
position: relative; .el-button--small.is-round {
} padding: 0px 15px;
.m-inputbtn-input-double { font-size: 12px;
padding-right: 90px; line-height: 22px;
display: inline-block; }
}
.m-inputbtn-btn-double { .el-button--small.el-button--text {
position: absolute; padding-left: 0;
right: 0; padding-right: 0;
top: 0; }
}
.m-inputbtn-btn-double .el-button { .el-button--primary {
padding: 0 8px; color: #FFF;
} background-color: #1561E0;
.m-inputbtn-double .el-button+.el-button { border-color: #1561E0;
margin-left: 0; }
}
.el-radio__label { .el-card {
font-size: 12px; margin-bottom: 8px;
} }
.el-checkbox__label {
font-size: 12px; .m-inputbtn {
} position: relative;
.el-checkbox__input.is-checked+.el-checkbox__label { }
color: #1561E0;
} .m-inputbtn-input {
.el-checkbox__input.is-checked .el-checkbox__inner { padding-right: 64px;
background-color: #1561E0; display: inline-block;
border-color: #1561E0; }
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner { .m-inputbtn-btn {
background-color: #1561E0; position: absolute;
border-color: #1561E0; right: 0;
} }
.c-title {
/* color: rgba(0, 0, 0, 0.65); */ .m-inputbtn-double {
/* font-weight: 600; */ position: relative;
/* font-size: 12px; */ }
color: rgb(0, 0, 0);
font-size: 14px; .m-inputbtn-input-double {
font-weight: 500; padding-right: 90px;
padding-bottom: 10px; display: inline-block;
} }
.el-dialog__body {
padding: 10px 20px 20px; .m-inputbtn-btn-double {
} position: absolute;
right: 0;
/* form 必填项的内容区域颜色突出显示 * top: 0;
}
.m-inputbtn-btn-double .el-button {
padding: 0 8px;
}
.m-inputbtn-double .el-button+.el-button {
margin-left: 0;
}
.el-radio__label {
font-size: 12px;
}
.el-checkbox__label {
font-size: 12px;
}
.el-checkbox__input.is-checked+.el-checkbox__label {
color: #1561E0;
}
.el-checkbox__input.is-checked .el-checkbox__inner {
background-color: #1561E0;
border-color: #1561E0;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #1561E0;
border-color: #1561E0;
}
.c-title {
/* color: rgba(0, 0, 0, 0.65); */
/* font-weight: 600; */
/* font-size: 12px; */
color: rgb(0, 0, 0);
font-size: 14px;
font-weight: 500;
padding-bottom: 10px;
}
.el-dialog__body {
padding: 10px 20px 20px;
}
/* form 必填项的内容区域颜色突出显示 *
暂时封掉 暂时封掉
.el-form-item.is-required .el-form-item__content .el-input__inner, .el-form-item.is-required .el-form-item__content .el-input__inner,
.el-form-item.is-required .el-form-item__content .el-textarea__inner, .el-form-item.is-required .el-form-item__content .el-textarea__inner,
...@@ -246,65 +297,91 @@ ...@@ -246,65 +297,91 @@
background-color: #f3f3bf87; background-color: #f3f3bf87;
}*/ }*/
/* form 必填项红星星靠右 */ /* form 必填项红星星靠右 */
.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before { .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,
content: none; .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
} content: none;
.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:after, .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:after { }
content: '*'; .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:after,
color: #F56C6C; .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:after {
margin-left: 4px;
} content: '*';
color: #F56C6C;
.el-tree-node__label { margin-left: 4px;
font-size: 12px; }
}
.c-w-100 { .el-tree-node__label {
width: 100%; font-size: 12px;
} }
.m-ureport-actions {
width: 100%; .c-w-100 {
text-align: center; width: 100%;
} }
.m-ureport-actions .el-button--small {
padding: 0px 15px; .m-ureport-actions {
font-size: 12px; width: 100%;
line-height: 22px; text-align: center;
} }
.el-table th {
user-select: initial; .m-ureport-actions .el-button--small {
} padding: 0px 15px;
.el-tooltip__popper.is-dark { font-size: 12px;
max-width: 600px; line-height: 22px;
} }
.el-date-editor.el-range-editor--small.el-input__inner {
height: 24px; .el-table th {
font-size: 13px; user-select: initial;
} }
.el-date-editor.el-range-editor--small .el-range__close-icon, .el-range-editor--small .el-range__icon {
line-height: 16px; .el-tooltip__popper.is-dark {
font-size: 12px; max-width: 600px;
} }
.el-date-editor.el-range-editor--small .el-range-separator {
line-height: 16px; .el-date-editor.el-range-editor--small.el-input__inner {
font-size: 12px; height: 24px;
} font-size: 13px;
.el-table__fixed, }
.el-table__fixed-right {
.el-date-editor.el-range-editor--small .el-range__close-icon,
.el-range-editor--small .el-range__icon {
line-height: 16px;
font-size: 12px;
}
.el-date-editor.el-range-editor--small .el-range-separator {
line-height: 16px;
font-size: 12px;
}
.el-table__fixed,
.el-table__fixed-right {
height: 100% !important; height: 100% !important;
bottom:17px; bottom: 17px;
} }
/* medium_button_change_small */ /* medium_button_change_small */
.medium_bcs{ .medium_bcs {
padding: 8px 15px; padding: 8px 15px;
margin-top: 5px; margin-top: 5px;
margin-left: 7px; margin-left: 7px;
} }
.busnavbar-items{ .busnavbar-items {
/*TODO完善按钮间隔等样式 */ /*TODO完善按钮间隔等样式 */
margin-left:7px; margin-left: 7px;
padding-left: 3px; padding-left: 3px;
}
.el-collapse .el-collapse-item__wrap{
background-color: var(--bgcolor);
}
.el-collapse-item__header{
background-color: var(--bgcolor);
}
.el-collapse-item__header.is-active{
font-size: 15px;
font-weight: bold;
} }
\ No newline at end of file
src/components/FunctionBtn.vue
...@@ -127,10 +127,11 @@ export default { ...@@ -127,10 +127,11 @@ export default {
display: flex; /*flex布局*/ display: flex; /*flex布局*/
flex-direction: row; flex-direction: row;
flex-wrap: nowrap; flex-wrap: nowrap;
justify-content: space-between; justify-content: center;
align-items: flex-start; align-items: flex-start;
height: 24px; height: 24px;
margin-bottom: 5px; text-align: center;
margin-right:10px;
} }
.m-funcBtn-eContainer { .m-funcBtn-eContainer {
order: 1; order: 1;
...@@ -144,7 +145,7 @@ export default { ...@@ -144,7 +145,7 @@ export default {
.m-funcBtn-eContainer button, .m-funcBtn-eContainer button,
.m-funcBtn-eContainer .el-button + .el-button { .m-funcBtn-eContainer .el-button + .el-button {
margin: 0px 0px 0px 0px; margin: 0px 10px 0px 0px;
} }
.m-funcBtn-eContainer .el-button--default { .m-funcBtn-eContainer .el-button--default {
background-image: linear-gradient(#fff,#dedede); background-image: linear-gradient(#fff,#dedede);
...@@ -186,4 +187,12 @@ export default { ...@@ -186,4 +187,12 @@ export default {
background-color: #b3d8ff; background-color: #b3d8ff;
color: #606266; color: #606266;
} }
/* ui美化 */
.m-Btn-eContainer .el-button--small,.m-Btn-eContainer .el-button--small.is-round {
padding: 10px 30px;
font-size: 16px;
height: 40px;
font-weight:bold;
}
</style> </style>
src/components/SearchInput.vue
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
placeholder="全局搜索" placeholder="全局搜索"
v-model="searchContent" v-model="searchContent"
:clearable="true" :clearable="true"
@keyup.enter.native="searchEvent" @keyup.enter.native="searchEvent"
@keydown.up.native="preDownEvent" @keydown.up.native="preDownEvent"
@keyup.up.native="preUpEvent" @keyup.up.native="preUpEvent"
...@@ -259,9 +259,17 @@ export default { ...@@ -259,9 +259,17 @@ export default {
} }
.search-wrapper >>> .el-input { .search-wrapper >>> .el-input {
z-index: 101; z-index: 101;
/* position:absolute; */
} }
.search-wrapper >>> .el-input input::-ms-input-placeholder{text-align: center;}
.search-wrapper >>> .el-input input::-webkit-input-placeholder{text-align: center;}
.search-wrapper >>> .el-input .el-input__inner { .search-wrapper >>> .el-input .el-input__inner {
height: 30px; /* height: 30px; */
padding: 10px 20px;
/* position:relative;
top:-3px; */
} }
.search-sug { .search-sug {
position: absolute; position: absolute;
......
src/components/c-page.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<i class="el-icon-location" style="color: #409eff;"></i> <i class="el-icon-location" style="color: #409eff;"></i>
<span>{{ title }}</span> <span>{{ title }}</span>
</div> --> </div> -->
<div style="flex: 1; padding: 5px 15px; position: relative"> <div style="flex: 1; padding: 0px 15px 5px; position: relative">
<slot></slot> <slot></slot>
</div> </div>
</div> </div>
......
src/views/Business/Infbed/index.vue
...@@ -201,6 +201,6 @@ export default { ...@@ -201,6 +201,6 @@ export default {
background-color: #f7faff; background-color: #f7faff;
} }
.eContainer { .eContainer {
padding: 3px 15px; padding: 0px 15px 3px;
} }
</style> </style>
src/views/Business/Infbrd/Infsea.vue
...@@ -452,9 +452,6 @@ export default { ...@@ -452,9 +452,6 @@ export default {
.m-table-search { .m-table-search {
padding: 20px 0px 10px 0px; padding: 20px 0px 10px 0px;
} }
.el-form-item__label{
text-align: left!important;
}
.el-row > .el-col { .el-row > .el-col {
padding-right: 10px!important; padding-right: 10px!important;
} }
......
src/views/Business/Inflid/Infsea.vue
...@@ -735,9 +735,6 @@ export default { ...@@ -735,9 +735,6 @@ export default {
.m-table-search { .m-table-search {
padding: 20px 0px 10px 0px; padding: 20px 0px 10px 0px;
} }
.el-form-item__label{
text-align: left!important;
}
.el-row > .el-col { .el-row > .el-col {
padding-right: 10px!important; padding-right: 10px!important;
} }
......
src/views/Business/Litacp/Detp.vue
...@@ -136,13 +136,13 @@ ...@@ -136,13 +136,13 @@
<c-col :span="12"> <c-col :span="12">
<el-form-item label="始发（航空）站"" prop="lidgrp.rec.porloa"> <el-form-item label="始发（航空）站" prop="lidgrp.rec.porloa">
<c-input disabled v-model="model.lidgrp.rec.porloa" maxlength="65" placeholder="请输入Air-/Port of Departure"></c-input> <c-input disabled v-model="model.lidgrp.rec.porloa" maxlength="65" placeholder="请输入Air-/Port of Departure"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="终点（航空）站"" prop="lidgrp.rec.pordis"> <el-form-item label="终点（航空）站" prop="lidgrp.rec.pordis">
<c-input disabled v-model="model.lidgrp.rec.pordis" maxlength="65" placeholder="请输入Air-/Port of Destination"></c-input> <c-input disabled v-model="model.lidgrp.rec.pordis" maxlength="65" placeholder="请输入Air-/Port of Destination"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
......
src/views/Business/Litame/Detp.vue
...@@ -153,13 +153,13 @@ ...@@ -153,13 +153,13 @@
<c-col :span="24"> <c-col :span="24">
<el-form-item label="始发（航空）站"" prop="lidgrp.rec.porloa"> <el-form-item label="始发（航空）站" prop="lidgrp.rec.porloa">
<c-input v-model="model.lidgrp.rec.porloa" maxlength="65" placeholder="请输入Air-/Port of Departure"></c-input> <c-input v-model="model.lidgrp.rec.porloa" maxlength="65" placeholder="请输入Air-/Port of Departure"></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="lidgrp.rec.pordis"> <el-form-item label="终点（航空）站" prop="lidgrp.rec.pordis">
<c-input v-model="model.lidgrp.rec.pordis" maxlength="65" placeholder="请输入Air-/Port of Destination"></c-input> <c-input v-model="model.lidgrp.rec.pordis" maxlength="65" placeholder="请输入Air-/Port of Destination"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
......
src/views/Business/Litdla/Detp.vue
...@@ -111,13 +111,13 @@ ...@@ -111,13 +111,13 @@
<c-col :span="12"> <c-col :span="12">
<el-form-item label="始发（航空）站"" prop="lidgrp.rec.porloa"> <el-form-item label="始发（航空）站" prop="lidgrp.rec.porloa">
<c-input disabled v-model="model.lidgrp.rec.porloa" maxlength="65" placeholder="请输入Air-/Port of Departure"></c-input> <c-input disabled v-model="model.lidgrp.rec.porloa" maxlength="65" placeholder="请输入Air-/Port of Departure"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="终点（航空）站"" prop="lidgrp.rec.pordis"> <el-form-item label="终点（航空）站" prop="lidgrp.rec.pordis">
<c-input disabled v-model="model.lidgrp.rec.pordis" maxlength="65" placeholder="请输入Air-/Port of Destination"></c-input> <c-input disabled v-model="model.lidgrp.rec.pordis" maxlength="65" placeholder="请输入Air-/Port of Destination"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
......
src/views/Business/Litopn/Addbcb.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="24"> <el-collapse v-model="activeNames" @change="handleChange">
<el-col :span="12"> <el-collapse-item title="备查表" name="1">
<el-form-item label="货物简称" prop="godnam"> <c-col :span="24">
<c-input <el-col :span="12">
v-model="model.godnam" <el-form-item label="货物简称" prop="godnam">
maxlength="40" <c-input
style="width: 50%" v-model="model.godnam"
placeholder="请输入货物简称" maxlength="40"
></c-input> style="width: 50%"
</el-form-item> placeholder="请输入货物简称"
</el-col> ></c-input>
</c-col> </el-form-item>
</el-col>
</c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="备案表类型"> <el-form-item label="备案表类型">
<c-checkbox v-model="model.bcbtyp1">不在名录</c-checkbox> <c-checkbox v-model="model.bcbtyp1">不在名录</c-checkbox>
<c-checkbox v-model="model.bcbtyp2">异地付汇</c-checkbox> <c-checkbox v-model="model.bcbtyp2">异地付汇</c-checkbox>
<c-checkbox v-model="model.bcbtyp3">转口贸易</c-checkbox> <c-checkbox v-model="model.bcbtyp3">转口贸易</c-checkbox>
<c-checkbox v-model="model.bcbtyp4">90天以上信用证</c-checkbox> <c-checkbox v-model="model.bcbtyp4">90天以上信用证</c-checkbox>
<c-checkbox v-model="model.bcbtyp5">不需要</c-checkbox> <c-checkbox v-model="model.bcbtyp5">不需要</c-checkbox>
<c-checkbox v-model="model.bcbtyp6">其它</c-checkbox> <c-checkbox v-model="model.bcbtyp6">其它</c-checkbox>
</el-form-item>
</el-form-item> <el-form-item label="" prop="bcbtyp7" v-if="model.bcbtyp6">
<el-form-item label="" prop="bcbtyp7" v-if="model.bcbtyp6"> <c-input
<c-input v-model="model.bcbtyp7"
v-model="model.bcbtyp7" maxlength="30"
maxlength="30" style="width: 21.8%"
style="width: 21.8%" placeholder="请输入备查表类型填写文本框"
placeholder="请输入备查表类型填写文本框" ></c-input>
></c-input> </el-form-item>
</el-form-item> </c-col>
</c-col>
<!-- <c-col :span="4" class=".centerLable"> <!-- <c-col :span="4" class=".centerLable">
<c-checkbox v-model="model.bcbtyp1">不在名录</c-checkbox> <c-checkbox v-model="model.bcbtyp1">不在名录</c-checkbox>
</c-col> </c-col>
...@@ -57,23 +58,20 @@ ...@@ -57,23 +58,20 @@
<c-checkbox v-model="model.bcbtyp6">其它</c-checkbox> <c-checkbox v-model="model.bcbtyp6">其它</c-checkbox>
</c-col> --> </c-col> -->
<c-col :span="10" :pull=5> <c-col :span="10" :pull="5"> </c-col>
</c-col>
<c-col :span="18"> <c-col :span="18">
<el-form-item label="备案表效期" prop="bcbdat"> <el-form-item label="备案表效期" prop="bcbdat">
<c-date-picker <c-date-picker
type="date" type="date"
v-model="model.bcbdat" v-model="model.bcbdat"
style="width: 30.75%" style="width: 30.75%"
placeholder="请选择备案表效期" placeholder="请选择备案表效期"
></c-date-picker> ></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<!--
<!--
<c-col :span="15" :push="1"> <c-col :span="15" :push="1">
<el-form-item label="1、申请人与我行已签署贸易融资协议（如需）;" label-width="360px"></el-form-item> <el-form-item label="1、申请人与我行已签署贸易融资协议（如需）;" label-width="360px"></el-form-item>
</c-col> </c-col>
...@@ -90,25 +88,34 @@ ...@@ -90,25 +88,34 @@
<el-form-item label="4、占用授信额度的开证业务;" label-width="360px"></el-form-item> <el-form-item label="4、占用授信额度的开证业务;" label-width="360px"></el-form-item>
</c-col> </c-col>
--> -->
<el-col :span="24"> <el-col :span="24">
<el-form-item label="交易银行部意见"> <el-form-item label="交易银行部意见">
<div <div
v-text="model.label1" v-text="model.label1"
data-path=".label1" data-path=".label1"
class="lableSize" class="lableSize"
></div> ></div>
<div v-text="model.label2" data-path=".label2" class="lableSize">
</div>
<div v-text="model.label3" data-path=".label3" class="lableSize"> <div
</div> v-text="model.label2"
<div v-text="model.label4" data-path=".label4" class="lableSize"> data-path=".label2"
</div> class="lableSize"
</el-form-item> ></div>
</el-col>
<!-- <c-col :span="15" :push="1"> <div
v-text="model.label3"
data-path=".label3"
class="lableSize"
></div>
<div
v-text="model.label4"
data-path=".label4"
class="lableSize"
></div>
</el-form-item>
</el-col>
<!-- <c-col :span="15" :push="1">
<span v-text="model.label2" data-path=".label2" class="lableSize"> </span> <span v-text="model.label2" data-path=".label2" class="lableSize"> </span>
</c-col> </c-col>
...@@ -121,24 +128,24 @@ ...@@ -121,24 +128,24 @@
</c-col> </c-col>
--> -->
<c-col :span="24"> <c-col :span="24">
<el-form-item label="" prop="label5"> <el-form-item label="" prop="label5">
<c-select <c-select
v-model="model.label5" v-model="model.label5"
style="width: 33%" style="width: 33%"
placeholder="请选择国际部意见" placeholder="请选择国际部意见"
:code="codes.label5" :code="codes.label5"
> >
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<!-- <!--
<c-col :span="12"> <c-col :span="12">
<span v-text="model.label6" data-path=".label6" > </span> <span v-text="model.label6" data-path=".label6" > </span>
</c-col> </c-col>
--> -->
<!-- <c-col :span="24"> <!-- <c-col :span="24">
<el-form-item label="异地通知" prop="bccls1" label-width="270px"> <el-form-item label="异地通知" prop="bccls1" label-width="270px">
<c-select v-model="model.bccls1" style="width:30%" placeholder="请选择异地通知" :code="codes.bccls1"> <c-select v-model="model.bccls1" style="width:30%" placeholder="请选择异地通知" :code="codes.bccls1">
</c-select> </c-select>
...@@ -186,6 +193,12 @@ ...@@ -186,6 +193,12 @@
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> --> </c-col> -->
</el-collapse-item>
<el-collapse-item title="附言" name="2">
<!-- 附言 -->
<m-coninfp :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div> </div>
</template> </template>
<script> <script>
...@@ -193,15 +206,26 @@ import Api from "~/service/Api"; ...@@ -193,15 +206,26 @@ import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess"; import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"; import CodeTable from "~/config/CodeTable";
import Event from "~/model/Litopn/Event"; import Event from "~/model/Litopn/Event";
import Coninfp from "~/views/Public/Coninfp";
export default { export default {
components: {
"m-coninfp": Coninfp,
},
inject: ["root"], inject: ["root"],
props: ["model", "codes"], props: ["model", "codes"],
mixins: [commonProcess], mixins: [commonProcess],
data() { data() {
return {}; return {
activeNames: ["1"],
};
},
methods: {
...Event,
handleChange(val) {
console.log(val);
},
}, },
methods: { ...Event },
created: function () {}, created: function () {},
}; };
</script> </script>
......
src/views/Business/Litopn/Detp.vue
...@@ -217,13 +217,13 @@ ...@@ -217,13 +217,13 @@
<c-col :span="24"> <c-col :span="24">
<el-form-item label="始发（航空）站"" prop="lidgrp.rec.porloa"> <el-form-item label="始发（航空）站" prop="lidgrp.rec.porloa">
<c-input v-model="model.lidgrp.rec.porloa" maxlength="65" placeholder="请输入地址"></c-input> <c-input v-model="model.lidgrp.rec.porloa" maxlength="65" 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="lidgrp.rec.pordis"> <el-form-item label="终点（航空）站" prop="lidgrp.rec.pordis">
<c-input v-model="model.lidgrp.rec.pordis" maxlength="65" placeholder="请输入地址"></c-input> <c-input v-model="model.lidgrp.rec.pordis" maxlength="65" placeholder="请输入地址"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
......
src/views/Business/Litopn/Ovwp.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<!-- ======================= 左 ========================= --> <el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="概要" name="1">
<c-col :span="11"> <!-- ======================= 左 ========================= -->
<el-col :spam="24">
<el-form-item <c-col :span="11">
label="信用证编号" <el-col :spam="24">
prop="lidgrp.rec.ownref" <el-form-item
style="width: 100%" label="信用证编号"
> prop="lidgrp.rec.ownref"
<c-fullbox> style="width: 100%"
<c-input >
v-model="model.lidgrp.rec.ownref" <c-fullbox>
maxlength="16" <c-input
disabled v-model="model.lidgrp.rec.ownref"
placeholder="" maxlength="16"
></c-input> disabled
<template slot="footer"> placeholder=""
<c-button ></c-input>
style="margin: 0 10px 0 10px; padding: 0 12px" <template slot="footer">
size="small" <c-button
type="primary" style="margin: 0 10px 0 10px; padding: 0 12px"
@click="onSeainf" size="small"
icon="el-icon-search" type="primary"
> @click="onSeainf"
<span style="font-family: '宋体'; font-weight: bold"></span> icon="el-icon-search"
</c-button> >
<c-button <span style="font-family: '宋体'; font-weight: bold"></span>
style="margin: 0 0" </c-button>
size="small" <c-button
type="primary" style="margin: 0 0"
:disabled="this.flag1" size="small"
@click="onLitpButgetref" type="primary"
:disabled="this.flag1"
@click="onLitpButgetref"
>
获取
</c-button>
</template>
</c-fullbox>
</el-form-item>
</el-col>
<c-col :span="24">
<el-form-item label="信用证类型" prop="lidgrp.rec.lcrtyp">
<c-select
v-model="model.lidgrp.rec.lcrtyp"
placeholder="请选择信用证类型"
style="width: 100%"
:code="codes.lcrtyp"
> >
获取 </c-select>
</c-button> </el-form-item>
</template> </c-col>
</c-fullbox> <c-col :span="24">
</el-form-item> <el-form-item
</el-col> label="客户经理"
prop="litp.usr.extkey"
<c-col :span="24"> style="width: 100%"
<el-form-item label="信用证类型" prop="lidgrp.rec.lcrtyp"> >
<c-select <c-fullbox>
v-model="model.lidgrp.rec.lcrtyp" <c-input
placeholder="请选择信用证类型" v-model="model.litp.usr.extkey"
style="width: 100%" maxlength="8"
:code="codes.lcrtyp " disabled
> placeholder="请输入客户经理"
</c-select> ></c-input>
</el-form-item> <template slot="footer">
</c-col> <c-button
<c-col :span="24"> size="small"
<el-form-item style="margin-left: 10px; padding: 0 12px"
label="客户经理" type="primary"
prop="litp.usr.extkey" icon="el-icon-search"
style="width: 100%" @click="onExtkey"
> >
<c-fullbox> <span style="font-family: '宋体'; font-weight: bold"></span>
<c-input </c-button>
v-model="model.litp.usr.extkey" </template>
maxlength="8" </c-fullbox>
disabled </el-form-item>
placeholder="请输入客户经理" </c-col>
></c-input> <!-- LITPOP INFLID 显示-->
<template slot="footer"> <!--
<c-button
size="small"
style="margin-left: 10px; padding: 0 12px"
type="primary"
icon="el-icon-search"
@click="onExtkey">
<span style="font-family: '宋体';
font-weight: bold"></span>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- LITPOP INFLID 显示-->
<!--
<c-col :span="12"> <c-col :span="12">
<c-checkbox v-model="model.lidgrp.rec.resflg">Reserved Contract</c-checkbox> <c-checkbox v-model="model.lidgrp.rec.resflg">Reserved Contract</c-checkbox>
</c-col> </c-col>
--> -->
<el-col :span="24"> <el-col :span="24">
<c-col :span="11"> <c-col :span="11">
<el-form-item label="名义金额" prop="lidgrp.cbs.nom1.cur"> <el-form-item label="名义金额" prop="lidgrp.cbs.nom1.cur">
<c-select <c-select
v-model="model.lidgrp.cbs.nom1.cur" v-model="model.lidgrp.cbs.nom1.cur"
style="width: 100%" style="width: 100%"
placeholder="币种" placeholder="币种"
:code="codes.cur" :code="codes.cur"
@keyup.enter.native="nom1CurEvent" @keyup.enter.native="nom1CurEvent"
> >
<el-option <el-option
v-for="item in codes.curtxt1" 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>
</c-select>
</el-form-item>
</c-col>
<c-col :span="9">
<el-form-item
style="text-align: left"
label-width="20px"
prop="lidgrp.cbs.nom1.amt"
>
<c-input
v-model="model.lidgrp.cbs.nom1.amt"
style="text-align: left; width: 100%"
placeholder="请输入金额"
></c-input>
</el-form-item>
</c-col>
<c-col :span="4">
<template>
<c-checkbox
@change="open"
v-model="model.litp.aamp.aammod.addamtflg"
style="padding-left: 5px"
>附加金额</c-checkbox
>
</template>
</c-col>
</el-col>
<c-col :span="14">
<el-form-item label="溢短装" prop="lidgrp.rec.nomtop">
<c-input
v-model="model.lidgrp.rec.nomtop"
maxlength="2"
placeholder="0"
></c-input>
</el-form-item>
</c-col>
<c-col :span="10" style="text-align: left">
<el-form-item
label="-"
style="text-align: left; margin-left: 12px"
label-width="20px"
prop="lidgrp.rec.nomton"
> >
</el-option> <c-input
</c-select> v-model="model.lidgrp.rec.nomton"
</el-form-item> maxlength="2"
</c-col> placeholder="0"
<c-col :span="9"> ></c-input>
<el-form-item </el-form-item>
style="text-align: left" </c-col>
label-width="20px"
prop="lidgrp.cbs.nom1.amt" <c-col :span="24">
> <el-form-item label="金额限额表述" prop="lidgrp.rec.nomspc">
<c-input <c-select
v-model="model.lidgrp.cbs.nom1.amt" v-model="model.lidgrp.rec.nomspc"
style="text-align: left; width: 100%" style="width: 100%"
placeholder="请输入金额" disabled
></c-input> placeholder="请选择"
</el-form-item> :code="codes.nomspc"
</c-col> >
</c-select>
<c-col :span="4" > </el-form-item>
<template> </c-col>
<c-checkbox
<c-col :span="13">
@change="open" <el-form-item label="最大金额" prop="lidgrp.cbs.max.cur">
v-model="model.litp.aamp.aammod.addamtflg" <c-select
style="padding-left:5px;" v-model="model.lidgrp.cbs.max.cur"
>附加金额</c-checkbox> style="width: 100%"
</template> disabled
</c-col> placeholder="请选择币种"
</el-col> @keyup.enter.native="nom1CurEvent"
<c-col :span="14"> >
<el-form-item label="溢短装" prop="lidgrp.rec.nomtop"> <el-option
<c-input v-for="item in codes.cur"
v-model="model.lidgrp.rec.nomtop" :key="item.value"
maxlength="2" :label="item.label"
placeholder="0" :value="item.value"
></c-input> >
</el-form-item> </el-option>
</c-col> </c-select>
<c-col :span="10" style="text-align: left"> </el-form-item>
<el-form-item </c-col>
label="-"
style="text-align: left; margin-left: 12px" <c-col :span="11">
label-width="20px" <el-form-item label="" label-width="5px" prop="lidgrp.cbs.max.amt">
prop="lidgrp.rec.nomton" <c-input
> v-model="model.lidgrp.cbs.max.amt"
<c-input disabled
v-model="model.lidgrp.rec.nomton" placeholder="请输入信用证最大金额"
maxlength="2" ></c-input>
placeholder="0" </el-form-item>
></c-input> </c-col>
</el-form-item>
</c-col> <c-col :span="13">
<el-form-item label="开证日期" prop="lidgrp.rec.opndat">
<c-col :span="24"> <c-date-picker
<el-form-item label="金额限额表述" prop="lidgrp.rec.nomspc"> type="date"
<c-select v-model="model.lidgrp.rec.opndat"
v-model="model.lidgrp.rec.nomspc" style="width: 100%"
style="width: 100%" placeholder="请选择日期"
disabled value-format="yyyy-MM-dd"
placeholder="请选择" ></c-date-picker>
:code="codes.nomspc" </el-form-item>
> </c-col>
</c-select>
</el-form-item> <c-col :span="11">
</c-col> <el-form-item label="预先通知日期" prop="lidgrp.rec.preadvdt">
<c-date-picker
<c-col :span="13"> type="date"
<el-form-item label="最大金额" prop="lidgrp.cbs.max.cur"> v-model="model.lidgrp.rec.preadvdt"
<c-select style="width: 100%"
v-model="model.lidgrp.cbs.max.cur" disabled
style="width: 100%" placeholder="请选择日期"
disabled ></c-date-picker>
placeholder="请选择币种" </el-form-item>
@keyup.enter.native="nom1CurEvent" </c-col>
>
<el-option <c-col :span="19">
v-for="item in codes.cur" <el-form-item label="最迟装船日期" prop="lidgrp.rec.shpdat">
:key="item.value" <c-date-picker
:label="item.label" type="date"
:value="item.value" v-model="model.lidgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="5" class="centerLable">
<c-checkbox
v-model="model.lidgrp.rec.dkflg"
style="margin-left: 17px; padding: 0 10px"
disabled
>是否代开</c-checkbox
> >
</el-option> </c-col>
</c-select>
</el-form-item> <c-col :span="24">
</c-col> <el-form-item label="有效日期" prop="lidgrp.rec.expdat">
<c-date-picker
<c-col :span="11"> type="date"
<el-form-item v-model="model.lidgrp.rec.expdat"
label="" style="width: 100%"
label-width="5px" placeholder="请选择日期"
prop="lidgrp.cbs.max.amt" ></c-date-picker>
> </el-form-item>
<c-input </c-col>
v-model="model.lidgrp.cbs.max.amt"
disabled <c-col :span="24">
placeholder="请输入信用证最大金额" <el-form-item label="交单地点" prop="lidgrp.rec.expplc">
></c-input> <c-input
</el-form-item> v-model="model.lidgrp.rec.expplc"
</c-col> maxlength="29"
placeholder="请输入地址"
<c-col :span="13"> ></c-input>
<el-form-item label="开证日期" prop="lidgrp.rec.opndat"> </el-form-item>
<c-date-picker </c-col>
type="date"
v-model="model.lidgrp.rec.opndat" <c-col :span="24">
style="width: 100%" <el-form-item label="分批装运条款" prop="lidgrp.rec.shppar">
placeholder="请选择日期" <c-select
value-format="yyyy-MM-dd" v-model="model.lidgrp.rec.shppar"
></c-date-picker> style="width: 100%"
</el-form-item> placeholder="请选择分批装运条款"
</c-col> :code="codes.shptrss18"
>
<c-col :span="11"> </c-select>
<el-form-item </el-form-item>
label="预先通知日期" </c-col>
prop="lidgrp.rec.preadvdt"
> <c-col :span="24">
<c-date-picker <el-form-item label="转运条款" prop="lidgrp.rec.shptrss18">
type="date" <c-select
v-model="model.lidgrp.rec.preadvdt" v-model="model.lidgrp.rec.shptrss18"
style="width: 100%" style="width: 100%"
disabled placeholder="请选择转运条款"
placeholder="请选择日期" :code="codes.shptrss18"
></c-date-picker> >
</el-form-item> </c-select>
</c-col> </el-form-item>
</c-col>
<c-col :span="19">
<el-form-item label="最迟装船日期" prop="lidgrp.rec.shpdat"> <c-col :span="24">
<c-date-picker <el-form-item label="适用规则" prop="lidgrp.rec.apprul">
type="date" <c-select
v-model="model.lidgrp.rec.shpdat" v-model="model.lidgrp.rec.apprul"
style="width: 100%" style="width: 100%"
placeholder="请选择日期" placeholder="请选择适用规则"
></c-date-picker> :code="codes.apprul"
</el-form-item> >
</c-col> </c-select>
</el-form-item>
<c-col :span="5" class="centerLable"> </c-col>
<c-checkbox
v-model="model.lidgrp.rec.dkflg" <c-col :span="24">
style="margin-left:17px;padding: 0 10px;" <el-form-item label="其他适用规则" prop="lidgrp.rec.apprultxt">
disabled <c-input
>是否代开</c-checkbox v-model="model.lidgrp.rec.apprultxt"
> maxlength="35"
</c-col> :disabled="this.flag"
placeholder="请输入其他适用规则"
<c-col :span="24"> ></c-input>
<el-form-item label="有效日期" prop="lidgrp.rec.expdat"> </el-form-item>
<c-date-picker </c-col>
type="date"
v-model="model.lidgrp.rec.expdat" <c-col :span="24">
style="width: 100%" <el-form-item label="保兑指示" prop="lidgrp.rec.cnfdet">
placeholder="请选择日期" <c-select
></c-date-picker> v-model="model.lidgrp.rec.cnfdet"
</el-form-item> style="width: 100%"
</c-col> placeholder="请选择保兑指示"
:code="codes.cnfflg1"
<c-col :span="24"> >
<el-form-item label="交单地点" prop="lidgrp.rec.expplc"> </c-select>
<c-input </el-form-item>
v-model="model.lidgrp.rec.expplc" </c-col>
maxlength="29" <!--
placeholder="请输入地址"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="分批装运条款" prop="lidgrp.rec.shppar">
<c-select
v-model="model.lidgrp.rec.shppar"
style="width: 100%"
placeholder="请选择分批装运条款"
:code="codes.shptrss18"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="转运条款" prop="lidgrp.rec.shptrss18">
<c-select
v-model="model.lidgrp.rec.shptrss18"
style="width: 100%"
placeholder="请选择转运条款"
:code="codes.shptrss18"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="适用规则" prop="lidgrp.rec.apprul">
<c-select
v-model="model.lidgrp.rec.apprul"
style="width: 100%"
placeholder="请选择适用规则"
:code="codes.apprul1"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="其他适用规则"
prop="lidgrp.rec.apprultxt"
>
<c-input
v-model="model.lidgrp.rec.apprultxt"
maxlength="35"
:disabled="this.flag"
placeholder="请输入其他适用规则"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="保兑指示" prop="lidgrp.rec.cnfdet">
<c-select
v-model="model.lidgrp.rec.cnfdet"
style="width: 100%"
placeholder="请选择保兑指示"
:code="codes.cnfflg1"
>
</c-select>
</el-form-item>
</c-col>
<!--
<c-col :span="12"> <c-col :span="12">
<span v-text="model.litp.oppbnkl" data-path=".litp.oppbnkl" > </span> <span v-text="model.litp.oppbnkl" data-path=".litp.oppbnkl" > </span>
</c-col> </c-col>
--> -->
<c-col :span="12"> <c-col :span="12">
<el-form-item label="对手行代码" prop="lidgrp.rec.oppbnk" v-if="zmqflg"> <el-form-item
<!--自贸区标志 --> label="对手行代码"
<c-input prop="lidgrp.rec.oppbnk"
v-model="model.lidgrp.rec.oppbnk" v-if="zmqflg"
maxlength="12" >
placeholder="请输入对手行代码" <!--自贸区标志 -->
></c-input> <c-input
</el-form-item> v-model="model.lidgrp.rec.oppbnk"
</c-col> maxlength="12"
placeholder="请输入对手行代码"
<c-col :span="24"> ></c-input>
<el-form-item label="货押标志" prop="lidgrp.rec.guaflg"> </el-form-item>
<c-select </c-col>
v-model="model.lidgrp.rec.guaflg"
style="width: 100%" <c-col :span="24">
placeholder="请选择货押标志" <el-form-item label="货押标志" prop="lidgrp.rec.guaflg">
:code="codes.guaflg" <c-select
> v-model="model.lidgrp.rec.guaflg"
</c-select> style="width: 100%"
</el-form-item> placeholder="请选择货押标志"
</c-col> :code="codes.guaflg"
>
<c-col :span="24"> </c-select>
<el-form-item label="注册编码" prop="lidgrp.rec.regref"> </el-form-item>
<c-input </c-col>
v-model="model.lidgrp.rec.regref"
maxlength="16" <c-col :span="24">
disabled <el-form-item label="注册编码" prop="lidgrp.rec.regref">
placeholder="请输入注册编码" <c-input
></c-input> v-model="model.lidgrp.rec.regref"
</el-form-item> maxlength="16"
</c-col> disabled
</c-col> placeholder="请输入注册编码"
></c-input>
<!-- ======================右边====================== --> </el-form-item>
<c-col :span="11" :offset="1"> </c-col>
<c-col :span="24"> </c-col>
<el-form-item label="简略信息" prop="lidgrp.rec.nam">
<c-input <!-- ======================右边====================== -->
v-model="model.lidgrp.rec.nam" <c-col :span="11" :offset="1">
maxlength="40" <c-col :span="24">
disabled <el-form-item label="简略信息" prop="lidgrp.rec.nam">
placeholder="请输入简略信息" <c-input
></c-input> v-model="model.lidgrp.rec.nam"
</el-form-item> maxlength="40"
</c-col> disabled
<c-col :span="24"> placeholder="请输入简略信息"
<el-form-item ></c-input>
label="申请人参考号" </el-form-item>
prop="lidgrp.apl.pts.ref" </c-col>
> <c-col :span="24">
<c-input <el-form-item label="申请人参考号" prop="lidgrp.apl.pts.ref">
v-model="model.lidgrp.apl.pts.ref" <c-input
maxlength="16" v-model="model.lidgrp.apl.pts.ref"
style="width: 100%" maxlength="16"
placeholder="请输入申请人参考号" style="width: 100%"
></c-input> placeholder="请输入申请人参考号"
</el-form-item> ></c-input>
</c-col> </el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="申请人" prop="lidgrp.apl.pts.extkey"> <c-col :span="24">
<c-fullbox> <el-form-item label="申请人" prop="lidgrp.apl.pts.extkey">
<c-input <c-fullbox>
v-model="model.lidgrp.apl.pts.extkey" <c-input
maxlength="50" v-model="model.lidgrp.apl.pts.extkey"
placeholder="请输入申请人地址编码" maxlength="50"
@keyup.enter.native="showGridPromptDialog('lidgrp.apl.pts.extkey')" placeholder="请输入申请人地址编码"
></c-input> @keyup.enter.native="
<template slot="footer"> showGridPromptDialog('lidgrp.apl.pts.extkey')
<c-button "
style="margin:0 10px 0 10px;padding: 0 12px;" ></c-input>
size="small" <template slot="footer">
type="primary" <c-button
@click="onSeainf('lidgrp.apl.pts.extkey')" style="margin: 0 10px 0 10px; padding: 0 12px"
icon="el-icon-search" size="small"
> type="primary"
<span style="font-family:'宋体'; font-weight:bold"></span> @click="onSeainf('lidgrp.apl.pts.extkey')"
</c-button> icon="el-icon-search"
<c-button >
style="margin:0 0;" <span style="font-family: '宋体'; font-weight: bold"></span>
size="small" </c-button>
type="primary" <c-button
style="margin: 0 0"
@click="onAplpDet" size="small"
icon="el-icon-info" type="primary"
> @click="onAplpDet"
icon="el-icon-info"
</c-button> >
</template> </c-button>
</c-fullbox> </template>
</el-form-item> </c-fullbox>
</el-form-item>
</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 <c-button
size="small" size="small"
...@@ -446,20 +437,20 @@ ...@@ -446,20 +437,20 @@
</el-form-item> </el-form-item>
</c-col> --> </c-col> -->
<c-col :span="24"> <c-col :span="24">
<el-form-item label="申请人名称地址" prop="lidgrp.apl.pts.adrblk"> <el-form-item label="申请人名称地址" prop="lidgrp.apl.pts.adrblk">
<c-input <c-input
type="textarea" type="textarea"
:rows="4" :rows="4"
v-model="model.lidgrp.apl.pts.adrblk" v-model="model.lidgrp.apl.pts.adrblk"
maxlength="50" maxlength="50"
disabled disabled
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="Chinese address" prop="lidgrp.apl.dbfadrblkcn"> <el-form-item label="Chinese address" prop="lidgrp.apl.dbfadrblkcn">
<c-input type="textarea" v-model="model.lidgrp.apl.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input> <c-input type="textarea" v-model="model.lidgrp.apl.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
...@@ -467,7 +458,7 @@ ...@@ -467,7 +458,7 @@
</c-col> </c-col>
--> -->
<!-- <!--
<c-col :span="12"> <c-col :span="12">
<el-form-item label="名称" prop="lidgrp.apl.namelc"> <el-form-item label="名称" prop="lidgrp.apl.namelc">
<c-input type="textarea" v-model="model.lidgrp.apl.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input> <c-input type="textarea" v-model="model.lidgrp.apl.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
...@@ -481,54 +472,57 @@ ...@@ -481,54 +472,57 @@
</c-col> </c-col>
--> -->
<c-col :span="24"> <c-col :span="24">
<el-form-item label="通知行参考号" prop="lidgrp.adv.pts.ref"> <el-form-item label="通知行参考号" prop="lidgrp.adv.pts.ref">
<c-input <c-input
v-model="model.lidgrp.adv.pts.ref" v-model="model.lidgrp.adv.pts.ref"
maxlength="16" maxlength="16"
style="width: 100%" style="width: 100%"
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="lidgrp.adv.pts.extkey" style="width:100%"> <el-form-item
<c-fullbox> label="通知行"
<c-input prop="lidgrp.adv.pts.extkey"
v-model="model.lidgrp.adv.pts.extkey" style="width: 100%"
maxlength="50" >
style="width:100%" <c-fullbox>
placeholder="请输入通知行地址编码" <c-input
@keyup.enter.native="showGridPromptDialog('lidgrp.adv.pts.extkey')" v-model="model.lidgrp.adv.pts.extkey"
></c-input> maxlength="50"
<template slot="footer"> style="width: 100%"
<c-button placeholder="请输入通知行地址编码"
style="margin:0 10px 0 10px;padding: 0 12px;" @keyup.enter.native="
size="small" showGridPromptDialog('lidgrp.adv.pts.extkey')
type="primary" "
@click="onSeainf('lidgrp.adv.pts.extkey')" ></c-input>
icon="el-icon-search" <template slot="footer">
> <c-button
<span style="font-family:'宋体';font-weight:bold"></span> style="margin: 0 10px 0 10px; padding: 0 12px"
</c-button> size="small"
<c-button type="primary"
style="margin:0 0;" @click="onSeainf('lidgrp.adv.pts.extkey')"
size="small" icon="el-icon-search"
type="primary" >
<span style="font-family: '宋体'; font-weight: bold"></span>
@click="onAdvpDet" </c-button>
icon="el-icon-info" <c-button
> style="margin: 0 0"
size="small"
</c-button> type="primary"
</template> @click="onAdvpDet"
icon="el-icon-info"
</c-fullbox> >
</el-form-item> </c-button>
</c-col> </template>
</c-fullbox>
<!-- <c-col :span="8"> </el-form-item>
</c-col>
<!-- <c-col :span="8">
<el-form-item label="" label-width="15px"> <el-form-item label="" label-width="15px">
<c-button <c-button
size="small" size="small"
...@@ -542,20 +536,20 @@ ...@@ -542,20 +536,20 @@
</el-form-item> </el-form-item>
</c-col> --> </c-col> -->
<c-col :span="24"> <c-col :span="24">
<el-form-item label="通知行名称地址" prop="lidgrp.adv.pts.adrblk"> <el-form-item label="通知行名称地址" prop="lidgrp.adv.pts.adrblk">
<c-input <c-input
type="textarea" type="textarea"
:rows="4" :rows="4"
v-model="model.lidgrp.adv.pts.adrblk" v-model="model.lidgrp.adv.pts.adrblk"
maxlength="80" maxlength="80"
disabled disabled
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="Chinese address" prop="lidgrp.adv.dbfadrblkcn"> <el-form-item label="Chinese address" prop="lidgrp.adv.dbfadrblkcn">
<c-input type="textarea" v-model="model.lidgrp.adv.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input> <c-input type="textarea" v-model="model.lidgrp.adv.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
...@@ -563,7 +557,7 @@ ...@@ -563,7 +557,7 @@
</c-col> </c-col>
--> -->
<!-- <!--
<c-col :span="12"> <c-col :span="12">
<el-form-item label="名称" prop="lidgrp.adv.namelc"> <el-form-item label="名称" prop="lidgrp.adv.namelc">
<c-input type="textarea" v-model="model.lidgrp.adv.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input> <c-input type="textarea" v-model="model.lidgrp.adv.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
...@@ -577,57 +571,53 @@ ...@@ -577,57 +571,53 @@
</c-col> </c-col>
--> -->
<c-col :span="24"> <c-col :span="24">
<el-form-item <el-form-item label="受益人参考号" prop="lidgrp.ben.pts.ref">
label="受益人参考号" <c-input
prop="lidgrp.ben.pts.ref" v-model="model.lidgrp.ben.pts.ref"
> maxlength="16"
style="width: 100%"
<c-input placeholder="请输入参考号"
v-model="model.lidgrp.ben.pts.ref" ></c-input>
maxlength="16" </el-form-item>
style="width: 100%" </c-col>
placeholder="请输入参考号"
></c-input> <c-col :span="24">
<el-form-item label="受益人地址编码" prop="lidgrp.ben.pts.extkey">
</el-form-item> <c-fullbox>
</c-col> <c-input
v-model="model.lidgrp.ben.pts.extkey"
<c-col :span="24"> style="width: 100%"
<el-form-item label="受益人地址编码" prop="lidgrp.ben.pts.extkey"> maxlength="16"
<c-fullbox> placeholder="请输入地址编码"
<c-input @keyup.enter.native="
v-model="model.lidgrp.ben.pts.extkey" showGridPromptDialog('lidgrp.ben.pts.extkey')
style="width:100%" "
maxlength="16" ></c-input>
placeholder="请输入地址编码" <template slot="footer">
@keyup.enter.native="showGridPromptDialog('lidgrp.ben.pts.extkey')" <c-button
></c-input> style="margin: 0 10px 0 10px; padding: 0 12px"
<template slot="footer"> size="small"
<c-button type="primary"
style="margin:0 10px 0 10px;padding: 0 12px;" @click="onSeainf('lidgrp.ben.pts.extkey')"
size="small" icon="el-icon-search"
type="primary" >
@click="onSeainf('lidgrp.ben.pts.extkey')" <span style="font-family: '宋体'; font-weight: bold"></span>
icon="el-icon-search" </c-button>
> <c-button
<span style="font-family:'宋体';font-weight:bold"></span> style="margin: 0 0"
</c-button> size="small"
<c-button type="primary"
style="margin:0 0;" @click="onBenpDet"
size="small" icon="el-icon-info"
type="primary" >
@click="onBenpDet" </c-button>
icon="el-icon-info" </template>
> </c-fullbox>
</el-form-item>
</c-button> </c-col>
</template>
</c-fullbox> <!-- <c-col :span="8">
</el-form-item>
</c-col>
<!-- <c-col :span="8">
<el-form-item label="" label-width="15px"> <el-form-item label="" label-width="15px">
<c-button <c-button
size="small" size="small"
...@@ -641,26 +631,26 @@ ...@@ -641,26 +631,26 @@
</el-form-item> </el-form-item>
</c-col> --> </c-col> -->
<c-col :span="24"> <c-col :span="24">
<el-form-item label="受益人名称地址" prop="lidgrp.ben.pts.adrblk"> <el-form-item label="受益人名称地址" prop="lidgrp.ben.pts.adrblk">
<c-input <c-input
type="textarea" type="textarea"
:rows="4" :rows="4"
v-model="model.lidgrp.ben.pts.adrblk" v-model="model.lidgrp.ben.pts.adrblk"
maxlength="80" maxlength="80"
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="Chinese address" prop="lidgrp.ben.dbfadrblkcn"> <el-form-item label="Chinese address" prop="lidgrp.ben.dbfadrblkcn">
<c-input type="textarea" v-model="model.lidgrp.ben.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input> <c-input type="textarea" v-model="model.lidgrp.ben.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
--> -->
<!-- <!--
<c-col :span="12"> <c-col :span="12">
<el-form-item label="名称" prop="lidgrp.ben.namelc"> <el-form-item label="名称" prop="lidgrp.ben.namelc">
<c-input type="textarea" v-model="model.lidgrp.ben.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input> <c-input type="textarea" v-model="model.lidgrp.ben.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
...@@ -674,30 +664,56 @@ ...@@ -674,30 +664,56 @@
</c-col> </c-col>
--> -->
<c-col :span="24" class="centerLable marginLable"> <c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.lidgrp.rec.rmbflg" disabled <c-checkbox
style="margin-left:9px;padding: 0 10px;" v-model="model.lidgrp.rec.rmbflg"
>偿付行信息</c-checkbox disabled
> style="margin-left: 9px; padding: 0 10px"
</c-col> >偿付行信息</c-checkbox
>
<c-col :span="24" class="centerLable marginLable"> </c-col>
<c-checkbox v-model="model.lidgrp.rec.revflg" disabled
style="margin-left:9px;padding: 0 10px;" <c-col :span="24" class="centerLable marginLable">
>循环信用证</c-checkbox <c-checkbox
> v-model="model.lidgrp.rec.revflg"
</c-col> disabled
style="margin-left: 9px; padding: 0 10px"
<c-col :span="24"> >循环信用证</c-checkbox
<el-form-item label="合同编号" prop="lidgrp.rec.rptref"> >
<c-input </c-col>
v-model="model.lidgrp.rec.rptref"
maxlength="25" <c-col :span="24">
placeholder="请输入合同编号" <el-form-item label="合同编号" prop="lidgrp.rec.rptref">
></c-input> <c-input
</el-form-item> v-model="model.lidgrp.rec.rptref"
</c-col> maxlength="25"
</c-col> placeholder="请输入合同编号"
></c-input>
</el-form-item>
</c-col>
</c-col>
</el-collapse-item>
<el-collapse-item title="详情" name="2">
<!-- 详情 -->
<m-detp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="当事人" name="3">
<!-- 当事人 -->
<m-ptyp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="货物" name="4">
<!-- 货物 -->
<m-doxp :model="model" :codes="codes" :dtyp="'dogp'" :rec="'lid'" />
</el-collapse-item>
<el-collapse-item title="单据" name="5">
<!-- 单据 -->
<m-doxp :model="model" :codes="codes" :dtyp="'dorp'" :rec="'lid'" />
</el-collapse-item>
<el-collapse-item title="附加条件" name="6">
<!-- 附加条款 -->
<m-doxp :model="model" :codes="codes" :dtyp="'adcp'" :rec="'lid'" />
</el-collapse-item>
</el-collapse>
</div> </div>
</template> </template>
<script> <script>
...@@ -705,58 +721,89 @@ import Api from "~/service/Api"; ...@@ -705,58 +721,89 @@ import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess"; import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"; import CodeTable from "~/config/CodeTable";
import Event from "~/model/Litopn/Event"; import Event from "~/model/Litopn/Event";
import Detp from "./Detp";
import Ptyp from "./Ptyp";
import Dogp from "./Dogp";
import Dorp from "./Dorp";
import Adcp from "./Adcp";
import Doxp from "~/views/Public/Doxp";
export default { export default {
components: {
"m-detp": Detp,
"m-ptyp": Ptyp,
"m-dogp": Dogp,
"m-dorp": Dorp,
"m-adcp": Adcp,
"m-doxp": Doxp,
},
inject: ["root"], inject: ["root"],
props: ["model", "codes"], props: ["model", "codes"],
mixins: [commonProcess], mixins: [commonProcess],
data() { data() {
return { return {
zmqflg: null, zmqflg: null,
flag:true, flag: true,
activeNames: ["1"],
}; };
}, },
methods: { ...Event, methods: {
open(val){ ...Event,
if(val ==='' && !(this.model.lidgrp.cbs.max2.amt =='0.000'&& this.model.lidgrp.cbs.opn2.amt =='0.000' && this.model.lidgrp.blk.addamtcov==='') ){ open(val) {
this.$confirm('Do you really want to delete the additional amount of this contract?','提示',{ if (
confirmButtonText: 'Yes', val === "" &&
cancelButtonText: 'No', !(
type: 'warning', this.model.lidgrp.cbs.max2.amt == "0.000" &&
showClose:false this.model.lidgrp.cbs.opn2.amt == "0.000" &&
}).then(() => {//yes的执行在这里写 this.model.lidgrp.blk.addamtcov === ""
this.model.lidgrp.cbs.max2.amt ='0.000'; )
this.model.lidgrp.blk.addamtcov = ''; ) {
this.model.lidgrp.cbs.opn2.amt ='0.000'; this.$confirm(
"Do you really want to delete the additional amount of this contract?",
"提示",
{
confirmButtonText: "Yes",
cancelButtonText: "No",
type: "warning",
showClose: false,
}
)
.then(() => {
//yes的执行在这里写
this.model.lidgrp.cbs.max2.amt = "0.000";
this.model.lidgrp.blk.addamtcov = "";
this.model.lidgrp.cbs.opn2.amt = "0.000";
this.$message({ this.$message({
type: 'success', type: "success",
message: '删除成功!' message: "删除成功!",
}); });
})
}).catch(() => {//No的功能在这里写 .catch(() => {
this.model.litp.aamp.aammod.addamtflg ='X' //No的功能在这里写
this.$message({ this.model.litp.aamp.aammod.addamtflg = "X";
type: 'info', this.$message({
message: '已取消删除' type: "info",
}); message: "已取消删除",
}); });
} });
}
} },
handleChange(val) {
console.log(val);
},
}, },
created: function () {}, created: function () {},
watch:{ watch: {
"model.lidgrp.rec.apprul": { "model.lidgrp.rec.apprul": {
immediate:true, immediate: true,
handler(val,oldVal){ handler(val, oldVal) {
if(val == "OTHR"){ if (val == "OTHR") {
this.flag=false; this.flag = false;
}else{ } else {
this.flag=true; this.flag = true;
}
}
} }
},
},
}, },
computed: { computed: {
flag1() { flag1() {
......
src/views/Business/Litopn/index.vue
<template> <template>
<c-page title="进口信用证开立"> <c-page title="进口信用证开立">
<div class="eContainer"> <div class="eContainer">
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
<el-form <el-form
:model="model" :model="model"
:rules="rules" :rules="rules"
ref="modelForm" ref="modelForm"
label-width="160px" label-width="160px"
size="small" size="small"
label-position="left" label-position="right"
:validate-on-rule-change="false" :validate-on-rule-change="false"
> >
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick"> <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--PD000001 --> <!--PD000001 -->
<el-tab-pane :label="$t('litp.PD000001')" name="ovwp"> <el-tab-pane label="业务信息" name="ovwp">
<c-content> <c-content>
<m-ovwp :model="model" :codes="codes" /> <m-ovwp :model="model" :codes="codes" />
</c-content> </c-content>
...@@ -27,102 +21,107 @@ ...@@ -27,102 +21,107 @@
<!--PD000001 --> <!--PD000001 -->
<el-tab-pane <el-tab-pane
v-if="model.litp.aamp.aammod.addamtflg" v-if="model.litp.aamp.aammod.addamtflg"
:label="$t('aamp.PD000001')" label="附加金额"
name="aamp" name="aamp"
> >
<m-aamp :model="model" :codes="codes" /> <m-aamp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<!--PD000077 --> <!--PD000077 -->
<el-tab-pane :label="$t('litp.PD000077')" name="detp"> <!-- <el-tab-pane label="详情" name="detp">
<c-content> <c-content>
<m-detp :model="model" :codes="codes" /> <m-detp :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane> -->
<!--PD000042 --> <!--PD000042 -->
<el-tab-pane :label="$t('litp.PD000042')" name="ptyp"> <!-- <el-tab-pane label="当事人" name="ptyp">
<c-content> <c-content>
<m-ptyp :model="model" :codes="codes" /> <m-ptyp :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane> -->
<!--PD000057 --> <!--PD000057 -->
<el-tab-pane :label="$t('litp.PD000057')" name="dogp"> <!-- <el-tab-pane label="货物" name="dogp">
<c-content> <c-content>
<m-doxp :model="model" :codes="codes" :dtyp="'dogp'" :rec="'lid'" <m-doxp :model="model" :codes="codes" :dtyp="'dogp'" :rec="'lid'"
/> />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane> -->
<!--PD000060 --> <!--PD000060 -->
<el-tab-pane :label="$t('litp.PD000060')" name="dorp"> <!-- <el-tab-pane label="单据" name="dorp">
<c-content> <c-content>
<m-doxp :model="model" :codes="codes" :dtyp="'dorp'" :rec="'lid'" <m-doxp :model="model" :codes="codes" :dtyp="'dorp'" :rec="'lid'"
/> />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane> -->
<!--PD000073 --> <!--PD000073 -->
<el-tab-pane :label="$t('litp.PD000074')" name="adcp"> <!-- <el-tab-pane label="附加条款" name="adcp">
<c-content> <c-content>
<m-doxp :model="model" :codes="codes" :dtyp="'adcp'" :rec="'lid'" <m-doxp :model="model" :codes="codes" :dtyp="'adcp'" :rec="'lid'"
/> />
</c-content> </c-content>
</el-tab-pane> -->
<!--PD000001 -->
<el-tab-pane label="保证金" name="ccvpan">
<m-ccvpan :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody">
<m-limitbody :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<!--PD000027 --> <!--PD000027 -->
<el-tab-pane :label="$t('liaall.PD000027')" name="engp"> <el-tab-pane label="费用/账务" name="engp">
<c-content> <c-content>
<m-engp :model="model" :codes="codes" /> <m-engp :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<!--PD000001 -->
<el-tab-pane :label="$t('liaccv.PD000001')" name="ccvpan">
<m-ccvpan :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000000 --> <!--PD000000 -->
<el-tab-pane :label="$t('setmod.PD000000')" name="setpan"> <!-- <el-tab-pane label="结算" name="setpan">
<c-content> <c-content>
<m-setpan :model="model" :codes="codes" /> <m-setpan :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane> -->
<!--PD000001 --> <!--PD000001 -->
<el-tab-pane :label="$t('glemod.PD000001')" name="glepan"> <!-- <el-tab-pane label="会计分录" name="glepan">
<m-glepan :model="model" :codes="codes" /> <m-glepan :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane> -->
<!--PD000510 --> <!--PD000510 -->
<el-tab-pane :label="$t('litopn.PD000510')" name="addbcb"> <el-tab-pane label="备查/附言" name="addbcb">
<m-addbcb :model="model" :codes="codes" /> <m-addbcb :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<!--PD000000 --> <!--PD000000 -->
<el-tab-pane :label="$t('coninf.PD000000')" name="coninfp"> <!-- <el-tab-pane label="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes" /> <m-coninfp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane> -->
<!--PD000529 --> <!--PD000529 -->
<el-tab-pane :label="$t('trndoc.PD000529')" name="docpan"> <el-tab-pane label="报文/面函" name="docpan">
<m-docpan :model="model" :codes="codes" /> <m-docpan :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<!--PD000546 --> <!--PD000546 -->
<el-tab-pane :label="$t('trndoc.PD000546')" name="doctre"> <el-tab-pane label="附件信息" name="doctre">
<m-doctre :model="model" :codes="codes" /> <m-doctre :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<!--PD000002 --> <!--PD000002 -->
<el-tab-pane :label="$t('cnybop.PD000002')" name="cnyp"> <el-tab-pane label="申报信息" name="cnyp">
<m-cnyp :model="model" :codes="codes" /> <m-cnyp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<!--PD000110 --> <!--PD000110 -->
<el-tab-pane <el-tab-pane
:label="$t('cnybop.PD000110')" label="2106银行跟单结算及表外融资"
name="libp" name="libp"
v-if="this.model.cnybop.libflg == '1'" v-if="this.model.cnybop.libflg == '1'"
> >
...@@ -132,7 +131,7 @@ ...@@ -132,7 +131,7 @@
<!--PD000346 --> <!--PD000346 -->
<el-tab-pane <el-tab-pane
v-if="model.lidgrp.rec.spcrcbflg" v-if="model.lidgrp.rec.spcrcbflg"
:label="$t('litp.PD000422')" label="仅适用于指定银行的特殊付款条件"
name="spcrcvp" name="spcrcvp"
> >
<m-spcrcvp :model="model" :codes="codes" /> <m-spcrcvp :model="model" :codes="codes" />
...@@ -152,10 +151,7 @@ ...@@ -152,10 +151,7 @@
<m-namp :model="model" :codes="codes"/> <m-namp :model="model" :codes="codes"/>
</el-tab-pane> --> </el-tab-pane> -->
<!--PD000001 -->
<el-tab-pane :label="$t('limmod.PD000001')" name="limitbody">
<m-limitbody :model="model" :codes="codes" />
</el-tab-pane>
<!--PD001033 --> <!--PD001033 -->
<!-- <!--
...@@ -191,6 +187,13 @@ ...@@ -191,6 +187,13 @@
@select-ety="selectMsg" @select-ety="selectMsg"
> >
</c-grid-ety-prompt-dialog> </c-grid-ety-prompt-dialog>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
</div> </div>
</c-page> </c-page>
</template> </template>
......
src/views/Business/Ordrel/Menu.vue
...@@ -478,9 +478,6 @@ export default { ...@@ -478,9 +478,6 @@ export default {
.m-table-search { .m-table-search {
padding: 20px 0px 10px 0px; padding: 20px 0px 10px 0px;
} }
.el-form-item__label{
text-align: left!important;
}
.el-row > .el-col { .el-row > .el-col {
padding-right: 10px!important; padding-right: 10px!important;
} }
......
src/views/Business/index.vue
...@@ -36,10 +36,9 @@ export default { ...@@ -36,10 +36,9 @@ export default {
<style> <style>
#business_container { #business_container {
/* height: 100%; */
padding: 5px 15px;
/* width: 100%; */
flex: 1; flex: 1;
width: 85%;
margin: 40px auto 0;
} }
#business_container .eibs-tab { #business_container .eibs-tab {
padding: 0 15px; padding: 0 15px;
......
src/views/Layout/Header.vue
...@@ -4,10 +4,10 @@ ...@@ -4,10 +4,10 @@
<img src="../../assets/logo.png" alt="" style="height: 100%" /> <img src="../../assets/logo.png" alt="" style="height: 100%" />
</div> </div>
<div class="self_header_label"> <div class="self_header_label">
<h2>国际结算系统</h2> <h2 style="font-size: 30px">国际结算系统</h2>
</div> </div>
<div class="header-tool"> <div class="header-tool">
<div class="header-subInstName"> <div class="header-subInstName">
<!-- <marquee <!-- <marquee
v-if="subInstName.length > 12" v-if="subInstName.length > 12"
behavior="scroll" behavior="scroll"
...@@ -431,7 +431,7 @@ export default { ...@@ -431,7 +431,7 @@ export default {
color: #fff; color: #fff;
/* margin-top: 10px !important; */ /* margin-top: 10px !important; */
position: relative; position: relative;
top: 22px; top: 12.778px;
/* left: 10px; */ /* left: 10px; */
padding: 0px 15px; padding: 0px 15px;
display: inline-table; display: inline-table;
...@@ -439,6 +439,8 @@ export default { ...@@ -439,6 +439,8 @@ export default {
font-family: "黑体"; font-family: "黑体";
/* border-left: 1px solid antiquewhite; */ /* border-left: 1px solid antiquewhite; */
border-left: 1px solid #fff; border-left: 1px solid #fff;
/* ui美化 */
font-size: 30px;
} }
.self_header_label p { .self_header_label p {
font-family: "Times New Roman", Times, serif; font-family: "Times New Roman", Times, serif;
......
src/views/Layout/SideMenu.vue
...@@ -326,7 +326,7 @@ export default { ...@@ -326,7 +326,7 @@ export default {
.eContainer-menu-search .el-button { .eContainer-menu-search .el-button {
border: none; border: none;
font-size: 20px; font-size: 20px;
padding: 12px 20px; padding: 9.01px 20px;
} }
.eContainer-menu-search .el-input { .eContainer-menu-search .el-input {
...@@ -406,9 +406,12 @@ export default { ...@@ -406,9 +406,12 @@ export default {
.el-submenu__title, .el-submenu__title,
.el-menu-item, .el-menu-item,
.el-submenu .el-menu-item { .el-submenu .el-menu-item {
font-size: 12px; font-size: 14px;
height: 35px; height: 40px;
line-height: 35px; line-height: 40px;
}
.el-submenu__title.active{
font-weight: bold;
} }
.el-menu-vertical-demo [class^="el-icon-caret-"] { .el-menu-vertical-demo [class^="el-icon-caret-"] {
color: #606266; color: #606266;
......
src/views/Layout/components/TagsView/index.vue
...@@ -237,7 +237,7 @@ export default { ...@@ -237,7 +237,7 @@ export default {
<style scoped> <style scoped>
.tags-view-container { .tags-view-container {
height: 28px; height: 29.002px;
width: 100%; width: 100%;
background: #f5f4f9; background: #f5f4f9;
border-bottom: 1px solid #d8dce5; border-bottom: 1px solid #d8dce5;
......
src/views/Public/Engp.vue
...@@ -3,127 +3,136 @@ ...@@ -3,127 +3,136 @@
<!-- <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="24" style=""> <el-collapse v-model="activeNames" @change="handleChange">
<c-table <el-collapse-item title="表外记账" name="1">
:list="model.liaall.liaallg" <c-col :span="24" style="">
style="width:80%,text-align:center,margin-bottom:18px" <c-table
:border="true" :list="model.liaall.liaallg"
> style="width:80%,text-align:center,margin-bottom:18px"
<el-table-column prop="bussec" label="业务" width="50px"> :border="true"
</el-table-column> >
<el-table-column prop="cbtpfx" label="类型" width="60px"> <el-table-column prop="bussec" label="业务" width="50px">
</el-table-column> </el-table-column>
<el-table-column prop="matdat" label="到期日" width="150px"> <el-table-column prop="cbtpfx" label="类型" width="60px">
<template slot-scope="scope"> </el-table-column>
<el-form-item <el-table-column prop="matdat" label="到期日" width="150px">
label-width="0" <template slot-scope="scope">
:prop="'liaall.liaallg.' + scope.$index + '.matdat'" <el-form-item
> label-width="0"
<c-date-picker :prop="'liaall.liaallg.' + scope.$index + '.matdat'"
type="date" >
v-model="scope.row.matdat" <c-date-picker
value-format="yyyy-MM-dd" type="date"
placeholder="请选择日期" v-model="scope.row.matdat"
style="width: 100%" value-format="yyyy-MM-dd"
@change="executeDefault('liaall.liaallg.matdat')" placeholder="请选择日期"
:disabled="root.trnName== 'letopn'" style="width: 100%"
> @change="executeDefault('liaall.liaallg.matdat')"
</c-date-picker> :disabled="root.trnName == 'letopn'"
</el-form-item> >
</template> </c-date-picker>
</el-table-column> </el-form-item>
<el-table-column prop="tenday" label="效期" width="70px"> </template>
<template slot-scope="scope"> </el-table-column>
<el-form-item <el-table-column prop="tenday" label="效期" width="70px">
label-width="0" <template slot-scope="scope">
:prop="'liaall.liaallg.' + scope.$index + '.tenday'" <el-form-item
> label-width="0"
<c-input :prop="'liaall.liaallg.' + scope.$index + '.tenday'"
v-model="scope.row.tenday" >
style="width: 100%" <c-input
placeholder="请输入" v-model="scope.row.tenday"
> style="width: 100%"
</c-input> placeholder="请输入"
</el-form-item> >
</template> </c-input>
</el-table-column> </el-form-item>
<el-table-column prop="rol" label="债务人" width="70px"> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column prop="rol" label="债务人" width="70px">
</el-table-column>
<!--
<el-table-column prop="nam" label="Name" width="300"> </el-table-column> <el-table-column prop="nam" label="Name" width="300"> </el-table-column>
--> -->
<el-table-column prop="cdtrol" label="债权人" width="70px"> <el-table-column prop="cdtrol" label="债权人" width="70px">
</el-table-column> </el-table-column>
<el-table-column prop="cur" label="币种" width="55px"> </el-table-column> <el-table-column prop="cur" label="币种" width="55px">
<el-table-column prop="oldamt" label="原始金额" width="150px"> </el-table-column>
<!-- <template slot-scope="scope"> <el-table-column prop="oldamt" label="原始金额" width="150px">
<!-- <template slot-scope="scope">
{{moneyFormat(scope.row.oldamt)}} {{moneyFormat(scope.row.oldamt)}}
</template> --> </template> -->
</el-table-column> </el-table-column>
<el-table-column prop="amt" label="记账金额" width="100px"> <el-table-column prop="amt" label="记账金额" width="100px">
<!-- <template slot-scope="scope"> <!-- <template slot-scope="scope">
{{moneyFormat(scope.row.amt)}} {{moneyFormat(scope.row.amt)}}
</template> --> </template> -->
</el-table-column> </el-table-column>
<el-table-column prop="tenpct" label="%" width="80px"> <el-table-column prop="tenpct" label="%" width="80px">
</el-table-column> </el-table-column>
<el-table-column prop="acc" label="核心账号" width="150px"> <el-table-column prop="acc" label="核心账号" width="150px">
<!-- check，需用el-form-item标签包起来 --> <!-- check，需用el-form-item标签包起来 -->
<template slot-scope="scope"> <template slot-scope="scope">
<el-form-item <el-form-item
label-width="0" label-width="0"
:prop="'liaall.liaallg.' + scope.$index + '.acc'" :prop="'liaall.liaallg.' + scope.$index + '.acc'"
> >
<!-- <c-input <!-- <c-input
v-model="scope.row.acc" v-model="scope.row.acc"
style="width: 100%" style="width: 100%"
placeholder="请输入" placeholder="请输入"
> >
</c-input> --> </c-input> -->
</el-form-item> </el-form-item>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="valdat" label="起息日" width="200px"> <el-table-column prop="valdat" label="起息日" width="200px">
<template slot-scope="scope"> <template slot-scope="scope">
{{ dateFormat(scope.row.valdat) }} {{ dateFormat(scope.row.valdat) }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="" prop="det" width="80px" fixed="right"> <el-table-column label="" prop="det" width="80px" fixed="right">
<template slot-scope="scope" slot="header"> <template slot-scope="scope" slot="header">
<el-button <el-button
circle circle
style="padding: 4px" style="padding: 4px"
class="el-icon-plus" class="el-icon-plus"
size="mini" size="mini"
@click="addRow(scope)" @click="addRow(scope)"
> >
</el-button> </el-button>
<el-button <el-button
style="padding: 4px" style="padding: 4px"
circle circle
class="el-icon-minus" class="el-icon-minus"
size="mini" size="mini"
@click="removeRow(scope)" @click="removeRow(scope)"
> >
</el-button> </el-button>
</template> </template>
<template slot-scope="scoped"> <template slot-scope="scoped">
<c-button <c-button
style="margin-left:0" style="margin-left: 0"
size="small" size="small"
type="primary" type="primary"
icon="el-icon-info" icon="el-icon-info"
@click="detail1(scoped.$index, scoped.row)"></c-button> @click="detail1(scoped.$index, scoped.row)"
</template> ></c-button>
</el-table-column> </template>
</c-table> </el-table-column>
</c-col> </c-table>
</c-col>
<div style="height=500px"> <div style="height=500px">
<engp-dialog ref="engpDialog" :model="model" :idx="index" :codes="codes" /> <engp-dialog
</div> ref="engpDialog"
:model="model"
:idx="index"
:codes="codes"
/>
</div>
<!-- <c-col :span="12"> <!-- <c-col :span="12">
<el-form-item label="Sight Amount"> <el-form-item label="Sight Amount">
<c-input style="width:50%" v-model="model.liaall.outamt" placeholder="请输入Sight Amount"></c-input> <c-input style="width:50%" v-model="model.liaall.outamt" placeholder="请输入Sight Amount"></c-input>
</el-form-item> </el-form-item>
...@@ -141,34 +150,34 @@ ...@@ -141,34 +150,34 @@
</el-form-item> </el-form-item>
</c-col> --> </c-col> -->
<c-col :span="16" style="margin-top: 10px"> <c-col :span="16" style="margin-top: 10px">
<el-form-item label="未分配金额"> <el-form-item label="未分配金额">
<c-input <c-input
style="width: 15%" style="width: 15%"
disabled disabled
v-model="model.liaall.concur" v-model="model.liaall.concur"
maxlength="3" maxlength="3"
placeholder="" placeholder=""
></c-input> ></c-input>
<c-input <c-input
style="width: 40%" style="width: 40%"
disabled disabled
v-model="model.liaall.misamt" v-model="model.liaall.misamt"
placeholder="请输入金额" placeholder="请输入金额"
></c-input> ></c-input>
<c-button <c-button
style="width: 20%" style="width: 20%"
size="small" size="small"
disabled disabled
type="primary" type="primary"
@click="onLiaallButmisamt" @click="onLiaallButmisamt"
> >
添加到当前行 添加到当前行
</c-button> </c-button>
</el-form-item> </el-form-item>
</c-col> </c-col>
<!-- <c-col :span="1" style="text-align:left;margin-left:0"> <!-- <c-col :span="1" style="text-align:left;margin-left:0">
<el-form-item label=""> <el-form-item label="">
<c-button size="small" disabled type="primary" @click="onLiaallButmisamt"> <c-button size="small" disabled type="primary" @click="onLiaallButmisamt">
Add to Current Line Add to Current Line
...@@ -176,7 +185,7 @@ ...@@ -176,7 +185,7 @@
</el-form-item> </el-form-item>
</c-col> --> </c-col> -->
<!-- <c-col :span="12"> <!-- <c-col :span="12">
<el-form-item label=""> <el-form-item label="">
<c-button size="small" type="primary" @click="onLiaallButmissig"> <c-button size="small" type="primary" @click="onLiaallButmissig">
Add to Sight Amount Add to Sight Amount
...@@ -195,6 +204,16 @@ ...@@ -195,6 +204,16 @@
<c-input style="width:50%" v-model="model.liaall.exttotamt" placeholder="请输入Total booking amount external assinged"></c-input> <c-input style="width:50%" v-model="model.liaall.exttotamt" placeholder="请输入Total booking amount external assinged"></c-input>
</el-form-item> </el-form-item>
</c-col> --> </c-col> -->
</el-collapse-item>
<el-collapse-item title="结算" name="2">
<!-- 结算 -->
<m-setpan :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="会计分录" name="3">
<!-- 会计分录 -->
<m-glepan :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div> </div>
</template> </template>
<script> <script>
...@@ -202,21 +221,24 @@ import Api from "~/service/Api"; ...@@ -202,21 +221,24 @@ import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess"; import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"; import CodeTable from "~/config/CodeTable";
import EngpDialog from "./EngpDialog.vue"; import EngpDialog from "./EngpDialog.vue";
import Setpan from "./Setpan";
import Glepan from "./Glepan";
export default { export default {
inject: ["root"], inject: ["root"],
components: { EngpDialog }, components: {
EngpDialog,
"m-setpan": Setpan,
"m-glepan": Glepan,
},
mixins: [commonProcess], mixins: [commonProcess],
props: ["model", "codes"], props: ["model", "codes"],
data() { data() {
return { return {
dialogVisible: false, dialogVisible: false,
dialog:{ dialog: {},
index: 0,
}, activeNames: ["1"],
index:0,
}; };
}, },
methods: { methods: {
...@@ -230,15 +252,21 @@ export default { ...@@ -230,15 +252,21 @@ export default {
}, },
detail1(index, row) { detail1(index, row) {
const that = this; const that = this;
const rule = "liaall.liaallg(" + (index + 1) + ").det"; const rule = "liaall.liaallg(" + (index + 1) + ").det";
that.executeRule(rule).then(res => { that.executeRule(rule).then((res) => {
that.$refs.engpDialog.visiable = true; that.$refs.engpDialog.visiable = true;
that.$refs.engpDialog.formData = Object.assign({}, that.model.liaall.liaallg[index]); that.$refs.engpDialog.formData = Object.assign(
that.index = index; {},
that.dialog = row that.model.liaall.liaallg[index]
}) );
}, that.index = index;
that.dialog = row;
});
},
handleChange(val) {
console.log(val);
},
}, },
created: function () {}, created: function () {},
}; };
......
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