From 319b37fe98d04df1e3af0f0d956ab42cb057680c Mon Sep 17 00:00:00 2001
From: LiuHao <liuhaoai545@gmail.com>
Date: 星期二, 20 六月 2023 19:15:58 +0800
Subject: [PATCH] 合并 ts
---
src/views/system/user/profile/thirdParty.vue | 140 ++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 140 insertions(+), 0 deletions(-)
diff --git a/src/views/system/user/profile/thirdParty.vue b/src/views/system/user/profile/thirdParty.vue
new file mode 100644
index 0000000..e5791ef
--- /dev/null
+++ b/src/views/system/user/profile/thirdParty.vue
@@ -0,0 +1,140 @@
+<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-column label="缁戝畾璐﹀彿骞冲彴" width="140" align="center" prop="source" show-overflow-tooltip />
+ <el-table-column label="澶村儚" width="120" align="center" prop="avatar">
+ <template v-slot="scope">
+ <img :src="scope.row.avatar" style="width: 45px; height: 45px" />
+ </template>
+ </el-table-column>
+ <el-table-column label="绯荤粺璐﹀彿" width="180" align="center" prop="userName" :show-overflow-tooltip="true" />
+ <el-table-column label="缁戝畾鏃堕棿" width="180" align="center" prop="createTime" />
+ <el-table-column label="鎿嶄綔" width="80" align="center" class-name="small-padding fixed-width">
+ <template v-slot="scope">
+ <el-button size="small" type="text" @click="unlockAuth(scope.row)">瑙ｇ粦</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+
+ <div id="git-user-binding">
+ <h4 class="provider-desc">浣犲彲浠ョ粦瀹氫互涓嬬涓夋柟甯愬彿</h4>
+ <div id="authlist" class="user-bind">
+ <a class="third-app" href="#" @click="authUrl('gitee');" title="浣跨敤 Gitee 璐﹀彿鎺堟潈鐧诲綍">
+ <div class="git-other-login-icon">
+ <svg-icon icon-class="gitee" />
+ </div>
+ <span class="app-name">Gitee</span>
+ </a>
+
+ <a class="third-app" href="#" @click="authUrl('github');" title="浣跨敤 GitHub 璐﹀彿鎺堟潈鐧诲綍">
+ <div class="git-other-login-icon">
+ <svg-icon icon-class="github" />
+ </div>
+ <span class="app-name">Github</span>
+ </a>
+
+ <a class="third-app" href="#" @click="authUrl('wechar');" title="浣跨敤 寰俊 璐﹀彿鎺堟潈鐧诲綍">
+ <div class="git-other-login-icon">
+ <svg-icon icon-class="wechat" />
+ </div>
+ <span class="app-name">WeiXin</span>
+ </a>
+
+ <a class="third-app" href="#" @click="authUrl('qq');" title="浣跨敤 QQ 璐﹀彿鎺堟潈鐧诲綍">
+ <div class="git-other-login-icon">
+ <svg-icon icon-class="qq" />
+ </div>
+ <span class="app-name">QQ</span>
+ </a>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script lang="ts" setup>
+import { authUnlock, authBinding } from "@/api/system/social/auth";
+import { PropType } from "vue";
+
+const props = defineProps({
+ auths: {
+ type: Object as PropType<any>,
+ }
+});
+const auths = computed(() => props.auths);
+
+
+const unlockAuth = (row: any) => {
+ ElMessageBox.confirm('鎮ㄧ‘瀹氳瑙ｉ櫎"' + row.source + '"鐨勮处鍙风粦瀹氬悧锛�')
+ .then(() => {
+ return authUnlock(row.id);
+ }).then((res: any) => {
+ if (res.code === 200) {
+ ElMessage.success("瑙ｇ粦鎴愬姛");
+ } else {
+ ElMessage.error(res.msg);
+ }
+ }).catch(() => { });
+};
+
+const authUrl = (source: string) => {
+ authBinding(source).then((res: any) => {
+ if (res.code === 200) {
+ window.location.href = res.msg;
+ } else {
+ ElMessage.error(res.msg);
+ }
+ });
+};
+</script>
+
+<style type="text/css">
+.user-bind .third-app {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-width: 80px;
+ float: left;
+}
+
+.user-bind {
+ font-size: 1rem;
+ text-align: start;
+ height: 50px;
+ margin-top: 10px;
+}
+
+.git-other-login-icon>img {
+ height: 32px;
+}
+
+a {
+ text-decoration: none;
+ cursor: pointer;
+ color: #005980;
+}
+
+.provider-desc {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial,
+ "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans",
+ "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei",
+ "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp",
+ sans-serif;
+ font-size: 1.071rem;
+}
+
+td>img {
+ height: 20px;
+ width: 20px;
+ display: inline-block;
+ border-radius: 50%;
+ margin-right: 5px;
+}
+</style>
--
Gitblit v1.9.3