提交 ebec6eb0 authored 作者: lihuihui's avatar lihuihui

修改样式

上级 2cece18b
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<div class="table-boxs"> <div class="table-boxs">
<div class="table"> <div class="table">
<el-table <el-table
:data="tableData" :data="tableParam.tableData"
:span-method="objectSpanMethod" :span-method="objectSpanMethod"
:header-cell-style="{background: '#F7F8FA'}" :header-cell-style="{background: '#F7F8FA'}"
border border
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
<div class="table2"> <div class="table2">
<el-table <el-table
:cell-style="{background: '#F7F8FA'}" :cell-style="{background: '#F7F8FA'}"
:data="tableData2" :data="tableParam.tableData2"
:span-method="objectSpanMethod" :span-method="objectSpanMethod"
border border
style="width: 100%;"> style="width: 100%;">
...@@ -65,7 +65,7 @@ ...@@ -65,7 +65,7 @@
</div> </div>
<div class="table3"> <div class="table3">
<el-table <el-table
:data="tableData3" :data="tableParam.tableData3"
:span-method="objectSpanMethod" :span-method="objectSpanMethod"
:header-cell-style="{background: '#F7F8FA'}" :header-cell-style="{background: '#F7F8FA'}"
border border
...@@ -105,137 +105,143 @@ export default { ...@@ -105,137 +105,143 @@ export default {
data() { data() {
return { return {
isCaseDialogs: false, isCaseDialogs: false,
tableData: [{ tableParam: {
type: '产品概况', tableData: [{
info: '基金名称', type: '产品概况',
input: '' info: '基金名称',
}, {
type: '',
info: '基金代码',
input: ''
}, {
type: '',
info: '基金管理人',
input: ''
}, {
type: '',
info: '基金托管人',
input: ''
}, {
type: '',
info: '成立日期',
input: ''
}, {
type: '',
info: '资产规模',
input: ''
}, {
type: '',
info: '份额规模',
input: ''
}, {
type: '',
info: '基金类型',
input: ''
}, {
type: '',
info: '交易币种',
input: ''
}, {
type: '',
info: '运作方式',
input: ''
}, {
type: '',
info: '开放频率',
input: ''
}, {
type: '',
info: '基金经理',
input: ''
}],
tableData2: [
{
type: '基金投资与净值表现',
info: '投资目标',
input: '' input: ''
}, }, {
{
type: '', type: '',
info: '投资范围', info: '基金代码',
input: '', input: ''
inputType: 1 }, {
},
{
type: '',
info: '投资策略',
input: '',
inputType: 1
},
{
type: '',
info: '分红政策',
input: '',
inputType: 1
},
{
type: '', type: '',
info: '业绩比较基准', info: '基金管理人',
input: '' input: ''
}, }, {
{
type: '', type: '',
info: '风险收益特征', info: '基金托管人',
input: '' input: ''
} }, {
], type: '',
tableData3: [ info: '成立日期',
{
type: '投资本基金涉及的费用',
info: '费用类型',
input: '' input: ''
}, }, {
{
type: '', type: '',
info: '投资范围', info: '资产规模',
input: '' input: ''
}, }, {
{
type: '', type: '',
info: '认购费', info: '份额规模',
input: '' input: ''
}, }, {
{
type: '', type: '',
info: '申购费', info: '基金类型',
input: '' input: ''
}, }, {
{
type: '', type: '',
info: '赎回费', info: '交易币种',
input: '' input: ''
}, }, {
{
type: '', type: '',
info: '管理费', info: '运作方式',
input: '' input: ''
}, }, {
{
type: '', type: '',
info: '托管费', info: '开放频率',
input: '' input: ''
}, }, {
{
type: '', type: '',
info: '销售服务费', info: '基金经理',
input: '' input: ''
} }],
] tableData2: [
{
type: '基金投资与净值表现',
info: '投资目标',
input: ''
},
{
type: '',
info: '投资范围',
input: '',
inputType: 1
},
{
type: '',
info: '投资策略',
input: '',
inputType: 1
},
{
type: '',
info: '分红政策',
input: '',
inputType: 1
},
{
type: '',
info: '业绩比较基准',
input: ''
},
{
type: '',
info: '风险收益特征',
input: ''
}
],
tableData3: [
{
type: '投资本基金涉及的费用',
info: '费用类型',
input: ''
},
{
type: '',
info: '投资范围',
input: ''
},
{
type: '',
info: '认购费',
input: ''
},
{
type: '',
info: '申购费',
input: ''
},
{
type: '',
info: '赎回费',
input: ''
},
{
type: '',
info: '管理费',
input: ''
},
{
type: '',
info: '托管费',
input: ''
},
{
type: '',
info: '销售服务费',
input: ''
}
]
}
} }
}, },
mounted() {
this.tableParam = JSON.parse(window.sessionStorage.tableParam)
},
methods: { methods: {
goPage() { goPage() {
this.isCaseDialogs = true this.isCaseDialogs = true
window.sessionStorage.tableParam = JSON.stringify(this.tableParam)
}, },
caseDialogClose() { caseDialogClose() {
this.isCaseDialogs = false this.isCaseDialogs = false
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<ul class="score-content"> <ul class="score-content">
<li> <li>
<div class="name"> <div class="name">
产品概况 产品分析
</div> </div>
<div class="right-con"> <div class="right-con">
<div class="title"> <div class="title">
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
</li> </li>
<li class="active"> <li class="active">
<div class="name"> <div class="name">
产品概况 用户分析
</div> </div>
<div class="right-con"> <div class="right-con">
<div class="title"> <div class="title">
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
<div class="m-branch">满分30分</div> <div class="m-branch">满分30分</div>
</div> </div>
<div class="content"> <div class="content">
<img src="https://zws-imgs-pub.ezijing.com/static/public/d420c12a4f4b7eed0121da6d5db5e59b.png" alt=""> <img src="https://zws-imgs-pub.ezijing.com/static/public/73d0769700eaaf59b7c4ac5a4a0cfd76.png" alt="">
<div class="text">您离满分很近了!</div> <div class="text">您离满分很近了!</div>
</div> </div>
</div> </div>
...@@ -171,6 +171,7 @@ export default { ...@@ -171,6 +171,7 @@ export default {
} }
} }
.text{ .text{
width: 150px;
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
color: #222222; color: #222222;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论