wxy 4 years ago
parent
commit
7e7da58c7e
1 changed files with 29 additions and 10 deletions
  1. 29 10
      src/views/halltwo/detail.vue

+ 29 - 10
src/views/halltwo/detail.vue

@@ -68,16 +68,16 @@
                   </el-col>
                 </el-col>
                 <el-col :span="24" class="tabs">
-                  <!-- <el-col :span="10" class="search">
-                    <el-input placeholder="请输入内容" v-model="input3" class="input-with-select inpu1"></el-input>
-                    <el-button class="btn1">快速搜索</el-button>
-                  </el-col> -->
                   <el-tabs v-model="activeName">
-                    <el-tab-pane label="参展项目" name="first">
+                    <el-tab-pane label="参展项目(0)" name="first">
                       <el-table :data="tableData" stripe style="width: 100%">
                         <el-table-column prop="classifi" label="行业分类" width="180"> </el-table-column>
                         <el-table-column prop="name" label="项目名称" width="180"> </el-table-column>
-                        <el-table-column prop="type" label="技术类型"> </el-table-column>
+                        <el-table-column prop="type" label="技术类型">
+                          <template slot-scope="scope">
+                            <span class="bgColor">{{ scope.row.type }}</span>
+                          </template>
+                        </el-table-column>
                         <el-table-column prop="mode" label="交易方式"> </el-table-column>
                       </el-table>
                       <el-col class="page1" :span="24">
@@ -91,11 +91,15 @@
                         </el-pagination>
                       </el-col>
                     </el-tab-pane>
-                    <el-tab-pane label="参展需求" name="second">
+                    <el-tab-pane label="参展需求(0)" name="second">
                       <el-table :data="tableData1" stripe style="width: 100%">
                         <el-table-column prop="type" label="需求类别" width="180"> </el-table-column>
                         <el-table-column prop="name" label="需求名称" width="180"> </el-table-column>
-                        <el-table-column prop="money" label="投入预算"> </el-table-column>
+                        <el-table-column prop="money" label="投入预算">
+                          <template slot-scope="scope">
+                            <span class="bgColor">{{ scope.row.money }}</span>
+                          </template>
+                        </el-table-column>
                         <el-table-column prop="site" label="所在地"> </el-table-column>
                       </el-table>
                       <el-col class="page1" :span="24">
@@ -109,7 +113,8 @@
                         </el-pagination>
                       </el-col>
                     </el-tab-pane>
-                    <el-tab-pane label="技术专家" name="third">
+                    <el-tab-pane name="third">
+                      <span slot="label">技术专家({{ total }})</span>
                       <el-col :span="24" class="zj">
                         <el-col :span="12" class="zjInfo" v-for="(item, index) in expertList" :key="index">
                           <el-col :span="12" class="img">
@@ -547,6 +552,7 @@ export default {
             padding: 27px 10px;
             .zjInfo {
               padding: 20px 30px;
+              border-radius: 5px;
               .img {
                 // width: 160px;
                 height: 160px;
@@ -580,6 +586,19 @@ export default {
               box-shadow: 0 0 5px rgba(127, 126, 126, 0.3);
             }
           }
+          .bgColor {
+            display: block;
+            height: 24px;
+            width: 90px;
+            text-align: center;
+            color: #fff;
+            background: #4d75d5;
+            border-radius: 8px;
+            line-height: 24px;
+            margin-top: 6px;
+            margin-right: 54px;
+            margin-left: 54px;
+          }
         }
       }
     }
@@ -663,7 +682,7 @@ export default {
   }
 }
 /deep/.el-tabs__item.is-active {
-  color: #0b0a0a;
+  color: #2152cb;
   font-weight: bold;
 }
 /deep/.el-tabs__item {