|
@@ -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 {
|