jhprjv2/ruoyi-ui/src/views/wxsetting/wxAuth/index.vue

<template>
  <div class="app-content">
    <el-row>
      <el-col :sm="24" :lg="24">
        <el-result icon="success" title="消息授权成功">
          <template slot="extra">
            <el-button type="primary" size="medium" round>返回小程序</el-button>
          </template>
        </el-result>
      </el-col>
      <el-col :sm="24" :lg="24">
        <el-result icon="error" title="消息授权失败" subTitle="请关注公众号并进行网页授权">
          <template slot="extra">
            <el-button type="primary" size="medium" round>返回小程序</el-button>
          </template>
        </el-result>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "build",
  data() {
    return {
      uId: null,
      uIdErrorShow: false,
      successVisible: false,
    };
  },
  watch: {},
  created() {
    this.uId = this.getQueryString("userOpenId") || "";
    if (this.uId == "") {
    } else {
      this.wechatLogin();
    }
  },
  methods: {
    wechatLogin() {
      // 处理微信授权登录
      let openId = this.getQueryString("openId") || "";
      // token === '' && openId != '' 只要这种情况，未绑定账号
      if (openId != "") {
        // 绑定账号
        console.log("dialogVisible===>", openId, this.uId);
      } else {
        // 如果绑定了，返回成功
        console.log("我要去登录了===>");
        let _baseUrl = "https://szgc.jhncidg.com";
        window.location =
          _baseUrl +
          "/jhapi/wxAuth/authorize?returnUrl=" +
          _baseUrl +
          "/#/wxAuth?uid=" +
          this.uId;
      }
    },
    saveBind() {
      console.log("saveBind");
    },
    getQueryString(paramName) {
      if (window.location.href.indexOf("?") == -1) return "";
      let searchString = window.location.href.split("?")[1];
      let i,
        val,
        params = searchString.split("&");
      for (i = 0; i < params.length; i++) {
        val = params[i].split("=");
        if (val[0] == paramName) {
          return val[1];
        }
      }
      return "";
    },
  },
};
</script>
<style scope>
.app-content {
  width: 100%;
  height: 100%;
  background: #191d28
    url("https://szgcwx.jhncidg.com/staticFiles/img/CORE_40247DD946964A15AA0D4000E1031E19.png")
    no-repeat bottom/100%;
}
</style>