第二屏

public/css/common.scss

@@ -1675,7 +1675,7 @@ body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, texta
   }
 
   //表格
-  .tableList.el-table .el-table__header th:nth-child(1){
+  .tableList.el-table .el-table__header th:nth-child(1),.reportTable.el-table .el-table__header th:nth-child(1){
     padding-left: 15px;
   }
   .tableList,.projectTable,.projectTable3{
@@ -2001,4 +2001,25 @@ body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, texta
     background: url(http://cstaticdun.126.net//2.6.3/images/icon_light.f13cff3.png) 0 -437px;
     background-size: 34px 471px;
   }
+
+  //汇报
+  .reportTable.el-table{
+    border: 2px solid #9A8EB4;
+    & .el-table__header-wrapper, & .el-table__header, & thead{
+      color: #fff !important;
+    }
+    & thead{
+      background-color:rgba(154,142,180,0.2);
+    }
+    & th.is-leaf{
+      border-bottom:2px solid rgba(154,142,180,1);
+    }
+    & th,& tr{
+      background: transparent !important;
+      color: #fff;
+    }
+    & .el-table__expanded-cell,& tr:hover>td{
+      background: unset !important;
+    }
+  }
 }
\ No newline at end of file

src/views/report/comInfo.vue

 <template>
     <div class="reportCompany">
-        <p>河北省是要控股集团有限公司</p>
+        <p>冀中能源集团有限责任公司</p>
         <div>
-            <img src="" alt="">
+            <img src="../../assets/img/report/jizhong.png" alt="">
         </div>
-        <div>
+        <div class="infoForm">
             <p>
                 石药控股集团有限公司是我国医药行业的龙头企业之一，总资产410亿元，员工25000人。在港上市公司（01093.HK）市值1000多亿港币，是香港恒生指数成份股，是恒生指数编制50年来首支医药股。
             </p>
             <ul>
                 <li>
-                    <span></span><span></span>
+                    <span>所属行业：</span><span>能源、制造、交通运输</span>
                 </li>
                 <li>
-                    <span></span><span></span>
+                    <span>网址：</span><span><a href="http://www.jznyjt.com/" style="color: #fff;" target="_blank">http://www.jznyjt.com/</a></span>
                 </li>
                 <li>
-                    <span></span><span></span>
+                    <span>公众号：</span><span>jzhnyjt</span>
                 </li>
             </ul>
             <ul>
                 <li>
-                    <span></span><span></span>
+                    <span>公司创建时间：</span><span>2008/6/30</span>
                 </li>
                 <li>
-                    <span></span><span></span>
+                    <span>公司规模：</span><span>2000人以上</span>
                 </li>
                 <li>
-                    <span></span><span></span>
+                    <span style="display:inline-block;width: 140px;">行业通俗标签：</span><span style="display: inline-block;text-align: left;">煤炭、制药、航空、现代物流、化工、电力、装备制造</span>
                 </li>
             </ul>
         </div>
-        <div>
-            <el-table class="tableList" :empty-text="$t('emptyDataTitle.tableData')"
+        <div class="tableInfo">
+            <el-table class="reportTable" :empty-text="$t('emptyDataTitle.tableData')"
                       :data="tableData"
                       fit
-                      style="width: 100%;text-align:center;"
+                      style="width: 100%;text-align:center;background: unset;"
             >
                 <el-table-column
                         :label="$t('bigBusiness.detailInfo.requireTitle')"
@@ -50,10 +50,8 @@
                         :label="$t('bigBusiness.detailInfo.targetIndustry')"
                         header-align="center"
                         align="center"
+                        prop="targetIndustryList"
                 >
-                    <template slot-scope="scope">
-                        <p v-for="(item,index) in scope.row.targetIndustryList" :key="index">{{item}}</p>
-                    </template>
                 </el-table-column>
                 <el-table-column
                         prop="province"
@@ -79,7 +77,7 @@
                         width="120"
                 >
                     <template slot-scope="scope">
-                        <el-button type="text" @click="handleToDetail(scope.row)" :disabled="isFlag&&userInfo.roleList[0].roleType==5&&userInfo.empId!=scope.row.createdBy&&(scope.row.requirementStatus!='RA03')">
+                        <el-button type="text" style="color: #fff;" @click="handleToDetail(scope.row)">
                             {{$t("bigBusiness.detailInfo.look")}}
                         </el-button>
                     </template>
@@ -97,7 +95,14 @@
         name: "comInfo",
         data(){
             return{
-                tableData:[]
+                tableData:[{
+                    id:1,
+                    requirementName:"寻求冷轧锌铝镁产品关键装备及工艺开发",
+                    targetIndustryList:"智能制造",
+                    cooperationWayStr:"技术交易授权合作",
+                    requirementEndTime:"2020/8/8"
+
+                }]
             }
         }
     }
@@ -107,6 +112,58 @@
     .reportCompany{
         width: 100%;
         height: 100%;
+        color: #fff;
+        padding-top: 50px;
+        display: -webkit-flex; /*新版本语法：chrome 21+*/
+        display: -webkit-box; /*老版本语法：Safari,iOS,Android browser,old Webkit browser*/
+        display: -moz-box; /*老版本语法：Firefox(buggy)*/
+        display: -ms-flexbox; /*混合版本语法：IE 10*/
+        display: flex; /*新版本语法:opera 12.1,Firefox 22+*/
+        justify-content: center;
+        flex-wrap: wrap;
+        &>p{
+            font-size: 30px;
+            padding-bottom: 40px;
+            width: 100%;
+        }
+        &>div{
+            width: 100%;
+        }
+        &>div.infoForm{
+            display: -webkit-flex; /*新版本语法：chrome 21+*/
+            display: -webkit-box; /*老版本语法：Safari,iOS,Android browser,old Webkit browser*/
+            display: -moz-box; /*老版本语法：Firefox(buggy)*/
+            display: -ms-flexbox; /*混合版本语法：IE 10*/
+            display: flex; /*新版本语法:opera 12.1,Firefox 22+*/
+            justify-content: center;
+            flex-wrap: wrap;
+            padding-bottom: 30px;
+            &>p{
+                margin-bottom: 18px;
+            }
+            & ul{
+                display: -webkit-flex; /*新版本语法：chrome 21+*/
+                display: -webkit-box; /*老版本语法：Safari,iOS,Android browser,old Webkit browser*/
+                display: -moz-box; /*老版本语法：Firefox(buggy)*/
+                display: -ms-flexbox; /*混合版本语法：IE 10*/
+                display: flex; /*新版本语法:opera 12.1,Firefox 22+*/
+                width: 74%;
+                li{
+                    flex: 1;
+                    display: -webkit-flex; /*新版本语法：chrome 21+*/
+                    display: -webkit-box; /*老版本语法：Safari,iOS,Android browser,old Webkit browser*/
+                    display: -moz-box; /*老版本语法：Firefox(buggy)*/
+                    display: -ms-flexbox; /*混合版本语法：IE 10*/
+                    display: flex; /*新版本语法:opera 12.1,Firefox 22+*/
+                    justify-content: flex-start;
+                }
+            }
+        }
+
+        &>div.tableInfo{
+            width: 74%;
+        }
+
 
     }
 </style>
\ No newline at end of file