proginn-frontend/pages/otherpage/userSetting/show.vue

<template>
  <div class="UserSettingShow">
    <div class="titleArea">
      <p>设置主页展示内容</p>
    </div>
    <div class="bodyArea">
      <div class="selectList">
        <div class="cell" v-for="(item, index) in typeList" :key="'cell' + index">
          <div class="left">
            <p>{{item.name}}：</p>
          </div>
          <div class="right">
            <el-radio-group v-model="item.status" size="mini" :disabled="item.disable">
              <el-radio :label="1">{{item.key==="show_engine_recording" || item.key==="show_contact" ?'不允许':'不隐藏'}}</el-radio>
              <el-radio :label="0">{{item.key==="show_engine_recording" || item.key==="show_contact" ?'允许':'隐藏'}}</el-radio>
            </el-radio-group>

            <span class="tips" v-if="item.disable">
             注: 系统默认展示，暂不支持隐藏
           </span>
          </div>
        </div>
      </div>
      <div class="submitButton">
        <div class="left"></div>
        <div class="right" @click="submitForm">
          <p>确认提交</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'userSetting',
    data() {
      return {
        typeList: [
          {name: '个人介绍模块', status: 1, disable: true, key: 'show_resume'},
          {name: '工作经历模块', status: 0, disable: false, key: 'show_experience'},
          {name: '教育经历模块', status: 0, disable: false, key: 'show_education'},
          {name: '专业技能模块', status: 1, disable: true, key: 'show_skill'},
          {name: '代表作品模块', status: 1, disable: true, key: 'show_works'},
          {name: '社区影响力模块', status: 1, disable: true, key: 'show_community_influence'},
          {name: '用户评价模块', status: 0, disable: false, key: 'show_rating'},
          {name: '是否允许搜索引擎自动收录', status: 0, disable: false, key: 'show_engine_recording'},
          {name: '是否允许查看联系方式', status: 0, disable: false, key: 'show_contact'},
        ],
      }
    },
    async created() {

    },
    async mounted() {
      await this.needLogin()
      this.getTypeList()
    },
    methods: {
      /** 获取展示状态 */
      getTypeList() {
        this.$axios.get('/api/user_info_show/getting').then(res => {
          console.log('res', res)
          if (res.data.status === 1) {
            let data = res.data.data
            this.typeList.forEach(item => {
              item.status = Number(data[item.key])
            })
            this.typeList = [...this.typeList]
          }
        })
      },

      /** 提交 **/
      submitForm() {
        const {typeList} = this
        let p = {}
        typeList.forEach(item => {
          p[item.key] = Number(item.status)
        })
        this.$axios.post('/api/user_info_show/setting', p).then(res => {
          let data = res.data
          if (data.status === 1) {
            this.$message.success('提交成功')
            setTimeout(() => {
              // history.back()
            }, 1000)
          } else {
            this.$message.error('提交失败')
          }
        }).catch(e => {
          console.log(e)
          this.$message.error('提交失败')
        })
      },

      chooseReport(item) {
        item.selected = !item.selected
      }
    },

  }
</script>
<style lang="scss" scoped>
  @import '../../../assets/css/otherpage/userSettingShow.scss';
</style>