父子通信 事件订阅

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

@@ -7,12 +7,12 @@
       </el-breadcrumb-item>
       <!-- 当前模块 -->
       <transition name="breadcrumb" mode="out-in">
-        <el-breadcrumb-item class="project-bread-crumb-item current-bread-brumb-item" v-if="breadCrumb[module]">
+        <el-breadcrumb-item class="project-bread-crumb-item current-bread-brumb-item" v-if="breadCrumb[module] && current">
           <span>{{breadCrumb[module].breadcrumbName}}</span>
         </el-breadcrumb-item>
       </transition>
       <!-- 下级 -->
-      <transition-group name="breadcrumb" tag="div">
+      <transition-group name="breadcrumb" tag="div" v-if="currentBreadCurmbList.length">
         <el-breadcrumb-item class="project-bread-crumb-item" v-for="(item,index) of currentBreadCurmbList" :key="item.path"
           :class="{'current-bread-brumb-item' : item.path == current}">
           <span @click.stop="item.path == current ? '' : breadClickHandle(item)">{{item.breadcrumbName}}</span>

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

@@ -6,7 +6,7 @@
       <dsk-tab-toggle v-model="current" :tabs="toggleTabs" @tabToggle="tabToggle"></dsk-tab-toggle>
       <!-- tab切换组件容器 -->
       <div class="project-cost-ledger-detail-module">
-        <!-- 放入组件 v-if current == ‘xxxx’-->
+        <!-- 放入组件 v-if current == ‘xxxx’ 详情变量 this.detailInfo 需要深度监听-->
       </div>
     </div>
   </div>
@@ -23,9 +23,10 @@ export default {
   },
   data() {
     return {
-      current: "basicEngineeringInformation",
+      projectID: "",
+      current: "",
       module: "detail",
-      // 详情信息
+      // 详情信息变量
       detailInfo: {},
       toggleTabs: [
         {
@@ -73,7 +74,11 @@ export default {
   },
   //可访问data属性
   created() {
-    this.initDetail();
+    this.init();
+  },
+  beforeDestroy() {
+    // 注销事件订阅
+    this.$off("refreshDetail");
   },
   //计算集
   computed: {
@@ -81,7 +86,32 @@ export default {
   },
   //方法集
   methods: {
-    async initDetail() {
+    async init() {
+      try {
+        // 监听组件emit事件订阅 需要刷新数据
+        this.$on("refreshDetail", this.getProjectDetail);
+        await this.getProjectQuery();
+      } catch (error) {
+
+      }
+    },
+    async getProjectQuery() {
+      try {
+        const { query } = this.$route;
+        if (!query.projectID) return this.$message.error("缺少项目id");
+        this.projectID = query.projectID;
+        if (query.current) {
+          this.current = query.current;
+        } else {
+          // 默认命中工程项目信息
+          this.current = "basicEngineeringInformation";
+        };
+        await this.getProjectDetail(query.projectID);
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    async getProjectDetail(projectID) {
       try {
 
       } catch (error) {