proginn-frontend/pages/community/u/_id.vue

<template>
  <div class="community-u-box">

  </div>
</template>

<script>
import WxMixin from '@/mixins/wx'

let page = 1

export default {
  layout: 'opacity_header',
  data() {
    return {
      title: '开发者资质认证- 程序员客栈',
      list: [],
    }
  },
  head() {
    return {
      title: this.title,
      script: [
        { src: 'https://res.wx.qq.com/open/js/jweixin-1.2.0.js' },
      ],
    }
  },
  mixins: [WxMixin],
  mounted() {
    this.getList()
  },
  methods: {
    clickLancer({ id }) {
      this.$router.push(`/cert/type/${id}`)
    },
    btnDisabled(item) {
      return item.btn_name !== "申请认证" || !item.can_click
    },
    async getList() {
      let res = await this.$post('/api/cert/getList', { page }, { neverLogout: true })
      if(res.status) {
        let list = res.data.list
        this.list = list
      }
    },
    canApply(item) {
      return item.end_date && item.is_cert_validate && item.cert_no
    },
    configWx() {
      try {
        let conf = this.$store.state.wxConfig
        wx.ready(function() {   //需在用户可能点击分享按钮前就先调用
          wx.config({
            debug: true,
            appId: conf.appId,
            timestamp: conf.timestamp,
            nonceStr: conf.nonceStr,
            signature: conf.signature,
            jsApiList: [
              // 所有要调用的 API 都要加到这个列表中
              'onMenuShareTimeline',       // 分享到朋友圈接口
              'onMenuShareAppMessage',  //  分享到朋友接口
              'onMenuShareQQ',         // 分享到QQ接口
              'onMenuShareWeibo'      // 分享到微博接口
            ],
            success: function() {
              alert('wx.config ok');
            },
            error: function(d) {
              alert('wx.config err:' + JSON.stringify(d));
            }
          })
          wx.updateAppMessageShareData({
            title: '开发者资质认证', // 分享标题
            desc: '通过平台审核、认证，将获得更多接单机会', // 分享描述
            link: location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'https://stacdn.proginn.com/favicon.ico', // 分享图标
            success: function() {
              // 设置成功
              alert('微信图标设置成功')
            }
          })
        })
      } catch(error) {
        alert(error)
      }
    }
  }
}
</script>

<style>
body {
  background: url(~@/assets/img/community/u_background.png) 0 0 / 100% auto no-repeat;
}
.community-u {

}
</style>