修改样式

src/pages/productAnalysis/index.vue

@@ -8,7 +8,7 @@
     <div class="table-boxs">
       <div class="table">
         <el-table
-          :data="tableData"
+          :data="tableParam.tableData"
           :span-method="objectSpanMethod"
           :header-cell-style="{background: '#F7F8FA'}"
           border
@@ -35,7 +35,7 @@
       <div class="table2">
         <el-table
           :cell-style="{background: '#F7F8FA'}"
-          :data="tableData2"
+          :data="tableParam.tableData2"
           :span-method="objectSpanMethod"
           border
           style="width: 100%;">
@@ -65,7 +65,7 @@
       </div>
       <div class="table3">
         <el-table
-          :data="tableData3"
+          :data="tableParam.tableData3"
           :span-method="objectSpanMethod"
           :header-cell-style="{background: '#F7F8FA'}"
           border
@@ -105,137 +105,143 @@ export default {
   data() {
     return {
       isCaseDialogs: false,
-      tableData: [{
-        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: ''
-      }, {
-        type: '',
-        info: '基金经理',
-        input: ''
-      }],
-      tableData2: [
-        {
-          type: '基金投资与净值表现',
-          info: '投资目标',
+      tableParam: {
+        tableData: [{
+          type: '产品概况',
+          info: '基金名称',
           input: ''
-        },
-        {
+        }, {
           type: '',
-          info: '投资范围',
-          input: '',
-          inputType: 1
-        },
-        {
-          type: '',
-          info: '投资策略',
-          input: '',
-          inputType: 1
-        },
-        {
-          type: '',
-          info: '分红政策',
-          input: '',
-          inputType: 1
-        },
-        {
+          info: '基金代码',
+          input: ''
+        }, {
           type: '',
-          info: '业绩比较基准',
+          info: '基金管理人',
           input: ''
-        },
-        {
+        }, {
           type: '',
-          info: '风险收益特征',
+          info: '基金托管人',
           input: ''
-        }
-      ],
-      tableData3: [
-        {
-          type: '投资本基金涉及的费用',
-          info: '费用类型',
+        }, {
+          type: '',
+          info: '成立日期',
           input: ''
-        },
-        {
+        }, {
           type: '',
-          info: '投资范围',
+          info: '资产规模',
           input: ''
-        },
-        {
+        }, {
           type: '',
-          info: '认购费',
+          info: '份额规模',
           input: ''
-        },
-        {
+        }, {
           type: '',
-          info: '申购费',
+          info: '基金类型',
           input: ''
-        },
-        {
+        }, {
           type: '',
-          info: '赎回费',
+          info: '交易币种',
           input: ''
-        },
-        {
+        }, {
           type: '',
-          info: '管理费',
+          info: '运作方式',
           input: ''
-        },
-        {
+        }, {
           type: '',
-          info: '托管费',
+          info: '开放频率',
           input: ''
-        },
-        {
+        }, {
           type: '',
-          info: '销售服务费',
+          info: '基金经理',
           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: {
     goPage() {
       this.isCaseDialogs = true
+      window.sessionStorage.tableParam = JSON.stringify(this.tableParam)
     },
     caseDialogClose() {
       this.isCaseDialogs = false

src/pages/score/index.vue

@@ -8,7 +8,7 @@
       <ul class="score-content">
         <li>
           <div class="name">
-            产品概况
+            产品分析
           </div>
           <div class="right-con">
             <div class="title">
@@ -23,7 +23,7 @@
         </li>
         <li class="active">
           <div class="name">
-            产品概况
+            用户分析
           </div>
           <div class="right-con">
             <div class="title">
@@ -31,7 +31,7 @@
               <div class="m-branch">满分30分</div>
             </div>
             <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>
           </div>
@@ -171,6 +171,7 @@ export default {
             }
           }
           .text{
+            width: 150px;
             font-size: 18px;
             font-weight: bold;
             color: #222222;