<template>
  <div class="otherProjects-container">
    <div class="otherProjects-cont">
      <div class="left">
        <div class="left-menu">

        </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:{
    // 项目ID
    projectId: {
      type: String,
      required: true,
      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
    // }
  },
  components: {
    Tables,
  },
  data() {
    return {
      menuOptions: {
        nodeName: "name",
        nodeValue: "name",
      },
      comProjectDetailInfo: {},
      comProjectId: "",
      defaultActive: "",
      menuTreeList: [
        // {
        //   nodeName: "房建类成本科目",
        //   id: "1",
        //   children: [
        //     {
        //       nodeName: "劳务分包工程",
        //       id: "1-1",
        //       children: [
        //         {
        //           nodeName: "主体工程-结构劳务",
        //           id: "1-1-1",
        //           children: [
        //             {
        //               nodeName: "结构劳务分包",
        //               id: "1-1-1-1",
        //             }
        //           ]
        //         },
        //         {
        //           nodeName: "二次结构及粗装修劳务",
        //           id: "1-2-1",
        //           children: [
        //             {
        //               nodeName: "二次机构及粗装修劳务",
        //               id: "1-2-1",
        //             }
        //           ]
        //         },
        //         {
        //           nodeName: "拆除、修缮、清理、改造劳...",
        //           id: "1-3-1",
        //           children: [
        //             {
        //               nodeName: "拆除、修缮、清理、改造劳...",
        //               id: "1-3-1",
        //             }
        //           ]
        //         }
        //       ]
        //     },
        //     {
        //       nodeName: "专业分包工程",
        //       id: "2-1",
        //     },
        //     {
        //       nodeName: "实体工程材料（土建）",
        //       id: "3-1",
        //     },
        //     {
        //       nodeName: "其他直接费成本",
        //       id: "4-1",
        //     },
        //   ]
        // },
        // {
        //   nodeName: "未归类项目",
        //   id: "2",
        //   children: []
        // }
      ]
    }
  },
  //可访问data属性
  created() {
    console.log(this.projectId)
    this.init()
  },
  //计算集
  computed: {

  },
  async init(detail = {}) {
    let cbStage = 1
    try {
      const { projectId, cbStage } = detail;
      if (!projectId) return;
      await this.getProfitLossMenuTree({
        projectId,
        cbStage
      });
    } catch (error) {

    }
  },
  async getProfitLossMenuTree(params) {
    try {
      const result = await getProfitLossMenuTreeApi(params);
      if (result.code == 200) {
        const _tempArray = result.data;
        this.menuTreeList = _tempArray;
      }
    } catch (error) {

    }
  },
}
</script>
<style lang="scss" scoped>
  .otherProjects-container {
    width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    height: 100%;
    align-items: center;
    .otherProjects-cont{
      display: flex;
      width: 100%;
      height: 100%;
    }
    .left{
      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{
      width: calc(100% - 220px);
      padding: 16px;
    }
  }
</style>
