*

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

@@ -112,6 +112,14 @@ export const getProfitLossMenuTreeApi = (params = {}) => request({
   method: "get",
   params
 })
+//盈亏分析对比 数据列表
+export function getAnalysislist(data) {
+  return request({
+    url: '/cb/gain/loss/analysis/list',
+    method: 'get',
+    params:data
+  });
+}
 
 
 // 工料汇总

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

 <template>
-  <div class="otherProjects-container">
-    <div class="otherProjects-cont">
-      <div class="left">
-        <div class="left-menu">
-
+  <div class="feed-summary-container">
+    <div class="feed-summary-inner">
+      <div class="left-side-menu">
+        <project-side-menu ref="profitloss" :menuTree="menuTreeList" :menuOptions="menuOptions" :unique-opened="false" :default-active="defaultActive" >
+          <template slot="盈亏分析对比-1">
+            <img src="@/assets/images/projectCostLedger/icon_cost_detail_7.svg" alt="">
+            <div class="project-sub-menu-title-text">盈亏分析对比</div>
+          </template>
+        </project-side-menu>
+      </div>
+      <div class="profitloss">
+        <div class="search">
+          <el-date-picker
+            v-model="expenseDate"
+            type="month"
+            placeholder="选择月"
+            :picker-options="pickerOptions">
+          </el-date-picker>
         </div>
+
       </div>
-      <!--<div class="right-table">-->
-        <!--<div class="table-item">-->
-          <!--<tables-->
-            <!--v-if="!isSkeleton"-->
-            <!--:tableLoading="tableLoading"-->
-            <!--:tableData="tableData"-->
-            <!--:forData="forData1"-->
-            <!--:MaxPage=500-->
-            <!--:tableDataTotal="tableDataTotal"-->
-            <!--:queryParams="queryParams"-->
-            <!--@handle-current-change="handleCurrentChange"-->
-            <!--@sort-change="sortChange"-->
-          <!--&gt;-->
-            <!--<template slot="number" slot-scope="scope">-->
-              <!--<div>{{scope.row.number || '&#45;&#45;'}}</div>-->
-            <!--</template>-->
-            <!--<template slot="proportion" slot-scope="scope">-->
-              <!--<div>{{scope.row.proportion || '&#45;&#45;'}}{{scope.row.proportion ?  '%':''}}</div>-->
-            <!--</template>-->
-          <!--</tables>-->
-        <!--</div>-->
-      <!--</div>-->
     </div>
   </div>
 </template>
 <script>
-  import Tables from "../../../../component/Tables"
-  import {getProfitLossMenuTreeApi} from '@/api/projectCostLedger/index'
-export default {
-  name: "ProfitLoss",
-  props:{
+  import ProjectSideMenu from "@/views/projectCostLedger/detail/components/ProjectSideMenu";
+  import { getProfitLossMenuTreeApi,getAnalysislist } from "@/api/projectCostLedger";
+  export default {
+    name: "orifitloss",
+    props: {
       // 项目ID
       projectId: {
         type: String,
         required: true,
         default: ""
       },
-    // // 详情信息
-    // projectDetailInfo: {
-    //   type: Object,
-    //   default: () => ({})
-    // }
+      // 详情信息
+      projectDetailInfo: {
+        type: Object,
+        default: () => ({})
+      }
     },
     watch: {
-    // projectDetailInfo: {
-    //   handler(newValue) {
-    //     this.comProjectDetailInfo = newValue ? newValue : {};
-    //     this.init(this.comProjectDetailInfo);
-    //   },
-    //   deep: true,
-    //   immediate: true
-    // },
-    // projectId: {
-    //   handler(newValue) {
-    //     this.comProjectId = newValue;
-    //   },
-    //   immediate: true
-    // }
+      projectDetailInfo: {
+        handler(newValue) {
+          this.comProjectDetailInfo = newValue ? newValue : {};
+          this.init(this.comProjectDetailInfo);
+        },
+        deep: true,
+        immediate: true
+      },
+      projectId: {
+        handler(newValue) {
+          this.comProjectId = newValue;
+        },
+        immediate: true
+      }
     },
     components: {
-    Tables,
+      ProjectSideMenu
     },
     data() {
       return {
+        pickerOptions: {
+          disabledDate(time) {
+            let istrue = true
+            let month = new Date().getMonth()+1
+            let year = new Date().getFullYear()
+            let times = (year+5)+'-'+ month + '-01 ' + '00:00:00'
+            istrue =  new Date().getTime() < time.getTime() && time.getTime() < new Date(times).getTime()
+            return !istrue
+          },
+        },
         menuOptions: {
-        nodeName: "name",
-        nodeValue: "name",
+          nodeName: "cbName",
+          nodeValue: "id",
         },
         comProjectDetailInfo: {},
         comProjectId: "",
@@ -137,72 +139,88 @@ export default {
           //   id: "2",
           //   children: []
           // }
-      ]
-    }
+        ],
+        id: 0,
+        expenseDate:'',
+      };
     },
     //可访问data属性
     created() {
-    console.log(this.projectId)
-    this.init()
+      let month = new Date().getMonth() +1
+      let year = new Date().getFullYear()
+      this.expenseDate = year + '-' + (month>= 9? month:'0'+ month)
+
     },
     //计算集
     computed: {
 
+    },
+    //方法集
+    methods: {
+      select(menuPath){
+        this.id = menuPath
+        let param = {
+          id:this.id,
+          expenseDate:this.expenseDate
+        }
+        getAnalysislist(param).then(res=>{
+
+        })
       },
       async init(detail = {}) {
-    let cbStage = 1
         try {
-      const { projectId, cbStage } = detail;
+          const { projectId, cbStage,cbType} = detail;
           if (!projectId) return;
-      await this.getProfitLossMenuTree({
+          await this.getFeedSummaryMenuTree({
             projectId,
-        cbStage
+            cbStage,
+            cbType
           });
         } catch (error) {
 
         }
       },
-  async getProfitLossMenuTree(params) {
+      async getFeedSummaryMenuTree(params) {
         try {
           const result = await getProfitLossMenuTreeApi(params);
           if (result.code == 200) {
-        const _tempArray = result.data;
+            let arr = {}
+            arr.cbName = '盈亏分析对比'
+            arr.id = 0
+            arr.children = result.data
+            const _tempArray = [arr];
             this.menuTreeList = _tempArray;
+            await this.$nextTick()
+            console.log(this.$refs['profitloss'])
           }
         } catch (error) {
 
         }
+      }
     },
-}
+  }
 </script>
 <style lang="scss" scoped>
-  .otherProjects-container {
+  .feed-summary-container {
     width: 100%;
-    box-sizing: border-box;
-    background: #ffffff;
     height: 100%;
-    align-items: center;
-    .otherProjects-cont{
-      display: flex;
+
+    .feed-summary-inner {
       width: 100%;
       height: 100%;
-    }
-    .left{
+      display: flex;
+      align-items: center;
+
+      .left-side-menu {
         width: 220px;
+        min-width: 220px;
         height: 100%;
-      .left-menu{
-        width: 100%;
-        height: 100%;
-        border-right: 1px solid #eeeeee;
-        overflow: auto;
-      }
-      white-space: nowrap; /* 不换行 */
-      overflow: hidden; /* 超出部分隐藏 */
-      text-overflow: ellipsis; /* 显示省略号 */
       }
-    .right-table{
+      .profitloss{
         width: calc(100% - 220px);
-      padding: 16px;
+        height: 100%;
+        background: #fff;
+      }
     }
   }
 </style>

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

@@ -21,7 +21,7 @@
         <other-projects v-if="current == 'otherItems'"></other-projects>
 
         <!-- 盈亏分析对比 -->
-        <profit-Loss v-if="current == 'profitAndLoss'" :project-id="projectID"></profit-Loss>
+        <profit-Loss v-if="current == 'profitAndLoss'" :project-id="projectID" :project-detail-info="detailInfo"></profit-Loss>
 
       </div>
     </div>
@@ -61,7 +61,8 @@ export default {
       // 详情信息变量
       detailInfo: {
         projectId: "1754425038355890177",
-        cbStage: 0
+        cbStage: 0,
+        cbType:1
       },
       toggleTabs: [
         {