|
@@ -86,6 +86,16 @@
|
|
|
<el-table-column prop="type" label="技术类型"> </el-table-column>
|
|
|
<el-table-column prop="mode" label="交易方式"> </el-table-column>
|
|
|
</el-table>
|
|
|
+ <el-col class="page1" :span="24">
|
|
|
+ <el-pagination
|
|
|
+ @current-change="handleCurrentChange2"
|
|
|
+ :current-page="currentPage2"
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ :total="total2"
|
|
|
+ :page-size="pageSize2"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ </el-col>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="参展需求" name="second">
|
|
|
<el-table :data="tableData1" stripe style="width: 100%">
|
|
@@ -94,6 +104,16 @@
|
|
|
<el-table-column prop="money" label="投入预算"> </el-table-column>
|
|
|
<el-table-column prop="site" label="所在地"> </el-table-column>
|
|
|
</el-table>
|
|
|
+ <el-col class="page1" :span="24">
|
|
|
+ <el-pagination
|
|
|
+ @current-change="handleCurrentChange1"
|
|
|
+ :current-page="currentPage1"
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ :total="total1"
|
|
|
+ :page-size="pageSize1"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ </el-col>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="技术专家" name="third">
|
|
|
<el-col :span="24" class="zj">
|
|
@@ -108,18 +128,18 @@
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
+ <el-col class="page1" :span="24">
|
|
|
+ <el-pagination
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="currentPage"
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ :total="total"
|
|
|
+ :page-size="pageSize"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ </el-col>
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
- <el-col class="page1" :span="24">
|
|
|
- <el-pagination
|
|
|
- @current-change="handleCurrentChange"
|
|
|
- :current-page="currentPage"
|
|
|
- layout="total, prev, pager, next, jumper"
|
|
|
- :total="total"
|
|
|
- :page-size="pageSize"
|
|
|
- >
|
|
|
- </el-pagination>
|
|
|
- </el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
@@ -218,8 +238,11 @@ export default {
|
|
|
activeName: 'first',
|
|
|
//参展项目列表
|
|
|
tableData: [
|
|
|
+ { classifi: '11111111111111111111111', name: '1111111111111111111111111111111', type: '11', mode: '11' },
|
|
|
+ { classifi: '11', name: '1', type: '11', mode: '11' },
|
|
|
{ classifi: '11111111111111111111111', name: '1', type: '11', mode: '11' },
|
|
|
{ classifi: '11', name: '1', type: '11', mode: '11' },
|
|
|
+ { classifi: '11111111111111111111111', name: '1', type: '11', mode: '11' },
|
|
|
],
|
|
|
//参展需求
|
|
|
tableData1: [
|
|
@@ -244,10 +267,15 @@ export default {
|
|
|
{ text: '长春博士联合会' },
|
|
|
],
|
|
|
pageSize: 4,
|
|
|
- origin: [],
|
|
|
total: 0,
|
|
|
currentPage: 1,
|
|
|
input3: '',
|
|
|
+ pageSize1: 10,
|
|
|
+ total1: 0,
|
|
|
+ currentPage1: 1,
|
|
|
+ pageSize2: 10,
|
|
|
+ total2: 0,
|
|
|
+ currentPage2: 1,
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
@@ -279,6 +307,13 @@ export default {
|
|
|
handleCurrentChange(skip) {
|
|
|
this.searchInfo({ skip });
|
|
|
},
|
|
|
+ handleCurrentChange1(skip) {
|
|
|
+ // this.searchInfo({ skip });
|
|
|
+ console.log(skip);
|
|
|
+ },
|
|
|
+ handleCurrentChange2(skip) {
|
|
|
+ console.log(skip);
|
|
|
+ },
|
|
|
},
|
|
|
computed: {
|
|
|
...mapState(['user']),
|
|
@@ -532,6 +567,8 @@ export default {
|
|
|
text-align: center;
|
|
|
line-height: 26px;
|
|
|
margin: 15px 0px 25px 0px;
|
|
|
+ background: #409eff;
|
|
|
+ border-radius: 5px;
|
|
|
}
|
|
|
p:nth-child(3) {
|
|
|
font-size: 14px;
|
|
@@ -642,4 +679,16 @@ export default {
|
|
|
/deep/ .inpu1 {
|
|
|
width: 234px;
|
|
|
}
|
|
|
+// /deep/.el-table head tr:nth-child(1) {
|
|
|
+// background-color: red !important;
|
|
|
+// }
|
|
|
+/deep/.el-table .cell {
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 1;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+/deep/.el-table th.is-leaf {
|
|
|
+ background-color: #e6e6e6;
|
|
|
+}
|
|
|
</style>
|