修改

dsk-operate-ui/src/api/projectCostLedger/index.js

@@ -134,3 +134,9 @@ export const getProjectOtherMenuTreeApi = (relatedId) => request({
   url: '/cb/projectOther/type/' + relatedId,
   method: "get",
 })
+
+//其他费用-费用汇总
+export const getProjectOtherStatistics = (relatedId) => request({
+  url: '/cb/projectOther/statistics/' + relatedId,
+  method: "get",
+})

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

@@ -226,8 +226,8 @@ export default {
         },
       ],
       menuOptions: {
-        nodeName: "name",
-        nodeValue: "name",
+        nodeName: "nodeName",
+        nodeValue: "nodeName",
       },
     };
   },

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

@@ -12,7 +12,27 @@
         </div>
       </div>
       <div class="right-table">
-        <div class="table-item">
+        <div class="table-item" v-if="defaultActive ==='费用汇总'">
+          <tables
+            v-if="!isSkeleton"
+            :tableLoading="tableLoading"
+            :tableData="tableData"
+            :forData="forData"
+            :MaxPage=500
+            :tableDataTotal="tableDataTotal"
+            :queryParams="queryParams"
+            @handle-current-change="handleCurrentChange"
+            @sort-change="sortChange"
+          >
+            <template slot="number" slot-scope="scope">
+              <div>{{scope.row.number || '--'}}</div>
+            </template>
+            <template slot="proportion" slot-scope="scope">
+              <div>{{scope.row.proportion || '--'}}{{scope.row.proportion ?  '%':''}}</div>
+            </template>
+          </tables>
+        </div>
+        <div class="table-item" v-else>
           <tables
             v-if="!isSkeleton"
             :tableLoading="tableLoading"
@@ -86,7 +106,7 @@
 <script>
   import Tables from "../../../../component/Tables"
   import ProjectSideMenu from "@/views/projectCostLedger/detail/components/ProjectSideMenu";
-  import { getProjectOtherMenuTreeApi } from "@/api/projectCostLedger";
+  import { getProjectOtherMenuTreeApi,getProjectOtherStatistics } from "@/api/projectCostLedger";
 export default {
   name: "directCost",
   components: {
@@ -123,8 +143,8 @@ export default {
         },
       ],
       forData: [
-        {label: '其他项目费用', prop: 'name'},
-        {label: '数量', prop: 'number',slot: true},
+        {label: '其他项目费用', prop: 'expenseName'},
+        {label: '数量', prop: 'expenseValue'},
         {label: '占比', prop: 'proportion', slot: true},
       ],
       forData1: [
@@ -145,34 +165,17 @@ export default {
         pageSize:10,
       },
       tableDataTotal:2,
-      defaultActive: "",
+      defaultActive: "费用汇总",
       menuTreeList: [
         {
-          nodeName: "其他费",
           id: "1",
-          children: [
-            {
-              nodeName: "费用汇总",
-              id: "1-1",
-            },
-            {
-              nodeName: "技术质量管理类",
-              id: "2-1",
-            },
-            {
-              nodeName: "工程保险类",
-              id: "3-1",
-            },
-            {
-              nodeName: "履约担保、保函手续费、市场营...",
-              id: "4-1",
-            },
-          ]
-        },
+          itemContent:"其他费",
+          children: []
+        }
       ],
       menuOptions: {
-        nodeName: "name",
-        nodeValue: "name",
+        nodeName: "itemContent",
+        nodeValue: "itemContent",
       },
       dialogVisible:false,
       currentList: "type1",
@@ -244,7 +247,8 @@ export default {
   },
   //可访问data属性
   created() {
-
+    this.getProjectOtherMenuTreeApi('1762014527685136385')
+    this.getProjectOtherStatistics('1762014527685136385')
   },
   //计算集
   computed: {
@@ -252,25 +256,33 @@ export default {
   },
   //方法集
   methods: {
-    async getFeedSummaryMenuTree(params) {
+    async getProjectOtherStatistics(params) {
+      try {
+        const result = await getProjectOtherStatistics(params);
+        if (result.code == 200) {
+          const _dataArray = result.data;
+          this.tableData = _dataArray;
+        }
+      } catch (error) {
+
+      }
+    },
+    async getProjectOtherMenuTreeApi(params) {
       try {
         const result = await getProjectOtherMenuTreeApi(params);
         if (result.code == 200) {
           const _tempArray = result.data;
-          this.menuTreeList = _tempArray;
+
+          _tempArray.unshift({id:"11",itemContent:"费用汇总"});
+          this.menuTreeList[0].children = _tempArray;
         }
       } catch (error) {
 
       }
     },
-    handleNodeClick(data) {
-      console.log(data);
-    },
-    handleOpen(key, keyPath) {
-      console.log(key, keyPath);
-    },
-    handleClose(key, keyPath) {
-      console.log(key, keyPath);
+    open(menuPath, menuPathArray){
+      console.log(menuPath)
+      console.log(menuPathArray)
     },
     //分页
     handleCurrentChange(e){