合同关联项目详情

src/views/mineContract/modules/MineContractModule.vue

@@ -51,7 +51,7 @@
               <a-col :span="3">关联项目：</a-col>
               <a-col :span="21">
                 <span v-for="(item, index) in associatedProjectList" :key="index">
-                  <div>{{ item.chargeProject }}</div>
+                  <div @click="openDetailModal(item)" class="project-name">{{ item.chargeProject }}</div>
                 </span>
               </a-col>
             </a-row>
@@ -77,14 +77,17 @@
         </a-table>
       </div>
     </a-spin>
+    <project-detail-modal ref="projectDetail"></project-detail-modal>
   </j-modal>
 </template>
 
 <script>
 import { getContractDetailById } from '@api/incomePaymentsApi'
+import ProjectDetailModal from '@views/MessagePage/ProjectDetailModal'
 
 export default {
   name: 'MineContractModule',
+  components: { ProjectDetailModal },
   data() {
     return {
       title: '合同信息',
@@ -139,6 +142,16 @@ export default {
         this.loading = false
       })
     },
+    /*
+    * 打开项目详情模态框
+    * */
+    openDetailModal(record) {
+      console.log(record)
+      // 用projectId替换id
+      let param = JSON.parse(JSON.stringify(record))
+      param.id = param.projectId
+      this.$refs.projectDetail.open(param)
+    },
     lookLogistics() {
       window.open('https://www.ems.com.cn/', '_blank')
     },
@@ -170,4 +183,9 @@ h3.title::before {
   width: 2px;
   background: #069f99;
 }
+
+.project-name {
+  color: #069f99;
+  cursor: pointer;
+}
 </style>