fix: 修复用户分析数据表格字段展示错误的bug [2213]

src/modules/user-study/components/UserTable.vue

 <template>
   <div class="user-table">
     <el-table :data="tableData" stripe size="medium" height="calc(100% - 26px)" style="width: 100%" :header-row-style="{background:'#ededed',color:'#4d4d4d'}" :header-cell-style="{background: 'transparent'}">
-      <el-table-column prop="name" label="客户姓名" min-width="120" />
-      <el-table-column prop="id" label="客户编号" min-width="120" />
-      <el-table-column prop="age" label="年龄" min-width="100" />
-      <el-table-column prop="sex" label="性别" min-width="100" >
+      <el-table-column prop="name" label="客户姓名" min-width="100" />
+      <el-table-column prop="no" label="客户编号" min-width="150" />
+      <el-table-column prop="age" label="年龄" min-width="80" />
+      <el-table-column prop="sex" label="性别" min-width="80" >
         <template slot-scope="scope">{{scope.row.sex === 1 ? '男' : '女'}}</template>
       </el-table-column>
       <el-table-column prop="property" label="可支配资产" min-width="120" >
-        <template slot-scope="scope">{{scope.row.disposable_assets}}万</template>
+        <template slot-scope="scope">{{scope.row.disposable_assets | propertyFilter}}</template>
       </el-table-column>
-      <el-table-column label="理财经验" min-width="120" >
-        <template slot-scope="scope">{{scope.row.financial_experience}}年</template>
+      <el-table-column label="理财经验" min-width="80" >
+        <template slot-scope="scope">{{scope.row.financial_experience | experienceFilter}}</template>
       </el-table-column>
     </el-table>
     <div class="pagination">
@@ -21,6 +21,21 @@
 </template>
 <script>
 import { getUserList } from '../api'
+const propertyMap = {
+  1: '10万以下',
+  2: '10万-20万',
+  3: '20-50万',
+  4: '50-80万',
+  5: '80-100万',
+  6: '100万-300万',
+  7: '300万以上'
+}
+const experienceMap = {
+  1: '没有经验',
+  2: '1-3年',
+  3: '3-5年',
+  4: '5年以上'
+}
 export default {
   props: {
     params: {
@@ -38,6 +53,14 @@ export default {
       limit: 10
     }
   },
+  filters: {
+    propertyFilter(val) {
+      return propertyMap[val]
+    },
+    experienceFilter(val) {
+      return experienceMap[val]
+    }
+  },
   watch: {
     params: {
       handler(v) {
@@ -65,6 +88,9 @@ export default {
   box-sizing:border-box;
   height:484px;
 }
+.user-table ::v-deep.el-table .el-table__cell.gutter{
+  background:#ededed;
+}
 .pagination{
   padding-top:7px;
   text-align:right;