merge

dsk-operate-ui/src/views/projectCostLedger/detail/components/FeedSummary/index.vue

 <template>
-    <div class="feed-summary-container">
-
+  <div class="feed-summary-container">
+    <div class="feed-summary-inner">
+      <div class="left-side-menu">
+        <project-side-menu></project-side-menu>
+      </div>
     </div>
+  </div>
 </template>
 <script>
+import ProjectSideMenu from "@/views/projectCostLedger/detail/components/ProjectSideMenu";
 export default {
-   name : "feedSummary",
-   data() {
-      return {
+  name: "feedSummary",
+  components: {
+    ProjectSideMenu
+  },
+  data() {
+    return {
 
-      }
-   },
-   //可访问data属性
-   created(){
+    };
+  },
+  //可访问data属性
+  created() {
 
-   },
-   //计算集
-   computed:{
+  },
+  //计算集
+  computed: {
 
-   },
-   //方法集
-   methods:{
+  },
+  //方法集
+  methods: {
 
-   },
+  },
 }
 </script>
 <style lang="scss" scoped>
 .feed-summary-container {
-  
+  width: 100%;
+  height: 100%;
+
+  .feed-summary-inner {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+
+    .left-side-menu {
+      width: 220px;
+      min-width: 220px;
+      height: 100%;
+    }
+  }
 }
 </style>

dsk-operate-ui/src/views/projectCostLedger/detail/components/ProjectSideMenu/index.vue

+<template>
+  <div class="project-side-menu-container">
+    <el-menu mode="vertical" class="project-side-menu-instance">
+      <el-submenu index="1">
+        <template slot="title">
+          <i class="el-icon-location"></i>
+          <span>导航一</span>
+        </template>
+        <el-menu-item-group>
+          <template slot="title">分组一</template>
+          <el-menu-item index="1-1">选项1</el-menu-item>
+          <el-menu-item index="1-2">选项2</el-menu-item>
+        </el-menu-item-group>
+        <el-menu-item-group title="分组2">
+          <el-menu-item index="1-3">选项3</el-menu-item>
+        </el-menu-item-group>
+        <el-submenu index="1-4">
+          <template slot="title">选项4</template>
+          <el-menu-item index="1-4-1">选项1</el-menu-item>
+        </el-submenu>
+      </el-submenu>
+      <el-menu-item index="2">
+        <i class="el-icon-menu"></i>
+        <span slot="title">导航二</span>
+      </el-menu-item>
+      <el-menu-item index="3" disabled>
+        <i class="el-icon-document"></i>
+        <span slot="title">导航三</span>
+      </el-menu-item>
+      <el-menu-item index="4">
+        <i class="el-icon-setting"></i>
+        <span slot="title">导航四</span>
+      </el-menu-item>
+      <el-menu-item index="5">
+        <i class="el-icon-setting"></i>
+        <span slot="title">导航四</span>
+      </el-menu-item>
+      <el-menu-item index="6">
+        <i class="el-icon-setting"></i>
+        <span slot="title">导航四</span>
+      </el-menu-item>
+      <el-menu-item index="7">
+        <i class="el-icon-setting"></i>
+        <span slot="title">导航四</span>
+      </el-menu-item>
+      <el-menu-item index="8">
+        <i class="el-icon-setting"></i>
+        <span slot="title">导航四</span>
+      </el-menu-item>
+      <el-menu-item index="9">
+        <i class="el-icon-setting"></i>
+        <span slot="title">导航四</span>
+      </el-menu-item>
+      <el-menu-item index="10">
+        <i class="el-icon-setting"></i>
+        <span slot="title">导航四</span>
+      </el-menu-item>
+    </el-menu>
+  </div>
+</template>
+<script>
+export default {
+  name: "projectSideMenu",
+  data() {
+    return {
+
+    };
+  },
+  //可访问data属性
+  created() {
+
+  },
+  //计算集
+  computed: {
+
+  },
+  //方法集
+  methods: {
+
+  },
+}
+</script>
+<style lang="scss" scoped>
+.project-side-menu-container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+
+  ::v-deep .project-side-menu-instance {
+    width: 100%;
+    height: 100%;
+    border-right: 1px solid #eeeeee;
+    overflow: auto;
+
+    /* 重置一级二级菜单 高度行高 */
+    .el-submenu__title {
+      height: 32px;
+      line-height: 32px;
+
+      &:hover {
+        background-color: unset;
+        background: linear-gradient(
+          91deg,
+          rgba(0, 129, 255, 0.1) 0%,
+          rgba(0, 129, 255, 0) 100%
+        );
+      }
+    }
+  }
+}
+</style>