|
|
@@ -2,11 +2,16 @@
|
|
|
<div class="container-userapplication">
|
|
|
<div class="userapplication-top">
|
|
|
<div class="top-tabs">
|
|
|
- <span v-for="item in Tabs" :key="item.name" @click="handleTabsClick(item)" :class="activeName == item.type ? 'active' : ''">
|
|
|
+ <!-- <span v-for="item in Tabs" :key="item.name" @click="handleTabsClick(item)" :class="activeName == item.type ? 'active' : ''">
|
|
|
{{ item.name }}
|
|
|
- </span>
|
|
|
+ </span> -->
|
|
|
+ <el-radio-group v-model="activeItem" @input="handleTabsClick(activeItem)">
|
|
|
+ <el-radio-button :label="item" v-for="item in Tabs" :key="item.name">{{item.name}}</el-radio-button>
|
|
|
+ </el-radio-group>
|
|
|
</div>
|
|
|
- <div class="export-select">
|
|
|
+ </div>
|
|
|
+ <el-card style="margin-top: 20px">
|
|
|
+ <div class="export-select">
|
|
|
<!-- <a style="width:80px; margin-right: 20px" :href="exportUrl" download v-if="Tabs.length>1">
|
|
|
<el-button type="primary" style="width: 100%" >导出</el-button>
|
|
|
</a> -->
|
|
|
@@ -31,8 +36,6 @@
|
|
|
<i slot="prefix" class="el-input__icon el-icon-search"></i>
|
|
|
</el-input>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <el-card style="margin-top: 20px">
|
|
|
<el-table :data="tableData" v-loading="tableLoading" element-loading-text="数据加载中..." border>
|
|
|
<el-table-column v-for="item in tableColums" :key="item.label" :label="item.label" :width="item.widthsty" :min-width="item.minwidthsty" align="center">
|
|
|
<template slot-scope="{ row }">
|
|
|
@@ -133,6 +136,7 @@ export default {
|
|
|
tableData: [],
|
|
|
tableColums: [],
|
|
|
activeName: 1,
|
|
|
+ activeItem: { name: "弘则研报", type: 1 },
|
|
|
total: 0,
|
|
|
page_no: 1,
|
|
|
pageSize: 10,
|
|
|
@@ -397,9 +401,13 @@ export default {
|
|
|
.export-select {
|
|
|
display: flex;
|
|
|
flex: 1;
|
|
|
- justify-content: flex-end;
|
|
|
+ justify-content: flex-start;
|
|
|
align-items: flex-start;
|
|
|
gap: 10px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ .el-input{
|
|
|
+ margin-left: auto;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</style>
|
cxmo