修改项目要素相关组件

applications/dee-project/src/privateComponents/components/leftProjectTree/index.vue

 <template>
   <div class="PlanTreeMenu">
-    <!-- 两种方式的自动超长省略 -->
-    <!-- <el-tooltip  effect="dark" :content="projectTitle" placement="bottom" :disabled="!isShowTooltip">
-        <div ref="name" class="title ellipsis"  @mouseover="onMouseOver">{{ projectTitle }}</div>
-      </el-tooltip> -->
-    <!-- <div class="sub-title">
-      项目要素
-    </div> -->
     <div ref="name" class="title ellipsis" :title="isShowTooltip?projectTitle:''" @mouseover="onMouseOver" @click="handleClickTitle">{{ projectTitle }}</div>
     <el-tree
       ref="tree"
@@ -61,12 +54,12 @@ export default {
       basicData: null,
       isShowTooltip: false,
       planDetail: {
-        subTypeName: this.$route.query.type,
         name: this.projectTitle,
         disabled: false,
         id: this.$route.query.id,
-        componentType: 'formConfig',
-        formConfigType: 'page',
+        // componentType: 'formConfig',
+        // formConfigType: 'page',
+        detail: 'projectDetail',
         pageKey: this.$route.query.type === 'DxContext' ? '79edd06e-3a7d-440e-bb4f-4b7691f7a641' : 'e32bab11-07c1-42b9-9ce7-d00d12c3b680'
       }
     }

applications/dee-project/src/privateComponents/components/projectComponent/index.vue

+<template>
+  <div id="project-dynamicComponent-com">
+    <dee-as-page
+      v-if="basicData && basicData.componentType === 'formConfig' && basicData.formConfigType === 'page'"
+      :id="basicData.componentName"
+      :key="basicData.pageKey"
+      :page-key="basicData.pageKey"
+    />
+    <dee-as-page
+      v-if="basicData && basicData.detail === 'projectDetail'"
+      :id="basicData.componentName"
+      :key="basicData.pageKey"
+      :page-key="basicData.pageKey"
+      :basic-data="basicData"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'DynamicComponent',
+  componentName: '项目要素动态组件',
+  props: {},
+  data() {
+    // 这里存放数据
+    return {
+      emitMethods: [
+        {
+          methods: 'loadComponent',
+          methodsName: '加载动态组件'
+        }
+      ],
+      comName: '',
+      parentType: '',
+      basicData: null,
+      planObj: null
+    }
+  },
+  // 监听属性 类似于data概念
+  computed: {},
+  // 监控data中的数据变化
+  watch: {},
+  // 生命周期 - 创建完成（可以访问当前this实例）
+  created() {
+  },
+  // 生命周期 - 挂载完成（可以访问DOM元素）
+  mounted() {
+  },
+  activated() {
+  },
+  // 方法集合
+  methods: {
+    loadComponent(val) {
+      this.planObj = val
+      this.basicData = val
+      this.comName = val.componentName
+    }
+  }
+}
+</script>
+  <style lang='scss'>
+  #project-dynamicComponent-com {
+    padding: 0;
+    position: absolute;
+    left: 4px;
+    right: 4px;
+    top: 4px;
+    bottom: 4px;
+    background-color: #E8EDEF;
+
+    .page-content-box{
+      padding-bottom:8px
+    }
+    .page-content-box>.dee-as-table-com {
+      background-color: #fff;
+      padding: 2px 8px 0px 8px;
+    }
+
+    .show-page-com {
+      .page-content-item {
+        padding-left: 0px;
+        padding-right: 0px;
+      }
+    }
+
+    // 详情页整体上边距
+    .dee-as-com {
+      padding-top: 16px;
+    }
+
+    // 详情页内部行距
+    .PaneContent-com {
+      .sub-title {
+        padding-bottom: 0px !important;
+      }
+
+      // 详情页页签内title-按钮-表格之间的间距调整
+      .dee-up-table {
+        margin-top: 8px;
+      }
+
+      .dee-as-table-com,
+      .predecessor_table {
+        .dee-up-table {
+          margin-top: 0px;
+        }
+      }
+
+      // 详情页info
+      .dee-form2 .el-form-item {
+        margin-bottom: 0px;
+      }
+    }
+
+    // 交付物菜单
+    #DxDeliver {
+      .dee-table>.sub-title {
+        color: #424141;
+        font-size: 16px;
+        padding: 2px 0 2px 2px;
+        margin-top: 10px;
+      }
+    }
+  }
+  </style>