项目详情、合同详情互相跳转

src/views/dataMember/DataMember.vue

@@ -91,7 +91,8 @@
 
     </a-card>
 
-    <project-detail-modal ref="projectDetail"></project-detail-modal>
+    <project-detail-modal ref="projectDetail" @openContractModule="handleOpenContractModule"></project-detail-modal>
+    <mine-contract-module :contract-id="contractId" :visible.sync="contractModuleVisible" @openProjectDetail="openDetailModal"></mine-contract-module>
   </div>
 </template>
 <script>
@@ -99,11 +100,12 @@ import { JeroListMixin } from '@/mixins/JeroListMixin'
 import ProjectTable from '@comp/table/ProjectTable'
 import ProjectDetailModal from '@views/MessagePage/ProjectDetailModal'
 import StatusSlot from '@comp/tools/StatusSlot'
-import JEllipsis from "@comp/jero/JEllipsis"
+import JEllipsis from '@comp/jero/JEllipsis'
+import MineContractModule from '@views/mineContract/modules/MineContractModule'
 
 export default {
   name: 'DataMember',
-  components: { ProjectTable, ProjectDetailModal,StatusSlot,JEllipsis },
+  components: { ProjectTable, ProjectDetailModal, StatusSlot, JEllipsis, MineContractModule },
   mixins: [JeroListMixin],
   data() {
     return {
@@ -157,6 +159,9 @@ export default {
         }
       ],
       loading: false,
+      // 合同详情
+      contractModuleVisible: false,
+      contractId: '',
       url: {
         list: '/jero/memberProjectSubitem/pageCompany'
       }
@@ -171,6 +176,14 @@ export default {
       this.ipagination.current = pagination.current
       this.ipagination.pageSize = pagination.pageSize
       this.loadData()
+    },
+    /**
+     * 打开合同详情
+     * @param contractId
+     */
+    handleOpenContractModule(contractId) {
+      this.contractId = contractId
+      this.contractModuleVisible = true
     }
   }
 }

src/views/mineContract/MineContract.vue

@@ -36,7 +36,7 @@
                 <template slot="title">
                   {{ text }}
                 </template>
-                <div @click="openDetail(record)" class="project-name">
+                <div @click="openDetail(record.id)" class="project-name">
                   {{ text }}
                 </div>
               </a-tooltip>
@@ -56,7 +56,8 @@
       <!--    表格区域end-->
     </a-card>
 
-    <mine-contract-module :visible.sync="detailVisible" :contract-id="contractId"></mine-contract-module>
+    <project-detail-modal ref="projectDetail" @openContractModule="openDetail"></project-detail-modal>
+    <mine-contract-module :visible.sync="detailVisible" :contract-id="contractId" @openProjectDetail="openDetailModal"></mine-contract-module>
   </div>
 </template>
 <script>
@@ -65,10 +66,11 @@ import ProjectTable from '@comp/table/ProjectTable'
 import MineContractModule from '@views/mineContract/modules/MineContractModule'
 import StatusSlot from '@comp/tools/StatusSlot'
 import { getContractDetailById } from '@api/incomePaymentsApi'
+import ProjectDetailModal from '@views/MessagePage/ProjectDetailModal'
 
 export default {
   name: 'MineContract',
-  components: { ProjectTable, MineContractModule, StatusSlot },
+  components: { ProjectTable, MineContractModule, StatusSlot, ProjectDetailModal },
   mixins: [JeroListMixin],
   data() {
     return {
@@ -105,6 +107,7 @@ export default {
       },
       contractId: '',
       detailVisible: false,
+      projectType: null
     }
   },
   methods: {
@@ -118,8 +121,8 @@ export default {
       this.ipagination.pageSize = pagination.pageSize
       this.loadData()
     },
-    openDetail(record) {
+    openDetail(id) {
-      this.contractId = record.id
+      this.contractId = id
       this.detailVisible = true
     }
   }