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

CHANGELOG.md

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

api/handler/admin/user_handler.go

@@ -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)
+}

api/main.go

@@ -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) {

api/service/dalle/service.go

@@ -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,
 	}

api/service/mj/service.go

@@ -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,
 	}

api/service/sd/service.go

@@ -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,
 	}

api/service/suno/service.go

@@ -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,
 	}
 }

api/service/video/video.go

@@ -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,
 	}

web/src/assets/css/common.styl

@@ -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;

web/src/views/Home.vue

@@ -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 { UserFilled } from '@element-plus/icons-vue'
-import ThemeChange from "@/components/ThemeChange.vue";
+import ThemeChange from '@/components/ThemeChange.vue'
-import { useRouter } from "vue-router";
+import { useRouter } from 'vue-router'
-import { computed, onMounted, ref, watch } from "vue";
+import { computed, onMounted, ref, watch } from 'vue'
-import { httpGet } from "@/utils/http";
+import { httpGet } from '@/utils/http'
-import { ElMessage } from "element-plus";
+import { ElMessage } from 'element-plus'
-import { checkSession, getLicenseInfo, getSystemInfo } from "@/store/cache";
+import { checkSession, getLicenseInfo, getSystemInfo } from '@/store/cache'
-import { removeUserToken } from "@/store/session";
+import { removeUserToken } from '@/store/session'
-import { useSharedStore } from "@/store/sharedata";
+import { useSharedStore } from '@/store/sharedata'
-import ConfigDialog from "@/components/UserInfoDialog.vue";
+import ConfigDialog from '@/components/UserInfoDialog.vue'
-import { showMessageError } from "@/utils/dialog";
+import { showMessageError } from '@/utils/dialog'
-import LoginDialog from "@/components/LoginDialog.vue";
+import LoginDialog from '@/components/LoginDialog.vue'
 
-const router = useRouter();
+const router = useRouter()
-const logo = ref("");
+const logo = ref('')
-const mainNavs = ref([]);
+const mainNavs = ref([])
-const moreNavs = ref([]);
+const moreNavs = ref([])
-const curPath = ref();
+const curPath = ref()
 
-const title = ref("");
+const title = ref('')
-const store = useSharedStore();
+const store = useSharedStore()
-const loginUser = ref({});
+const loginUser = ref({})
-const routerViewKey = ref(0);
+const routerViewKey = ref(0)
-const showConfigDialog = ref(false);
+const showConfigDialog = ref(false)
-const license = ref({ de_copy: true });
+const license = ref({ de_copy: true })
-const showLoginDialog = ref(false);
+const showLoginDialog = ref(false)
-const githubURL = ref(process.env.VUE_APP_GITHUB_URL);
+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);
+  const segments = pathname.split('/').filter((segment) => segment.length > 0)
-  return segments.length > 0 ? segments[0] : null;
+  return segments.length > 0 ? segments[0] : null
-};
+}
 const getFirstPathSegment = (url) => {
   try {
     // 尝试使用 URL 构造函数解析完整的 URL
-    const parsedUrl = new URL(url);
+    const parsedUrl = new URL(url)
-    return extractFirstSegment(parsedUrl.pathname);
+    return extractFirstSegment(parsedUrl.pathname)
   } catch (error) {
     // 如果解析失败，假设是相对路径，使用当前窗口的位置作为基准
-    if (typeof window !== "undefined") {
+    if (typeof window !== 'undefined') {
-      const parsedUrl = new URL(url, window.location.origin);
+      const parsedUrl = new URL(url, window.location.origin)
-      return extractFirstSegment(parsedUrl.pathname);
+      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;
+  curPath.value = to.path
-  next();
+  next()
-});
+})
 
-if (curPath.value === "/external") {
+if (curPath.value === '/external') {
-  curPath.value = router.currentRoute.value.query.url;
+  curPath.value = router.currentRoute.value.query.url
 }
 const changeNav = (item) => {
-  curPath.value = item.url;
+  curPath.value = item.url
-  if (item.url.indexOf("http") !== -1) {
+  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;
+      logo.value = res.data.logo
-      title.value = res.data.title;
+      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);
+        mainNavs.value = res.data.slice(0, rows)
-        moreNavs.value = res.data.slice(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 };
+      license.value = { de_copy: false }
-      showMessageError("获取 License 配置：" + e.message);
+      showMessageError('获取 License 配置：' + e.message)
-    });
+    })
-  curPath.value = "/" + getFirstPathSegment(window.location.href);
+  curPath.value = '/' + getFirstPathSegment(window.location.href)
-  init();
+  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();
+      removeUserToken()
-      router.push("/login");
+      router.push('/login')
     })
     .catch(() => {
-      ElMessage.error("注销失败！");
+      ElMessage.error('注销失败！')
-    });
+    })
-};
+}
 
 const loginSuccess = () => {
-  init();
+  init()
-  store.setShowLoginDialog(false);
+  store.setShowLoginDialog(false)
   // 刷新组件
-  routerViewKey.value += 1;
+  routerViewKey.value += 1
-};
+}
 </script>
 
 <style lang="stylus" scoped>

web/src/views/ImageMj.vue

@@ -1050,11 +1050,11 @@ const rates = [
   },
 ]
 const models = [
-  { text: '写实模式MJ-6.1', value: ' --v 6.1', img: '/images/mj/mj-v6.png' },
+  { text: 'MJ-V7', value: ' --v 7', img: '/images/mj/mj-v7.png' },
-  { text: '优质模式MJ-6.0', value: ' --v 6', img: '/images/mj/mj-v5.2.png' },
+  { text: 'MJ-V6.1', value: ' --v 6.1', img: '/images/mj/mj-v6.png' },
-  { text: '优质模式MJ-5.2', value: ' --v 5.2', img: '/images/mj/mj-v5.1.jpg' },
+  { text: 'MJ-V6.0', value: ' --v 6', img: '/images/mj/mj-v5.2.png' },
-  { text: '虚幻模式MJ-5.1', value: ' --v 5.1', img: '/images/mj/mj-v5.jpg' },
+  { text: 'MJ-V5.2', value: ' --v 5.2', img: '/images/mj/mj-v5.1.jpg' },
-  { text: '真实模式MJ-4', value: ' --v 4', img: '/images/mj/mj-v4.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' },
   {

web/src/views/Login.vue

@@ -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 AccountBg from '@/components/AccountBg.vue'
-import { httpGet, httpPost } from "@/utils/http";
+import { checkSession, getLicenseInfo, getSystemInfo } from '@/store/cache'
-import { useRouter } from "vue-router";
+import { setUserToken } from '@/store/session'
-import AccountBg from "@/components/AccountBg.vue";
+import { useSharedStore } from '@/store/sharedata'
-import { isMobile } from "@/utils/libs";
+import { setRoute } from '@/store/system'
-import { checkSession, getLicenseInfo, getSystemInfo } from "@/store/cache";
+import { showMessageError } from '@/utils/dialog'
-import { setUserToken } from "@/store/session";
+import { httpGet, httpPost } from '@/utils/http'
-import { showMessageError } from "@/utils/dialog";
+import { onMounted, reactive, ref } from 'vue'
-import { setRoute } from "@/store/system";
+import { useRouter } from 'vue-router'
-import { useSharedStore } from "@/store/sharedata";
 
-import AccountTop from "@/components/AccountTop.vue";
+import AccountTop from '@/components/AccountTop.vue'
-import Captcha from "@/components/Captcha.vue";
+import Captcha from '@/components/Captcha.vue'
 
-const router = useRouter();
+const router = useRouter()
-const title = ref("");
+const title = ref('')
 
-const logo = ref("");
+const logo = ref('')
-const licenseConfig = ref({});
+const licenseConfig = ref({})
-const wechatLoginURL = ref("");
+const wechatLoginURL = ref('')
-const enableVerify = ref(false);
+const enableVerify = ref(false)
-const captchaRef = ref(null);
+const captchaRef = ref(null)
-const ruleFormRef = 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: "请输入账号" }],
+  username: [{ required: true, trigger: 'blur', message: '请输入账号' }],
-  password: [{ 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;
+      logo.value = res.data.logo
-      title.value = res.data.title;
+      title.value = res.data.title
-      enableVerify.value = res.data["enabled_verify"];
+      enableVerify.value = res.data['enabled_verify']
     })
     .catch((e) => {
-      showMessageError("获取系统配置失败：" + e.message);
+      showMessageError('获取系统配置失败：' + e.message)
-      title.value = "Geek-AI";
+      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`;
+  const returnURL = `${location.protocol}//${location.host}/login/callback?action=login`
-  httpGet("/api/user/clogin?return_url=" + returnURL)
+  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") {
+  if (e.key === 'Enter') {
-    login();
+    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);
+      setUserToken(res.data.token)
-      store.setIsLogin(true);
+      store.setIsLogin(true)
-      router.back();
+      router.back()
     })
     .catch((e) => {
-      showMessageError("登录失败，" + e.message);
+      showMessageError('登录失败，' + e.message)
-    });
+    })
-};
+}
 </script>
 
 <style lang="stylus" scoped>

web/src/views/admin/Users.vue

@@ -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-dropdown>
-              <el-button size="small" type="primary" @click="userEdit(scope.row)">编辑</el-button>
+              <button
-              <el-button size="small" type="danger" @click="removeUser(scope.row)">删除</el-button>
+                class="px-2 py-1 bg-purple-200 hover:bg-purple-300 rounded text-purple-800 text-sm"
-              <el-button size="small" type="success" @click="resetPass(scope.row)">重置密码</el-button>
+              >
-            </el-button-group>
+                <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 { onMounted, reactive, ref } from 'vue'
-import { httpGet, httpPost } from "@/utils/http";
+import { httpGet, httpPost } from '@/utils/http'
-import { ElMessage, ElMessageBox } from "element-plus";
+import { ElMessage, ElMessageBox } from 'element-plus'
-import { dateFormat, disabledDate } from "@/utils/libs";
+import { dateFormat, disabledDate } from '@/utils/libs'
-import { Delete, Plus, Search } from "@element-plus/icons-vue";
+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 users = ref({ page: 1, page_size: 15, items: [] })
-const query = ref({ username: "", page: 1, page_size: 15 });
+const query = ref({ username: '', page: 1, page_size: 15 })
 
-const title = ref("添加用户");
+const title = ref('添加用户')
-const vipImg = ref("/images/menu/member.png");
+const vipImg = ref('/images/menu/member.png')
-const add = ref(true);
+const add = ref(true)
-const user = ref({ chat_roles: [], chat_models: [] });
+const user = ref({ chat_roles: [], chat_models: [] })
-const pass = ref({ username: "", password: "", id: 0 });
+const pass = ref({ username: '', password: '', id: 0 })
-const roles = ref([]);
+const roles = ref([])
-const models = ref([]);
+const models = ref([])
-const showUserEditDialog = ref(false);
+const showUserEditDialog = ref(false)
-const showResetPassDialog = 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",
+      message: '密码必须为8-16',
-      trigger: "blur",
+      trigger: 'blur',
     },
   ],
   calls: [
-    { required: true, message: "请输入提问次数" },
+    { required: true, message: '请输入提问次数' },
-    { type: "number", message: "请输入有效数字" },
+    { type: 'number', message: '请输入有效数字' },
   ],
-  chat_roles: [{ required: true, message: "请选择聊天角色", trigger: "change" }],
+  chat_roles: [{ required: true, message: '请选择聊天角色', trigger: 'change' }],
-  chat_models: [{ required: true, message: "请选择AI模型", trigger: "change" }],
+  chat_models: [{ required: true, message: '请选择AI模型', trigger: 'change' }],
-});
+})
-const loading = ref(true);
+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 = page
-  query.value.page_size = pageSize;
+  query.value.page_size = pageSize
-  httpGet("/api/admin/user/list", query.value)
+  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.items = arr
-        users.value.total = res.data.total;
+        users.value.total = res.data.total
-        users.value.page = res.data.page;
+        users.value.page = res.data.page
-        user.value.page_size = res.data.page_size;
+        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("此操作将会永久删除用户信息和聊天记录，确认操作吗?", "警告", {
+  ElMessageBox.confirm('此操作将会永久删除用户信息和聊天记录，确认操作吗?', '警告', {
-    confirmButtonText: "确定",
+    confirmButtonText: '确定',
-    cancelButtonText: "取消",
+    cancelButtonText: '取消',
-    type: "warning",
+    type: 'warning',
   })
     .then(() => {
-      httpGet("/api/admin/user/remove", { id: user.id })
+      httpGet('/api/admin/user/remove', { id: user.id })
         .then(() => {
-          ElMessage.success("操作成功！");
+          ElMessage.success('操作成功！')
-          fetchUserList(users.value.page, users.value.page_size);
+          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;
+  user.value = row
-  title.value = "编辑用户";
+  title.value = '编辑用户'
-  showUserEditDialog.value = true;
+  showUserEditDialog.value = true
-  add.value = false;
+  add.value = false
-};
+}
 
 const addUser = () => {
-  user.value = { chat_id: 0, chat_roles: [], chat_models: [] };
+  user.value = { chat_id: 0, chat_roles: [], chat_models: [] }
-  title.value = "添加用户";
+  title.value = '添加用户'
-  showUserEditDialog.value = true;
+  showUserEditDialog.value = true
-  add.value = true;
+  add.value = true
-};
+}
 
 const saveUser = function () {
   userEditFormRef.value.validate((valid) => {
     if (valid) {
-      showUserEditDialog.value = false;
+      showUserEditDialog.value = false
-      console.log(user.value);
+      console.log(user.value)
-      httpPost("/api/admin/user/save", 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("此操作将会永久删除用户信息和聊天记录，确认操作吗?", "警告", {
+  ElMessageBox.confirm('此操作将会永久删除用户信息和聊天记录，确认操作吗?', '警告', {
-    confirmButtonText: "确定",
+    confirmButtonText: '确定',
-    cancelButtonText: "取消",
+    cancelButtonText: '取消',
-    type: "warning",
+    type: 'warning',
   })
     .then(() => {
-      loading.value = true;
+      loading.value = true
-      httpGet("/api/admin/user/remove", { ids: userIds.value })
+      httpGet('/api/admin/user/remove', { ids: userIds.value })
         .then(() => {
-          ElMessage.success("操作成功！");
+          ElMessage.success('操作成功！')
-          fetchUserList(users.value.page, users.value.page_size);
+          fetchUserList(users.value.page, users.value.page_size)
-          loading.value = false;
+          loading.value = false
         })
         .catch((e) => {
-          ElMessage.error("操作失败，" + e.message);
+          ElMessage.error('操作失败，' + e.message)
-          loading.value = false;
+          loading.value = false
-        });
+        })
     })
     .catch(() => {
-      ElMessage.info("操作被取消");
+      ElMessage.info('操作被取消')
-    });
+    })
-};
+}
 
+// 重置密码
 const resetPass = (row) => {
-  showResetPassDialog.value = true;
+  showResetPassDialog.value = true
-  pass.value.id = row.id;
+  pass.value.id = row.id
-  pass.value.username = row.username;
+  pass.value.username = row.username
-};
+}
 
 const doResetPass = () => {
-  httpPost("/api/admin/user/resetPass", pass.value)
+  httpPost('/api/admin/user/resetPass', pass.value)
     .then(() => {
-      ElMessage.success("操作成功！");
+      ElMessage.success('操作成功！')
-      showResetPassDialog.value = false;
+      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>