xinyin025/geekai
1
0
Fork 0
mirror of https://github.com/yangjian102621/geekai.git synced 2025-12-18 06:06:01 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

增加生成一键登录链接功能

Browse Source
This commit is contained in:
GeekMaster
2025-04-11 14:36:27 +08:00
parent 4d93e901e0
commit e0b4e8970a
14 changed files with 440 additions and 296 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
CHANGELOG.md
View File

@@ -7,7 +7,8 @@
- 功能优化：支持 GPT-4o 图片编辑功能。
- 功能新增：对话页面支持 AI 输出语音播报（TTS）。
- 功能优化：替换瀑布流组件，优化用户体验。
- 功能优化：生成思维导图时候自动缓存上一次的结果
- 功能优化：生成思维导图时候自动缓存上一次的结果。
- 功能优化：优化 MJ 绘图页面，增加 MJ-V7 模型支持。
## v4.2.1

34
api/handler/admin/user_handler.go
View File

@@ -20,6 +20,7 @@ import (
"time"
"github.com/go-redis/redis/v8"
"github.com/golang-jwt/jwt/v5"
"github.com/gin-gonic/gin"
"gorm.io/gorm"
@@ -320,3 +321,36 @@ func (h *UserHandler) LoginLog(c *gin.Context) {
resp.SUCCESS(c, vo.NewPage(total, page, pageSize, logs))
}
// GenLoginLink 生成登录链接
func (h *UserHandler) GenLoginLink(c *gin.Context) {
id := c.Query("id")
if id == "" {
resp.ERROR(c, types.InvalidArgs)
return
}
var user model.User
if err := h.DB.Where("id = ?", id).First(&user).Error; err != nil {
resp.ERROR(c, "用户不存在")
return
}
// 创建 token
token := jwt.NewWithClaims(jwt.SigningMethodHS256, jwt.MapClaims{
"user_id": user.Id,
"expired": time.Now().Add(time.Second * time.Duration(h.App.Config.Session.MaxAge)).Unix(),
})
tokenString, err := token.SignedString([]byte(h.App.Config.Session.SecretKey))
if err != nil {
resp.ERROR(c, "Failed to generate token, "+err.Error())
return
}
// 保存到 redis
sessionKey := fmt.Sprintf("users/%d", user.Id)
if _, err = h.redis.Set(c, sessionKey, tokenString, 0).Result(); err != nil {
resp.ERROR(c, "error with save token: "+err.Error())
return
}
resp.SUCCESS(c, tokenString)
}

1
api/main.go
View File

@@ -331,6 +331,7 @@ func main() {
group.POST("save", h.Save)
group.GET("remove", h.Remove)
group.GET("loginLog", h.LoginLog)
group.GET("genLoginLink", h.GenLoginLink)
group.POST("resetPass", h.ResetPass)
}),
fx.Invoke(func(s *core.AppServer, h *admin.ChatAppHandler) {

4
api/service/dalle/service.go
View File

@@ -35,15 +35,13 @@ type Service struct {
uploadManager *oss.UploaderManager
taskQueue *store.RedisQueue
userService *service.UserService
wsService *service.WebsocketService
}
func NewService(db *gorm.DB, manager *oss.UploaderManager, redisCli *redis.Client, userService *service.UserService, wsService *service.WebsocketService) *Service {
func NewService(db *gorm.DB, manager *oss.UploaderManager, redisCli *redis.Client, userService *service.UserService) *Service {
return &Service{
httpClient: req.C().SetTimeout(time.Minute * 3),
db: db,
taskQueue: store.NewRedisQueue("DallE_Task_Queue", redisCli),
wsService: wsService,
uploadManager: manager,
userService: userService,
}

4
api/service/mj/service.go
View File

@@ -28,17 +28,15 @@ type Service struct {
client *Client // MJ Client
taskQueue *store.RedisQueue
db *gorm.DB
wsService *service.WebsocketService
uploaderManager *oss.UploaderManager
userService *service.UserService
}
func NewService(redisCli *redis.Client, db *gorm.DB, client *Client, manager *oss.UploaderManager, wsService *service.WebsocketService, userService *service.UserService) *Service {
func NewService(redisCli *redis.Client, db *gorm.DB, client *Client, manager *oss.UploaderManager, userService *service.UserService) *Service {
return &Service{
db: db,
taskQueue: store.NewRedisQueue("MidJourney_Task_Queue", redisCli),
client: client,
wsService: wsService,
uploaderManager: manager,
userService: userService,
}

4
api/service/sd/service.go
View File

@@ -33,16 +33,14 @@ type Service struct {
taskQueue *store.RedisQueue
db *gorm.DB
uploadManager *oss.UploaderManager
wsService *service.WebsocketService
userService *service.UserService
}
func NewService(db *gorm.DB, manager *oss.UploaderManager, levelDB *store.LevelDB, redisCli *redis.Client, wsService *service.WebsocketService, userService *service.UserService) *Service {
func NewService(db *gorm.DB, manager *oss.UploaderManager, redisCli *redis.Client, userService *service.UserService) *Service {
return &Service{
httpClient: req.C(),
taskQueue: store.NewRedisQueue("StableDiffusion_Task_Queue", redisCli),
db: db,
wsService: wsService,
uploadManager: manager,
userService: userService,
}

4
api/service/suno/service.go
View File

@@ -35,18 +35,16 @@ type Service struct {
uploadManager *oss.UploaderManager
taskQueue *store.RedisQueue
notifyQueue *store.RedisQueue
wsService *service.WebsocketService
userService *service.UserService
}
func NewService(db *gorm.DB, manager *oss.UploaderManager, redisCli *redis.Client, wsService *service.WebsocketService, userService *service.UserService) *Service {
func NewService(db *gorm.DB, manager *oss.UploaderManager, redisCli *redis.Client, userService *service.UserService) *Service {
return &Service{
httpClient: req.C().SetTimeout(time.Minute * 3),
db: db,
taskQueue: store.NewRedisQueue("Suno_Task_Queue", redisCli),
notifyQueue: store.NewRedisQueue("Suno_Notify_Queue", redisCli),
uploadManager: manager,
wsService: wsService,
userService: userService,
}
}

4
api/service/video/video.go
View File

@@ -36,16 +36,14 @@ type Service struct {
db *gorm.DB
uploadManager *oss.UploaderManager
taskQueue *store.RedisQueue
wsService *service.WebsocketService
userService *service.UserService
}
func NewService(db *gorm.DB, manager *oss.UploaderManager, redisCli *redis.Client, wsService *service.WebsocketService, userService *service.UserService) *Service {
func NewService(db *gorm.DB, manager *oss.UploaderManager, redisCli *redis.Client, userService *service.UserService) *Service {
return &Service{
httpClient: req.C().SetTimeout(time.Minute * 3),
db: db,
taskQueue: store.NewRedisQueue("Video_Task_Queue", redisCli),
wsService: wsService,
uploadManager: manager,
userService: userService,
}

BIN
web/public/images/mj/mj-v7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 840 KiB

1
web/src/assets/css/common.styl
View File

@@ -125,6 +125,7 @@
//.el-message-box
.el-message-box{
--el-messagebox-border-radius: 10px
--el-messagebox-padding-primary: 24px
}
.el-message-box__container{
//border-top: 1px solid #dbd3f4;

181
web/src/views/Home.vue
View File

@@ -58,7 +58,9 @@
<i class="iconfont" :class="item.icon"></i>
</span>
<el-image :src="item.icon" style="width: 20px; height: 20px" v-else />
<span :class="item.url === curPath ? 'title active' : 'title'">{{ item.name }}</span>
<span :class="item.url === curPath ? 'title active' : 'title'">{{
item.name
}}</span>
</a>
</li>
</ul>
@@ -77,7 +79,7 @@
<el-icon>
<UserFilled />
</el-icon>
<span class="username title">{{ loginUser.nickname }}</span>
<span class="username title">账户信息</span>
</div>
</li>
<li v-if="!license.de_copy">
@@ -108,7 +110,12 @@
</div>
<el-scrollbar class="right-main">
<div class="topheader" v-if="loginUser.id === undefined || !loginUser.id">
<el-button @click="router.push('/login')" class="btn-go animate__animated animate__pulse animate__infinite" round>登录</el-button>
<el-button
@click="router.push('/login')"
class="btn-go animate__animated animate__pulse animate__infinite"
round
>登录</el-button
>
</div>
<div class="content custom-scroll">
<router-view :key="routerViewKey" v-slot="{ Component }">
@@ -123,7 +130,9 @@
<el-dialog v-model="showLoginDialog" width="500px" @close="store.setShowLoginDialog(false)">
<template #header>
<div class="text-center text-xl" style="color: var(--theme-text-color-primary)">登录后解锁功能</div>
<div class="text-center text-xl" style="color: var(--theme-text-color-primary)">
登录后解锁功能
</div>
</template>
<div class="p-4 pt-2 pb-2">
<LoginDialog @success="loginSuccess" @hide="store.setShowLoginDialog(false)" />
@@ -133,33 +142,33 @@
</template>
<script setup>
import { UserFilled } from "@element-plus/icons-vue";
import ThemeChange from "@/components/ThemeChange.vue";
import { useRouter } from "vue-router";
import { computed, onMounted, ref, watch } from "vue";
import { httpGet } from "@/utils/http";
import { ElMessage } from "element-plus";
import { checkSession, getLicenseInfo, getSystemInfo } from "@/store/cache";
import { removeUserToken } from "@/store/session";
import { useSharedStore } from "@/store/sharedata";
import ConfigDialog from "@/components/UserInfoDialog.vue";
import { showMessageError } from "@/utils/dialog";
import LoginDialog from "@/components/LoginDialog.vue";
import { UserFilled } from '@element-plus/icons-vue'
import ThemeChange from '@/components/ThemeChange.vue'
import { useRouter } from 'vue-router'
import { computed, onMounted, ref, watch } from 'vue'
import { httpGet } from '@/utils/http'
import { ElMessage } from 'element-plus'
import { checkSession, getLicenseInfo, getSystemInfo } from '@/store/cache'
import { removeUserToken } from '@/store/session'
import { useSharedStore } from '@/store/sharedata'
import ConfigDialog from '@/components/UserInfoDialog.vue'
import { showMessageError } from '@/utils/dialog'
import LoginDialog from '@/components/LoginDialog.vue'
const router = useRouter();
const logo = ref("");
const mainNavs = ref([]);
const moreNavs = ref([]);
const curPath = ref();
const router = useRouter()
const logo = ref('')
const mainNavs = ref([])
const moreNavs = ref([])
const curPath = ref()
const title = ref("");
const store = useSharedStore();
const loginUser = ref({});
const routerViewKey = ref(0);
const showConfigDialog = ref(false);
const license = ref({ de_copy: true });
const showLoginDialog = ref(false);
const githubURL = ref(process.env.VUE_APP_GITHUB_URL);
const title = ref('')
const store = useSharedStore()
const loginUser = ref({})
const routerViewKey = ref(0)
const showConfigDialog = ref(false)
const license = ref({ de_copy: true })
const showLoginDialog = ref(false)
const githubURL = ref(process.env.VUE_APP_GITHUB_URL)
/**
* 从路径名中提取第一个路径段
@@ -167,123 +176,123 @@ const githubURL = ref(process.env.VUE_APP_GITHUB_URL);
* @returns 第一个路径段（不含斜杠），例如 'chat'，如果不存在则返回 null
*/
const extractFirstSegment = (pathname) => {
const segments = pathname.split("/").filter((segment) => segment.length > 0);
return segments.length > 0 ? segments[0] : null;
};
const segments = pathname.split('/').filter((segment) => segment.length > 0)
return segments.length > 0 ? segments[0] : null
}
const getFirstPathSegment = (url) => {
try {
// 尝试使用 URL 构造函数解析完整的 URL
const parsedUrl = new URL(url);
return extractFirstSegment(parsedUrl.pathname);
const parsedUrl = new URL(url)
return extractFirstSegment(parsedUrl.pathname)
} catch (error) {
// 如果解析失败，假设是相对路径，使用当前窗口的位置作为基准
if (typeof window !== "undefined") {
const parsedUrl = new URL(url, window.location.origin);
return extractFirstSegment(parsedUrl.pathname);
if (typeof window !== 'undefined') {
const parsedUrl = new URL(url, window.location.origin)
return extractFirstSegment(parsedUrl.pathname)
}
// 如果无法解析，返回 null
return null;
return null
}
};
}
const stars = computed(() => {
return 1000;
});
return 1000
})
watch(
() => store.showLoginDialog,
(newValue) => {
showLoginDialog.value = newValue;
showLoginDialog.value = newValue
}
);
)
// 监听路由变化;
router.beforeEach((to, from, next) => {
curPath.value = to.path;
next();
});
curPath.value = to.path
next()
})
if (curPath.value === "/external") {
curPath.value = router.currentRoute.value.query.url;
if (curPath.value === '/external') {
curPath.value = router.currentRoute.value.query.url
}
const changeNav = (item) => {
curPath.value = item.url;
if (item.url.indexOf("http") !== -1) {
curPath.value = item.url
if (item.url.indexOf('http') !== -1) {
// 外部链接
router.push({ path: "/external", query: { url: item.url, title: item.name } });
router.push({ path: '/external', query: { url: item.url, title: item.name } })
} else {
// 路由切换，确保路径变化
if (router.currentRoute.value.path !== item.url) {
router.push(item.url).then(() => {
// 刷新 `routerViewKey` 触发视图重新渲染
routerViewKey.value += 1;
});
routerViewKey.value += 1
})
}
}
};
}
onMounted(() => {
curPath.value = router.currentRoute.value.path;
curPath.value = router.currentRoute.value.path
getSystemInfo()
.then((res) => {
logo.value = res.data.logo;
title.value = res.data.title;
logo.value = res.data.logo
title.value = res.data.title
})
.catch((e) => {
ElMessage.error("获取系统配置失败：" + e.message);
});
ElMessage.error('获取系统配置失败：' + e.message)
})
// 获取菜单
httpGet("/api/menu/list")
httpGet('/api/menu/list')
.then((res) => {
mainNavs.value = res.data;
mainNavs.value = res.data
// 根据窗口的高度计算应该显示多少菜单
const rows = Math.floor((window.innerHeight - 100) / 90);
const rows = Math.floor((window.innerHeight - 100) / 90)
if (res.data.length > rows) {
mainNavs.value = res.data.slice(0, rows);
moreNavs.value = res.data.slice(rows);
mainNavs.value = res.data.slice(0, rows)
moreNavs.value = res.data.slice(rows)
}
})
.catch((e) => {
ElMessage.error("获取系统菜单失败：" + e.message);
});
ElMessage.error('获取系统菜单失败：' + e.message)
})
getLicenseInfo()
.then((res) => {
license.value = res.data;
license.value = res.data
})
.catch((e) => {
license.value = { de_copy: false };
showMessageError("获取 License 配置：" + e.message);
});
curPath.value = "/" + getFirstPathSegment(window.location.href);
init();
});
license.value = { de_copy: false }
showMessageError('获取 License 配置：' + e.message)
})
curPath.value = '/' + getFirstPathSegment(window.location.href)
init()
})
const init = () => {
checkSession()
.then((user) => {
loginUser.value = user;
loginUser.value = user
})
.catch(() => {});
};
.catch(() => {})
}
const logout = function () {
httpGet("/api/user/logout")
httpGet('/api/user/logout')
.then(() => {
removeUserToken();
router.push("/login");
removeUserToken()
router.push('/login')
})
.catch(() => {
ElMessage.error("注销失败！");
});
};
ElMessage.error('注销失败！')
})
}
const loginSuccess = () => {
init();
store.setShowLoginDialog(false);
init()
store.setShowLoginDialog(false)
// 刷新组件
routerViewKey.value += 1;
};
routerViewKey.value += 1
}
</script>
<style lang="stylus" scoped>

10
web/src/views/ImageMj.vue
View File

@@ -1050,11 +1050,11 @@ const rates = [
},
]
const models = [
{ text: '写实模式MJ-6.1', value: ' --v 6.1', img: '/images/mj/mj-v6.png' },
{ text: '优质模式MJ-6.0', value: ' --v 6', img: '/images/mj/mj-v5.2.png' },
{ text: '优质模式MJ-5.2', value: ' --v 5.2', img: '/images/mj/mj-v5.1.jpg' },
{ text: '虚幻模式MJ-5.1', value: ' --v 5.1', img: '/images/mj/mj-v5.jpg' },
{ text: '真实模式MJ-4', value: ' --v 4', img: '/images/mj/mj-v4.jpg' },
{ text: 'MJ-V7', value: ' --v 7', img: '/images/mj/mj-v7.png' },
{ text: 'MJ-V6.1', value: ' --v 6.1', img: '/images/mj/mj-v6.png' },
{ text: 'MJ-V6.0', value: ' --v 6', img: '/images/mj/mj-v5.2.png' },
{ text: 'MJ-V5.2', value: ' --v 5.2', img: '/images/mj/mj-v5.1.jpg' },
{ text: 'MJ-V5.1', value: ' --v 5.1', img: '/images/mj/mj-v5.jpg' },
{ text: '动漫风-niji4', value: ' --niji 4', img: '/images/mj/nj4.jpg' },
{ text: '动漫风-niji5', value: ' --niji 5', img: '/images/mj/mj-niji.png' },
{

151
web/src/views/Login.vue
View File

@@ -5,7 +5,9 @@
<AccountTop>
<template #default>
<div class="wechatLog flex-center" v-if="wechatLoginURL !== ''">
<a :href="wechatLoginURL" @click="setRoute(router.currentRoute.value.path)"> <i class="iconfont icon-wechat"></i>使用微信登录 </a>
<a :href="wechatLoginURL" @click="setRoute(router.currentRoute.value.path)">
<i class="iconfont icon-wechat"></i>使用微信登录
</a>
</div>
</template>
</AccountTop>
@@ -14,18 +16,34 @@
<el-form ref="ruleFormRef" :model="ruleForm" :rules="rules">
<el-form-item label="" prop="username">
<div class="form-title">账号</div>
<el-input v-model="ruleForm.username" size="large" placeholder="请输入账号" @keyup="handleKeyup" />
<el-input
v-model="ruleForm.username"
size="large"
placeholder="请输入账号"
@keyup="handleKeyup"
/>
</el-form-item>
<el-form-item label="" prop="password">
<div class="flex-between w100">
<div class="form-title">密码</div>
<div class="form-forget text-color-primary" @click="router.push('/resetpassword')">忘记密码？</div>
<div class="form-forget text-color-primary" @click="router.push('/resetpassword')">
忘记密码？
</div>
</div>
<el-input size="large" v-model="ruleForm.password" placeholder="请输入密码" show-password autocomplete="off" @keyup="handleKeyup" />
<el-input
size="large"
v-model="ruleForm.password"
placeholder="请输入密码"
show-password
autocomplete="off"
@keyup="handleKeyup"
/>
</el-form-item>
<el-form-item>
<el-button class="login-btn" size="large" type="primary" @click="login">登录</el-button>
<el-button class="login-btn" size="large" type="primary" @click="login"
>登录</el-button
>
</el-form-item>
</el-form>
</div>
@@ -38,96 +56,105 @@
</template>
<script setup>
import { onMounted, ref, reactive } from "vue";
import { httpGet, httpPost } from "@/utils/http";
import { useRouter } from "vue-router";
import AccountBg from "@/components/AccountBg.vue";
import { isMobile } from "@/utils/libs";
import { checkSession, getLicenseInfo, getSystemInfo } from "@/store/cache";
import { setUserToken } from "@/store/session";
import { showMessageError } from "@/utils/dialog";
import { setRoute } from "@/store/system";
import { useSharedStore } from "@/store/sharedata";
import AccountBg from '@/components/AccountBg.vue'
import { checkSession, getLicenseInfo, getSystemInfo } from '@/store/cache'
import { setUserToken } from '@/store/session'
import { useSharedStore } from '@/store/sharedata'
import { setRoute } from '@/store/system'
import { showMessageError } from '@/utils/dialog'
import { httpGet, httpPost } from '@/utils/http'
import { onMounted, reactive, ref } from 'vue'
import { useRouter } from 'vue-router'
import AccountTop from "@/components/AccountTop.vue";
import Captcha from "@/components/Captcha.vue";
import AccountTop from '@/components/AccountTop.vue'
import Captcha from '@/components/Captcha.vue'
const router = useRouter();
const title = ref("");
const router = useRouter()
const title = ref('')
const logo = ref("");
const licenseConfig = ref({});
const wechatLoginURL = ref("");
const enableVerify = ref(false);
const captchaRef = ref(null);
const ruleFormRef = ref(null);
const logo = ref('')
const licenseConfig = ref({})
const wechatLoginURL = ref('')
const enableVerify = ref(false)
const captchaRef = ref(null)
const ruleFormRef = ref(null)
const ruleForm = reactive({
username: process.env.VUE_APP_USER,
password: process.env.VUE_APP_PASS,
});
})
const rules = {
username: [{ required: true, trigger: "blur", message: "请输入账号" }],
password: [{ required: true, trigger: "blur", message: "请输入密码" }],
};
username: [{ required: true, trigger: 'blur', message: '请输入账号' }],
password: [{ required: true, trigger: 'blur', message: '请输入密码' }],
}
onMounted(() => {
// 检查URL中是否存在token参数
const urlParams = new URLSearchParams(window.location.search)
const token = urlParams.get('token')
if (token) {
setUserToken(token)
store.setIsLogin(true)
router.push('/chat')
return
}
// 获取系统配置
getSystemInfo()
.then((res) => {
logo.value = res.data.logo;
title.value = res.data.title;
enableVerify.value = res.data["enabled_verify"];
logo.value = res.data.logo
title.value = res.data.title
enableVerify.value = res.data['enabled_verify']
})
.catch((e) => {
showMessageError("获取系统配置失败：" + e.message);
title.value = "Geek-AI";
});
showMessageError('获取系统配置失败：' + e.message)
title.value = 'Geek-AI'
})
getLicenseInfo()
.then((res) => {
licenseConfig.value = res.data;
licenseConfig.value = res.data
})
.catch((e) => {
showMessageError("获取 License 配置：" + e.message);
});
showMessageError('获取 License 配置：' + e.message)
})
checkSession()
.then(() => {
router.back();
router.back()
})
.catch(() => {});
.catch(() => {})
const returnURL = `${location.protocol}//${location.host}/login/callback?action=login`;
httpGet("/api/user/clogin?return_url=" + returnURL)
const returnURL = `${location.protocol}//${location.host}/login/callback?action=login`
httpGet('/api/user/clogin?return_url=' + returnURL)
.then((res) => {
wechatLoginURL.value = res.data.url;
wechatLoginURL.value = res.data.url
})
.catch((e) => {
console.error(e);
});
});
console.error(e)
})
})
const handleKeyup = (e) => {
if (e.key === "Enter") {
login();
if (e.key === 'Enter') {
login()
}
};
}
const login = async function () {
await ruleFormRef.value.validate(async (valid) => {
if (valid) {
if (enableVerify.value) {
captchaRef.value.loadCaptcha();
captchaRef.value.loadCaptcha()
} else {
doLogin({});
doLogin({})
}
}
});
};
})
}
const store = useSharedStore();
const store = useSharedStore()
const doLogin = (verifyData) => {
httpPost("/api/user/login", {
httpPost('/api/user/login', {
username: ruleForm.username,
password: ruleForm.password,
key: verifyData.key,
@@ -135,14 +162,14 @@ const doLogin = (verifyData) => {
x: verifyData.x,
})
.then((res) => {
setUserToken(res.data.token);
store.setIsLogin(true);
router.back();
setUserToken(res.data.token)
store.setIsLogin(true)
router.back()
})
.catch((e) => {
showMessageError("登录失败，" + e.message);
});
};
showMessageError('登录失败，' + e.message)
})
}
</script>
<style lang="stylus" scoped>

335
web/src/views/admin/Users.vue
View File

@@ -10,13 +10,24 @@
</div>
<el-row>
<el-table :data="users.items" border class="table" :row-key="(row) => row.id" @selection-change="handleSelectionChange" table-layout="auto">
<el-table
:data="users.items"
border
class="table"
:row-key="(row) => row.id"
@selection-change="handleSelectionChange"
table-layout="auto"
>
<el-table-column type="selection" width="38"></el-table-column>
<el-table-column prop="id" label="ID" />
<el-table-column label="账号">
<template #default="scope">
<span>{{ scope.row.username }}</span>
<el-image v-if="scope.row.vip" :src="vipImg" style="height: 20px; position: relative; top: 5px; left: 5px" />
<el-image
v-if="scope.row.vip"
:src="vipImg"
style="height: 20px; position: relative; top: 5px; left: 5px"
/>
</template>
</el-table-column>
<el-table-column prop="mobile" label="手机" />
@@ -31,24 +42,42 @@
</el-table-column>
<el-table-column label="过期时间">
<template #default="scope">
<span v-if="scope.row['expired_time']">{{ scope.row["expired_time"] }}</span>
<span v-if="scope.row['expired_time']">{{ scope.row['expired_time'] }}</span>
<el-tag v-else>长期有效</el-tag>
</template>
</el-table-column>
<el-table-column label="注册时间">
<template #default="scope">
<span>{{ dateFormat(scope.row["created_at"]) }}</span>
<span>{{ dateFormat(scope.row['created_at']) }}</span>
</template>
</el-table-column>
<el-table-column fixed="right" label="操作" width="220">
<el-table-column fixed="right" label="操作">
<template #default="scope">
<el-button-group class="ml-4">
<el-button size="small" type="primary" @click="userEdit(scope.row)">编辑</el-button>
<el-button size="small" type="danger" @click="removeUser(scope.row)">删除</el-button>
<el-button size="small" type="success" @click="resetPass(scope.row)">重置密码</el-button>
</el-button-group>
<el-dropdown>
<button
class="px-2 py-1 bg-purple-200 hover:bg-purple-300 rounded text-purple-800 text-sm"
>
<i class="iconfont icon-more-horizontal"></i>
</button>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item @click="userEdit(scope.row)">
<i class="iconfont icon-edit mr-1"></i>编辑
</el-dropdown-item>
<el-dropdown-item @click="removeUser(scope.row)" class="text-red-500">
<i class="iconfont icon-remove mr-1"></i>删除
</el-dropdown-item>
<el-dropdown-item @click="resetPass(scope.row)">
<i class="iconfont icon-password mr-1"></i>重置密码
</el-dropdown-item>
<el-dropdown-item @click="genLoginLink(scope.row)">
<i class="iconfont icon-link mr-1"></i>生成登录链接
</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
</template>
</el-table-column>
</el-table>
@@ -66,7 +95,12 @@
</div>
</el-row>
<el-dialog v-model="showUserEditDialog" :title="title" :close-on-click-modal="false" width="50%">
<el-dialog
v-model="showUserEditDialog"
:title="title"
:close-on-click-modal="false"
width="50%"
>
<el-form :model="user" label-width="100px" ref="userEditFormRef" :rules="rules">
<el-form-item label="账号：" prop="username">
<el-input v-model="user.username" autocomplete="off" />
@@ -96,13 +130,23 @@
</el-form-item>
<el-form-item label="聊天角色" prop="chat_roles">
<el-select v-model="user.chat_roles" multiple :filterable="true" placeholder="选择聊天角色，多选">
<el-select
v-model="user.chat_roles"
multiple
:filterable="true"
placeholder="选择聊天角色，多选"
>
<el-option v-for="item in roles" :key="item.key" :label="item.name" :value="item.key" />
</el-select>
</el-form-item>
<el-form-item label="模型权限" prop="chat_models">
<el-select v-model="user.chat_models" multiple :filterable="true" placeholder="选择AI模型，多选">
<el-select
v-model="user.chat_models"
multiple
:filterable="true"
placeholder="选择AI模型，多选"
>
<el-option v-for="item in models" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-form-item>
@@ -141,204 +185,241 @@
</span>
</template>
</el-dialog>
<el-dialog v-model="showGenLoginLinkDialog" title="自动登录链接" width="50%">
<el-input v-model="loginLink" readonly disabled />
<template #footer>
<span class="dialog-footer">
<el-button type="primary" @click="copyLoginLink">复制链接</el-button>
</span>
</template>
</el-dialog>
</div>
</template>
<script setup>
import { onMounted, reactive, ref } from "vue";
import { httpGet, httpPost } from "@/utils/http";
import { ElMessage, ElMessageBox } from "element-plus";
import { dateFormat, disabledDate } from "@/utils/libs";
import { Delete, Plus, Search } from "@element-plus/icons-vue";
import { onMounted, reactive, ref } from 'vue'
import { httpGet, httpPost } from '@/utils/http'
import { ElMessage, ElMessageBox } from 'element-plus'
import { dateFormat, disabledDate } from '@/utils/libs'
import { Delete, Plus, Search } from '@element-plus/icons-vue'
import { showLoading, closeLoading, showMessageError, showMessageOK } from '@/utils/dialog'
// 变量定义
const users = ref({ page: 1, page_size: 15, items: [] });
const query = ref({ username: "", page: 1, page_size: 15 });
const users = ref({ page: 1, page_size: 15, items: [] })
const query = ref({ username: '', page: 1, page_size: 15 })
const title = ref("添加用户");
const vipImg = ref("/images/menu/member.png");
const add = ref(true);
const user = ref({ chat_roles: [], chat_models: [] });
const pass = ref({ username: "", password: "", id: 0 });
const roles = ref([]);
const models = ref([]);
const showUserEditDialog = ref(false);
const showResetPassDialog = ref(false);
const title = ref('添加用户')
const vipImg = ref('/images/menu/member.png')
const add = ref(true)
const user = ref({ chat_roles: [], chat_models: [] })
const pass = ref({ username: '', password: '', id: 0 })
const roles = ref([])
const models = ref([])
const showUserEditDialog = ref(false)
const showResetPassDialog = ref(false)
const rules = reactive({
username: [{ required: true, message: "请输入账号", trigger: "blur" }],
username: [{ required: true, message: '请输入账号', trigger: 'blur' }],
password: [
{
required: true,
validator: (rule, value) => {
return !(value.length > 16 || value.length < 8);
return !(value.length > 16 || value.length < 8)
},
message: "密码必须为8-16",
trigger: "blur",
message: '密码必须为8-16',
trigger: 'blur',
},
],
calls: [
{ required: true, message: "请输入提问次数" },
{ type: "number", message: "请输入有效数字" },
{ required: true, message: '请输入提问次数' },
{ type: 'number', message: '请输入有效数字' },
],
chat_roles: [{ required: true, message: "请选择聊天角色", trigger: "change" }],
chat_models: [{ required: true, message: "请选择AI模型", trigger: "change" }],
});
const loading = ref(true);
chat_roles: [{ required: true, message: '请选择聊天角色', trigger: 'change' }],
chat_models: [{ required: true, message: '请选择AI模型', trigger: 'change' }],
})
const loading = ref(true)
const userEditFormRef = ref(null);
const userEditFormRef = ref(null)
onMounted(() => {
fetchUserList(users.value.page, users.value.page_size);
fetchUserList(users.value.page, users.value.page_size)
// 获取角色列表
httpGet("/api/admin/role/list")
httpGet('/api/admin/role/list')
.then((res) => {
roles.value = res.data;
roles.value = res.data
})
.catch(() => {
ElMessage.error("获取聊天角色失败");
});
ElMessage.error('获取聊天角色失败')
})
httpGet("/api/admin/model/list")
httpGet('/api/admin/model/list')
.then((res) => {
models.value = res.data;
models.value = res.data
})
.catch((e) => {
ElMessage.error("获取模型失败：" + e.message);
});
});
ElMessage.error('获取模型失败：' + e.message)
})
})
const fetchUserList = function (page, pageSize) {
query.value.page = page;
query.value.page_size = pageSize;
httpGet("/api/admin/user/list", query.value)
query.value.page = page
query.value.page_size = pageSize
httpGet('/api/admin/user/list', query.value)
.then((res) => {
if (res.data) {
// 初始化数据
const arr = res.data.items;
const arr = res.data.items
for (let i = 0; i < arr.length; i++) {
arr[i].expired_time = dateFormat(arr[i].expired_time);
arr[i].expired_time = dateFormat(arr[i].expired_time)
}
users.value.items = arr;
users.value.total = res.data.total;
users.value.page = res.data.page;
user.value.page_size = res.data.page_size;
users.value.items = arr
users.value.total = res.data.total
users.value.page = res.data.page
user.value.page_size = res.data.page_size
}
loading.value = false;
loading.value = false
})
.catch(() => {
ElMessage.error("加载用户列表失败");
});
};
ElMessage.error('加载用户列表失败')
})
}
const handleSearch = () => {
fetchUserList(users.value.page, users.value.page_size);
};
fetchUserList(users.value.page, users.value.page_size)
}
// 删除用户
const removeUser = function (user) {
ElMessageBox.confirm("此操作将会永久删除用户信息和聊天记录，确认操作吗?", "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
ElMessageBox.confirm('此操作将会永久删除用户信息和聊天记录，确认操作吗?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
httpGet("/api/admin/user/remove", { id: user.id })
httpGet('/api/admin/user/remove', { id: user.id })
.then(() => {
ElMessage.success("操作成功！");
fetchUserList(users.value.page, users.value.page_size);
ElMessage.success('操作成功！')
fetchUserList(users.value.page, users.value.page_size)
})
.catch((e) => {
ElMessage.error("操作失败，" + e.message);
});
ElMessage.error('操作失败，' + e.message)
})
})
.catch(() => {
ElMessage.info("操作被取消");
});
};
ElMessage.info('操作被取消')
})
}
const userEdit = function (row) {
user.value = row;
title.value = "编辑用户";
showUserEditDialog.value = true;
add.value = false;
};
user.value = row
title.value = '编辑用户'
showUserEditDialog.value = true
add.value = false
}
const addUser = () => {
user.value = { chat_id: 0, chat_roles: [], chat_models: [] };
title.value = "添加用户";
showUserEditDialog.value = true;
add.value = true;
};
user.value = { chat_id: 0, chat_roles: [], chat_models: [] }
title.value = '添加用户'
showUserEditDialog.value = true
add.value = true
}
const saveUser = function () {
userEditFormRef.value.validate((valid) => {
if (valid) {
showUserEditDialog.value = false;
console.log(user.value);
httpPost("/api/admin/user/save", user.value)
showUserEditDialog.value = false
console.log(user.value)
httpPost('/api/admin/user/save', user.value)
.then((res) => {
ElMessage.success("操作成功！");
ElMessage.success('操作成功！')
if (add.value) {
users.value.items.push(res.data);
users.value.items.push(res.data)
}
})
.catch((e) => {
ElMessage.error("操作失败，" + e.message);
});
ElMessage.error('操作失败，' + e.message)
})
} else {
return false;
return false
}
});
};
})
}
const userIds = ref([]);
const userIds = ref([])
const handleSelectionChange = function (rows) {
userIds.value = [];
userIds.value = []
rows.forEach((row) => {
userIds.value.push(row.id);
});
};
userIds.value.push(row.id)
})
}
const multipleDelete = function () {
ElMessageBox.confirm("此操作将会永久删除用户信息和聊天记录，确认操作吗?", "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
ElMessageBox.confirm('此操作将会永久删除用户信息和聊天记录，确认操作吗?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
loading.value = true;
httpGet("/api/admin/user/remove", { ids: userIds.value })
loading.value = true
httpGet('/api/admin/user/remove', { ids: userIds.value })
.then(() => {
ElMessage.success("操作成功！");
fetchUserList(users.value.page, users.value.page_size);
loading.value = false;
ElMessage.success('操作成功！')
fetchUserList(users.value.page, users.value.page_size)
loading.value = false
})
.catch((e) => {
ElMessage.error("操作失败，" + e.message);
loading.value = false;
});
ElMessage.error('操作失败，' + e.message)
loading.value = false
})
})
.catch(() => {
ElMessage.info("操作被取消");
});
};
ElMessage.info('操作被取消')
})
}
// 重置密码
const resetPass = (row) => {
showResetPassDialog.value = true;
pass.value.id = row.id;
pass.value.username = row.username;
};
showResetPassDialog.value = true
pass.value.id = row.id
pass.value.username = row.username
}
const doResetPass = () => {
httpPost("/api/admin/user/resetPass", pass.value)
httpPost('/api/admin/user/resetPass', pass.value)
.then(() => {
ElMessage.success("操作成功！");
showResetPassDialog.value = false;
ElMessage.success('操作成功！')
showResetPassDialog.value = false
})
.catch((e) => {
ElMessage.error("操作失败，" + e.message);
});
};
ElMessage.error('操作失败，' + e.message)
})
}
// 生成登录链接
const showGenLoginLinkDialog = ref(false)
const loginLink = ref('')
const genLoginLink = (row) => {
showLoading()
httpGet('/api/admin/user/genLoginLink', { id: row.id })
.then((res) => {
loginLink.value = `${window.location.origin}/login?token=${res.data}`
showGenLoginLinkDialog.value = true
closeLoading()
})
.catch((e) => {
ElMessage.error('操作失败，' + e.message)
closeLoading()
})
}
const copyLoginLink = () => {
try {
navigator.clipboard.writeText(loginLink.value)
showMessageOK('复制成功！')
} catch (e) {
showMessageError('复制失败')
}
}
</script>
<style lang="stylus" scoped>