布局调整

src/assets/css/common.css

@@ -70,7 +70,8 @@
   }
   .el-menu-item.is-active {
     color: #fff;
-    background-color: var(--themecolor);
+    /* background-color: var(--themecolor); */
+    background-color: #1561E0;
   }
   .eContainer-menu-search {
     background: var(--sidecolor);
@@ -169,6 +170,11 @@
     padding-left: 0;
     padding-right: 0;
   }
+  .el-button--primary{
+    color: #FFF;
+    background-color: #1561E0;
+    border-color: #1561E0;
+  }
   .el-card {
     margin-bottom: 8px;
   }

src/views/Business/Ditame/Doctre.vue

@@ -25,8 +25,9 @@
 
     <c-col :span="24">
       <el-form-item
+        class="formItemLabel"
         label="Outgoing Correspondence,Attachments and other Documents"
-        label-width="400px"
+        label-width="100%"
       >
       </el-form-item>
     </c-col>
@@ -112,7 +113,7 @@
         </c-col>
 
         <c-col :span="24" style="margin-top: 15px">
-          <c-button size="small" icon="el-icon-delete" @click="onTrndocButdel">
+          <c-button size="small" type="primary" @click="onTrndocButdel">
             Delete
           </c-button>
         </c-col>
@@ -222,8 +223,8 @@ export default {
       isShow2: false,
       data: [
         {
-          label: "Internal",
-          children: [{ label: "'Free Message' via Letter" }],
+          label: "Advising Bank,中国光大银行股份有限公司北京分行",
+          children: [{ label: "'信用证修改书 via" }],
         },
       ],
     };
@@ -235,8 +236,11 @@ export default {
   created: function () {},
 };
 </script>
-<style>
-.c-col button {
+<style scoped>
+/* .c-col button {
   margin: 20px;
+} */
+.formItemLabel >>> .el-form-item__label{
+    text-align: left;
 }
 </style>

src/views/Business/Ditame/Inspame.vue

 <template>
     <div class="eibs-tab">
         <c-col >
-            <el-form-item label="Instructions to Paying/Accepting/Negotiating Bank" label-width="100%">
+            <el-form-item class="formItemLabel" label="Instructions to Paying/Accepting/Negotiating Bank" label-width="100%">
             </el-form-item>
         </c-col>
         <c-col :span="14">
@@ -61,5 +61,8 @@ export default {
     created: function () {},
 };
 </script>
-<style>
+<style scoped>
+.formItemLabel >>> .el-form-item__label{
+    text-align: left;
+}
 </style>

src/views/Business/Ditame/index.vue

 <template>
   <c-page title="信用证修改">
     <div class="eContainer">
-      <c-bus-button :$pntvm="this"></c-bus-button>
+      <!-- <c-bus-button :$pntvm="this"></c-bus-button> -->
+      <c-function-btn></c-function-btn>
       <el-form
         :model="model"
         :rules="rules"
@@ -16,7 +17,7 @@
             <m-amep :model="model" :codes="codes" />
           </el-tab-pane>
 
-          <el-tab-pane label="内容" name="ovwp">
+          <el-tab-pane label="基本信息" name="ovwp">
             <!--PD000001 -->
             <c-content>
               <m-ovwp :model="model" :codes="codes" />
@@ -70,7 +71,7 @@
             <m-inspame :model="model" :codes="codes" />
           </el-tab-pane>
 
-          <el-tab-pane label="或有" name="engp">
+          <el-tab-pane label="表外" name="engp">
             <!--PD000027 -->
             <m-engp :model="model" :codes="codes" />
           </el-tab-pane>
@@ -80,7 +81,7 @@
             <m-ccvpan :model="model" :codes="codes" />
           </el-tab-pane>
 
-          <el-tab-pane label="账务" name="setpan">
+          <el-tab-pane label="费用及账务" name="setpan">
             <!--PD000000 -->
             <m-setpan :model="model" :codes="codes" />
           </el-tab-pane>
@@ -110,7 +111,7 @@
             <m-mt799 :model="model" :codes="codes" />
           </el-tab-pane>
 
-          <el-tab-pane label="统一授信" name="limitbody">
+          <el-tab-pane label="授信额度" name="limitbody">
             <!--PD000001 -->
             <m-limitbody :model="model" :codes="codes" />
           </el-tab-pane>

src/views/Layout/SideMenu.vue

@@ -41,6 +41,7 @@ export default {
   components: { Button, SubMenu },
   data: function () {
     return {
+      recordIndext:'',
       openFlgArr: [],
       menuOpen: true,
       searchContent: "",
@@ -203,6 +204,7 @@ export default {
     handleOpen(index, indexPath) {
       // console.log(index, indexPath);
       this.$set(this.openFlgArr, index.split("_")[1], false)
+      this.recordIndext=index.split("_")[1]
     },
     handleClose(index, indexPath) {
       // console.log(index, indexPath);
@@ -212,6 +214,8 @@ export default {
       this.menuOpen = true;
       const aside = document.querySelector("aside");
       aside.className = aside.className.split(" ")[0];
+      this.$set(this.openFlgArr,this.recordIndext , false)
+
     },
     closeMenu() {
       this.menuOpen = false;

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

@@ -263,9 +263,11 @@ export default {
   margin-right: 15px;
 }
 .tags-view-container .tags-view-wrapper .tags-view-item.active {
-  background-color: var(--themecolor);
+  /* background-color: var(--themecolor); */
+  background-color: #1561E0;
   color: #fff;
-  border-color: var(--themecolor);
+  /* border-color: var(--themecolor); */
+  border-color: #1561E0;
 }
 .tags-view-container
   .tags-view-wrapper