完成后台互链企业中的互链项目的展示

src/views/manage_company/user/components/relation_company_info.vue

@@ -32,9 +32,7 @@
         </template>
       </card-header>
     </div>
-    <div>
-      <div class="border-line"></div>
-    </div>
+    <div class="border-line"></div>
     <div class="clear"></div>
     <div class="largecontentBox">
       <div class="mlr-20">
@@ -87,6 +85,52 @@
           <span class="info_item_text">{{ mainCompanyId }}</span>
         </div> -->
       </div>
+      <template v-if="projectList.length">
+        <div class="border-line" />
+        <div class="mlr-20 linkTitle">正在互链项目</div>
+        <el-table
+          :data="projectList"
+          style="width: 100%"
+          max-height="250">
+          <el-table-column
+            align="right"
+            width="56px">
+            <template slot="header" slot-scope="slot">
+              <i class="el-icon-models" />
+            </template>
+            <template slot-scope="scope">
+              <i class="el-icon-models" />
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="projName"
+            label="项目名称"
+            >
+          </el-table-column>
+          <el-table-column
+            prop="relation"
+            label="关系"
+            width="120">
+          </el-table-column>
+          <el-table-column
+            prop="projectManagerName"
+            label="项目负责人"
+            width="120">
+          </el-table-column>
+          <el-table-column
+            prop="otherNum"
+            label="对方企业参与人数"
+            width="120">
+          </el-table-column>
+          <el-table-column
+            prop="ourNum"
+            label="我企业参与认识"
+            width="180">
+          </el-table-column>
+        </el-table>
+        
+
+      </template>
     </div>
     <el-dialog
       title="请输入密码以认证用户权限"
@@ -170,7 +214,7 @@ export default {
       companyData: {},
       authModalVisible: false,
       authForm: {},
-      
+      projectList: [],
     };
   },
   mounted() {
@@ -206,10 +250,10 @@ export default {
   methods: {
     async fetchCompanyDetail() {
       const thatCompanyId = this.relationInfo.thatCompanyId;
-      // todo await 查询公司互链项目列表
-      const res = await this.$fetchApi("company/queryCompanyById", {
-        id: thatCompanyId,
-      });
+      const [res, linkProjRes] = await Promise.all([
+        this.$fetchApi("company/queryCompanyById", { id: thatCompanyId }),
+        this.$fetchApi("project/queryLinkProjectListByCompanyId", { ourCompanyId : this.mainCompanyId, otherCompanyId : thatCompanyId }),
+      ]);
       wrapErrorHint(res);
       if (res.Code) {
         return;
@@ -220,6 +264,7 @@ export default {
         deptCount: res.Data.deptNum,
         userCount: res.Data.userNum,
       };
+      this.projectList = (linkProjRes.Data || []).map(firstCharToLowerCase);
     },
     // 发送申请
     async sendApply() {
@@ -329,6 +374,15 @@ export default {
 <style lang="less" scoped>
 .border-line {
   margin: 0;
+  background-color: rgba(#000, 0.2);
+  transform: scaleY(0.5)
+}
+.linkTitle {
+  font-size: 14px;
+  line-height: 1em;
+  color: #7A7B89;
+  margin-top: 13px;
+  margin-bottom: 13px;
 }
 .largecontentBox {
   margin-top: 10px;
@@ -363,4 +417,8 @@ export default {
     color: rgba(50, 50, 60, 100);
   }
 }
+.relation_company_info /deep/ .el-table th {
+  background-color: transparent;
+}
+
 </style>