update 优化 三方登录不同域名问题 采用新方案

疯狂的狮子Li

2024-06-19 c206ab5b4a38f99bec4ee34d7b01bbabc83fa120

 src/views/system/user/profile/thirdParty.vue

@@ -1,7 +1,7 @@
<template>
  <div>
    <el-table :data="auths" style="width: 100%; height: 100%; font-size: 10px">
      <el-table-column label="序号" width="50" type="index"></el-table-column>
    <el-table :data="auths" style="width: 100%; height: 100%; font-size: 14px">
      <el-table-column label="序号" width="50" type="index" />
      <el-table-column label="绑定账号平台" width="140" align="center" prop="source" show-overflow-tooltip />
      <el-table-column label="头像" width="120" align="center" prop="avatar">
        <template #default="scope">
@@ -32,6 +32,12 @@
          </div>
          <span class="app-name">MaxKey</span>
        </a>
        <a class="third-app" href="#" title="使用 TopIam 账号授权登录" @click="authUrl('topiam')">
          <div class="git-other-login-icon">
            <svg-icon icon-class="topiam" />
          </div>
          <span class="app-name">TopIam</span>
        </a>
        <a class="third-app" href="#" title="使用 Gitee 账号授权登录" @click="authUrl('gitee')">
          <div class="git-other-login-icon">
            <svg-icon icon-class="gitee" />
@@ -51,14 +57,13 @@

<script lang="ts" setup>
import { authUnlock, authBinding } from '@/api/system/social/auth';
import { PropType } from 'vue';
import { propTypes } from '@/utils/propTypes';
import useUserStore from "@/store/modules/user";

const { proxy } = getCurrentInstance() as ComponentInternalInstance;

const props = defineProps({
  auths: {
    type: Object as PropType<any>
  }
  auths: propTypes.any.isRequired
});
const auths = computed(() => props.auths);

@@ -79,7 +84,7 @@
};

const authUrl = (source: string) => {
  authBinding(source).then((res: any) => {
  authBinding(source, useUserStore().tenantId).then((res: any) => {
    if (res.code === 200) {
      window.location.href = res.data;
    } else {