布局调整

src/components/IStreamTable.vue

@@ -9,7 +9,7 @@
       class="eContainer-table"
       @selection-change="handleSelectionChange"
       :row-key="getRowKey"
-      :header-cell-style="{ background: 'eef1f6', color: '#606266' }"
+      :header-cell-style="{ background: 'rgb(235, 235, 235)', color: 'rgb(51, 51, 51)' }"
       :highlight-current-row="true"
       @row-click="rowClick"
       :border="true"

src/components/IStreamTableDocpan.vue

@@ -5,7 +5,7 @@
       style="width: 100%"
       class="eContainer-table"
       :row-class-name="tableRowClassName"
-      :header-cell-style="{background: 'eef1f6', color: '#606266'}"
+      :header-cell-style="{background: 'rgb(235, 235, 235)', color: 'rgb(51, 51, 51)'}"
       :border="true">
       <el-table-column
         v-for="(item, key) in tableColumns"

src/components/SubMenu.vue

@@ -7,8 +7,9 @@
 				:index="item.path + '_' + index"
       >
         <template slot="title">
-          <!-- <i :class="item.icon"></i> -->
-          <img :src="item.icon" alt="">
+          <i class="el-icon-caret-right" v-if="openFlgArr[index]"></i>
+          <i class="el-icon-caret-bottom" v-if="!openFlgArr[index]"></i>
+          <!-- <img :src="item.icon" alt=""> -->
           <span>{{ item.name }}</span>
         </template>
         <SubMenu :subMenuList="item.children" />
@@ -29,7 +30,7 @@ import SubMenu from "./SubMenu.vue";
 export default {
 	name: "SubMenu",
   components: { SubMenu },
-  props: ['subMenuList'],
+  props: ['subMenuList','openFlgArr'],
 };
 </script>
 

src/components/Table.vue

@@ -6,7 +6,7 @@
       ref="table"
       style="width: 100%"
       class="eContainer-table"
-      :header-cell-style="{ background: 'eef1f6', color: '#606266' }"
+      :header-cell-style="{ background: 'rgb(235, 235, 235)', color: 'rgb(51, 51, 51)' }"
       v-bind="$attrs"
       v-on="tableListeners"
       v-loading="loading"

src/views/Business/index.vue

@@ -27,7 +27,7 @@ export default {
 <style>
 #business_container {
   /* height: 100%; */
-  height: calc(100% - 45px);
+  height: calc(100% - 39px);
   position: absolute;
   width: 100%;
 }

src/views/Layout/SideMenu.vue

@@ -28,7 +28,7 @@
           <i class="el-icon-menu"></i>
           <span slot="title">主页</span>
         </el-menu-item> -->
-        <SubMenu :subMenuList="menus"></SubMenu>
+        <SubMenu :subMenuList="menus" :openFlgArr="openFlgArr"></SubMenu>
       </el-menu>
     </c-content>
   </c-row>
@@ -41,6 +41,7 @@ export default {
   components: { Button, SubMenu },
   data: function () {
     return {
+      openFlgArr: [],
       menuOpen: true,
       searchContent: "",
       menuList: [
@@ -48,25 +49,25 @@ export default {
         // { inifrm: "sptsel", ininam: "待办任务", pntmiu: "0" },
         // { inifrm: "trnrel", ininam: "复核任务", pntmiu: "0" },
         // { inifrm: "diasel", ininam: "备忘录选择交易", pntmiu: "0" },
-        { inifrm: "1", ininam: "汇款", pntmiu: "", icon: require("~/assets/icons/sideMenu/汇款.svg") },
+        { inifrm: "1", ininam: "汇款", pntmiu: ""},
         { inifrm: "infcpd", ininam: "汇款查询", pntmiu: "1" },
         { inifrm: "cptopn", ininam: "汇出汇款", pntmiu: "1" },
         { inifrm: "cptadv", ininam: "汇入汇款", pntmiu: "1" },
-        { inifrm: "2", ininam: "国内证", pntmiu: "", icon: require("~/assets/icons/sideMenu/国内证.svg") },
+        { inifrm: "2", ininam: "国内证", pntmiu: "" },
         { inifrm: "ditopn", ininam: "买方信用证开立", pntmiu: "2" },
         { inifrm: "ditame", ininam: "信用证修改", pntmiu: "2" },
         { inifrm: "ditsel", ininam: "信用证查询", pntmiu: "2" },
         { inifrm: "infbdd", ininam: "买方信用证单据查询", pntmiu: "2" },
         { inifrm: "bdtudp", ininam: "国内证承兑", pntmiu: "2" },
         { inifrm: "bdtdcr", ininam: "国内证不符点/拒付", pntmiu: "2" },
-        { inifrm: "3", ininam: "出口信用证", pntmiu: "", icon: require("~/assets/icons/sideMenu/出口信用证.svg") },
+        { inifrm: "3", ininam: "出口信用证", pntmiu: "" },
         //{ inifrm: "3", ininam: "出口信用证", pntmiu: "" },
         { inifrm: "letsel", ininam: "出口信用证查询", pntmiu: "3" },
         { inifrm: "letopn", ininam: "出口信用证通知", pntmiu: "3" },
         { inifrm: "letame", ininam: "出口信用证修改", pntmiu: "3" },
         { inifrm: "letrsv", ininam: "出口信用证补通知", pntmiu: "3" },
         { inifrm: "infled", ininam: "出口信用证查询infled", pntmiu: "3" },
-        { inifrm: "4", ininam: "进口信用证", pntmiu: "", icon: require("~/assets/icons/sideMenu/进口信用证.svg")},
+        { inifrm: "4", ininam: "进口信用证", pntmiu: "" },
         { inifrm: "inflid", ininam: "进口信用证查询", pntmiu: "4" },
         { inifrm: "litopn", ininam: "进口信用证开立", pntmiu: "4" },
         { inifrm: "litdav", ininam: "进口信用证通知到单", pntmiu: "4" },
@@ -79,11 +80,11 @@ export default {
         // { inifrm: "bctacc", ininam: "进口代收承兑", pntmiu: "5" },
         // { inifrm: "6", ininam: "静态参数管理", pntmiu: "" },
         // { inifrm: "infusr", ininam: "用户信息", pntmiu: "6" },
-        { inifrm: "5", ininam: "进口代收", pntmiu: "", icon: require("~/assets/icons/sideMenu/进口代收.svg") },
+        { inifrm: "5", ininam: "进口代收", pntmiu: "" },
         { inifrm: "bctacc", ininam: "进口代收承兑", pntmiu: "5" },
-        { inifrm: "6", ininam: "静态参数管理", pntmiu: "", icon: require("~/assets/icons/sideMenu/静态参数.svg") },
+        { inifrm: "6", ininam: "静态参数管理", pntmiu: "", },
         { inifrm: "infusr", ininam: "用户信息", pntmiu: "6" },
-        { inifrm: "7", ininam: "转让证", pntmiu: "", icon: require("~/assets/icons/sideMenu/出口信用证.svg") },
+        { inifrm: "7", ininam: "转让证", pntmiu: "" },
         { inifrm: "lttopn", ininam: "转让证开立", pntmiu: "7" },
         { inifrm: "lttame", ininam: "转让证修改", pntmiu: "7" },
         { inifrm: "lttcan", ininam: "转让证注销", pntmiu: "7" },
@@ -102,6 +103,7 @@ export default {
     this.generateMenuTree(arr);
     this.menusOrigin = arr;
     this.menus = this.menusOrigin;
+    this.openFlgArr = new Array(this.menus.length).fill(true)
   },
   methods: {
     searchMenuEvent() {
@@ -172,9 +174,9 @@ export default {
             list.push({
               name: menuItem.ininam,
               path: menuItem.path,
-              icon: menuItem.icon,
               children,
             });
+            
           }
         } else {
           if (menuItem.pntmiu === item.inifrm) {
@@ -191,11 +193,13 @@ export default {
         }
       }
     },
-    handleOpen(key, keyPath) {
-      console.log(key, keyPath);
+    handleOpen(index, indexPath) {
+      // console.log(index, indexPath);
+      this.$set(this.openFlgArr, index.split("_")[1], false)
     },
-    handleClose(key, keyPath) {
-      console.log(key, keyPath);
+    handleClose(index, indexPath) {
+      // console.log(index, indexPath);
+      this.$set(this.openFlgArr, index.split("_")[1], true)
     },
     openMenu() {
       this.menuOpen = true;

src/views/Public/Ccvpan.vue

@@ -242,7 +242,7 @@
         </el-table-column>
         <el-table-column prop="acccovamt" label="Acc Amount" width="150px">
         </el-table-column>
-        <el-table-column label="OP" width="75px" fixed="right">
+        <el-table-column label="操作" width="75px" fixed="right">
           <template slot-scope="scope">
             <c-button style="margin-left:0" type="primary" size="small" @click="onLiaccvDel(scope.$index,scope.row)">
             Del</c-button>

src/views/Public/Setpan.vue

@@ -419,7 +419,7 @@
                 </el-table-column>
                 <el-table-column label="Rate" prop="rat" width="120px">
                 </el-table-column>
-                <el-table-column label="" width="80px" fixed="right"> 
+                <el-table-column label="操作" width="135px" fixed="right"> 
                     <template>
                         <el-button
                             style="margin-left:0"
@@ -427,9 +427,15 @@
                             type="primary"
                             >Get</el-button
                         >
+                        <el-button
+                            style="margin-left:0"
+                            size="small"
+                            type="primary"
+                            >详情</el-button
+                        >
                     </template>
                 </el-table-column>
-                <el-table-column label="" width="80px">
+                <!-- <el-table-column label="" width="80px">
                     <template>
                         <el-button
                             style="margin-left:0"
@@ -437,7 +443,7 @@
                             type="primary"
                             >详情</el-button
                         >
-                    </template> </el-table-column>
+                    </template> </el-table-column> -->
             </c-table>
         </c-col>