ui界面样例

src/assets/css/common.css

@@ -30,200 +30,250 @@
   /* #E3F3FF; */
   --darkbgcolor: #f4f5fa;
   /* rgb(232, 232, 232); */
-    --lineheight: 24px;
+  --lineheight: 32px;
   --normalfont: 12px;
   /* --themecolor: #1561E0; */
   --themecolor: #1561E0;
-  }
-  #app {
+}
+
+#app {
   font-family: Helvetica, sans-serif;
   display: flex;
   flex-direction: column;
-  }
-  .e-table-wrapper{
+}
+
+.e-table-wrapper {
   display: flex;
   flex-direction: column;
-  }
-  .e-table-wrapper .el-table {
-    flex:1;
-  }
-  /* 配色 */
-  /* .fold {
+}
+
+.e-table-wrapper .el-table {
+  flex: 1;
+}
+
+/* 配色 */
+/* .fold {
     background-color: var(--color);
   } */
 
-  /* .unfold {
+/* .unfold {
     background-color: var(--color);
   } */
-  .m-app-main {
+.m-app-main {
   /* background-color: var(--bgcolor); */
-  }
-  .m-app {
+}
+
+.m-app {
   background-color: var(--darkbgcolor);
-  }
-  .fold {
+}
+
+.fold {
   width: 60px !important;
-  }
-  /* sidemenu */
-  .el-menu {
+}
+
+/* sidemenu */
+.el-menu {
   background: var(--sidecolor);
-  }
-  .el-menu-item.is-active {
+}
+
+.el-menu-item.is-active {
   color: #fff;
   background-color: var(--themecolor);
-  }
-  .eContainer-menu-search {
+}
+
+.eContainer-menu-search {
   background: var(--sidecolor);
-  }
-  .eContainer-menu-search button {
+}
+
+.eContainer-menu-search button {
   background: var(--sidecolor);
-  }
-  .eContainer-scroller {
+}
+
+.eContainer-scroller {
   background: var(--sidecolor);
-  }
+}
 
-  .topbtnbar{
+.topbtnbar {
   position: absolute;
   top: 20px;
   right: 60px;
   z-index: 90;
   display: inline-block;
-  }
-  .topbtnbar > span{
+}
+
+.topbtnbar>span {
   display: inline-block;
-  }
+}
 
-  /* 页签样式调整 */
-  .el-tabs .el-tabs__header {
+/* 页签样式调整 */
+.el-tabs .el-tabs__header {
   margin: 0;
-  }
-  .el-tabs .el-tabs__content {
+}
+
+.el-tabs .el-tabs__content {
   /* background: #fff; */
   padding: 10px;
-  }
-  .el-tabs--card>.el-tabs__header .el-tabs__item {
+}
+
+.el-tabs--card>.el-tabs__header .el-tabs__item {
   border-left: 1px solid #ccc;
   padding: 0 10px;
-    height: 30px;
-    line-height: 30px;
-    font-size: var(--normalfont);
+  height: 40px;
+  line-height: 40px;
+  font-size: 16px;
   border-bottom: 1px solid var(--themecolor);
   /* border-top: 1px solid #ccc; */
-    background-image: linear-gradient(#fff,#dedede);
-  }
-  .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2) {
+  background-image: linear-gradient(#fff, #dedede);
+}
+
+.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2) {
   padding-left: 10px;
-  }
-  .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child {
+}
+
+.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child {
   padding-right: 10px;
-  }
-  .el-tabs--card>.el-tabs__header {
+}
+
+.el-tabs--card>.el-tabs__header {
   border-bottom: 2px solid var(--themecolor);
-  }
-  .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
+}
+
+.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
   border-left: 1px solid var(--themecolor);
   border-right: 1px solid var(--themecolor);
   border-top: 1px solid var(--themecolor);
-      background-image: linear-gradient(#fff,#fff);
+  background-image: linear-gradient(#fff, #fff);
   color: var(--themecolor);
   border-bottom: 1px solid #fff;
   box-sizing: content-box;
-  }
-  .el-tabs--card .el-tabs__nav-wrap {
+  font-weight: bold;
+}
+
+.el-tabs--card .el-tabs__nav-wrap {
   margin-bottom: -2px;
-  }
-  .el-form-item--small .el-form-item__label {
+}
+
+.el-form-item--small .el-form-item__label {
   font-size: var(--normalfont);
   height: var(--lineheight);
   line-height: var(--lineheight);
-  }
-  .el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
+}
+
+.el-form-item--mini.el-form-item,
+.el-form-item--small.el-form-item {
   margin-bottom: 12px;
-  }
-  .el-input--small .el-input__inner {
+  margin-top: 20px;
+}
+
+.el-input--small .el-input__inner {
   height: var(--lineheight);
   line-height: var(--lineheight);
   font-size: var(--normalfont);
-  }
-  .el-form-item--small .el-form-item__content, .el-form-item--small .el-form-item__label {
+}
+
+.el-form-item--small .el-form-item__content,
+.el-form-item--small .el-form-item__label {
   line-height: var(--lineheight);
-  }
-  .el-select .el-input .el-select__caret {
+}
+
+.el-select .el-input .el-select__caret {
   font-size: var(--normalfont);
-  }
-  .el-input--small .el-input__icon {
+}
+
+.el-input--small .el-input__icon {
   line-height: var(--lineheight);
-  }
-  .el-input-number--small {
+}
+
+.el-input-number--small {
   line-height: var(--lineheight);
-  }
-  .el-textarea__inner {
+}
+
+.el-textarea__inner {
   font-size: 12px;
-  }
-  .el-button--small, .el-button--small.is-round {
+}
+
+.el-button--small,
+.el-button--small.is-round {
   padding: 0px 15px;
   font-size: 12px;
   line-height: 22px;
-  }
-  .el-button--small.el-button--text {
+}
+
+.el-button--small.el-button--text {
   padding-left: 0;
   padding-right: 0;
-  }
-  .el-button--primary{
+}
+
+.el-button--primary {
   color: #FFF;
   background-color: #1561E0;
   border-color: #1561E0;
-  }
-  .el-card {
+}
+
+.el-card {
   margin-bottom: 8px;
-  }
-  .m-inputbtn {
+}
+
+.m-inputbtn {
   position: relative;
-  }
-  .m-inputbtn-input {
+}
+
+.m-inputbtn-input {
   padding-right: 64px;
   display: inline-block;
-  }
-  .m-inputbtn-btn {
+}
+
+.m-inputbtn-btn {
   position: absolute;
   right: 0;
-  }
-  .m-inputbtn-double {
+}
+
+.m-inputbtn-double {
   position: relative;
-  }
-  .m-inputbtn-input-double {
+}
+
+.m-inputbtn-input-double {
   padding-right: 90px;
   display: inline-block;
-  }
-  .m-inputbtn-btn-double {
+}
+
+.m-inputbtn-btn-double {
   position: absolute;
   right: 0;
   top: 0;
-  }
-  .m-inputbtn-btn-double .el-button {
+}
+
+.m-inputbtn-btn-double .el-button {
   padding: 0 8px;
-  }
-  .m-inputbtn-double .el-button+.el-button {
+}
+
+.m-inputbtn-double .el-button+.el-button {
   margin-left: 0;
-  }
-  .el-radio__label {
+}
+
+.el-radio__label {
   font-size: 12px;
-  }
-  .el-checkbox__label {
+}
+
+.el-checkbox__label {
   font-size: 12px;
-  }
-  .el-checkbox__input.is-checked+.el-checkbox__label {
+}
+
+.el-checkbox__input.is-checked+.el-checkbox__label {
   color: #1561E0;
-  }
-  .el-checkbox__input.is-checked .el-checkbox__inner {
+}
+
+.el-checkbox__input.is-checked .el-checkbox__inner {
   background-color: #1561E0;
   border-color: #1561E0;
-  }
-  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
+}
+
+.el-checkbox__input.is-indeterminate .el-checkbox__inner {
   background-color: #1561E0;
   border-color: #1561E0;
-  }
-  .c-title {
+}
+
+.c-title {
   /* color: rgba(0, 0, 0, 0.65); */
   /* font-weight: 600; */
   /* font-size: 12px; */
@@ -231,12 +281,13 @@
   font-size: 14px;
   font-weight: 500;
   padding-bottom: 10px;
-  }
-  .el-dialog__body {
+}
+
+.el-dialog__body {
   padding: 10px 20px 20px;
-  }
+}
 
-  /* form 必填项的内容区域颜色突出显示 *
+/* form 必填项的内容区域颜色突出显示 *
   暂时封掉
   .el-form-item.is-required .el-form-item__content .el-input__inner, 
   .el-form-item.is-required .el-form-item__content .el-textarea__inner,
@@ -246,65 +297,91 @@
     background-color: #f3f3bf87;
   }*/
 
-  /* 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 {
+/* 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 {
   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 {
+}
+
+.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: '*';
   color: #F56C6C;
   margin-left: 4px;
-  }
+}
 
-  .el-tree-node__label {
+.el-tree-node__label {
   font-size: 12px;
-  }
-  .c-w-100 {
+}
+
+.c-w-100 {
   width: 100%;
-  }
-  .m-ureport-actions {
+}
+
+.m-ureport-actions {
   width: 100%;
   text-align: center;
-  }
-  .m-ureport-actions .el-button--small {
+}
+
+.m-ureport-actions .el-button--small {
   padding: 0px 15px;
   font-size: 12px;
   line-height: 22px;
-  }
-  .el-table th {
+}
+
+.el-table th {
   user-select: initial;
-  }
-  .el-tooltip__popper.is-dark {
+}
+
+.el-tooltip__popper.is-dark {
   max-width: 600px;
-  }
-  .el-date-editor.el-range-editor--small.el-input__inner {
+}
+
+.el-date-editor.el-range-editor--small.el-input__inner {
   height: 24px;
   font-size: 13px;
-  }
-  .el-date-editor.el-range-editor--small .el-range__close-icon, .el-range-editor--small .el-range__icon {
+}
+
+.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 {
+}
+
+.el-date-editor.el-range-editor--small .el-range-separator {
   line-height: 16px;
   font-size: 12px;
-  }
-  .el-table__fixed,
-  .el-table__fixed-right {
+}
+
+.el-table__fixed,
+.el-table__fixed-right {
   height: 100% !important;
-  bottom:17px;
-  }
+  bottom: 17px;
+}
 
 /* medium_button_change_small */
-.medium_bcs{
+.medium_bcs {
   padding: 8px 15px;
   margin-top: 5px;
   margin-left: 7px;
 }
 
-.busnavbar-items{
-/*TODO完善按钮间隔等样式 */
-margin-left:7px;
-padding-left: 3px;
+.busnavbar-items {
+  /*TODO完善按钮间隔等样式 */
+  margin-left: 7px;
+  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 {
   display: flex; /*flex布局*/
   flex-direction: row;
   flex-wrap: nowrap;
-  justify-content: space-between;
+  justify-content: center;
   align-items: flex-start;
   height: 24px;
-  margin-bottom: 5px;
+  text-align: center;
+  margin-right:10px;
 }
 .m-funcBtn-eContainer {
   order: 1;
@@ -144,7 +145,7 @@ export default {
 
 .m-funcBtn-eContainer button,
 .m-funcBtn-eContainer .el-button + .el-button {
-  margin: 0px 0px 0px 0px;
+  margin: 0px 10px 0px 0px;
 }
 .m-funcBtn-eContainer .el-button--default {
   background-image: linear-gradient(#fff,#dedede);
@@ -186,4 +187,12 @@ export default {
   background-color: #b3d8ff;
   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>

src/components/SearchInput.vue

@@ -259,9 +259,17 @@ export default {
 }
 .search-wrapper >>> .el-input {
   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 {
-  height: 30px;
+  /* height: 30px; */
+  padding: 10px 20px;
+  /* position:relative;
+  top:-3px; */
+  
+
 }
 .search-sug {
   position: absolute;

src/components/c-page.vue

@@ -4,7 +4,7 @@
       <i class="el-icon-location" style="color: #409eff;"></i>
       <span>{{ title }}</span>
     </div> -->
-    <div style="flex: 1; padding: 5px 15px; position: relative">
+    <div style="flex: 1; padding: 0px 15px 5px; position: relative">
       <slot></slot>
     </div>
   </div>

src/views/Business/Infbed/index.vue

@@ -201,6 +201,6 @@ export default {
         background-color: #f7faff;
     }
     .eContainer {
-  padding: 3px 15px;
+  padding: 0px 15px 3px;
 }
 </style>

src/views/Business/Infbrd/Infsea.vue

@@ -452,9 +452,6 @@ export default {
 .m-table-search {
     padding: 20px 0px 10px 0px;
 }
-.el-form-item__label{
-    text-align: left!important;
-}
 .el-row > .el-col {
     padding-right: 10px!important;
 }

src/views/Business/Inflid/Infsea.vue

@@ -735,9 +735,6 @@ export default {
 .m-table-search {
     padding: 20px 0px 10px 0px;
 }
-.el-form-item__label{
-    text-align: left!important;
-}
 .el-row > .el-col {
     padding-right: 10px!important;
 }

src/views/Business/Litacp/Detp.vue

@@ -136,13 +136,13 @@
        
                                                     
        <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>
         </el-form-item>
        </c-col>
                                    
        <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>
         </el-form-item>
        </c-col>

src/views/Business/Litame/Detp.vue

@@ -153,13 +153,13 @@
             
                                                             
             <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>
                 </el-form-item>
             </c-col>
                                         
             <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>
                 </el-form-item>
             </c-col>

src/views/Business/Litdla/Detp.vue

@@ -111,13 +111,13 @@
        
                                                     
        <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>
         </el-form-item>
        </c-col>
                                    
        <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>
         </el-form-item>
        </c-col>

src/views/Business/Litopn/Addbcb.vue

 <template>
   <div class="eibs-tab">
+    <el-collapse v-model="activeNames" @change="handleChange">
+      <el-collapse-item title="备查表" name="1">
         <c-col :span="24">
           <el-col :span="12">
             <el-form-item label="货物简称" prop="godnam">
@@ -21,7 +23,6 @@
             <c-checkbox v-model="model.bcbtyp4">90天以上信用证</c-checkbox>
             <c-checkbox v-model="model.bcbtyp5">不需要</c-checkbox>
             <c-checkbox v-model="model.bcbtyp6">其它</c-checkbox>
-        
           </el-form-item>
           <el-form-item label="" prop="bcbtyp7" v-if="model.bcbtyp6">
             <c-input
@@ -57,9 +58,7 @@
 	    <c-checkbox v-model="model.bcbtyp6">其它</c-checkbox>
        </c-col> -->
 
-    <c-col :span="10" :pull=5>
-      
-    </c-col>
+        <c-col :span="10" :pull="5"> </c-col>
 
         <c-col :span="18">
           <el-form-item label="备案表效期" prop="bcbdat">
@@ -72,7 +71,6 @@
           </el-form-item>
         </c-col>
 
-    
         <!--
         <c-col :span="15" :push="1">
             <el-form-item label="1、申请人与我行已签署贸易融资协议（如需）;" label-width="360px"></el-form-item>
@@ -98,13 +96,22 @@
               class="lableSize"
             ></div>
 
-        <div v-text="model.label2" data-path=".label2" class="lableSize">
-        </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.label4" data-path=".label4" class="lableSize">
-        </div>
+            <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>
 
@@ -186,6 +193,12 @@
               </c-select>
         </el-form-item>
        </c-col> -->
+      </el-collapse-item>
+      <el-collapse-item title="附言" name="2">
+        <!-- 附言 -->
+        <m-coninfp :model="model" :codes="codes" />
+      </el-collapse-item>
+    </el-collapse>
   </div>
 </template>
 <script>
@@ -193,15 +206,26 @@ import Api from "~/service/Api";
 import commonProcess from "~/mixin/commonProcess";
 import CodeTable from "~/config/CodeTable";
 import Event from "~/model/Litopn/Event";
+import Coninfp from "~/views/Public/Coninfp";
 
 export default {
+  components: {
+    "m-coninfp": Coninfp,
+  },
   inject: ["root"],
   props: ["model", "codes"],
   mixins: [commonProcess],
   data() {
-    return {};
+    return {
+      activeNames: ["1"],
+    };
+  },
+  methods: {
+    ...Event,
+    handleChange(val) {
+      console.log(val);
+    },
   },
-  methods: { ...Event },
   created: function () {},
 };
 </script>

src/views/Business/Litopn/Detp.vue

@@ -217,13 +217,13 @@
             
                                                             
             <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>
                 </el-form-item>
             </c-col>
                                         
             <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>
                 </el-form-item>
             </c-col>

src/views/Business/Litopn/index.vue

 <template>
   <c-page title="进口信用证开立">
     <div class="eContainer">
-      <c-function-btn
-        :handleSubmit="handleSubmit"
-        :handleCheck="handleCheck"
-        :handleStash="handleStash"
-      >
-      </c-function-btn>
       <el-form
         :model="model"
         :rules="rules"
         ref="modelForm"
         label-width="160px"
         size="small"
-        label-position="left"
+        label-position="right"
         :validate-on-rule-change="false"
       >
         <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
           <!--PD000001 -->
-          <el-tab-pane :label="$t('litp.PD000001')" name="ovwp">
+          <el-tab-pane label="业务信息" name="ovwp">
             <c-content>
               <m-ovwp :model="model" :codes="codes" />
             </c-content>
@@ -27,102 +21,107 @@
           <!--PD000001 -->
           <el-tab-pane
             v-if="model.litp.aamp.aammod.addamtflg"
-            :label="$t('aamp.PD000001')"
+            label="附加金额"
             name="aamp"
           >
             <m-aamp :model="model" :codes="codes" />
           </el-tab-pane>
 
           <!--PD000077 -->
-          <el-tab-pane :label="$t('litp.PD000077')" name="detp">
+          <!-- <el-tab-pane label="详情" name="detp">
             <c-content>
               <m-detp :model="model" :codes="codes" />
             </c-content>
-          </el-tab-pane>
+          </el-tab-pane> -->
 
           <!--PD000042 -->
-          <el-tab-pane :label="$t('litp.PD000042')" name="ptyp">
+          <!-- <el-tab-pane label="当事人" name="ptyp">
             <c-content>
               <m-ptyp :model="model" :codes="codes" />
             </c-content>
-          </el-tab-pane>
+          </el-tab-pane> -->
 
           <!--PD000057 -->
-          <el-tab-pane :label="$t('litp.PD000057')" name="dogp">
+          <!-- <el-tab-pane label="货物" name="dogp">
             <c-content>
               <m-doxp :model="model" :codes="codes" :dtyp="'dogp'"  :rec="'lid'"
               />
             </c-content>
-          </el-tab-pane>
+          </el-tab-pane> -->
 
           <!--PD000060 -->
-          <el-tab-pane :label="$t('litp.PD000060')" name="dorp">
+          <!-- <el-tab-pane label="单据" name="dorp">
             <c-content>
               <m-doxp :model="model" :codes="codes" :dtyp="'dorp'"  :rec="'lid'"
               />
             </c-content>
-          </el-tab-pane>
+          </el-tab-pane> -->
 
           <!--PD000073 -->
-          <el-tab-pane :label="$t('litp.PD000074')" name="adcp">
+          <!-- <el-tab-pane label="附加条款" name="adcp">
             <c-content>
              <m-doxp :model="model" :codes="codes" :dtyp="'adcp'"  :rec="'lid'"
               />
             </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>
 
           <!--PD000027 -->
-          <el-tab-pane :label="$t('liaall.PD000027')" name="engp">
+          <el-tab-pane label="费用/账务" name="engp">
             <c-content>
               <m-engp :model="model" :codes="codes" />
             </c-content>
           </el-tab-pane>
 
-          <!--PD000001 -->
-          <el-tab-pane :label="$t('liaccv.PD000001')" name="ccvpan">
-            <m-ccvpan :model="model" :codes="codes" />
-          </el-tab-pane>
-
           <!--PD000000 -->
-          <el-tab-pane :label="$t('setmod.PD000000')" name="setpan">
+          <!-- <el-tab-pane label="结算" name="setpan">
             <c-content>
               <m-setpan :model="model" :codes="codes" />
             </c-content>
-          </el-tab-pane>
+          </el-tab-pane> -->
 
           <!--PD000001 -->
-          <el-tab-pane :label="$t('glemod.PD000001')" name="glepan">
+          <!-- <el-tab-pane label="会计分录" name="glepan">
               <m-glepan :model="model" :codes="codes" />
-          </el-tab-pane>
+          </el-tab-pane> -->
 
           <!--PD000510 -->
-          <el-tab-pane :label="$t('litopn.PD000510')" name="addbcb">
+          <el-tab-pane label="备查/附言" name="addbcb">
             <m-addbcb :model="model" :codes="codes" />
           </el-tab-pane>
 
           <!--PD000000 -->
-          <el-tab-pane :label="$t('coninf.PD000000')" name="coninfp">
+          <!-- <el-tab-pane label="附言" name="coninfp">
             <m-coninfp :model="model" :codes="codes" />
-          </el-tab-pane>
+          </el-tab-pane> -->
 
           <!--PD000529 -->
-          <el-tab-pane  :label="$t('trndoc.PD000529')" name="docpan">
+          <el-tab-pane  label="报文/面函" name="docpan">
             <m-docpan :model="model" :codes="codes" />
           </el-tab-pane>
 
           <!--PD000546 -->
-          <el-tab-pane :label="$t('trndoc.PD000546')" name="doctre">
+          <el-tab-pane label="附件信息" name="doctre">
             <m-doctre :model="model" :codes="codes" />
           </el-tab-pane>
 
           <!--PD000002 -->
-          <el-tab-pane :label="$t('cnybop.PD000002')" name="cnyp">
+          <el-tab-pane label="申报信息" name="cnyp">
             <m-cnyp :model="model" :codes="codes" />
           </el-tab-pane>
 
           <!--PD000110 -->
           <el-tab-pane
-             :label="$t('cnybop.PD000110')"
+             label="2106银行跟单结算及表外融资"
             name="libp"
             v-if="this.model.cnybop.libflg == '1'"
           >
@@ -132,7 +131,7 @@
           <!--PD000346 -->
           <el-tab-pane
             v-if="model.lidgrp.rec.spcrcbflg"
-            :label="$t('litp.PD000422')"
+            label="仅适用于指定银行的特殊付款条件"
             name="spcrcvp"
           >
             <m-spcrcvp :model="model" :codes="codes" />
@@ -152,10 +151,7 @@
                          <m-namp :model="model" :codes="codes"/>
                     </el-tab-pane> -->
 
-          <!--PD000001 -->
-          <el-tab-pane :label="$t('limmod.PD000001')" name="limitbody">
-            <m-limitbody :model="model" :codes="codes" />
-          </el-tab-pane>
+          
 
           <!--PD001033 -->
           <!--
@@ -191,6 +187,13 @@
         @select-ety="selectMsg"
       >
       </c-grid-ety-prompt-dialog>
+
+      <c-function-btn
+        :handleSubmit="handleSubmit"
+        :handleCheck="handleCheck"
+        :handleStash="handleStash"
+      >
+      </c-function-btn>
     </div>
   </c-page>
 </template>

src/views/Business/Ordrel/Menu.vue

@@ -478,9 +478,6 @@ export default {
 .m-table-search {
     padding: 20px 0px 10px 0px;
 }
-.el-form-item__label{
-    text-align: left!important;
-}
 .el-row > .el-col {
     padding-right: 10px!important;
 }

src/views/Business/index.vue

@@ -36,10 +36,9 @@ export default {
 
 <style>
 #business_container {
-  /* height: 100%; */
-  padding: 5px 15px;
-  /* width: 100%; */
   flex: 1;
+  width: 85%;
+  margin: 40px auto 0;
 }
 #business_container .eibs-tab {
   padding: 0 15px;

src/views/Layout/Header.vue

@@ -4,7 +4,7 @@
       <img src="../../assets/logo.png" alt="" style="height: 100%" />
     </div>
     <div class="self_header_label">
-      <h2>国际结算系统</h2>
+      <h2 style="font-size: 30px">国际结算系统</h2>
     </div>
     <div class="header-tool">
       <div class="header-subInstName">  
@@ -431,7 +431,7 @@ export default {
   color: #fff;
   /* margin-top: 10px !important; */
   position: relative;
-  top: 22px;
+  top: 12.778px;
   /* left: 10px; */
   padding: 0px 15px;
   display: inline-table;
@@ -439,6 +439,8 @@ export default {
   font-family: "黑体";
   /* border-left: 1px solid antiquewhite; */
   border-left: 1px solid #fff;
+  /* ui美化 */
+  font-size: 30px;
 }
 .self_header_label p {
   font-family: "Times New Roman", Times, serif;

src/views/Layout/SideMenu.vue

@@ -321,7 +321,7 @@ export default {
 .eContainer-menu-search .el-button {
   border: none;
   font-size: 20px;
-  padding: 12px 20px;
+  padding: 9.01px 20px;
 }
 
 .eContainer-menu-search .el-input {
@@ -401,9 +401,12 @@ export default {
 .el-submenu__title,
 .el-menu-item,
 .el-submenu .el-menu-item {
-  font-size: 12px;
-  height: 35px;
-  line-height: 35px;
+  font-size: 14px;
+  height: 40px;
+  line-height: 40px;
+}
+.el-submenu__title.active{
+  font-weight: bold;
 }
 .el-menu-vertical-demo [class^="el-icon-caret-"] {
   color: #606266;

src/views/Layout/components/TagsView/index.vue

@@ -237,7 +237,7 @@ export default {
 
 <style scoped>
 .tags-view-container {
-  height: 28px;
+  height: 29.002px;
   width: 100%;
   background: #f5f4f9;
   border-bottom: 1px solid #d8dce5;

src/views/Public/Engp.vue

@@ -3,6 +3,8 @@
     <!-- <c-col :span="24" style="margin-bottom:18px">
         Liability
     </c-col> -->
+    <el-collapse v-model="activeNames" @change="handleChange">
+      <el-collapse-item title="表外记账" name="1">
         <c-col :span="24" style="">
           <c-table
             :list="model.liaall.liaallg"
@@ -26,7 +28,7 @@
                     placeholder="请选择日期"
                     style="width: 100%"
                     @change="executeDefault('liaall.liaallg.matdat')"
-                :disabled="root.trnName== 'letopn'"
+                    :disabled="root.trnName == 'letopn'"
                   >
                   </c-date-picker>
                 </el-form-item>
@@ -54,7 +56,8 @@
         -->
             <el-table-column prop="cdtrol" label="债权人" width="70px">
             </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>
             <el-table-column prop="oldamt" label="原始金额" width="150px">
               <!-- <template slot-scope="scope">
                   {{moneyFormat(scope.row.oldamt)}}
@@ -109,18 +112,24 @@
               </template>
               <template slot-scope="scoped">
                 <c-button
-              style="margin-left:0" 
+                  style="margin-left: 0"
                   size="small"
                   type="primary"
                   icon="el-icon-info"
-              @click="detail1(scoped.$index, scoped.row)"></c-button>
+                  @click="detail1(scoped.$index, scoped.row)"
+                ></c-button>
               </template>
             </el-table-column>
           </c-table>
         </c-col>
 
         <div style="height=500px">
-        <engp-dialog ref="engpDialog" :model="model" :idx="index" :codes="codes" />
+          <engp-dialog
+            ref="engpDialog"
+            :model="model"
+            :idx="index"
+            :codes="codes"
+          />
         </div>
 
         <!-- <c-col :span="12">
@@ -195,6 +204,16 @@
             <c-input style="width:50%"  v-model="model.liaall.exttotamt"  placeholder="请输入Total booking amount external assinged"></c-input>
         </el-form-item>
        </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>
 </template>
 <script>
@@ -202,21 +221,24 @@ import Api from "~/service/Api";
 import commonProcess from "~/mixin/commonProcess";
 import CodeTable from "~/config/CodeTable";
 import EngpDialog from "./EngpDialog.vue";
+import Setpan from "./Setpan";
+import Glepan from "./Glepan";
 
 export default {
   inject: ["root"],
-  components: { EngpDialog },
+  components: {
+    EngpDialog,
+    "m-setpan": Setpan,
+    "m-glepan": Glepan,
+  },
   mixins: [commonProcess],
   props: ["model", "codes"],
   data() {
     return {
       dialogVisible: false,
-      dialog:{
-
-      },
-      index:0,
-      
-
+      dialog: {},
+      index: 0,
+      activeNames: ["1"],
     };
   },
   methods: {
@@ -232,12 +254,18 @@ export default {
     detail1(index, row) {
       const that = this;
       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.formData = Object.assign({}, that.model.liaall.liaallg[index]);
+        that.$refs.engpDialog.formData = Object.assign(
+          {},
+          that.model.liaall.liaallg[index]
+        );
         that.index = index;
-                that.dialog = row
-            })
+        that.dialog = row;
+      });
+    },
+    handleChange(val) {
+      console.log(val);
     },
   },
   created: function () {},