工程项目信息

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

 <template>
   <div class="detail-container">
     直接费成本
+    <div class="left"></div>
+    <div class="right"></div>
   </div>
 </template>
 <script>

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

+<template>
+  <div class="detail-container">
+    其他项目11122
+    <div class="left">
+      <el-menu
+        default-active="2"
+        class="el-menu-vertical-demo"
+        @open="handleOpen"
+        @close="handleClose">
+        <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>
+    </div>
+    <div class="right">
+
+    </div>
+  </div>
+</template>
+<script>
+  import InfoTable from '../../../../component/infoTable';
+export default {
+  name: "directCost",
+  components: {InfoTable},
+  data() {
+    return {
+      data:[
+        {
+          label: '一级 1',
+          children: [{
+            label: '二级 1-1',
+            children: [{
+              label: '三级 1-1-1'
+            }]
+          }]
+        }
+      ],
+      defaultProps: {
+        children: 'children',
+        label: 'label'
+      }
+    };
+  },
+  //可访问data属性
+  created() {
+
+  },
+  //计算集
+  computed: {
+
+  },
+  //方法集
+  methods: {
+    handleNodeClick(data) {
+      console.log(data);
+    },
+    handleOpen(key, keyPath) {
+      console.log(key, keyPath);
+    },
+    handleClose(key, keyPath) {
+      console.log(key, keyPath);
+    }
+  },
+}
+</script>
+<style lang="scss" scoped>
+  .detail-container {
+    width: 100%;
+    box-sizing: border-box;
+    padding: 0 24px;
+    background: #ffffff;
+    .left{
+      width: 220px;
+      border-right: 1px solid #EEEEEE;
+    }
+  }
+</style>

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

@@ -17,6 +17,9 @@
         <!-- 工料汇总 -->
         <feed-summary v-if="current == 'feedSummary'"></feed-summary>
 
+        <!-- 其他项目 -->
+        <other-projects v-if="current == 'otherItems'"></other-projects>
+
       </div>
     </div>
   </div>
@@ -30,6 +33,8 @@ import EngineeringInformation from "@/views/projectCostLedger/detail/components/
 import DirectCost from "@/views/projectCostLedger/detail/components/DirectCost";
 // 工料汇总
 import FeedSummary from "@/views/projectCostLedger/detail/components/FeedSummary";
+// 其他项目
+import OtherProjects from "@/views/projectCostLedger/detail/components/OtherProjects";
 import { v4 } from "uuid";
 export default {
   name: "projectCostLedgerDetail",
@@ -38,12 +43,13 @@ export default {
     DskTabToggle,
     FeedSummary,
     EngineeringInformation,
-    DirectCost
+    DirectCost,
+    OtherProjects
   },
   data() {
     return {
       projectID: "",
-      current: "",
+      current: "otherItems",
       module: "detail",
       // 详情信息变量
       detailInfo: {},