(function(c,l,a,r,i,t,y){
    c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
    t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
    y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "r5de0rugo6");

/**
 * PigX 微信扫码登录模块
 * 实现基于微信扫码的 SSO 单点登录功能
 */

// 系统常量配置
const CONFIG = {
  // 本地存储键名
  STORAGE: {
    AUTH_STATUS: "theme-dark-model",         // 登录状态标识
    AUTH_TIME: "sys-time",      // 登录时间戳
  },
  // API 相关配置
  API: {
    BASE_URL: "https://pay.pig4cloud.com",   // API 基础 URL
    SCAN_ENDPOINT: "/login/wx-scan-ai",      // 获取二维码端点
    LOGIN_CHECK_ENDPOINT: "/login/qr-login", // 检查登录状态端点
  },
  // 轮询配置
  POLLING: {
    INTERVAL: 1000,  // 轮询间隔时间 (毫秒)
  },
  // DOM 元素 ID
  DOM: {
    CONTENT_AREA: "content-area",  // 内容区域容器 ID
    QR_CODE_IMG: "qr-code-img",    // 二维码图片元素 ID
  }
};

/**
 * 身份验证管理模块
 * 处理用户登录状态的检查和设置
 */
const AuthManager = {
  /**
   * 检查用户是否已登录
   * @returns {boolean} 用户登录状态
   */
  isLoggedIn() {
    // 获取当前请求的URI路径
    const currentPath = window.location.pathname;
    
    // 检查路径是否包含指定的文档路径
    const restrictedPaths = ['doc/ai', 'doc/qa', 'doc/use'];
    const isRestrictedPath = restrictedPaths.some(path => currentPath.includes(path));
    
    // 如果不是需要验证的路径，直接返回true
    if (!isRestrictedPath) {
      return true;
    }

    // Check if auth status is set to logged in
    const isAuthenticated = localStorage.getItem(CONFIG.STORAGE.AUTH_STATUS) === "1";

    if (!isAuthenticated) {
      return false;
    }

    // Check if login time is less than 48 hours old
    const authTime = parseInt(localStorage.getItem(CONFIG.STORAGE.AUTH_TIME), 10);
    const currentTime = new Date().getTime();
    const hoursElapsed = (currentTime - authTime) / (1000 * 60 * 60);

    return hoursElapsed < 48;
  },

  /**
   * 设置登录成功后的用户数据
   * @param {Object} userData - 从服务器返回的用户数据
   */
  setLoginData(userData) {
    localStorage.setItem(CONFIG.STORAGE.AUTH_TIME, new Date().getTime());
    localStorage.setItem(CONFIG.STORAGE.AUTH_STATUS, "1");
  }
};

/**
 * UI 组件模块
 * 负责创建和管理登录界面 UI 元素
 */
const UIComponents = {
  /**
   * 创建微信扫码登录表单
   * @returns {HTMLElement} 登录表单 DOM 元素
   */
  createLoginForm() {
    // 创建主容器
    const loginForm = document.createElement('div');
    loginForm.className = 'p-8 flex flex-col items-center justify-center';

    // 创建二维码容器
    const imgContainer = document.createElement('div');
    imgContainer.className = 'flex flex-col items-center max-w-xs w-full';

    // 创建标题元素
    const qrTitle = document.createElement('h3');
    qrTitle.textContent = '扫码登录';
    qrTitle.className = 'mb-4 text-center text-lg font-medium text-gray-800 dark:text-gray-200';

    // 创建二维码图片元素
    const qrCodeImg = document.createElement('img');
    qrCodeImg.className = '!w-48 !h-48 border-2 border-gray-200 dark:border-gray-700 p-2 rounded-md shadow-sm bg-white dark:bg-gray-800 transition-all duration-300';
    qrCodeImg.id = CONFIG.DOM.QR_CODE_IMG;
    qrCodeImg.alt = '微信扫码登录二维码';

    // 创建提示文本
    const qrHint = document.createElement('p');
    qrHint.textContent = '请使用微信扫一扫登录';
    qrHint.className = 'mt-3 text-sm text-gray-600 dark:text-gray-400';

    // 组装 DOM 结构
    imgContainer.appendChild(qrTitle);
    imgContainer.appendChild(qrCodeImg);
    imgContainer.appendChild(qrHint);
    loginForm.appendChild(imgContainer);

    return loginForm;
  },

  /**
   * 在指定容器中渲染登录表单
   * 优先使用 content-area 容器，如不存在则添加到 body
   */
  renderLoginForm() {
    const loginForm = this.createLoginForm();
    const container = document.getElementById(CONFIG.DOM.CONTENT_AREA);

    if (container) {
      // 清空容器并添加登录表单
      container.innerHTML = '';
      container.appendChild(loginForm);
    } else {
      // 容器不存在时添加到 body
      document.body.appendChild(loginForm);
    }
  },

  /**
   * 设置二维码图片加载状态
   * @param {boolean} isLoading - 是否处于加载状态
   */
  setQRCodeLoadingState(isLoading) {
    const qrCodeImg = document.getElementById(CONFIG.DOM.QR_CODE_IMG);
    if (!qrCodeImg) return;

    if (isLoading) {
      qrCodeImg.classList.add('animate-pulse', 'opacity-70');
    } else {
      qrCodeImg.classList.remove('animate-pulse', 'opacity-70');
    }
  },

  /**
   * 更新顶部按钮显示当前日期
   */
  updateTopbarDate() {
    // 精确定位导航栏中的日期链接
    const links = document.querySelectorAll('nav > ul > li > a');
    for (let link of links) {
      if (link.textContent.includes('更新日期')) {
        const now = new Date();
        const formattedDate = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')}`;
        link.textContent = `更新日期: ${formattedDate}`;
      }
    }
  }
};

/**
 * API 服务模块
 * 处理与后端 API 的通信
 */
const APIService = {
  scanId: "", // 当前扫码会话 ID
  pollingTimer: null, // 轮询定时器引用

  /**
   * 获取微信扫码登录二维码
   * @returns {Promise<Object>} 包含二维码 URL 和场景 ID 的 Promise
   */
  getScanQRCode() {
    return fetch(`${CONFIG.API.BASE_URL}${CONFIG.API.SCAN_ENDPOINT}`)
      .then(response => {
        if (!response.ok) {
          throw new Error(`获取二维码失败：${response.status}`);
        }
        return response.json();
      })
      .catch(error => {
        console.error("获取扫码二维码出错：", error);
        throw error;
      });
  },

  /**
   * 检查用户登录状态
   * @returns {Promise<Object>} 登录状态检查结果
   */
  checkLoginStatus() {
    if (!this.scanId) {
      return Promise.reject(new Error("scanId 不存在，无法检查登录状态"));
    }

    return fetch(`${CONFIG.API.BASE_URL}${CONFIG.API.LOGIN_CHECK_ENDPOINT}/${this.scanId}`)
      .then(response => {
        if (!response.ok) {
          throw new Error(`检查登录状态失败：${response.status}`);
        }
        return response.json();
      })
      .catch(error => {
        console.error("检查登录状态出错：", error);
        throw error;
      });
  },

  /**
   * 开始轮询检查登录状态
   * @param {Function} onLoginSuccess - 登录成功时的回调函数
   */
  startPolling(onLoginSuccess) {
    // 确保先停止任何现有的轮询
    this.stopPolling();

    this.pollingTimer = setInterval(() => {
      this.checkLoginStatus()
        .then(response => {
          if (response.flag) {
            // 用户已扫码并授权登录
            this.stopPolling();
            onLoginSuccess(response.data);
          }
        })
        .catch(error => {
          console.error('轮询登录状态出错：', error);
        });
    }, CONFIG.POLLING.INTERVAL);
  },

  /**
   * 停止轮询
   */
  stopPolling() {
    if (this.pollingTimer) {
      clearInterval(this.pollingTimer);
      this.pollingTimer = null;
    }
  }
};

/**
 * 登录控制器模块
 * 协调登录流程的核心组件
 */
const LoginController = {
  /**
   * 初始化登录流程
   * 检查登录状态，如未登录则启动扫码登录流程
   */
  init() {
    if (!AuthManager.isLoggedIn()) {
      UIComponents.renderLoginForm();
      this.startQRLoginProcess();
    }
  },

  /**
   * 启动二维码登录流程
   * 获取二维码并开始轮询检查登录状态
   */
  startQRLoginProcess() {
    // 设置二维码为加载状态
    UIComponents.setQRCodeLoadingState(true);

    APIService.getScanQRCode()
      .then(response => {
        if (!response.data || !response.data.url || !response.data.sceneId) {
          throw new Error("获取二维码响应数据格式错误");
        }

        // 保存扫码会话 ID
        APIService.scanId = response.data.sceneId;

        // 更新二维码图片
        const qrCodeImg = document.getElementById(CONFIG.DOM.QR_CODE_IMG);
        if (qrCodeImg) {
          qrCodeImg.src = response.data.url;
          // 移除加载状态
          UIComponents.setQRCodeLoadingState(false);
        }

        // 开始轮询检查登录状态
        APIService.startPolling((userData) => {
          // 登录成功回调
          AuthManager.setLoginData(userData);
          window.location.reload(); // 重新加载页面应用登录状态
        });
      })
      .catch(error => {
        console.error('启动二维码登录流程失败：', error);
        UIComponents.setQRCodeLoadingState(false);

        // 这里可以添加错误处理 UI 展示
      });
  }
};

/**
 * 页面加载完成后初始化应用
 */
window.onload = function() {
  // 更新顶部栏日期显示
  UIComponents.updateTopbarDate();

  // 检查用户是否已登录
  if (AuthManager.isLoggedIn()) {
    // 已登录，不需要设置检查间隔
    return;
  }

  // 初始化登录流程
  LoginController.init();

  // 设置定期检查登录状态的定时器
  const loginCheckInterval = setInterval(function() {
    // 如果用户未登录且页面中不存在二维码，则重新初始化登录流程
    if (!document.getElementById(CONFIG.DOM.QR_CODE_IMG)) {
      LoginController.init();
    }
  }, CONFIG.POLLING.INTERVAL);

  // 保存定时器 ID 以便后续可能的清理
  window.loginCheckIntervalId = loginCheckInterval;
};


问题描述

解决方案

调整文件上传大小/数量限制

PIG AI 技术指南

PIG AI 试用部署

本地部署 🔥

微服务部署

提示词使用指南

推理模型接入指南

AI 慧眼功能指南

语音识别功能指南

智绘、视频、音频功能

AI 编辑器技术实现指南

AI 报告功能指南

模型编排功能指南

RAG 检索基础使用

私有模型接入指南

接入文档抽取增强

知识库问答源码解析

学习如何将知识库服务嵌入到第三方网站和应用中

知识库嵌入功能指南

函数调用基础

函数编排功能

AI 问数使用

AI 联动-工作流

AI 联动-用户创建

MCP 服务集成

One-API 接入指南

数据标注功能指南

敏感词过滤功能

LiteFlow 规则引擎集成

PIG AI 集成指南

PIG AI API 对接文档

RAG 幻觉调优场景问题

请求知识库报错 HTTP2 异常

调用知识库，向量链接错误

Ollama 配置常见问题

配置 MarkItDown 切片失败

模型管理列表没有对应模型

调用云厂商大模型超时

调用云厂商大模型被限流

调用本地大模型超时

调用大模型提示字数超限制

生产构建发布后 SSE 输出卡顿

文生图生成图片包含水印 PIG AI 信息

更新日志

​问题描述

​解决方案

问题描述

解决方案