API-Fan增加显示logo页面

阳洁

2024-02-29 42fa5d84c3f5fb151a194fea3741a58bd5b4edb6

API-Fan增加显示logo页面

 dist-20240222.zip

Binary files differ

 src/assets/logo-apifan.png

 src/router.js

@@ -32,6 +32,12 @@
          component: () => import('@/views/demography/langOption'),
          name: 'langOption',
          meta: { title: 'langOption' }
        },
        {
          path: 'logo',
          component: () => import('@/views/demography/logo'),
          name: 'logo',
          meta: { title: 'logo' }
        }
      ]
    },

 src/views/demography/login.vue

@@ -38,6 +38,8 @@
      } else {
        // _this.doUrl = re.response.doUrl
        _this.reportTemplateType = re.response.productType
        console.log("response")
        console.log(re.response)
        _this.setMemberTocken(_this.paraMemberToken)
        _this.setDoUrl(re.response.doUrl)
        _this.setReportTemplateId(re.response.reportTemplateId)
@@ -54,18 +56,20 @@
        reParam => {
          if (reParam.code !== 1) {
            // 职业兴趣报告特殊化处理 只有中文
            if(_this.doUrl === 'career_interests') {
            if (_this.doUrl === 'career_interests') {
              _this.$i18n.locale = 'zh'
              _this.setLangType('Chinese')
              _this.$router.push({ path: '/demography/fill/index', query: { demographyMenber: _this.memberToken, isStart: false } })
              return
            }

            console.log("产品")

            // APIFan做特殊处理 只有中文
            if (_this.reportTemplateType === 'APIFan') {
              _this.$i18n.locale = 'zh'
              _this.setLangType('Chinese')
              _this.$router.push({ path: '/demography/fill/index', query: { demographyMenber: _this.memberToken, isStart: false } })
              _this.$router.push({ path: '/demography/fill/logo', query: { demographyMenber: _this.memberToken, isStart: false } })
              return
            }


 src/views/demography/logo.vue

New file
@@ -0,0 +1,70 @@
<template>
  <div class="demography">
    <el-row style="display: flex;justify-content: center;">
      <el-image :src="require('@/assets/logo-apifan.png')" fit="fill"></el-image>
    </el-row>
    <el-row style="display: flex;justify-content: center;">
      <el-button @click="next" type="primary">开始测试</el-button>
    </el-row>
  </div>
</template>

<script>
import { mapMutations, mapState } from 'vuex'

export default {
  // components: { QuestionEdit },
  data () {
    return {
    }
  },
  created () {
  },
  methods: {
    next: function () {
      this.$router.push({ path: '/demography/fill/index', query: { demographyMenber: this.memberToken, isStart: false } })
    },
    ...mapMutations('user', ['setMemberTocken']),
    ...mapMutations('exam', ['setDoUrl'])
  },
  computed: {
    ...mapState('user', { memberToken: state => state.memberToken }),
    ...mapState('exam', { doUrl: state => state.doUrl })
  }
}
</script>

<style lang="scss" scoped>
  .demography {
    width: 90%;
    margin: 0 auto;
    margin-top: 5%;
  }

  .align-center {
    text-align: center
  }

/*  .product-style /deep/ .el-select-dropdown__item {
    width: 300px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }*/

  //样式修改部分
  .el-select .el-select-dropdown .el-scrollbar .el-select-dropdown__wrap .el-scrollbar__view .el-select-dropdown__item{
    white-space: pre-wrap;
    color: #606266;
    height: auto;
    font-weight: normal;
    width: 300px;
  }
  /*.el-select .el-select-dropdown .el-scrollbar .el-select-dropdown__wrap .el-scrollbar__view .el-select-dropdown__item.selected{
    background: #0090FF;
    color: #fff;
    font-weight: 700
  }*/

</style>