fix: 用户分析提交连错三次先展示用户成绩0分再弹出重新开始提示框

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

@@ -7,11 +7,74 @@
       <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 | propertyFilter}}</template>
+      <el-table-column label="可支配资产" min-width="120" >
+        <template slot-scope="scope">{{scope.row.disposable_assets | fieldsFilter('disposable_assets')}}</template>
       </el-table-column>
       <el-table-column label="理财经验" min-width="80" >
-        <template slot-scope="scope">{{scope.row.financial_experience | experienceFilter}}</template>
+        <template slot-scope="scope">{{scope.row.financial_experience | fieldsFilter('financial_experience')}}</template>
+      </el-table-column>
+      <el-table-column label="是否交易过基金产品" min-width="160" >
+        <template slot-scope="scope">{{scope.row.is_trading_capital_products | fieldsFilter('is_trading_capital_products')}}</template>
+      </el-table-column>
+      <el-table-column label="学历" min-width="120" >
+        <template slot-scope="scope">{{scope.row.education | fieldsFilter('education')}}</template>
+      </el-table-column>
+      <el-table-column label="年收入总额" min-width="120" >
+        <template slot-scope="scope">{{scope.row.annual_income | fieldsFilter('annual_income')}}</template>
+      </el-table-column>
+      <el-table-column label="金融资产中占比最高" min-width="150" >
+        <template slot-scope="scope">{{scope.row.highest_financial_assets | fieldsFilter('highest_financial_assets')}}</template>
+      </el-table-column>
+      <el-table-column label="金融产品交易偏好" min-width="140" >
+        <template slot-scope="scope">{{scope.row.financial_trading_preference | fieldsFilter('financial_trading_preference')}}</template>
+      </el-table-column>
+      <el-table-column label="风险承受能力分级" min-width="140" >
+        <template slot-scope="scope">{{scope.row.risk_tolerance_rating | fieldsFilter('risk_tolerance_rating')}}</template>
+      </el-table-column>
+      <el-table-column label="价格敏感度" min-width="120" >
+        <template slot-scope="scope">{{scope.row.price_sensitivity | fieldsFilter('price_sensitivity')}}</template>
+      </el-table-column>
+      <el-table-column label="品牌敏感度" min-width="120" >
+        <template slot-scope="scope">{{scope.row.brand_sensitivity | fieldsFilter('brand_sensitivity')}}</template>
+      </el-table-column>
+      <el-table-column label="收益敏感度" min-width="120" >
+        <template slot-scope="scope">{{scope.row.profit_sensitivity | fieldsFilter('profit_sensitivity')}}</template>
+      </el-table-column>
+      <el-table-column label="金融知识熟悉度" min-width="120" >
+        <template slot-scope="scope">{{scope.row.financial_familiarity | fieldsFilter('financial_familiarity')}}</template>
+      </el-table-column>
+      <el-table-column label="浏览产品信息渠道偏好" min-width="160" >
+        <template slot-scope="scope">{{scope.row.browse_channel_preference | fieldsFilter('browse_channel_preference')}}</template>
+      </el-table-column>
+      <el-table-column label="娱乐偏好" min-width="90" >
+        <template slot-scope="scope">{{scope.row.entertainment_preference | fieldsFilter('entertainment_preference')}}</template>
+      </el-table-column>
+      <el-table-column label="社交活跃平台" min-width="110" >
+        <template slot-scope="scope">{{scope.row.active_social_platform | fieldsFilter('active_social_platform')}}</template>
+      </el-table-column>
+      <el-table-column label="月均消费金额" min-width="110" >
+        <template slot-scope="scope">{{scope.row.average_monthly_consumption | fieldsFilter('average_monthly_consumption')}}</template>
+      </el-table-column>
+      <el-table-column label="购物渠道偏好" min-width="120" >
+        <template slot-scope="scope">{{scope.row.shopping_channel_preference | fieldsFilter('shopping_channel_preference')}}</template>
+      </el-table-column>
+      <el-table-column label="购物服务要求程度" min-width="140" >
+        <template slot-scope="scope">{{scope.row.shopping_preference | fieldsFilter('shopping_preference')}}</template>
+      </el-table-column>
+      <el-table-column label="感兴趣的金融产品" min-width="140" >
+        <template slot-scope="scope">{{scope.row.like_financial | fieldsFilter('like_financial')}}</template>
+      </el-table-column>
+      <el-table-column label="浏览金融产品时关注词条" min-width="180" >
+        <template slot-scope="scope">{{scope.row.browse_notice_keywords | fieldsFilter('browse_notice_keywords')}}</template>
+      </el-table-column>
+      <el-table-column label="感兴趣的金融信息" min-width="140" >
+        <template slot-scope="scope">{{scope.row.like_financial_info | fieldsFilter('like_financial_info')}}</template>
+      </el-table-column>
+      <el-table-column label="感兴趣的优惠方式" min-width="140" >
+        <template slot-scope="scope">{{scope.row.like_discount_way | fieldsFilter('like_discount_way')}}</template>
+      </el-table-column>
+      <el-table-column label="金融产品服务要求程度" min-width="160" >
+        <template slot-scope="scope">{{scope.row.financial_require_preference | fieldsFilter('financial_require_preference')}}</template>
       </el-table-column>
     </el-table>
     <div class="pagination">
@@ -21,6 +84,7 @@
 </template>
 <script>
 import { getUserList } from '../api'
+import { fieldsMap } from '../userFieldsMap.js'
 const propertyMap = {
   1: '10万以下',
   2: '10万-20万',
@@ -59,6 +123,10 @@ export default {
     },
     experienceFilter(val) {
       return experienceMap[val]
+    },
+    fieldsFilter(val, field) {
+      const map = fieldsMap[field]
+      return map[val]
     }
   },
   watch: {

src/modules/user-study/userFieldsMap.js

+const fieldsMap = {
+  education: { 1: '未受教育', 2: '小学', 3: '初中', 4: '中专', 5: '高中', 6: '大专', 7: '本科', 8: '硕士', 9: '博士以上' },
+  is_trading_capital_products: { 0: '否', 1: '是' },
+  financial_experience: { 1: '没有经验', 2: '1-3年', 3: '3-5年', 4: '5年以上' },
+  annual_income: { 1: '5万以下', 2: '5万-15万', 3: '15-25万', 4: '25-50万', 5: '50-100万', 6: '100万以上' },
+  disposable_assets: { 1: '10万以下', 2: '10万-20万', 3: '20-50万', 4: '50-80万', 5: '80-100万', 6: '100万-300万', 7: '300万以上' },
+  highest_financial_assets: { 1: '存款', 2: '基金', 3: '保险', 4: '股票', 5: '理财产品', 6: '其他' },
+  financial_trading_preference: { 1: '每周交易', 2: '每月交易', 3: '每半年交易', 4: '每年交易', 5: '几乎不交易' },
+  risk_tolerance_rating: { 1: '谨慎型', 2: '稳健型', 3: '平衡型', 4: '进取型', 5: '激进型' },
+  price_sensitivity: { 1: '非常不敏感', 2: '不敏感', 3: '一般', 4: '敏感', 5: '非常敏感' },
+  brand_sensitivity: { 1: '非常不敏感', 2: '不敏感', 3: '一般', 4: '敏感', 5: '非常敏感' },
+  profit_sensitivity: { 1: '非常不敏感', 2: '不敏感', 3: '一般', 4: '敏感', 5: '非常敏感' },
+  financial_familiarity: { 1: '没有任何了解', 2: '了解非常少', 3: '一般', 4: '比较了解', 5: '非常了解' },
+  browse_channel_preference: { 1: '线下网点', 2: '机构官网', 3: '金融类应用', 4: '生活类应用', 5: '微信公众号', 6: '短信', 7: '邮件', 8: '主题沙龙', 9: '其他' },
+  entertainment_preference: { 1: '影音', 2: '运动', 3: '美食', 4: '旅游', 5: '游戏', 6: '其他' },
+  active_social_platform: { 1: 'QQ', 2: '微信', 3: '微博', 4: '小红书', 5: '短视频网站', 6: '其他' },
+  average_monthly_consumption: { 1: '1000及以下', 2: '1000-3000', 3: '3000-5000', 4: '5000-10000', 5: '10000以上' },
+  shopping_channel_preference: { 1: '线下门店', 2: '电商网站', 3: '购物类手机应用', 4: '视频类手机应用', 5: '其他' },
+  shopping_preference: { 1: '服务要求低', 2: '服务要求中等', 3: '服务要求高' },
+  like_financial: { 1: '存款', 2: '基金', 3: '保险', 4: '股票', 5: '其他' },
+  browse_notice_keywords: { 1: '收益率', 2: '收益周期', 3: '风险属性', 4: '购买赎回费率', 5: '起购金额', 6: '机构名称' },
+  like_financial_info: { 1: '国家政策', 2: '行业动态', 3: '金融机构信息', 4: '投资理财案例', 5: '产品宣讲', 6: '其他' },
+  like_discount_way: { 1: '体验金', 2: '红包', 3: '优惠费率', 4: '新手标', 5: '会员积分', 6: '实物礼品', 7: '其他' },
+  financial_require_preference: { 1: '几乎不需要客服', 2: '在线客服', 3: '电话客服', 4: '一对一客户经理' }
+}
+export { fieldsMap }
\ No newline at end of file

src/modules/user-study/views/Index.vue

@@ -233,6 +233,8 @@ export default {
       }
       submitReport(params).then(res => {
         if (res.data) {
+          this.score = res.data.score
+          this.status = '3'
           if (res.data.deduct_points > 10) {
             this.$alert('您所选的用户标签不符合当前案例的目标客群，选择次数已超3次，您对营销目标客群选择并不熟悉，请加强学习，返回重新开始', '提示', {
               confirmButtonText: '重新开始',
@@ -241,13 +243,15 @@ export default {
                 this.fetchClearScore()
               }
             })
-          } else {
-            this.score = res.data.score
-            this.status = '3'
           }
         }
       }).catch(err => {
-        this.$message.error(err.message || '根据您选择的目标人群特征分析，此类受众并不适合当前的金融产品,请重新选择！')
+        this.$message({
+          message: err.message || '根据您选择的目标人群特征分析，此类受众并不适合当前的金融产品,请重新选择！',
+          type: 'error',
+          duration: 10000
+        })
+        // this.$message.error(err.message || '根据您选择的目标人群特征分析，此类受众并不适合当前的金融产品,请重新选择！')
       })
     },
     fetchClearScore() {