init

.claude/settings.local.json

@@ -0,0 +1,9 @@
+{
+  "permissions": {
+    "allow": [
+      "Read(//c/Users/linzo/IdeaProjects/airport-server-single/**)"
+    ],
+    "deny": [],
+    "ask": []
+  }
+}

.gitignore

@@ -0,0 +1,36 @@
+.DS_Store
+node_modules/
+unpackage/
+dist/
+dist.zip
+dist_electron
+CLAUDE.md
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.project
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw*
+nginx-files/airport.conf
+nginx-files/CHANGES.md
+nginx-files/DEPLOYMENT_GUIDE.md
+nginx-files/DEPLOYMENT.md
+nginx-files/DIAGNOSE_HAIKOU.md
+nginx-files/FRONTEND_INTEGRATION.md
+nginx-files/HOTFIX.md
+nginx-files/nginx.conf.updated
+nginx-files/README_CUSTOM.md
+nginx-files/README.md
+nginx-files/select-airport.html

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "src"]
+	path = src
+	url = https://gitee.com/y_project/RuoYi-App.git

babel.config.js

@@ -0,0 +1,81 @@
+const webpack = require('webpack')
+const plugins = []
+
+if (process.env.UNI_OPT_TREESHAKINGNG) {
+  plugins.push(require('@dcloudio/vue-cli-plugin-uni-optimize/packages/babel-plugin-uni-api/index.js'))
+}
+
+if (
+  (
+    process.env.UNI_PLATFORM === 'app-plus' &&
+    process.env.UNI_USING_V8
+  ) ||
+  (
+    process.env.UNI_PLATFORM === 'h5' &&
+    process.env.UNI_H5_BROWSER === 'builtin'
+  )
+) {
+  const path = require('path')
+
+  const isWin = /^win/.test(process.platform)
+
+  const normalizePath = path => (isWin ? path.replace(/\\/g, '/') : path)
+
+  const input = normalizePath(process.env.UNI_INPUT_DIR)
+  try {
+    plugins.push([
+      require('@dcloudio/vue-cli-plugin-hbuilderx/packages/babel-plugin-console'),
+      {
+        file (file) {
+          file = normalizePath(file)
+          if (file.indexOf(input) === 0) {
+            return path.relative(input, file)
+          }
+          return false
+        }
+      }
+    ])
+  } catch (e) { }
+}
+
+process.UNI_LIBRARIES = process.UNI_LIBRARIES || ['@dcloudio/uni-ui']
+process.UNI_LIBRARIES.forEach(libraryName => {
+  plugins.push([
+    'import',
+    {
+      'libraryName': libraryName,
+      'customName': (name) => {
+        return `${libraryName}/lib/${name}/${name}`
+      }
+    }
+  ])
+})
+
+if (process.env.UNI_PLATFORM !== 'h5') {
+  plugins.push('@babel/plugin-transform-runtime')
+}
+
+const config = {
+  presets: [
+    [
+      '@vue/app',
+      {
+        modules: webpack.version[0] > 4 ? 'auto' : 'commonjs',
+        useBuiltIns: process.env.UNI_PLATFORM === 'h5' ? 'usage' : 'entry'
+      }
+    ]
+  ],
+  plugins
+}
+
+const UNI_H5_TEST = '**/@dcloudio/uni-h5/dist/index.umd.min.js'
+if (process.env.NODE_ENV === 'production') {
+  config.overrides = [{
+    test: UNI_H5_TEST,
+    compact: true,
+  }]
+} else {
+  config.ignore = [UNI_H5_TEST]
+}
+
+module.exports = config

electron-builder.json

@@ -0,0 +1,44 @@
+{
+  "appId": "com.meilan.app",
+  "productName": "美兰机场应用",
+  "directories": {
+    "output": "dist_electron",
+    "buildResources": "build"
+  },
+  "files": [
+    "dist/build/h5/**/*",
+    "electron/**/*",
+    "!**/node_modules/**/*"
+  ],
+  "extraResources": [
+    {
+      "from": "dist/build/h5",
+      "to": "app/dist/build/h5",
+      "filter": ["**/*"]
+    }
+  ],
+  "mac": {
+    "category": "public.app-category.productivity",
+    "icon": "dist/build/h5/static/pc.png"
+  },
+  "win": {
+    "target": [
+      {
+        "target": "nsis",
+        "arch": ["x64"]
+      }
+    ],
+    "icon": "dist/build/h5/static/pc.png"
+  },
+  "nsis": {
+    "oneClick": false,
+    "allowToChangeInstallationDirectory": true,
+    "createDesktopShortcut": true,
+    "createStartMenuShortcut": true,
+    "shortcutName": "美兰机场应用"
+  },
+  "publish": {
+    "provider": "generic",
+    "url": "http://your-update-server.com/updates"
+  }
+}

electron/main.js

@@ -0,0 +1,180 @@
+const { app, BrowserWindow, Menu } = require('electron')
+const path = require('path')
+const isDev = process.env.NODE_ENV === 'development'
+
+// 保持对窗口对象的全局引用，避免被垃圾回收
+let mainWindow
+
+function createWindow() {
+  // 创建浏览器窗口
+  mainWindow = new BrowserWindow({
+    width: 375, // 手机宽度（类似iPhone 12/13）
+    height: 667, // 手机高度
+    minWidth: 320, // 最小宽度（类似小屏手机）
+    minHeight: 480, // 最小高度
+    maxWidth: 414, // 最大宽度（类似大屏手机）
+    maxHeight: 896, // 最大高度
+    webPreferences: {
+      nodeIntegration: false,
+      contextIsolation: true,
+      webSecurity: false, // 禁用webSecurity以允许跨域请求
+      allowRunningInsecureContent: true, // 允许不安全内容
+      enableRemoteModule: false, // 禁用远程模块，提高安全性
+      webgl: true,
+      images: true
+    },
+    icon: path.join(__dirname, '../../dist/build/h5/static/pc.png'), // 应用图标
+    show: false // 先隐藏窗口，等加载完成再显示
+  })
+
+  // 设置Content Security Policy
+  mainWindow.webContents.session.webRequest.onHeadersReceived((details, callback) => {
+    callback({
+      responseHeaders: {
+        ...details.responseHeaders,
+        'Content-Security-Policy': [
+          "default-src * 'unsafe-inline' 'unsafe-eval' data: blob:; " +
+          "script-src * 'unsafe-inline' 'unsafe-eval'; " +
+          "connect-src * 'unsafe-inline'; " +
+          "img-src * data: blob: 'unsafe-inline'; " +
+          "frame-src *; " +
+          "style-src * 'unsafe-inline'; " +
+          "font-src * data:; " +
+          "media-src *"
+        ]
+      }
+    })
+  })
+
+  // 加载应用
+  if (isDev) {
+    // 开发环境：加载本地H5开发服务器
+    mainWindow.loadURL('http://localhost:9090')
+    // 打开开发者工具
+    mainWindow.webContents.openDevTools()
+  } else {
+    // 生产环境：加载打包后的文件
+    const fs = require('fs')
+    let indexPath
+    
+    // 尝试多种可能的路径
+    const possiblePaths = [
+      // 打包后路径1：resources/app/dist/build/h5
+      process.resourcesPath ? path.join(process.resourcesPath, 'app', 'dist', 'build', 'h5', 'index.html') : null,
+      // 打包后路径2：resources/app
+      process.resourcesPath ? path.join(process.resourcesPath, 'app', 'index.html') : null,
+      // 打包后路径3：直接位于应用目录
+      path.join(__dirname, '..', 'dist', 'build', 'h5', 'index.html'),
+      // 开发环境路径
+      path.join(__dirname, '..', '..', 'dist', 'build', 'h5', 'index.html'),
+      // 备用路径
+      path.join(__dirname, 'dist', 'build', 'h5', 'index.html')
+    ].filter(Boolean)
+    
+    // 查找存在的文件
+    for (const testPath of possiblePaths) {
+      console.log('Testing path:', testPath)
+      if (fs.existsSync(testPath)) {
+        indexPath = testPath
+        console.log('Found index file at:', indexPath)
+        break
+      }
+    }
+    
+    if (indexPath && fs.existsSync(indexPath)) {
+      // 使用 loadFile 方法加载文件
+      mainWindow.loadFile(indexPath)
+      console.log('Successfully loaded index file from:', indexPath)
+    } else {
+      console.error('Index file not found in any of the following paths:')
+      possiblePaths.forEach(p => console.error('  -', p))
+      
+      // 显示详细的错误信息
+      const errorHtml = `
+        <html>
+          <head><title>应用加载失败</title></head>
+          <body style="font-family: Arial, sans-serif; padding: 20px;">
+            <h1>应用文件加载失败</h1>
+            <p>无法找到 index.html 文件，请检查以下路径：</p>
+            <ul>
+              ${possiblePaths.map(p => `<li>${p}</li>`).join('')}
+            </ul>
+            <p>请重新安装应用或联系技术支持。</p>
+          </body>
+        </html>
+      `
+      mainWindow.loadURL(`data:text/html,${encodeURIComponent(errorHtml)}`)
+    }
+  }
+
+  // 窗口准备好后显示
+  mainWindow.once('ready-to-show', () => {
+    mainWindow.show()
+    // 设置页面缩放以适应手机尺寸
+    mainWindow.webContents.setZoomFactor(0.85) // 85%缩放，让内容更紧凑
+  })
+
+  // 窗口关闭时触发
+  mainWindow.on('closed', () => {
+    mainWindow = null
+  })
+
+  // 设置菜单（可选）
+  const template = [
+    // {
+    //   label: '文件',
+    //   submenu: [
+    //     {
+    //       label: '退出',
+    //       accelerator: process.platform === 'darwin' ? 'Cmd+Q' : 'Ctrl+Q',
+    //       click() {
+    //         app.quit()
+    //       }
+    //     }
+    //   ]
+    // },
+    // {
+    //   label: '视图',
+    //   submenu: [
+    //     { role: 'reload', label: '重新加载' },
+    //     { role: 'forceReload', label: '强制重新加载' },
+    //     { role: 'toggleDevTools', label: '开发者工具' },
+    //     { type: 'separator' },
+    //     { role: 'resetZoom', label: '实际大小' },
+    //     { role: 'zoomIn', label: '放大' },
+    //     { role: 'zoomOut', label: '缩小' },
+    //     { type: 'separator' },
+    //     { role: 'togglefullscreen', label: '切换全屏' }
+    //   ]
+    // }
+  ]
+
+  const menu = Menu.buildFromTemplate(template)
+  Menu.setApplicationMenu(menu)
+}
+
+// Electron 初始化完成时触发
+app.whenReady().then(createWindow)
+
+// 所有窗口关闭时退出应用（macOS除外）
+app.on('window-all-closed', () => {
+  if (process.platform !== 'darwin') {
+    app.quit()
+  }
+})
+
+// macOS 应用激活时重新创建窗口
+app.on('activate', () => {
+  if (BrowserWindow.getAllWindows().length === 0) {
+    createWindow()
+  }
+})
+
+// 安全设置：阻止新窗口创建
+app.on('web-contents-created', (event, contents) => {
+  contents.on('new-window', (event, navigationUrl) => {
+    event.preventDefault()
+    // 在默认浏览器中打开外部链接
+    require('electron').shell.openExternal(navigationUrl)
+  })
+})

nginx-files/select-airport-custom.html

@@ -0,0 +1,330 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
+    <title>选择机场 - 安检分级质控系统</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            padding: 20px;
+        }
+
+        .container {
+            width: 100%;
+            max-width: 400px;
+        }
+
+        .logo-section {
+            text-align: center;
+            margin-bottom: 40px;
+        }
+
+        .logo {
+            width: 80px;
+            height: 80px;
+            background: white;
+            border-radius: 20px;
+            margin: 0 auto 20px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 40px;
+            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
+        }
+
+        .title {
+            color: white;
+            font-size: 24px;
+            font-weight: 600;
+            margin-bottom: 8px;
+        }
+
+        .subtitle {
+            color: rgba(255, 255, 255, 0.8);
+            font-size: 14px;
+        }
+
+        .card {
+            background: white;
+            border-radius: 16px;
+            padding: 30px 20px;
+            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
+        }
+
+        .card-title {
+            font-size: 18px;
+            font-weight: 600;
+            color: #333;
+            margin-bottom: 20px;
+            text-align: center;
+        }
+
+        .airport-list {
+            list-style: none;
+        }
+
+        .airport-item {
+            background: #f7f8fa;
+            border-radius: 12px;
+            padding: 16px;
+            margin-bottom: 12px;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            display: flex;
+            align-items: center;
+            border: 2px solid transparent;
+        }
+
+        .airport-item:hover {
+            background: #e8ecf4;
+            transform: translateY(-2px);
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+        }
+
+        .airport-item:active {
+            transform: translateY(0);
+        }
+
+        .airport-item.selected {
+            border-color: #667eea;
+            background: #f0f3ff;
+        }
+
+        .airport-icon {
+            width: 40px;
+            height: 40px;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            border-radius: 10px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 20px;
+            margin-right: 15px;
+            flex-shrink: 0;
+        }
+
+        .airport-info {
+            flex: 1;
+        }
+
+        .airport-name {
+            font-size: 16px;
+            font-weight: 600;
+            color: #333;
+            margin-bottom: 4px;
+        }
+
+        .airport-desc {
+            font-size: 12px;
+            color: #999;
+        }
+
+        .arrow {
+            color: #ccc;
+            font-size: 20px;
+        }
+
+        .airport-item.selected .arrow {
+            color: #667eea;
+        }
+
+        .footer {
+            text-align: center;
+            margin-top: 20px;
+            color: rgba(255, 255, 255, 0.6);
+            font-size: 12px;
+        }
+
+        .loading {
+            display: none;
+            text-align: center;
+            margin-top: 20px;
+        }
+
+        .loading.show {
+            display: block;
+        }
+
+        .loading-spinner {
+            width: 30px;
+            height: 30px;
+            border: 3px solid rgba(255, 255, 255, 0.3);
+            border-radius: 50%;
+            border-top-color: white;
+            animation: spin 1s ease-in-out infinite;
+            margin: 0 auto 10px;
+        }
+
+        @keyframes spin {
+            to { transform: rotate(360deg); }
+        }
+
+        .loading-text {
+            color: white;
+            font-size: 14px;
+        }
+
+        /* 移动端优化 */
+        @media (max-width: 480px) {
+            .title {
+                font-size: 20px;
+            }
+
+            .card {
+                padding: 24px 16px;
+            }
+
+            .airport-item {
+                padding: 14px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="logo-section">
+            <div class="logo">✈️</div>
+            <div class="title">安检分级质控系统</div>
+            <div class="subtitle">Airport Security Quality Control</div>
+        </div>
+
+        <div class="card">
+            <div class="card-title">请选择您的机场</div>
+            <ul class="airport-list" id="airportList">
+                <!-- 动态生成 -->
+            </ul>
+        </div>
+
+        <div class="loading" id="loading">
+            <div class="loading-spinner"></div>
+            <div class="loading-text">正在跳转...</div>
+        </div>
+
+        <div class="footer">
+            © 2025 机场安检质控系统
+        </div>
+    </div>
+
+    <script>
+        // 机场配置列表（根据实际环境配置）
+        const airports = [
+            {
+                code: 'SHUANGLIU',
+                name: '双流机场',
+                description: '成都双流国际机场',
+                icon: '🛫'
+            },
+            {
+                code: 'HAIKOU',
+                name: '海口机场',
+                description: '海口美兰国际机场',
+                icon: '✈️'
+            }
+            // 可以继续添加更多机场
+            // {
+            //     code: 'ANOTHER_AIRPORT',
+            //     name: '其他机场',
+            //     description: '其他机场描述',
+            //     icon: '🛬'
+            // }
+        ];
+
+        let selectedCode = null;
+
+        // 渲染机场列表
+        function renderAirports() {
+            const listEl = document.getElementById('airportList');
+            listEl.innerHTML = airports.map(airport => `
+                <li class="airport-item" data-code="${airport.code}" onclick="selectAirport('${airport.code}')">
+                    <div class="airport-icon">${airport.icon}</div>
+                    <div class="airport-info">
+                        <div class="airport-name">${airport.name}</div>
+                        <div class="airport-desc">${airport.description}</div>
+                    </div>
+                    <div class="arrow">›</div>
+                </li>
+            `).join('');
+        }
+
+        // 选择机场
+        function selectAirport(code) {
+            selectedCode = code;
+
+            // 更新UI
+            document.querySelectorAll('.airport-item').forEach(item => {
+                item.classList.remove('selected');
+            });
+            document.querySelector(`[data-code="${code}"]`).classList.add('selected');
+
+            // 延迟跳转，让用户看到选中效果
+            setTimeout(() => {
+                confirmSelection(code);
+            }, 300);
+        }
+
+        // 确认选择并跳转
+        function confirmSelection(code) {
+            // 显示加载动画
+            document.getElementById('loading').classList.add('show');
+
+            // 设置 Cookie（30天有效期）
+            const maxAge = 30 * 24 * 60 * 60; // 30天
+            document.cookie = `airport_code=${code}; path=/; max-age=${maxAge}; SameSite=Lax`;
+
+            // 同时设置 localStorage（备用方案）
+            try {
+                localStorage.setItem('airport_code', code);
+            } catch (e) {
+                console.warn('无法设置 localStorage:', e);
+            }
+
+            // 延迟跳转到首页
+            setTimeout(() => {
+                window.location.href = '/';
+            }, 500);
+        }
+
+        // 检查是否已有选择
+        function checkExistingSelection() {
+            // 从 cookie 读取
+            const cookies = document.cookie.split(';');
+            for (let cookie of cookies) {
+                const [name, value] = cookie.trim().split('=');
+                if (name === 'airport_code') {
+                    // 已有选择，自动跳转
+                    window.location.href = '/';
+                    return;
+                }
+            }
+        }
+
+        // 初始化
+        document.addEventListener('DOMContentLoaded', () => {
+            checkExistingSelection();
+            renderAirports();
+        });
+
+        // 防止iOS端的bounce效果
+        document.addEventListener('touchmove', (e) => {
+            if (e.target.closest('.airport-list')) {
+                return;
+            }
+            e.preventDefault();
+        }, { passive: false });
+    </script>
+</body>
+</html>

package.json

@@ -0,0 +1,154 @@
+{
+  "name": "ruoyi-app-project",
+  "version": "1.0.0",
+  "description": "美兰机场移动应用 - 基于uni-app开发的跨平台应用",
+  "author": "美兰机场技术团队",
+  "private": true,
+  "scripts": {
+    "dev": "npm run dev:h5",
+    "build": "npm run build:h5",
+    "build:app-plus": "cross-env NODE_ENV=production UNI_PLATFORM=app-plus vue-cli-service uni-build",
+    "build:custom": "cross-env NODE_ENV=production uniapp-cli custom",
+    "build:h5": "cross-env NODE_ENV=production UNI_PLATFORM=h5 vue-cli-service uni-build",
+    "electron:dev": "cross-env NODE_ENV=development electron electron/main.js",
+    "electron:build": "npm run build:h5 && electron-builder",
+    "electron:pack": "npm run build:h5 && electron-builder --dir",
+    "electron:dist": "npm run build:h5 && electron-builder --win --x64",
+    "build:mp-360": "cross-env NODE_ENV=production UNI_PLATFORM=mp-360 vue-cli-service uni-build",
+    "build:mp-alipay": "cross-env NODE_ENV=production UNI_PLATFORM=mp-alipay vue-cli-service uni-build",
+    "build:mp-baidu": "cross-env NODE_ENV=production UNI_PLATFORM=mp-baidu vue-cli-service uni-build",
+    "build:mp-jd": "cross-env NODE_ENV=production UNI_PLATFORM=mp-jd vue-cli-service uni-build",
+    "build:mp-kuaishou": "cross-env NODE_ENV=production UNI_PLATFORM=mp-kuaishou vue-cli-service uni-build",
+    "build:mp-lark": "cross-env NODE_ENV=production UNI_PLATFORM=mp-lark vue-cli-service uni-build",
+    "build:mp-qq": "cross-env NODE_ENV=production UNI_PLATFORM=mp-qq vue-cli-service uni-build",
+    "build:mp-toutiao": "cross-env NODE_ENV=production UNI_PLATFORM=mp-toutiao vue-cli-service uni-build",
+    "build:mp-weixin": "cross-env NODE_ENV=production UNI_PLATFORM=mp-weixin vue-cli-service uni-build",
+    "build:mp-xhs": "cross-env NODE_ENV=production UNI_PLATFORM=mp-xhs vue-cli-service uni-build",
+    "build:quickapp-native": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-native vue-cli-service uni-build",
+    "build:quickapp-webview": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-webview vue-cli-service uni-build",
+    "build:quickapp-webview-huawei": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-webview-huawei vue-cli-service uni-build",
+    "build:quickapp-webview-union": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-webview-union vue-cli-service uni-build",
+    "dev:app-plus": "cross-env NODE_ENV=development UNI_PLATFORM=app-plus vue-cli-service uni-build --watch",
+    "dev:custom": "cross-env NODE_ENV=development uniapp-cli custom",
+    "dev:h5": "cross-env NODE_ENV=development UNI_PLATFORM=h5 vue-cli-service uni-serve",
+    "dev:mp-360": "cross-env NODE_ENV=development UNI_PLATFORM=mp-360 vue-cli-service uni-build --watch",
+    "dev:mp-alipay": "cross-env NODE_ENV=development UNI_PLATFORM=mp-alipay vue-cli-service uni-build --watch",
+    "dev:mp-baidu": "cross-env NODE_ENV=development UNI_PLATFORM=mp-baidu vue-cli-service uni-build --watch",
+    "dev:mp-jd": "cross-env NODE_ENV=development UNI_PLATFORM=mp-jd vue-cli-service uni-build --watch",
+    "dev:mp-kuaishou": "cross-env NODE_ENV=development UNI_PLATFORM=mp-kuaishou vue-cli-service uni-build --watch",
+    "dev:mp-lark": "cross-env NODE_ENV=development UNI_PLATFORM=mp-lark vue-cli-service uni-build --watch",
+    "dev:mp-qq": "cross-env NODE_ENV=development UNI_PLATFORM=mp-qq vue-cli-service uni-build --watch",
+    "dev:mp-toutiao": "cross-env NODE_ENV=development UNI_PLATFORM=mp-toutiao vue-cli-service uni-build --watch",
+    "dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch",
+    "dev:mp-xhs": "cross-env NODE_ENV=development UNI_PLATFORM=mp-xhs vue-cli-service uni-build --watch",
+    "dev:quickapp-native": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-native vue-cli-service uni-build --watch",
+    "dev:quickapp-webview": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-webview vue-cli-service uni-build --watch",
+    "dev:quickapp-webview-huawei": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-webview-huawei vue-cli-service uni-build --watch",
+    "dev:quickapp-webview-union": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-webview-union vue-cli-service uni-build --watch",
+    "info": "node node_modules/@dcloudio/vue-cli-plugin-uni/commands/info.js",
+    "serve:quickapp-native": "node node_modules/@dcloudio/uni-quickapp-native/bin/serve.js",
+    "test:android": "cross-env UNI_PLATFORM=app-plus UNI_OS_NAME=android jest -i",
+    "test:h5": "cross-env UNI_PLATFORM=h5 jest -i",
+    "test:ios": "cross-env UNI_PLATFORM=app-plus UNI_OS_NAME=ios jest -i",
+    "test:mp-baidu": "cross-env UNI_PLATFORM=mp-baidu jest -i",
+    "test:mp-weixin": "cross-env UNI_PLATFORM=mp-weixin jest -i"
+  },
+  "dependencies": {
+    "@dcloudio/uni-app": "^2.0.2-3090920231225001",
+    "@dcloudio/uni-app-plus": "^2.0.2-3090920231225001",
+    "@dcloudio/uni-h5": "^2.0.2-3090920231225001",
+    "@dcloudio/uni-i18n": "^2.0.2-3090920231225001",
+    "@dcloudio/uni-mp-360": "^2.0.2-3090920231225001",
+    "@dcloudio/uni-mp-alipay": "^2.0.2-3090920231225001",
+    "@dcloudio/uni-mp-baidu": "^2.0.2-3090920231225001",
+    "@dcloudio/uni-mp-jd": "^2.0.2-3090920231225001",
+    "@dcloudio/uni-mp-kuaishou": "^2.0.2-3090920231225001",
+    "@dcloudio/uni-mp-lark": "^2.0.2-3090920231225001",
+    "@dcloudio/uni-mp-qq": "^2.0.2-3090920231225001",
+    "@dcloudio/uni-mp-toutiao": "^2.0.2-3090920231225001",
+    "@dcloudio/uni-mp-vue": "^2.0.2-3090920231225001",
+    "@dcloudio/uni-mp-weixin": "^2.0.2-3090920231225001",
+    "@dcloudio/uni-mp-xhs": "^2.0.2-3090920231225001",
+    "@dcloudio/uni-quickapp-native": "^2.0.2-3090920231225001",
+    "@dcloudio/uni-quickapp-webview": "^2.0.2-3090920231225001",
+    "@dcloudio/uni-stacktracey": "^2.0.2-3090920231225001",
+    "@dcloudio/uni-stat": "^2.0.2-3090920231225001",
+    "@vue/shared": "^3.0.0",
+    "core-js": "^3.8.3",
+    "echarts": "^5.6.0",
+    "flyio": "^0.6.2",
+    "moment": "^2.30.1",
+    "postcss": "^8.4.35",
+    "uview-ui": "^2.0.38",
+    "vue": ">= 2.6.14 < 2.7",
+    "vuex": "^3.2.0"
+  },
+  "devDependencies": {
+    "@dcloudio/types": "^3.3.2",
+    "@dcloudio/uni-automator": "^2.0.2-3090920231225001",
+    "@dcloudio/uni-cli-i18n": "^2.0.2-3090920231225001",
+    "@dcloudio/uni-cli-shared": "^2.0.2-3090920231225001",
+    "@dcloudio/uni-helper-json": "*",
+    "@dcloudio/uni-migration": "^2.0.2-3090920231225001",
+    "@dcloudio/uni-template-compiler": "^2.0.2-3090920231225001",
+    "@dcloudio/vue-cli-plugin-hbuilderx": "^2.0.2-3090920231225001",
+    "@dcloudio/vue-cli-plugin-uni": "^2.0.2-3090920231225001",
+    "@dcloudio/vue-cli-plugin-uni-optimize": "^2.0.2-3090920231225001",
+    "@dcloudio/webpack-uni-mp-loader": "^2.0.2-3090920231225001",
+    "@dcloudio/webpack-uni-pages-loader": "^2.0.2-3090920231225001",
+    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-service": "~5.0.0",
+    "autoprefixer": "^8.0.0",
+    "babel-plugin-import": "^1.11.0",
+    "cross-env": "^7.0.2",
+    "electron": "^19.0.0",
+    "electron-builder": "^23.0.0",
+    "jest": "^25.4.0",
+    "postcss-comment": "^2.0.0",
+    "postcss-loader": "^8.1.1",
+    "sass": "^1.49.8",
+    "sass-loader": "^8.0.2",
+    "vue-template-compiler": ">= 2.6.14 < 2.7"
+  },
+  "browserslist": [
+    "Android >= 4.4",
+    "ios >= 9"
+  ],
+  "uni-app": {
+    "scripts": {}
+  },
+  "main": "electron/main.js",
+  "homepage": "./",
+  "build": {
+    "appId": "com.meilan.app",
+    "productName": "美兰机场应用",
+    "directories": {
+      "output": "dist_electron"
+    },
+    "electronDownload": {
+      "mirror": "https://npmmirror.com/mirrors/electron/"
+    },
+    "files": [
+      "dist/build/h5/**/*",
+      "electron/**/*"
+    ],
+    "win": {
+      "target": [
+        {
+          "target": "nsis",
+          "arch": [
+            "x64"
+          ]
+        }
+      ],
+      "icon": "dist/build/h5/static/pc.png"
+    },
+    "nsis": {
+      "oneClick": false,
+      "allowToChangeInstallationDirectory": true,
+      "createDesktopShortcut": true,
+      "createStartMenuShortcut": true,
+      "shortcutName": "美兰机场应用"
+    }
+  }
+}

postcss.config.js

@@ -0,0 +1,27 @@
+const path = require('path')
+const webpack = require('webpack')
+const config = {
+  parser: require('postcss-comment'),
+  plugins: [
+    require('postcss-import')({
+      resolve (id, basedir, importOptions) {
+        if (id.startsWith('~@/')) {
+          return path.resolve(process.env.UNI_INPUT_DIR, id.substr(3))
+        } else if (id.startsWith('@/')) {
+          return path.resolve(process.env.UNI_INPUT_DIR, id.substr(2))
+        } else if (id.startsWith('/') && !id.startsWith('//')) {
+          return path.resolve(process.env.UNI_INPUT_DIR, id.substr(1))
+        }
+        return id
+      }
+    }),
+    require('autoprefixer')({
+      remove: process.env.UNI_PLATFORM !== 'h5'
+    }),
+    require('@dcloudio/vue-cli-plugin-uni/packages/postcss')
+  ]
+}
+if (webpack.version[0] > 4) {
+  delete config.parser
+}
+module.exports = config

public/index.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <title>
+            <%= htmlWebpackPlugin.options.title %>
+        </title>
+        <script>
+            var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
+            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')
+        </script>
+        <link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" />
+    </head>
+
+    <body>
+        <noscript>
+            <strong>Please enable JavaScript to continue.</strong>
+        </noscript>
+        <div id="app"></div>
+        <!-- built files will be auto injected -->
+    </body>
+
+</html>

shims-uni.d.ts

@@ -0,0 +1,11 @@
+/// <reference types='@dcloudio/types' />
+import Vue from 'vue'
+declare module "vue/types/options" {
+  type Hooks = App.AppInstance & Page.PageInstance;
+  interface ComponentOptions<V extends Vue> extends Hooks {
+    /**
+     * 组件类型
+     */
+    mpType?: string;
+  }
+}

shims-vue.d.ts

@@ -0,0 +1,4 @@
+declare module "*.vue" {
+  import Vue from 'vue'
+  export default Vue
+}

src/.gitignore

@@ -0,0 +1,16 @@
+######################################################################
+# Build Tools
+
+/unpackage/*
+/node_modules/*
+
+######################################################################
+# Development Tools
+
+/.idea/*
+/.vscode/*
+/.hbuilderx/*
+
+package-lock.json
+yarn.lock
+

src/App.vue

@@ -0,0 +1,42 @@
+<script>
+import config from './config'
+import { getToken } from '@/utils/auth'
+import { showMessageTabRedDot } from "@/utils/common.js"
+export default {
+  onLaunch: function () {
+    this.initApp()
+    // 在应用启动时为消息tab显示红点
+    showMessageTabRedDot()
+  },
+  methods: {
+    // 初始化应用
+    initApp() {
+      // 初始化应用配置
+      this.initConfig()
+      // 检查用户登录状态
+      //#ifdef H5
+      this.checkLogin()
+      //#endif
+    },
+    initConfig() {
+      this.globalData.config = config
+    },
+    checkLogin() {
+      if (!getToken()) {
+        this.$tab.reLaunch('/pages/login')
+      }
+    },
+  }
+}
+</script>
+
+<style lang="scss">
+@import "uview-ui/index.scss";
+@import '@/static/scss/index.scss';
+
+uni-page-body {
+  height: 100%;
+  margin-bottom: 0 !important;
+  padding-bottom: 0 !important;
+}
+</style>

src/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 若依
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

src/README.md

@@ -0,0 +1,51 @@
+<p align="center">
+	<img alt="logo" src="https://oscimg.oschina.net/oscnet/up-43e3941654fa3054c9684bf53d1b1d356a1.png">
+</p>
+<h1 align="center" style="margin: 30px 0 30px; font-weight: bold;">RuoYi v1.2.0</h1>
+<h4 align="center">基于UniApp开发的轻量级移动端框架</h4>
+<p align="center">
+	<a href="https://gitee.com/y_project/RuoYi-App/stargazers"><img src="https://gitee.com/y_project/RuoYi-App/badge/star.svg?theme=dark"></a>
+	<a href="https://gitee.com/y_project/RuoYi-App"><img src="https://img.shields.io/badge/RuoYi-v1.2.0-brightgreen.svg"></a>
+	<a href="https://gitee.com/y_project/RuoYi-App/blob/master/LICENSE"><img src="https://img.shields.io/github/license/mashape/apistatus.svg"></a>
+</p>
+
+## 平台简介
+
+RuoYi App 移动解决方案，采用uniapp框架，一份代码多终端适配，同时支持APP、小程序、H5！实现了与[RuoYi-Vue](https://gitee.com/y_project/RuoYi-Vue)、[RuoYi-Cloud](https://gitee.com/y_project/RuoYi-Cloud)完美对接的移动解决方案！目前已经实现登录、我的、工作台、编辑资料、头像修改、密码修改、常见问题、关于我们等基础功能。
+
+* 配套后端代码仓库地址[RuoYi-Vue](https://gitee.com/y_project/RuoYi-Vue) 或 [RuoYi-Cloud](https://github.com/yangzongzhuan/RuoYi-Cloud) 版本。
+* 应用框架基于[uniapp](https://uniapp.dcloud.net.cn/)，支持小程序、H5、Android和IOS。
+* 前端组件采用[uni-ui](https://github.com/dcloudio/uni-ui)，全端兼容的高性能UI框架。
+* 阿里云折扣场：[点我进入](http://aly.ruoyi.vip)，腾讯云秒杀场：[点我进入](http://txy.ruoyi.vip)&nbsp;&nbsp;
+
+
+## 技术文档
+
+- 官网网站：[http://ruoyi.vip](http://ruoyi.vip)
+- 文档地址：[http://doc.ruoyi.vip](http://doc.ruoyi.vip)
+- H5页体验：[http://h5.ruoyi.vip](http://h5.ruoyi.vip)
+- QQ交流群： ①133713780(满)、②146013835(满)、③189091635
+- 小程序体验
+
+<img src="https://oscimg.oschina.net/oscnet/up-26c76dc90b92acdbd9ac8cd5252f07c8ad9.jpg" alt="小程序演示"/>
+ 
+
+## 演示图
+
+<table>
+    <tr>
+        <td><img src="https://oscimg.oschina.net/oscnet/up-21f6f842fdc94540469b4eb43fdadbaf7f8.png"/></td>
+        <td><img src="https://oscimg.oschina.net/oscnet/up-a6f23cf9a371a30165e135eff6d9ae89a9d.png"/></td>
+		<td><img src="https://oscimg.oschina.net/oscnet/up-ff5f62016bf6624c1ff27eee57499dccd44.png"/></td>
+    </tr>
+	<tr>
+        <td><img src="https://oscimg.oschina.net/oscnet/up-b9a582fdb26ec69d407fabd044d2c8494df.png"/></td>
+        <td><img src="https://oscimg.oschina.net/oscnet/up-96427ee08fca29d77934cfc8d1b1a637cef.png"/></td>
+		<td><img src="https://oscimg.oschina.net/oscnet/up-5fdadc582d24cccd7727030d397b63185a3.png"/></td>
+    </tr>
+	<tr>
+        <td><img src="https://oscimg.oschina.net/oscnet/up-0a36797b6bcc50c36d40c3c782665b89efc.png"/></td>
+        <td><img src="https://oscimg.oschina.net/oscnet/up-d77995cc00687cedd00d5ac7d68a07ea276.png"/></td>
+		<td><img src="https://oscimg.oschina.net/oscnet/up-fa8f5ab20becf59b4b38c1b92a9989e7109.png"/></td>
+    </tr>
+</table>

src/api/announcement/announcement.js

@@ -0,0 +1,17 @@
+import request from '@/utils/request'
+
+//获取通知公告列表
+export const getNoticeList = (data) => {
+    return request({
+        url: `/system/notice/list`,
+        method: 'get',
+        data
+    })
+}
+//获取公告详情
+export const getNoticeDetail = (id) => {
+    return request({
+        url: `/system/notice/${id}`,
+        method: 'get'
+    })
+}

src/api/approve/approve.js

@@ -0,0 +1,79 @@
+import request from '@/utils/request'
+//查询审批历史
+export const getApprovelHistory = (instanceId) => {
+    return request({
+        url: `/system/check/approval/history/instance/${instanceId}`,
+        method: 'get',
+    })
+}
+
+//根据用户查部门负责人
+export const selectDeptLeaderByUserId = (data) => {
+    return request({
+        url: `/system/user/selectDeptLeaderByUserId`,
+        method: 'get',
+        data
+    })
+}
+
+//审批通过
+export const approvePass = (taskId,data) => {
+    return request({
+        url: `/system/approval/approve/${taskId}`,
+        method: 'put',
+        data
+    })
+}
+
+//审批驳回
+export const approveReject = (taskId,data) => {
+    return request({
+        url: `/system/approval/reject/${taskId}`,
+        method: 'put',
+        data
+    })
+}
+
+//批量审批通过
+export const approvePassBatch = (data) => {
+    return request({
+        url: `/system/approval/approve/list`,
+        method: 'put',
+        data
+    })
+}
+
+//批量审批驳回
+export const approveRejectBatch = (data) => {
+    return request({
+        url: `/system/approval/reject/list`,
+        method: 'put',
+        data
+    })
+}
+
+//查询审批列表
+export const getApproveList = (data) => {
+    return request({
+        url: `/system/approval/reject/list`,
+        method: 'get',
+        data
+    })
+}
+
+//整改审批通过
+export const rectifyApprovePass = (data) => {
+    return request({
+        url: `/check/checkCorrection/approveTaskBatch`,
+        method: 'post',
+        data
+    })
+}
+//整改审批驳回
+export const rectifyApproveReject = (data) => {
+    return request({
+        url: `/check/checkCorrection/rejectTaskBatch`,
+        method: 'post',
+        data
+    })
+}

src/api/attendance/attendance.js

@@ -0,0 +1,115 @@
+import request from '@/utils/request'
+
+// 保存打卡
+export function addAttendance(data) {
+  return request({
+    url: '/attendance/v1/record',
+    method: 'post',
+    data: data
+  })
+}
+
+export function getAttendanceList(data) {
+  return request({
+    url: '/attendance/v1/record-list',
+    method: 'post',
+    data: data
+  })
+}
+
+// 获取同组人员列表
+export function getUserList(params) {
+  return request({
+    url: '/system/user/list',
+    method: 'get',
+    params: params
+  })
+}
+
+// 添加上岗记录
+export function addPostRecord (data) {
+  return request({
+    url: '/attendance/postRecord/direct',
+    method: 'post',
+    data: data
+  })
+}
+
+// 新增：获取上岗记录列表
+export function getPostRecordList (params) {
+  return request({
+    url: '/attendance/postRecord/list',
+    method: 'get',
+    params: params
+  })
+}
+// 获取班组上岗列表
+export function listgroupbyTimeanduserid () {
+  return request({
+    url: `/attendance/postRecord/listgroupbyTimeanduserid`,
+    method: 'get'
+  })
+}
+
+// 新增：更新上岗记录
+export function updatePostRecord (data) {
+  return request({
+    url: '/attendance/postRecord/direct',
+    method: 'put',
+    data: data
+  })
+}
+
+// 查询通道和区域
+export function dataConfigTree (level) {
+  return request({
+    url: '/dataConfig/dataConfigTree',
+    method: 'get',
+    data: {
+      treeType: 'POSITION',
+      maxLevel: level
+    }
+  })
+}
+// 查询通道和区域
+export function areaList () {
+  return request({
+    url: '/attendance/area/list',
+    method: 'post'
+  })
+}
+
+//查询班组成员
+export function memberList (data) {
+  return request({
+    url: '/attendance/record/list',
+    method: 'get',
+    data: data
+  })
+}
+
+//批量新增考勤班组成员
+export function addMember (data) {
+  return request({
+    url: '/attendance/record/add/list',
+    method: 'post',
+    data
+  })
+}
+
+//查询最后一次上岗区域
+export function queryLastTime (data) {
+  return request({
+    url: '/attendance/postRecord/query-last-time',
+    method: 'get',
+    data: data
+  })
+}
+
+//查询上班打卡和下班打卡是否可以点击
+export function queryClickAble () {
+  return request({
+    url: '/attendance/v1/getRecordType',
+    method: 'get',
+  })
+}

src/api/attendanceStatistics/attendanceStatistics.js

@@ -0,0 +1,11 @@
+import request from '@/utils/request'
+
+
+// 获取通道统计
+export function getChannelStatistics(status) {
+  return request({
+    url: '/attendance/postRecord/count?regionalStatus='+status,
+    method: 'post',
+    
+  })
+}

src/api/check/checkProject.js

@@ -0,0 +1,13 @@
+import request from '@/utils/request'
+
+// 获取检查项
+export function getCheckProject(parentId) {
+  return request({
+    url: '/system/checkCategory/listTree',
+    // headers: {
+    //   isToken: false
+    // },
+    method: 'get',
+    params: {parentId}
+  })
+}

src/api/check/checkReward.js

@@ -0,0 +1,47 @@
+import request from '@/utils/request'
+
+// 提交检查单
+export function submitInspection(data) {
+  return request({
+    url: '/check/checkRecord/add',
+    method: 'post',
+    data: data
+  })
+}
+
+// 获取检查单列表
+
+export function getInspectionList(params = {}) {
+  return request({
+    url: '/check/checkRecord/list',
+    method: 'get',
+    params
+  });
+}
+
+//获取检查记录详细信息
+export function getInspectionListById(id) {
+  return request({
+    url: `/check/checkRecord/${id}`,   //  反引号
+    method: 'get',
+  });
+}
+
+//新增草稿检查记录
+
+export function addDraftInspection(data) {
+  return request({
+    url: '/check/checkRecord/draft',
+    method: 'post',
+    data: data
+  })
+}
+
+//修改检查记录
+export function updateInspection(data) {
+  return request({
+    url: '/check/checkRecord',
+    method: 'put',
+    data: data
+  })
+}

src/api/check/checkTask.js

@@ -0,0 +1,46 @@
+import request from '@/utils/request'
+
+// 查询检查任务列表
+export function listCheckTask(query) {
+  return request({
+    url: '/check/checkTask/list',
+    method: 'get',
+    params: query
+  })
+}
+//新增检查任务
+export function addCheckTask(data) {
+  return request({
+    url: '/check/checkTask',
+    method: 'post',
+    data: data
+  })
+}
+//获取检查任务详细信息
+export function getCheckTask(id) {
+  return request({
+    url: '/check/checkTask/' + id,
+    method: 'get'
+  })
+}
+//删除检查任务
+export function delCheckTask(id) {
+  return request({
+    url: '/check/checkTask/' + id,
+    method: 'delete'
+  })
+}
+//根据被检查级别查询检查项目列表
+export function getCheckProjectItemList(checkLevel) {
+  return request({
+    url: '/system/project/listByCheckLevel/' + checkLevel,
+    method: 'get'
+  })
+}
+//获取未读数量
+export function getUnreadCount() {
+  return request({
+    url: '/check/checkTask/unReadNum',
+    method: 'get'
+  })
+}

src/api/check/checklist.js

@@ -0,0 +1,78 @@
+import request from '@/utils/request'
+
+// 新增检查单记录
+export function addChecklistRecord(data) {
+  return request({
+    url: '/check/checklist/add',
+    method: 'post',
+    data: data
+  })
+}
+
+// 获取检查单列表
+export function getChecklistList(params) {
+  return request({
+    url: '/check/checklist/list',
+    method: 'get',
+    params: params
+  })
+}
+
+// 获取检查单详情
+export function getChecklistDetail(id) {
+  return request({
+    url: `/check/checklist/detail/${id}`,
+    method: 'get'
+  })
+}
+
+// 更新检查单
+export function updateChecklist(data) {
+  return request({
+    url: '/check/checklist/update',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除检查单
+export function deleteChecklist(id) {
+  return request({
+    url: `/check/checklist/delete/${id}`,
+    method: 'delete'
+  })
+}
+
+// 提交审批
+export function submitApproval(data) {
+  return request({
+    url: '/check/checklist/submitApproval',
+    method: 'post',
+    data: data
+  })
+}
+
+// 获取审批历史
+export function getApprovalHistory(checklistId) {
+  return request({
+    url: `/check/checklist/approvalHistory/${checklistId}`,
+    method: 'get'
+  })
+}
+
+// 获取检查单统计
+export function getChecklistStatistics(params) {
+  return request({
+    url: '/check/checklist/statistics',
+    method: 'get',
+    params: params
+  })
+}
+//查询部门指定角色人员
+export function getDeptRoleUser(deptId,data) {
+  return request({
+    url: `/system/dept/deptRole/${deptId}`,
+    method: 'post',
+    data: data
+  })
+}

src/api/eikonStatistics/eikonStatistics.js

@@ -0,0 +1,101 @@
+import request from '@/utils/request'
+
+// 查获取指定模块的指标值
+export function getModuleMetrics(params) {
+  return request({
+    url: '/user/basic/portrait/module/info',
+    method: 'get',
+    params: params
+  })
+}
+
+//获取用户在指定层级的详细排名信息
+export function getRankInfo(params) {
+  return request({
+    url: '/item/user-ranking/ranking-detail',
+    method: 'get',
+    params: params
+  })
+}
+
+//巡检画像
+export function getPortrait(params) {
+  return request({
+    url: '/check/largeScreen/portrait',
+    method: 'get',
+    params: params
+  })
+}
+//能力画像-学习成长
+export function getGrowthPortrait(params) {
+  return request({
+    url: '/system/growth/portrait',
+    method: 'get',
+    params: params
+  })
+}
+//总体概览接口
+export function getOverview(params) {
+  return request({
+    url: '/system/user/population',
+    method: 'get',
+    params: params
+  })
+}
+//获取指定用户画像
+export function getUserProfile(params) {
+  return request({
+    url: '/exam/daily/user-profile',
+    method: 'get',
+    params: params
+  })
+}
+
+//获取班组和科室画像
+export function getDeptProfile(params) {
+  return request({
+    url: '/exam/daily/dept-profile',
+    method: 'get',
+    params: params
+  })
+}
+//获取站级画像
+export function getSiteProfile(params) {
+  return request({
+    url: '/exam/daily/site-profile',
+    method: 'get',
+    params: params
+  })
+}
+//能力画像-协同配合
+export function getCollaborationProfile(params) {
+  return request({
+    url: '/system/user/cooperation',
+    method: 'get',
+    params: params
+  })
+}
+//能力画像-明细
+export function getDetailProfile(params) {
+  return request({
+    url: '/system/user/detail',
+    method: 'get',
+    params: params
+  })
+}
+//计算站级查获统计
+export function getSiteStatistics(params) {
+  return request({
+    url: `/item/user-ranking/station`,
+    method: 'get',
+    params: params
+  })
+}
+//计算站级考勤工作统计
+export function getAttendanceStatistics(params) {
+  return request({
+    url: `/attendance/stats/station`,
+    method: 'get',
+    params: params  
+  })
+}

src/api/exam/dailyExam.js

@@ -0,0 +1,103 @@
+import request from '@/utils/request'
+
+// 查询我的任务列表（当天有效任务）
+export function getMyTasks(params) {
+  return request({
+    url: '/exam/daily/task/my-tasks-today',
+    method: 'get',
+    params: params
+  })
+}
+
+// 查询今日是否有待完成任务
+export function hasPendingTask() {
+  return request({
+    url: '/exam/daily/task/has-pending-task',
+    method: 'get'
+  })
+}
+
+// 查询任务详情
+export function getTaskDetail(taskId) {
+  return request({
+    url: `/exam/daily/task/${taskId}`,
+    method: 'get'
+  })
+}
+
+// 开始答题
+export function startTask(taskId) {
+  return request({
+    url: `/exam/daily/task/start/${taskId}`,
+    method: 'post'
+  })
+}
+
+// 提交答案
+export function submitAnswer(data) {
+  return request({
+    url: '/exam/daily/task/submit',
+    method: 'post',
+    data: data
+  })
+}
+
+// 获取任务剩余时间
+export function getRemainingTime(taskId) {
+  return request({
+    url: `/exam/daily/task/remaining-time/${taskId}`,
+    method: 'get'
+  })
+}
+
+// 获取我的统计数据
+export function getMyStatistics() {
+  return request({
+    url: '/exam/daily/statistics/my-statistics',
+    method: 'get'
+  })
+}
+
+// 获取我的薄弱模块
+export function getWeakModules() {
+  return request({
+    url: '/exam/daily/statistics/weak-modules',
+    method: 'get'
+  })
+}
+
+//已完成任务列表
+export function getCompletedTasks(params) {
+  return request({
+    url: '/exam/daily/task/my-tasks-completed',
+    method: 'get',
+    params: params
+  })
+}
+
+//已过期任务列表
+export function getExpiredTasks(params) {
+  return request({
+    url: '/exam/daily/task/my-tasks-expired',
+    method: 'get',
+    params: params
+  })
+}
+
+//全部任务列表
+export function getAllTasks(params) {
+  return request({
+    url: '/exam/daily/task/my-tasks',
+    method: 'get',
+    params: params
+  })
+}
+
+//待考试任务列表
+export function getPendingTasks(params) {
+  return request({
+    url: '/exam/daily/task/my-tasks-today',
+    method: 'get',
+    params: params
+  })
+}

src/api/exam/exam.js

@@ -0,0 +1,76 @@
+import request from '@/utils/request'
+import { getToken } from '@/utils/auth'
+
+
+
+
+// 获取查获接口列表
+export function getExamIntro(data) {
+  return request({
+    url: '/v1/cs/app/eighteen/get_exam_intro',
+    method: 'post',
+    data: data
+  })
+}
+
+// 测试接口
+export function getExamRecordList(data) {
+  return request({
+    url: '/v1/cs/manage/exam/list',
+    method: 'post',
+    data: data
+  })
+}
+
+
+// 答题
+export function applyExam(data) {
+
+  return request({
+    url: '/v1/cs/app/eighteen/get_exam',
+    method: 'post',
+    data: data,
+  })
+}
+
+//提交试卷
+export function submitExam(data) {
+  return request({
+    url: '/v1/cs/app/eighteen/submit_exam',
+    method: 'post',
+    data: data
+  })
+}
+
+//查询测试记录
+export function getExamRecord(data) {
+  return request({
+    url: '/v1/cs/app/eighteen/get_exam',
+    method: 'post',
+    data: data
+  })
+}
+
+//获取答题结果
+export function getExam(data) {
+  return request({
+    url: '/v1/cs/app/eighteen/get_exam_record',
+    method: 'post',
+    data: data
+  })
+}
+
+//查询测试记录列表
+export function getUserExamRecordList(data) {
+  return request({
+    url: '/v1/cs/app/eighteen/get_exam_record_list',
+    method: 'post',
+    data: data
+  })
+}
+
+
+
+
+
+

src/api/home-new/home-new.js

@@ -0,0 +1,141 @@
+import request from '@/utils/request'
+
+// 查询我的任务列表（当天有效任务）shudong
+export function getHomePage(params) {
+  return request({
+    url: '/check/largeScreen/homePage',
+    method: 'get',
+    params: params
+  })
+}
+//获取查获上报数据  xiaoxiong
+export function getSeizureReport(params) {
+  return request({
+    url: '/system/check/seizureReport/data',
+    method: 'get',
+    params: params
+  })
+}
+
+//获取考勤统计数据   binge
+export function getAttendanceStats(params) {
+  return request({
+    url: '/attendance/stats/getAttendanceStats',
+    method: 'get',
+    params: params
+  })
+}
+
+//抽问抽答，首页   binge
+export function getAccuracyStatistics(params) {
+  return request({
+    url: '/exam/daily/accuracy-statistics',
+    method: 'get',
+    params: params
+  })
+}
+
+//根据角色获取查获排名  xiaoxiong
+export function getSeizureRanking(data) {
+  return request({
+    url: '/item/seizure/ranking/getRankingByRole',
+    method: 'post',
+    data: data
+  })
+}
+
+
+//获取检查排名  shudong
+export function getCheckRanking(params) {
+  return request({
+    url: '/system/homePage/homePageRanking',
+    method: 'get',
+    params: params
+  })
+}
+
+//首页-整体   shudong binge xiaoxiong
+export function getHomePageWhole(params) {
+  return request({
+    url: '/system/homePage/homePageWhole',
+    method: 'get',
+    params: params
+  })
+}
+//首页-明细（能力对比） shudong binge xiaoxiong
+export function getHomePageDetail(data) {
+  return request({
+    url: '/system/homePage/homePageDetail',
+    method: 'post',
+    data: data
+  })
+}
+
+//根据角色标识查询今日上岗用户列表
+export function selectUserListByRoleKey(data) {
+  return request({
+    url: '/attendance/postRecord/selectUserListByRoleKey',
+    method: 'post',
+    data: data
+  })
+}
+
+//首页报表-整体
+export function getHomeReportWhole(params) {
+  return request({
+    url: '/system/homeReport/homeReportWhole',
+    method: 'get',
+    params: params
+  })
+}
+
+//绩效指标列表
+export function getMetrics(data) {
+  return request({
+    url: '/item/performance/metrics',
+    method: 'post',
+    data: data
+  })
+}
+
+//质控活动-问题分布统计
+export function getCheckProblemDistribution(query) {
+  return request({
+    url: '/system/analysisReport/checkProblemDistribution',
+    method: 'get',
+    params: query
+  })
+}
+
+//培训测试正确率分析
+export function getAccuracyAnalysis(query) {
+  return request({
+    url: '/exam/quiz/accuracy-analysis',
+    method: 'get',
+    params: query
+  })
+}
+//查询全站查获违禁品 TOP3
+export function getProhibitedTop3(query) {
+  return request({
+    url: '/item/performance/prohibited-top3',
+    method: 'get',
+    params: query
+  })
+}
+//查询隐匿重点部位 Top1
+export function getConcealmentPositionTop1(query) {
+  return request({
+    url: '/item/performance/concealment-position-top1',
+    method: 'get',
+    params: query
+  })
+}
+//获取查获消息推送数据
+export function getPushMessage(query) {
+  return request({
+    url: '/item/seizure/push/message',
+    method: 'get',
+    params: query
+  })
+}

src/api/inspectionStatistics/inspectionStatistics.js

@@ -0,0 +1,92 @@
+import request from '@/utils/request'
+
+//巡检计划-计划安排总览
+export function getPlanOverview(params) {
+    return request({
+        url: '/check/largeScreen/planOverview',
+        method: 'get',
+        params: params
+    })
+}
+
+
+//巡检计划-日常任务检查指标累积分布
+export function getDailyTaskMetrics(params) {
+    return request({
+        url: '/check/largeScreen/planDistribution',
+        method: 'get',
+        params: params
+    })
+}
+
+//巡检计划-任务明细统计表
+export function getTaskDetailStats(params) {
+    return request({
+        url: '/check/largeScreen/planStatistics',
+        method: 'get',
+        params: params
+    })
+}
+
+//问题发现-总体问题分布
+export function getProblemDistribution(params) {
+    return request({
+        url: '/check/largeScreen/problemDistribution',
+        method: 'get',
+        params: params
+    })
+}
+
+//问题发现-问题分布对比
+export function getProblemDistributionComparison(params) {
+    return request({
+        url: '/check/largeScreen/problemComparison',
+        method: 'get',
+        params: params
+    })
+}
+
+//问题发现-通道面貌-问题对比
+export function getChannelProblemComparison(params) {
+    return request({
+        url: '/check/largeScreen/problemComparisonTwo',
+        method: 'get',
+        params: params
+    })
+}
+
+//问题发现-通道面貌-问题趋势
+export function getChannelProblemTrend(params) {
+    return request({
+        url: '/check/largeScreen/problemTrend',
+        method: 'get',
+        params: params
+    })
+}
+
+//问题整改-整改状态总计
+export function getRectificationStatusTotal(params) {
+    return request({
+        url: '/check/largeScreen/correction',
+        method: 'get',
+        params: params
+    })
+}
+
+//问题整改-整改状态分布-科级对比
+export function getRectificationStatusComparison(params) {
+    return request({
+        url: '/check/largeScreen/correctionDistribution',
+        method: 'get',
+        params: params
+    })
+}
+
+//巡检执行
+export function getExecutionStatusTotal(params) {
+    return request({
+        url: '/check/largeScreen/inspectionExecute',
+        method: 'get',
+        params: params
+    })
+}

src/api/login-clould.js

@@ -0,0 +1,47 @@
+import request from '@/utils/request'
+
+// 登录方法
+export function login(username, password, code, uuid) {
+  const data = {
+    username,
+    password,
+    code,
+    uuid
+  }
+  return request({
+    'url': '/auth/login',
+    headers: {
+      isToken: false
+    },
+    'method': 'post',
+    'data': data
+  })
+}
+
+// 获取用户详细信息
+export function getInfo() {
+  return request({
+    'url': '/system/user/getInfo',
+    'method': 'get'
+  })
+}
+
+// 退出方法
+export function logout() {
+  return request({
+    'url': '/auth/logout',
+    'method': 'delete'
+  })
+}
+
+// 获取验证码
+export function getCodeImg() {
+  return request({
+    'url': '/code',
+    headers: {
+      isToken: false
+    },
+    method: 'get',
+    timeout: 20000
+  })
+}

src/api/login.js

@@ -0,0 +1,59 @@
+import request from '@/utils/request'
+
+// 登录方法
+export function login(username, password, code, uuid) {
+  const data = {
+    username,
+    password,
+    code,
+    uuid
+  }
+  return request({
+    'url': '/login',
+    headers: {
+      isToken: false
+    },
+    'method': 'post',
+    'data': data
+  })
+}
+
+// 注册方法
+export function register(data) {
+  return request({
+    url: '/register',
+    headers: {
+      isToken: false
+    },
+    method: 'post',
+    data: data
+  })
+}
+
+// 获取用户详细信息
+export function getInfo() {
+  return request({
+    'url': '/getInfo',
+    'method': 'get'
+  })
+}
+
+// 退出方法
+export function logout() {
+  return request({
+    'url': '/logout',
+    'method': 'post'
+  })
+}
+
+// 获取验证码
+export function getCodeImg() {
+  return request({
+    'url': '/captchaImage',
+    headers: {
+      isToken: false
+    },
+    method: 'get',
+    timeout: 20000
+  })
+}

src/api/myToDoList/myToDoList.js

@@ -0,0 +1,35 @@
+import request from '@/utils/request'
+
+// 获取当前用户的抄送列表详情
+export function listCheckApprovalCcDetails(query) {
+  return request({
+    url: '/system/check/approval/cc/details',
+    method: 'get',
+    params: query
+  })
+}
+// 获取待办任务列表
+export function listCheckPendingTasks(query) {
+  return request({
+    url: '/system/check/approval/tasks/pending',
+    method: 'get',
+    params: query
+  })
+}
+
+//获取已办任务列表
+export function listCheckFinishedTasks(query) {
+  return request({
+    url: '/system/check/approval/tasks/completed',
+    method: 'get',
+    params: query
+  })
+}
+//批量更新抄送消息已读状态
+export function updateCheckApprovalCcDetails(data) {
+  return request({
+    url: '/system/check/approval/cc/batch-read',
+    method: 'put',
+    data
+  })
+}

src/api/problemRect/problemRect.js

@@ -0,0 +1,28 @@
+import request from '@/utils/request'
+//获取问题整改详细信息
+export const getProblemRectDetail = (id) => {
+    return request({
+        url: `/check/checkCorrection/${id}`,
+        method: 'get',
+    })
+}
+
+//审批同意
+export const approvalAgree = (params) => {
+    return request({
+        url: '/check/checkCorrection/approveTask',
+        method: 'post',
+        data: params
+    })
+}
+
+//审批拒绝
+export const approvalReject = (params) => {
+    return request({
+        url: '/check/checkCorrection/rejectTask',
+        method: 'post',
+        data: params
+    })
+}
+
+

src/api/qualityControlAnalysisReport/qualityControlAnalysisReport.js

@@ -0,0 +1,212 @@
+import request from '@/utils/request'
+
+// 质控活动
+// 勤务组织相关接口
+export function getAnalysisReport(data) {
+  return request({
+    url: '/system/analysisReport/check',
+    method: 'post',
+    data: data
+  })
+}
+
+// 出勤人次分析
+export function getCalculate(data) {
+  return request({
+    url: '/quality/attendance/calculate',
+    method: 'post',
+    data: data
+  })
+}
+
+// 出勤人次趋势数据
+export function getCalculateTrendData(data) {
+  return request({
+    url: '/quality/attendance/trend-data',
+    method: 'post',
+    data: data
+  })
+}
+
+// 获取资质等级分布饼状图数据
+export function getQualificationPieChart(query) {
+  return request({
+    url: '/statistics/qualification/pie-chart',
+    method: 'get',
+    params: query
+  })
+}
+
+// 获取资质等级分布柱状图数据
+export function getQualificationBarChart(query) {
+  return request({
+    url: '/statistics/qualification/bar-chart',
+    method: 'get',
+    params: query
+  })
+}
+
+// 质控活动相关接口
+// 获取物品分类统计
+export function getCategoryStats(query) {
+  return request({
+    url: '/quality/item-category-stats/category-stats',
+    method: 'get',
+    params: query
+  })
+}
+
+// 获取查获时段趋势图
+export function getSeizureTimeTrend(query) {
+  return request({
+    url: '/quality/item-category-stats/seizure-time-trend',
+    method: 'get',
+    params: query
+  })
+}
+
+// 获取隐匿夹带部位分布统计
+export function getConcealmentPositionStats(query) {
+  return request({
+    url: '/quality/item-category-stats/concealment-position-stats',
+    method: 'get',
+    params: query
+  })
+}
+
+// 获取岗位分类统计
+export function getPostCategoryStats(query) {
+  return request({
+    url: '/quality/item-category-stats/post-category-stats',
+    method: 'get',
+    params: query
+  })
+}
+
+// 获取通道排名统计
+export function getChannelRankingStats(query) {
+  return request({
+    url: '/quality/item-category-stats/channel-ranking-stats',
+    method: 'get',
+    params: query
+  })
+}
+
+// 获取各科室查获排名
+export function getDepartmentRanking(query) {
+  return request({
+    url: '/quality/item-category-stats/brigade-ranking',
+    method: 'get',
+    params: query
+  })
+}
+
+// 风险隐患相关接口
+// 移交公安数据
+export function getPoliceData(params = {}) {
+  return request({
+    url: '/quality/item-category-stats/police-data',
+    method: 'get',
+    params
+  })
+}
+
+// 移交公安数据统计
+export function getPoliceDataStats(params = {}) {
+  return request({
+    url: '/quality/item-category-stats/police-stats',
+    method: 'get',
+    params
+  })
+}
+
+// X光机漏检数据
+export function getXrayMissCheck(params = {}) {
+  return request({
+    url: '/quality/item-category-stats/xray-miss-check',
+    method: 'get',
+    params
+  })
+}
+
+// X光机漏检人员统计TOP3
+export function getXrayMissCheckStats(params = {}) {
+  return request({
+    url: '/quality/item-category-stats/xray-miss-check-top3',
+    method: 'get',
+    params
+  })
+}
+
+// 异常查获数据
+export function getAbnormalSeizureData(params = {}) {
+  return request({
+    url: '/quality/item-category-stats/abnormal-seizure-data',
+    method: 'get',
+    params
+  })
+}
+
+// 异常查获数据TOP3
+export function getAbnormalSeizureStats(params = {}) {
+  return request({
+    url: '/quality/item-category-stats/abnormal-seizure-data-top3',
+    method: 'get',
+    params
+  })
+}
+
+// 抽问抽答相关接口
+// 抽问抽答完成趋势
+export function getCompletionTrend(params = {}) {
+  return request({
+    url: '/v1/cs/app/daily-exam/completion-comparison',
+    method: 'get',
+    params
+  })
+}
+
+// 错题分析 - 总体问题分布
+export function getWrongAnalysisOverview(params = {}) {
+  return request({
+    url: '/v1/cs/app/daily-exam/wrong-analysis/pc-overview',
+    method: 'get',
+    params
+  })
+}
+
+// 错题分析 - 问题分布对比（雷达图）
+export function getWrongAnalysisRadar(params = {}) {
+  return request({
+    url: '/v1/cs/app/daily-exam/wrong-analysis/pc-radar',
+    method: 'get',
+    params
+  })
+}
+
+// 基于时间维度的绩效统计查询趋势图
+export function getCalculateByTime(data) {
+  return request({
+    url: '/performance/dimension/calculate-by-time',
+    method: 'post',
+    data: data
+  })
+}
+
+// 基于时间维度的绩效统计查询列表
+export function getCalculateByTimeList(data) {
+  return request({
+    url: '/performance/dimension/calculate-by-time-list',
+    method: 'post',
+    data: data
+  })
+}
+
+// 使用报告
+export function getUsageReport(query) {
+  return request({
+    url: '/system/usageReport/report',
+    method: 'get',
+    params: query
+  })
+}

src/api/questionStatistics/questionStatistics.js

@@ -0,0 +1,46 @@
+import request from '@/utils/request'
+
+//获取当天所有用户统计数据
+export function getDailyAllUsersRanking(params = {}) {
+  return request({
+    url: '/exam/daily/statistics/dashboard/all-users-ranking',
+    method: 'get',
+    params
+  })
+}
+
+// 抽问抽答完成趋势
+export function getCompletionTrend(params = {}) {
+  return request({
+    url: '/v1/cs/app/daily-exam/completion-trend',
+    method: 'get',
+    params
+  })
+}
+
+// 错题分析 - 总体问题分布
+export function getWrongAnalysisOverview(params = {}) {
+  return request({
+    url: '/v1/cs/app/daily-exam/wrong-analysis/overview',
+    method: 'get',
+    params
+  })
+}
+
+// 错题分析 - 问题分布对比（雷达图）
+export function getWrongAnalysisRadar(params = {}) {
+  return request({
+    url: '/v1/cs/app/daily-exam/wrong-analysis/radar',
+    method: 'get',
+    params
+  })
+}
+
+// 错题分析 - 大类详情
+export function getWrongAnalysisCategoryDetail(params = {}) {
+  return request({
+    url: '/v1/cs/app/daily-exam/wrong-analysis/category-detail',
+    method: 'get',
+    params
+  })
+}

src/api/seizeStatistics/seizeStatistics.js

@@ -0,0 +1,54 @@
+import request from '@/utils/request'
+//查获总数量+移交公安数量+故意隐匿数量
+export function getTotalSome(params = {}) {
+  return request({
+    url: '/item/largeScreen/getAppTotalSome',
+    method: 'get',
+    params
+  })
+}
+
+
+//查获岗位分布
+export function getPost(params = {}) {
+  return request({
+    url: '/item/largeScreen/post',
+    method: 'get',
+    params
+  })
+}
+
+//查获位置分布
+export function getPosition(params = {}) {
+  return request({
+    url: '/item/largeScreen/appPosition',
+    method: 'get',
+    params
+  })
+}
+
+//查获排名
+export function getRank(params = {}) {
+  return request({
+    url: '/item/largeScreen/rank',
+    method: 'get',
+    params
+  })
+}
+//查获时段分布
+export function getTimeSpan(params = {}) {
+  return request({
+    url: '/item/largeScreen/appTimeSpan',
+    method: 'get',
+    params
+  })
+}
+
+//查获类别分布
+export function getCategory(params = {}) {
+  return request({
+    url: '/item/largeScreen/category',
+    method: 'get',
+    params
+  })
+}

src/api/seizure/seizureRecord.js

@@ -0,0 +1,38 @@
+import request from '@/utils/request'
+
+// 获取查获接口列表
+export function getSeizureRecordList(params = {}) {
+  return request({
+    url: '/item/record/list',
+    method: 'get',
+    params
+  });
+}
+
+
+// 获取查获接口列表
+export function addSeizureRecord(data) {
+  return request({
+    url: '/item/record/add',
+    method: 'post',
+    data: data
+  })
+}
+
+//根据id查询上报的详细信息
+export function getInfo(id) {
+  return request({
+    url: `/item/record/${id}`,   //  反引号
+    method: 'get'
+  })
+}
+
+
+//提交上报
+export function approvalStart (params) {
+  return request({
+    url: '/system/approval/start/seizure',
+    method: 'post',
+    data: params
+  });
+}

src/api/seizureRecord/seizureRecord.js

@@ -0,0 +1,64 @@
+import request from '@/utils/request'
+
+// 根据筛选条件查询分类数量
+// export function selectGroupCount(params = {}) {
+//   return request({
+//     url: '/item/items/selectGroupCount',
+//     method: 'get',
+//     params
+//   });
+// }
+
+
+// 根据筛选条件查询查获物品明细列表
+export function selectByConditions(params = {}) {
+  return request({
+    url: '/item/items/selectByConditions',
+     method: 'get',
+    params
+  })
+}
+
+// 根据筛选条件查询分类数量
+export function selectGroupCount(params = {}) {
+  return request({
+    url: '/item/items/selectCount',
+    method: 'get',
+    params
+  });
+}
+
+/**
+ * @name 根据时段获取当前用户的上岗位置信息
+ * @param {*} params.searchtime YYYY-MM-DD hh:mm:ss 
+*/
+export function getLocationsbyTime (params) {
+  return request({
+    url: '/attendance/postRecord/getLocationsbyTime',
+    method: 'post',
+    data: params
+  });
+}
+
+/**
+ * @name 获取分类信息(包含父类)
+ * @param {*} type （1表示常用违禁品， 2表示常用查获部位）
+*/
+export function categoryInfo (type) {
+  return request({
+    url: `/system/defaultChoise/categoryInfo/${type}`,
+    method: 'get'
+  });
+}
+
+/**
+ * @name 对违禁品类进行模糊搜索
+ * @param {*} name 查询字符串
+*/
+export function categoryList (params) {
+  return request({
+    url: `/system/category/list`,
+    method: 'get',
+    params
+  });
+}

src/api/statisticalAnalysis/statisticalAnalysis.js

@@ -0,0 +1,37 @@
+import request from '@/utils/request'
+
+// 获取绩效列表
+export function getItemPerformanceList(params) {
+  return request({
+    url: '/item/performance/list',
+    method: 'get',
+    params
+  })
+}
+
+// 获取绩效柱状图数据
+export function getItemPerformanceHistogram(params) {
+  return request({
+    url: '/item/performance/histogram',
+    method: 'get',
+    params
+  })
+}
+
+// 获取绩效箱线图数据
+export function getItemPerformanceBoxplot(params) {
+  return request({
+    url: '/item/performance/boxplot',
+    method: 'get',
+    params
+  })
+}
+
+// 获取绩效指标数据
+export function getItemPerformanceMetrics(data) {
+  return request({
+    url: '/item/performance/metrics',
+    method: 'post',
+    data
+  })
+}

src/api/system/common.js

@@ -0,0 +1,14 @@
+import request from '@/utils/request'
+
+/*
+ * 查询分类下拉树结构
+ * @param {*} treeType ITEM_CATEGORY  查获物品分类   POSITION  位置   CHECK_POINT 检查部位  CHECK_CATEGORY 检查分类
+ * @returns 
+ */
+export function treeSelectByType(treeType,maxLevel,lable) {
+    return request({
+      url: '/dataConfig/dataConfigTree',
+      method: 'get',
+      params: {treeType,lable,maxLevel}
+    })
+  }

src/api/system/dept/dept.js

@@ -0,0 +1,31 @@
+import request from '@/utils/request'
+
+// 获取组织树形结构
+export function getDeptList(params) {
+  return request({
+    url: '/system/user/deptTree',
+    // headers: {
+    //   isToken: false
+    // },
+    method: 'get',
+    params: params
+    // params: {deptType: "TEAMS"}
+  })
+}
+
+
+//查询部门负责人
+export function getDeptManager(deptId) {
+  return request({
+    url: `/system/dept/deptLeader/${deptId}`,
+    method: 'get',
+  })
+}
+
+//获取部门详细信息
+export function getDeptDetail(deptId) {
+  return request({
+    url: `/system/dept/${deptId}`,
+    method: 'get',
+  })
+}

src/api/system/dict/data.js

@@ -0,0 +1,52 @@
+import request from '@/utils/request'
+
+// 查询字典数据列表
+export function listData(query) {
+  return request({
+    url: '/system/dict/data/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询字典数据详细
+export function getData(dictCode) {
+  return request({
+    url: '/system/dict/data/' + dictCode,
+    method: 'get'
+  })
+}
+
+// 根据字典类型查询字典数据信息
+export function getDicts(dictType) {
+  return request({
+    url: '/system/dict/data/type/' + dictType,
+    method: 'get'
+  })
+}
+
+// 新增字典数据
+export function addData(data) {
+  return request({
+    url: '/system/dict/data',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改字典数据
+export function updateData(data) {
+  return request({
+    url: '/system/dict/data',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除字典数据
+export function delData(dictCode) {
+  return request({
+    url: '/system/dict/data/' + dictCode,
+    method: 'delete'
+  })
+}

src/api/system/dict/type.js

@@ -0,0 +1,60 @@
+import request from '@/utils/request'
+
+// 查询字典类型列表
+export function listType(query) {
+  return request({
+    url: '/system/dict/type/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询字典类型详细
+export function getType(dictId) {
+  return request({
+    url: '/system/dict/type/' + dictId,
+    method: 'get'
+  })
+}
+
+// 新增字典类型
+export function addType(data) {
+  return request({
+    url: '/system/dict/type',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改字典类型
+export function updateType(data) {
+  return request({
+    url: '/system/dict/type',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除字典类型
+export function delType(dictId) {
+  return request({
+    url: '/system/dict/type/' + dictId,
+    method: 'delete'
+  })
+}
+
+// 刷新字典缓存
+export function refreshCache() {
+  return request({
+    url: '/system/dict/type/refreshCache',
+    method: 'delete'
+  })
+}
+
+// 获取字典选择框列表
+export function optionselect() {
+  return request({
+    url: '/system/dict/type/optionselect',
+    method: 'get'
+  })
+}

src/api/system/user.js

@@ -0,0 +1,128 @@
+import upload from '@/utils/upload'
+import request from '@/utils/request'
+
+// 用户密码重置
+export function updateUserPwd(oldPassword, newPassword) {
+  const data = {
+    oldPassword,
+    newPassword
+  }
+  return request({
+    url: '/system/user/profile/updatePwd',
+    method: 'put',
+    data: data
+  })
+}
+
+// 查询用户个人信息
+export function getUserProfile() {
+  return request({
+    url: '/system/user/profile',
+    method: 'get'
+  })
+}
+
+// 修改用户个人信息
+export function updateUserProfile(data) {
+  return request({
+    url: '/system/user/profile',
+    method: 'put',
+    data: data
+  })
+}
+
+// 用户头像上传
+export function uploadAvatar(data) {
+  return upload({
+    url: '/system/user/profile/avatar',
+    name: data.name,
+    filePath: data.filePath
+  })
+}
+
+// 查询用户列表
+export function getUserList() {
+  return request({
+    url: '/system/user/list',
+    method: 'get',
+    params: {
+      pageNum: 1,
+      pageSize: 500
+    }
+  })
+}
+
+// 查询部门下拉树结构
+export function deptTreeSelect() {
+  return request({
+    url: '/system/user/deptTree',
+    method: 'get'
+  })
+}
+
+//获取全部用户
+export function listAllUser() {
+  return request({
+    url: '/system/user/listAll',
+    method: 'get',
+  })
+}
+
+//根据用户ID查询用户信息
+export function getUserInfoById(userId) {
+  return request({
+    url: `/system/user/${userId}`,
+    method: 'get',
+  })
+}
+
+//根据用户ID获取岗位选择框列表
+export function getPostListsByUserId(userId) {
+  return request({
+    url: `/system/user/getPostListsByUserId/${userId}`,
+    method: 'get',
+  })
+}
+
+//获取所有部门和班组下人员
+export function getDeptUserTree(params) {
+  return request({
+    url: '/system/user/deptUserTree',
+    method: 'get',
+    params: params
+  })
+}
+
+//根据角色ID查询应用列表
+export function getAppListByRoleId(roleId) {
+  return request({
+    url: `/system/app/roleAppSelect/${roleId}`, 
+    method: 'get',
+  })
+}
+
+//查询移动端全部应用列表
+export function getAppList(params) {
+  return request({
+    url: '/system/app/listBy',
+    method: 'get',
+    params: params
+  })
+}
+
+// 修改用户
+export function updateUser(data) {
+  return request({
+    url: '/system/user',
+    method: 'put',
+    data: data
+  })
+}
+
+//查询所有岗位
+export function getPostAllList() {
+  return request({
+    url: '/system/post/listAllTree',
+    method: 'get',
+  })
+}

src/api/voiceSubmissionDraft/voiceSubmissionDraft.js

@@ -0,0 +1,24 @@
+import request from '@/utils/request'
+
+// 查获草稿列表的接口
+export function listVoiceSubmissionDraft(query) {
+    return request({
+        url: '/item/failedMatch/myList',
+        method: 'get',
+        params: query
+    })
+}
+//查询详情
+export function getVoiceInfo(voiceId) {
+    return request({
+        url: `/item/failedMatch/${voiceId}`,
+        method: 'get',
+    })
+}
+//删除草稿
+export function deleteVoiceDraft(voiceId) {
+    return request({
+        url: `/item/failedMatch/${voiceId}`,
+        method: 'delete',
+    })
+}

src/api/workDocu/workDocu.js

@@ -0,0 +1,18 @@
+import request from '@/utils/request'
+
+// 查询工作文档列表
+export function listWorkDocu(query) {
+    return request({
+        url: '/system/workingDocument/list',
+        method: 'get',
+        params: query
+    })
+}
+
+//获取工作文档详细信息
+export function getWorkDocu(id) {
+    return request({
+        url: '/system/workingDocument/' + id,
+        method: 'get'
+    })
+}

src/api/workProfile/workProfile.js

@@ -0,0 +1,83 @@
+import request from '@/utils/request'
+//获取站级别抽问抽答完成率
+export function getStationLevelRate (params) {
+  return request({
+    url: '/exam/daily/site-profile/daily-completion-rate',
+    method: 'get',
+    data: params
+  });
+}
+//获取部门抽问抽答完成率
+export function getDepartmentLevelRate (params) {
+  return request({
+    url: '/exam/daily/dept-profile/daily-completion-rate',
+    method: 'get',
+    data: params
+  });
+}
+//工作画像-总体概览
+export function getWorkingPortrait (params) {
+  return request({
+    url: '/system/user/workingPortrait',
+    method: 'get',
+    data: params
+  });
+}
+//工作画像-组织支撑-培训测试平均分趋势图
+export function getTrainingTestScoreTrend (params) {
+  return request({
+    url: '/system/growth/organizationalSupport',
+    method: 'get',
+    data: params
+  });
+}
+//工作画像-管理推动-检查单
+export function getManagementRecord (params) {
+  return request({
+    url: '/check/largeScreen/managementPromotionRecord',
+    method: 'get',
+    data: params
+  });
+}
+//工作画像-管理推动-整改单
+export function getManagementRectify (params) {
+  return request({
+    url: '/check/largeScreen/managementPromotionCorrection',
+    method: 'get',
+    data: params
+  });
+}
+//工作画像-工作产出-巡检问题统计图
+export function getInspectionProblemChart (params) {
+  return request({
+    url: '/check/largeScreen/workOutputCheck',
+    method: 'get',
+    data: params
+  });
+}
+//工作画像--通道开放趋势图(折线图)
+export function getChannelOpenTrendChart (params) {
+  return request({
+    url: '/attendance/stats/channel/open/trend',
+    method: 'get',
+    data: params
+  });
+}
+//工作画像--查获审批时长统计(柱状图)
+export function getDurationChart (params) {
+  return request({
+    url: '/item/user-ranking/seizure-approval/duration',
+    method: 'get',
+    data: params
+  });
+}
+//工作画像--查获趋势图，获取有效查获趋势数据（默认近90天）
+export function getSeizureTrendChart (params) {
+  return request({
+    url: '/item/user-ranking/seizure-trend',
+    method: 'get',
+    data: params
+  });
+}
+
+

src/components/HeadTitle.vue

@@ -0,0 +1,39 @@
+<template>
+  <div class="head-title">
+    {{ title }}
+    <div v-if="subTitle" class="sub-title">{{ subTitle }}</div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      default: ''
+    },
+    subTitle: {
+      type: String,
+      default: ''
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.head-title {
+  padding-top: 20rpx;
+  font-weight: bold;
+  font-size: 32rpx;
+  color: #3D3D3D;
+  line-height: 44rpx;
+
+  .sub-title {
+    margin: 8rpx 0 4rpx;
+    font-weight: 400;
+    font-size: 24rpx;
+    color: #999999;
+    line-height: 28rpx;
+  }
+}
+</style>

src/components/HomeContainer.vue

@@ -0,0 +1,96 @@
+<template>
+  <div class="home-container" :style="customHomeStyle" ref="containerRef">
+    <div class="container" :style="customStyle">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    customHomeStyle: {
+      type: Object,
+      default: () => ({})
+    },
+    customStyle: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      scrollTimer: null
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.addScrollListener()
+    })
+  },
+  beforeDestroy() {
+    this.removeScrollListener()
+  },
+  methods: {
+    addScrollListener() {
+      const container = this.$refs.containerRef
+      if (container) {
+        container.addEventListener('scroll', this.handleScroll)
+      }
+    },
+    removeScrollListener() {
+      const container = this.$refs.containerRef
+      if (container) {
+        container.removeEventListener('scroll', this.handleScroll)
+      }
+      if (this.scrollTimer) {
+        clearTimeout(this.scrollTimer)
+      }
+    },
+    handleScroll() {
+      // 触发滚动事件
+      this.$emit('scroll')
+      
+      // 清除之前的定时器
+      if (this.scrollTimer) {
+        clearTimeout(this.scrollTimer)
+      }
+      
+      // 设置新的定时器，停止滚动后触发停止事件
+      this.scrollTimer = setTimeout(() => {
+        this.$emit('scroll-end')
+      }, 200)
+    },
+    
+    // 滚动到顶部方法
+    scrollToTop() {
+      const container = this.$refs.containerRef
+      if (container) {
+        container.scrollTo({
+          top: 0,
+          behavior: 'smooth'
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.home-container {
+  height: 100%;
+  overflow: auto;
+  background: #FFFFFF;
+
+  .container {
+    width: 100%;
+    padding: 20rpx;
+    min-height: calc(100vh - 80rpx);
+    overflow: auto;
+    box-sizing: border-box;
+    background: url("../static/images/home-bg.png") no-repeat;
+    background-size: 100% auto;
+    
+  }
+}
+</style>

src/components/UserInfo.vue

@@ -0,0 +1,52 @@
+<template>
+  <div>
+    <div class="user-info">
+      亲爱的，{{ name }}
+    </div>
+
+    <div v-if="subTitle || $scopedSlots.default" class="sub-title">
+      <slot>{{ subTitle }}</slot>
+    </div>
+  </div>
+</template>
+
+<script>
+import userIcon from "@/static/images/user-icon.png";
+
+export default {
+  props: {
+    name: {
+      type: String,
+      default: ""
+    },
+    subTitle: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      userIcon,
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.user-info {
+  padding: 4rpx 0 4rpx 130rpx;
+  font-weight: 400;
+  font-size: 48rpx;
+  color: #FFFFFF;
+  background: url("../static/images/user-icon.png") no-repeat;
+  background-size: auto 100%;
+}
+
+.sub-title {
+  padding: 28rpx 0;
+  font-weight: 400;
+  font-size: 28rpx;
+  color: rgba(255, 255, 255, 0.7);
+  line-height: 40rpx;
+}
+</style>

src/components/approve-history/approve-history.vue

@@ -0,0 +1,149 @@
+<template>
+  <view class="approval-history">
+    <view v-for="(item, index) in historyList" :key="index" class="approval-item">
+      <view class="timeline">
+        <view class="circle" :class="{ 'circle-submit': item.action !== 'PENDING' }"></view>
+        <view class="line" v-if="index < historyList.length - 1" :class="{ 'line-submit': item.action !== 'PENDING' }">
+        </view>
+      </view>
+      <view class="content">
+        <view class="header">
+          <text class="name">{{ item.operatorName }}</text>
+          <text class="date">{{ item.operationTime }}</text>
+        </view>
+        <view v-if="item.comment" class="approval-content">{{ item.action === 'REJECT' ? `审批驳回：${item.comment}`
+          : `${item.comment}` }}</view>
+      </view>
+    </view>
+
+    <!-- 空状态 -->
+    <view v-if="historyList.length === 0" class="empty-state">
+      <text class="empty-text">暂无审批记录</text>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'ApproveHistory',
+  props: {
+    // 审批历史数据列表
+    historyList: {
+      type: Array,
+      default: () => []
+    },
+    // 是否显示空状态
+    showEmpty: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {}
+  },
+  computed: {
+    // 格式化后的历史数据
+    formattedHistory() {
+      return this.historyList.map(item => ({
+        operatorName: item.operatorName || '未知用户',
+        operationTime: item.operationTime || '',
+        comment: item.comment || '',
+        status: item.status || '',
+        nodeName: item.nodeName || ''
+      }))
+    }
+  },
+  methods: {}
+}
+</script>
+
+<style lang="scss" scoped>
+.approval-history {
+  padding: 15px;
+
+  .approval-item {
+    display: flex;
+    margin-bottom: 1rpx;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+
+    .timeline {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      margin-right: 12px;
+
+      .circle {
+        width: 12px;
+        height: 12px;
+        border-radius: 50%;
+        background-color: #409EFF;
+        border: 2px solid #fff;
+        box-shadow: 0 0 0 2px #409EFF;
+      }
+
+      .circle-submit {
+        background-color: #909399 !important;
+        box-shadow: 0 0 0 2px #909399 !important;
+      }
+
+      .line {
+        width: 2px;
+        flex: 1;
+        background-color: #409EFF;
+        margin-top: 4px;
+      }
+
+      .line-submit {
+        background-color: #909399 !important;
+      }
+    }
+
+    .content {
+      flex: 1;
+      position: relative;
+      bottom: 8rpx;
+
+      .header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 8px;
+
+        .name {
+          font-size: 14px;
+          font-weight: 500;
+          color: #333;
+        }
+
+        .date {
+          font-size: 12px;
+          color: #999;
+        }
+      }
+
+      .approval-content {
+        font-size: 13px;
+        color: #666;
+        border: 1px solid #DDDDDD;
+        line-height: 1.5;
+        background-color: #f8f9fa;
+        padding: 10px;
+        border-radius: 6px;
+      }
+    }
+  }
+
+  .empty-state {
+    text-align: center;
+    padding: 40px 0;
+
+    .empty-text {
+      font-size: 14px;
+      color: #999;
+    }
+  }
+}
+</style>

src/components/custom-tabbar.vue

@@ -0,0 +1,150 @@
+<template>
+  <view class="custom-tabbar">
+    <view v-for="(item, index) in list" :key="index" @click="switchTab(item)" class="tabbar-item">
+      <image :src="currentPage === item.pagePath ? item.selectedIconPath : item.iconPath"
+        style="width: 24px; height: 24px;" />
+      <text style="font-size: 12px; margin-top: 4px;">{{ item.text }}</text>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      list: [
+        {
+          pagePath: "pages/home-new/index",
+          iconPath: "/static/images/tabbar/home.png",
+          selectedIconPath: "/static/images/tabbar/home_.png",
+          text: "首页"
+        },
+        {
+          pagePath: "pages/myToDoList/index",
+          iconPath: "/static/images/tabbar/message.png",
+          selectedIconPath: "/static/images/tabbar/message_.png",
+          text: "消息"
+        },
+        {
+          pagePath: "pages/work/index",
+          iconPath: "/static/images/tabbar/work.png",
+          selectedIconPath: "/static/images/tabbar/work_.png",
+          text: "工作台"
+        },
+        {
+          pagePath: "pages/mine/index",
+          iconPath: "/static/images/tabbar/mine.png",
+          selectedIconPath: "/static/images/tabbar/mine_.png",
+          text: "我的"
+        }
+      ],
+      currentPage: ""
+    };
+  },
+  mounted() {
+    this.updateCurrentPage();
+  },
+  methods: {
+    switchTab(item) {
+      uni.switchTab({
+        url: `/${item.pagePath}` // 确保路径以 "/" 开头
+      });
+    },
+    updateCurrentPage() {
+      const pages = getCurrentPages();
+      if (pages.length > 0) {
+        let route = pages[pages.length - 1].route;
+        // 统一路径格式（如去掉 "/" 前缀）
+        this.currentPage = route.startsWith('/') ? route.substring(1) : route;
+      }
+    },
+    
+    // 获取未读消息数量
+    async getUnreadMessageCount() {
+      try {
+        // 这里需要调用实际的获取未读消息数量的接口
+        // 示例接口：假设是获取待办列表的接口
+        const { listCheckPendingTasks } = require('@/api/myToDoList/myToDoList.js');
+        const response = await listCheckPendingTasks({ pageNum: 1, pageSize: 1 });
+        
+        // 假设接口返回的total字段是未读消息总数
+        const unreadCount = response.total || 0;
+        
+        // 更新消息tab的未读数量
+        const messageTab = this.list.find(item => item.text === '消息');
+        if (messageTab) {
+          messageTab.unreadCount = unreadCount;
+        }
+      } catch (error) {
+        console.error('获取未读消息数量失败:', error);
+      }
+    }
+  }
+};
+</script>
+
+<style>
+.custom-tabbar {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 9999;
+  display: flex;
+  justify-content: space-around;
+  background: #fff;
+  padding: 0;
+  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
+  transform: translateZ(0);
+  -webkit-transform: translateZ(0);
+  /* 移除重复的padding设置，改为在特定条件下应用 */
+}
+
+.tabbar-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 8px 0;
+}
+
+.icon-container {
+  position: relative;
+  width: 24px;
+  height: 24px;
+}
+
+.badge {
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  width: 12px;
+  height: 12px;
+  background-color: #F55B5D;
+  border-radius: 50%;
+  z-index: 10;
+}
+
+/* 为iOS Safari浏览器添加安全区域支持 */
+/* 仅在独立浏览器环境中应用，避免在App嵌套环境中造成双重padding */
+@media screen and (max-width: 768px) and (orientation: portrait), 
+       screen and (max-width: 1024px) and (orientation: landscape) {
+  /* 检测移动设备环境 */
+  @supports (padding-bottom: env(safe-area-inset-bottom)) {
+    /* 确保只在独立浏览器而非App WebView中应用 */
+    .custom-tabbar {
+      padding-bottom: env(safe-area-inset-bottom, 0px);
+    }
+  }
+}
+
+/* 兼容性处理 */
+@supports (-webkit-touch-callout: none) and (not (min-device-width: 768px)) {
+  /* 针对移动设备的WebView特殊处理 */
+  .custom-tabbar {
+    /* App内嵌时，使用绝对定位确保贴合底部 */
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+  }
+}
+</style>

src/components/fuzzy-select/fuzzy-select.vue

@@ -0,0 +1,284 @@
+<template>
+  <view class="fuzzy-select-container">
+    <!-- 搜索输入框和删除按钮 -->
+    <view class="input-container">
+      <uni-easyinput ref="inputRef" v-model="searchKeyword" :placeholder="placeholder" :clearable="true"
+        :disabled="disabled" @input="handleInput" @focus="showDropdown = true" @blur="handleBlur" />
+      
+      <!-- 删除按钮 -->
+      <view v-if="value && !disabled" class="delete-btn" @click="handleDelete">
+        <text class="delete-icon">×</text>
+      </view>
+    </view>
+
+    <!-- 下拉选项列表 -->
+    <view v-if="showDropdown && filteredOptions.length > 0" class="dropdown-list">
+      <scroll-view scroll-y="true" class="dropdown-scroll">
+        <view v-for="(option, index) in filteredOptions" :key="index" class="dropdown-item"
+          @click="selectOption(option)">
+          {{ option[dataText] }}
+        </view>
+      </scroll-view>
+    </view>
+
+    <!-- 无匹配结果提示 -->
+    <view v-if="showDropdown && filteredOptions.length === 0 && searchKeyword" class="no-result">
+      无匹配结果
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: "FuzzySelect",
+  props: {
+    // 绑定值
+    value: {
+      type: [String, Number],
+      default: ''
+    },
+    // 选项列表
+    options: {
+      type: Array,
+      default: () => []
+    },
+    // 占位符
+    placeholder: {
+      type: String,
+      default: '请输入搜索'
+    },
+    // 值字段名
+    dataValue: {
+      type: String,
+      default: 'value'
+    },
+    // 显示文本字段名
+    dataText: {
+      type: String,
+      default: 'text'
+    },
+    // 是否开启搜索
+    filterable: {
+      type: Boolean,
+      default: true
+    },
+    // 是否禁用
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      searchKeyword: '',
+      showDropdown: false,
+      filteredOptions: this.options,
+      selectedOption: null
+    }
+  },
+  watch: {
+    options(newOptions) {
+      this.filterOptions(this.searchKeyword, newOptions)
+      // 当options更新后，需要重新根据当前value设置选中项
+      this.updateSelectedOption(this.value)
+    },
+    value(newValue) {
+      // 只有当value确实变化时才更新选中项
+      if (newValue !== this.selectedOption?.[this.dataValue]) {
+        this.updateSelectedOption(newValue)
+      }
+    }
+  },
+  mounted() {
+    this.updateSelectedOption(this.value)
+  },
+  methods: {
+    // 根据value值更新选中的选项
+    updateSelectedOption(value) {
+      
+      if (!value) {
+        this.searchKeyword = ''
+        this.selectedOption = null
+        return
+      }
+
+      const foundOption = this.options.find(option =>
+        String(option[this.dataValue]) === String(value)
+      )
+
+      if (foundOption) {
+        
+        this.selectedOption = foundOption
+        this.searchKeyword = foundOption[this.dataText]
+        // 确保filteredOptions包含当前选中的选项
+        if (!this.filteredOptions.some(opt => String(opt[this.dataValue]) === String(value))) {
+          this.filteredOptions = this.options
+        }
+      } else {
+        this.searchKeyword = ''
+        this.selectedOption = null
+      }
+    },
+    // 处理输入
+    handleInput(value) {
+      if (this.disabled) return;
+      this.searchKeyword = value
+      this.filterOptions(value)
+      this.showDropdown = true
+    },
+
+    // 过滤选项
+    filterOptions(keyword = '', options = this.options) {
+      if (!this.filterable || !keyword.trim()) {
+        this.filteredOptions = options
+        return
+      }
+
+      const lowerKeyword = keyword.toLowerCase()
+      this.filteredOptions = options.filter(option => {
+        const text = String(option[this.dataText] || '').toLowerCase()
+        const value = String(option[this.dataValue] || '').toLowerCase()
+        return text.includes(lowerKeyword) || value.includes(lowerKeyword)
+      })
+    },
+
+    // 选择选项
+    selectOption(option) {
+      if (this.disabled) return;
+      this.selectedOption = option
+      this.searchKeyword = option[this.dataText]
+      this.$emit('input', option[this.dataValue])
+      this.$emit('change', option[this.dataValue])
+      this.showDropdown = false
+    },
+
+    // 处理失焦
+    handleBlur() {
+      // 延迟隐藏下拉框，确保点击选项能触发
+      setTimeout(() => {
+        this.showDropdown = false
+      }, 200)
+    },
+
+    // 清空搜索
+    clearSearch() {
+      this.searchKeyword = ''
+      this.filteredOptions = this.options
+      this.selectedOption = null
+      this.$emit('input', '')
+      this.$emit('change', '')
+    },
+
+    // 聚焦输入框
+    focus() {
+      if (this.$refs.inputRef) {
+        this.$refs.inputRef.focus()
+      }
+    },
+
+    // 失焦输入框
+    blur() {
+      if (this.$refs.inputRef) {
+        this.$refs.inputRef.blur()
+      }
+    },
+
+    // 处理删除
+    handleDelete() {
+      if (this.disabled) return;
+      this.clearSearch()
+      this.$emit('delete')
+    },
+  }
+}
+</script>
+
+<style scoped>
+.fuzzy-select-container {
+  position: relative;
+  width: 100%;
+}
+
+.input-container {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+.delete-btn {
+  position: absolute;
+  right: 8px;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background-color: #f0f0f0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  z-index: 10;
+}
+
+.delete-btn:hover {
+  background-color: #e0e0e0;
+}
+
+.delete-icon {
+  font-size: 16px;
+  color: #999;
+  font-weight: bold;
+  line-height: 1;
+}
+
+.dropdown-list {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  max-height: 200px;
+  background-color: #fff;
+  border: 1px solid #e5e5e5;
+  border-radius: 4px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  z-index: 999;
+  margin-top: 4px;
+}
+
+.dropdown-scroll {
+  max-height: 200px;
+}
+
+.dropdown-item {
+  padding: 12px 16px;
+  font-size: 14px;
+  color: #333;
+  border-bottom: 1px solid #f0f0f0;
+  cursor: pointer;
+}
+
+.dropdown-item:hover {
+  background-color: #f5f5f5;
+}
+
+.dropdown-item:last-child {
+  border-bottom: none;
+}
+
+.no-result {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  padding: 12px 16px;
+  background-color: #fff;
+  border: 1px solid #e5e5e5;
+  border-radius: 4px;
+  font-size: 14px;
+  color: #999;
+  text-align: center;
+  z-index: 999;
+  margin-top: 4px;
+}
+</style>

src/components/h-collapse-item/h-collapse-item.vue

@@ -0,0 +1,138 @@
+<template>
+    <uni-collapse-item :name="name" :show-animation="showAnimation" :disabled="disabled" ref="collapseItem" @change="handleCollapseChange">
+        <template #title>
+            <view class="h-collapse-item-title">
+                <view v-if="iconUrl" class="title-icon"
+                    :style="{ backgroundImage: iconUrl ? 'url(' + iconUrl + ')' : '' }"></view>
+                <text class="title-text">{{ title }}</text>
+            </view>
+        </template>
+        <view ref="contentSlot">
+            <slot></slot>
+        </view>
+    </uni-collapse-item>
+</template>
+
+<script>
+export default {
+    name: 'eikonCollapseItem',
+    props: {
+        // 折叠面板名称
+        name: {
+            type: String,
+            default: ''
+        },
+        // 标题文本
+        title: {
+            type: String,
+            default: ''
+        },
+        // 是否显示动画
+        showAnimation: {
+            type: Boolean,
+            default: true
+        },
+        // 是否禁用
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        // 图标URL地址（可选）
+        iconUrl: {
+            type: String,
+            default: ''
+        },
+        
+    },
+    mounted() {
+       
+    },
+    methods: {
+        handleCollapseChange(e) {
+            // 当折叠面板状态变化时，如果是展开状态，重新计算高度
+            if (e.detail.show) {
+                this.$nextTick(() => {
+                    this.updateCollapseHeight();
+                });
+            }
+        },
+      
+        updateCollapseHeight() {
+            
+            // 强制重新渲染折叠面板
+            if (this.$refs.collapseItem && this.$refs.collapseItem.$el) {
+                // 触发uni-collapse-item的重新渲染
+                const collapseItem = this.$refs.collapseItem;
+                if (collapseItem.isOpen) {
+                    // 如果是展开状态，强制重新计算高度
+                    this.$nextTick(() => {
+                        if (collapseItem.resize) {
+                            collapseItem.resize();
+                        } else {
+                            // 如果resize方法不存在，使用uni-app的节点查询获取高度
+                            const query = uni.createSelectorQuery().in(this);
+                            query.select('.uni-collapse-item__wrap').boundingClientRect(data => {
+                                debugger
+                                if (data) {
+                                    // 获取内容区域的实际高度 - 使用ref而不是ID选择器
+                                    const contentQuery = uni.createSelectorQuery().in(this);
+                                    contentQuery.select('.uni-collapse-item__wrap-content').boundingClientRect(contentData => {
+                                        if (contentData && contentData.height > 0) {
+                                            // 设置折叠面板高度为内容高度
+                                            const wrapElement = collapseItem.$el.querySelector('.uni-collapse-item__wrap');
+                                            if (wrapElement) {
+                                                wrapElement.style.height = contentData.height + 'px';
+                                            }
+                                        }
+                                    }).exec();
+                                }
+                            }).exec();
+                        }
+                    });
+                }
+            }
+        }
+    },
+    beforeDestroy() {
+        if (this.contentObserver) {
+            this.contentObserver.disconnect();
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+::v-deep .uni-collapse-item__title {
+    height: 96rpx !important;
+    padding-left: 28rpx;
+}
+
+// 确保内容区域在展开时高度自适应
+::v-deep .uni-collapse-item__wrap {
+    // 保持原有行为，不设置固定高度
+}
+
+::v-deep .uni-collapse-item__content {
+    // 移除任何可能影响动画的高度限制
+    // 让uni-collapse-item自己管理高度
+}
+
+.h-collapse-item-title {
+    display: flex;
+    align-items: center;
+
+    .title-icon {
+        width: 40rpx;
+        height: 40rpx;
+        margin-right: 8px;
+        background-size: contain;
+        background-repeat: no-repeat;
+        background-position: center;
+    }
+
+    .title-text {
+        font-size: 14px;
+        color: #333;
+    }
+}
+</style>

src/components/h-legend/h-legend.vue

@@ -0,0 +1,74 @@
+<template>
+  <view class="h-legend-container">
+    <view v-for="(item, index) in legendData" :key="index" class="legend-item"
+      :style="{ marginRight: index === legendData.length - 1 ? '0' : itemSpacing + 'rpx' }">
+      <view class="legend-color" :style="{ backgroundColor: item.color }"></view>
+      <text class="legend-text" :style="{ fontSize: textSize + 'rpx', color: textColor }">
+        {{ item.name }}
+      </text>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'HLegend',
+  props: {
+    // 图例数据数组
+    legendData: {
+      type: Array,
+      default: () => []
+    },
+    // 图例颜色块大小
+    colorSize: {
+      type: Number,
+      default: 24
+    },
+    // 文字大小
+    textSize: {
+      type: Number,
+      default: 24
+    },
+    // 文字颜色
+    textColor: {
+      type: String,
+      default: '#333333'
+    },
+    // 图例间距
+    itemSpacing: {
+      type: Number,
+      default: 32
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.h-legend-container {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  overflow-x: auto;
+  padding: 16rpx 0;
+}
+
+.legend-item {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.legend-color {
+  border-radius: 4rpx;
+  margin-right: 12rpx;
+  margin-top: 2rpx;
+  flex-shrink: 0;
+  width: 45rpx;
+  height: 22rpx;
+}
+
+.legend-text {
+  font-weight: 400;
+  white-space: nowrap;
+}
+</style>

src/components/h-line/h-line.vue

@@ -0,0 +1,200 @@
+<template>
+  <view class="h-line-container">
+    <!-- 单个长条容器 -->
+    <view class="single-line-container" :style="{
+      height: lineHeight + 'rpx'
+    }">
+      <!-- 背景条 -->
+      <view class="line-background" :style="{
+        borderRadius: borderRadius + 'rpx',
+        backgroundColor: backgroundColor
+      }"></view>
+
+      <!-- 背景条 -->
+      <view class="line-background" :style="{
+        borderRadius: borderRadius + 'rpx',
+        backgroundColor: backgroundColor
+      }"></view>
+
+      <!-- 分段进度条 -->
+      <view v-for="(item, index) in data" :key="index" class="segment-progress" :style="{
+        width: calculateSegmentWidth(item) + '%',
+        left: calculateSegmentLeft(index) + '%',
+        backgroundColor: item.color || defaultColor,
+        borderRadius: getSegmentBorderRadius(index) + 'rpx'
+      }">
+        <!-- 每个分段的数值显示 -->
+        <text v-if="item.value > 0" class="segment-text">
+          {{ item.value }}
+        </text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'HLine',
+  props: {
+    // 数据数组
+    data: {
+      type: Array,
+      default: () => []
+    },
+    // 总数量（用于计算百分比）
+    total: {
+      type: Number,
+      default: 0
+    },
+    // 条宽度
+    itemWidth: {
+      type: Number,
+      default: 200
+    },
+    // 条高度
+    lineHeight: {
+      type: String,
+      default: '40'
+    },
+    // 条间距
+    itemSpacing: {
+      type: Number,
+      default: 32
+    },
+    // 圆角大小
+    borderRadius: {
+      type: Number,
+      default: 20
+    },
+    // 背景颜色
+    backgroundColor: {
+      type: String,
+      default: '#f5f5f5'
+    },
+    // 默认进度条颜色
+    defaultColor: {
+      type: String,
+      default: '#4873E3'
+    },
+    // 是否显示百分比
+    showPercentage: {
+      type: Boolean,
+      default: true
+    },
+ 
+  
+    // 百分比文字大小
+    percentageSize: {
+      type: Number,
+      default: 24
+    },
+    // 百分比文字颜色
+    percentageColor: {
+      type: String,
+      default: '#666666'
+    }
+  },
+  computed: {
+    // 计算总数量（如果未传入total，则使用data中所有值的和）
+    computedTotal() {
+      if (this.total > 0) {
+        return this.total;
+      }
+      return this.data.reduce((sum, item) => sum + (item.value || 0), 0);
+    }
+  },
+  methods: {
+    // 计算每个分段的宽度百分比
+    calculateSegmentWidth(item) {
+      if (this.computedTotal === 0) return 0;
+      const percentage = (item.value / this.computedTotal) * 100;
+      // 确保最小宽度为1%，以便显示
+      return Math.max(1, percentage);
+    },
+
+    // 计算每个分段的左侧位置
+    calculateSegmentLeft(index) {
+      if (index === 0) return 0;
+      let left = 0;
+      for (let i = 0; i < index; i++) {
+        left += this.calculateSegmentWidth(this.data[i]);
+      }
+      return left;
+    },
+
+    // 获取分段圆角样式
+    getSegmentBorderRadius(index) {
+      if (this.data.length === 1) {
+        return this.borderRadius;
+      }
+      if (index === 0) {
+        return `${this.borderRadius} 0 0 ${this.borderRadius}`;
+      }
+      if (index === this.data.length - 1) {
+        return `0 ${this.borderRadius} ${this.borderRadius} 0`;
+      }
+      return 0;
+    },
+
+    // 计算总百分比
+    calculateTotalPercentage() {
+      if (this.computedTotal === 0) return 0;
+      return Math.round((this.computedTotal / this.total) * 100);
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.h-line-container {
+  display: flex;
+  align-items: center;
+  padding: 8rpx 0;
+  width: 100%;
+}
+
+.single-line-container {
+  position: relative;
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  border-radius: 20rpx;
+}
+
+.line-background {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+}
+
+.segment-progress {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  z-index: 2;
+  transition: width 0.3s ease;
+}
+
+.segment-progress {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  z-index: 2;
+  transition: width 0.3s ease;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.segment-text {
+  font-size: 23rpx;
+  font-weight: 500;
+  color: #ffffff;
+  text-shadow: 0 0 2rpx rgba(0, 0, 0, 0.5);
+}
+</style>

src/components/h-rank-line/h-rank-line.vue

@@ -0,0 +1,104 @@
+<template>
+  <view class="h-rank-line-container">
+    <!-- 左侧进度条区域 -->
+    <view class="progress-section">
+      <!-- 灰条背景 -->
+      <view class="gray-bar">
+        <!-- 蓝条，根据百分比显示 -->
+        <view class="blue-bar" :style="{ width: percentage + '%' }">
+          <!-- 蓝条结尾的竖条 -->
+          <view class="end-line"></view>
+        </view>
+      </view>
+    </view>
+
+    <!-- 右侧插槽区域 -->
+    <view class="slot-section">
+      <slot></slot>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'HRankLine',
+  props: {
+    // 百分比值，范围0-100
+    percentage: {
+      type: Number,
+      default: 0,
+      validator: (value) => {
+        return value >= 0 && value <= 100
+      }
+    }
+  },
+  data() {
+    return {}
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.h-rank-line-container {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 60rpx;
+
+}
+
+.progress-section {
+  flex: 1;
+  margin-right: 20rpx;
+}
+
+.gray-bar {
+  position: relative;
+  width: 100%;
+  height: 24rpx;
+  background: #f0f0f0;
+  border-radius: 12rpx;
+  // overflow: hidden;
+}
+
+.blue-bar {
+  position: relative;
+  height: 100%;
+  background: linear-gradient(90deg, #0098FA 0%, #0098FA 100%);
+  border-radius: 12rpx 0 0 12rpx;
+  transition: width 0.3s ease;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+.end-line {
+  width: 4rpx;
+  height: 35rpx;
+  background: #0098FA;
+  border-radius: 2rpx;
+  box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.2);
+  margin-right: -2rpx;
+}
+
+.slot-section {
+  flex-shrink: 0;
+  min-width: 100rpx;
+  text-align: right;
+}
+
+/* 响应式适配 */
+@media (max-width: 768px) {
+  .h-rank-line-container {
+    height: 50rpx;
+  }
+
+  .gray-bar {
+    height: 20rpx;
+  }
+
+  .end-line {
+    height: 35rpx;
+  }
+}
+</style>

src/components/h-search/h-search.vue

@@ -0,0 +1,128 @@
+<template>
+    <u-search v-model="internalValue" :placeholder="placeholder" :showAction="showAction" :actionText="actionText"
+        @search="handleSearch" @custom="handleCustom" @clear="handleClear" :disabled="disabled" :maxlength="maxlength"
+        :height="height" :bgColor="bgColor" :color="color" :searchIconColor="searchIconColor"
+        :clearButton="clearButton" />
+</template>
+
+<script>
+export default {
+    name: 'HSearch',
+    props: {
+        // 双向绑定的值
+        value: {
+            type: String,
+            default: ''
+        },
+        // 占位符文本
+        placeholder: {
+            type: String,
+            default: '请输入关键词'
+        },
+        // 是否显示搜索按钮
+        showAction: {
+            type: Boolean,
+            default: true
+        },
+        // 搜索按钮文本
+        actionText: {
+            type: String,
+            default: '搜索'
+        },
+        // 是否禁用
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        // 最大输入长度
+        maxlength: {
+            type: Number,
+            default: 100
+        },
+        // 搜索框高度
+        height: {
+            type: Number,
+            default: 64
+        },
+        // 背景颜色
+        bgColor: {
+            type: String,
+            default: '#f5f5f5'
+        },
+        // 文字颜色
+        color: {
+            type: String,
+            default: '#333333'
+        },
+        // 搜索图标颜色
+        searchIconColor: {
+            type: String,
+            default: '#999999'
+        },
+        // 是否显示清除按钮
+        clearButton: {
+            type: Boolean,
+            default: true
+        }
+    },
+    data() {
+        return {
+            internalValue: this.value
+        };
+    },
+    watch: {
+        value(newVal) {
+            this.internalValue = newVal;
+        },
+        internalValue(newVal) {
+            this.$emit('input', newVal);
+            this.$emit('update:value', newVal);
+        }
+    },
+    methods: {
+        // 处理搜索事件
+        handleSearch(value) {
+            this.$emit('search', value);
+        },
+        // 处理自定义事件（点击搜索按钮）
+        handleCustom(value) {
+            this.$emit('custom', value);
+        },
+        // 处理清除事件
+        handleClear() {
+            this.internalValue = '';
+            this.$emit('clear');
+            this.$emit('search', '');
+        },
+        // 聚焦搜索框
+        focus() {
+            this.$refs.uSearch && this.$refs.uSearch.focus();
+        },
+        // 失焦搜索框
+        blur() {
+            this.$refs.uSearch && this.$refs.uSearch.blur();
+        },
+        // 清空搜索框
+        clear() {
+            this.internalValue = '';
+            this.handleClear();
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+// 可以在这里添加自定义样式
+.h-search-container {
+    width: 100%;
+}
+
+::v-deep .u-search__content {
+
+
+    .u-search__content__input {
+        height: 80rpx !important;
+        
+    }
+}
+</style>

src/components/h-tabs/h-tabs.vue

@@ -0,0 +1,105 @@
+<template>
+  <view class="h-tabs" :style="{ '--active-color': activeColor }">
+    <view v-for="item in tabs" :key="item[valueKey]" :class="{ active: item[valueKey] === currentValue }"
+      :style="[item[valueKey] === currentValue ? item.activeStyle : item.style]" class="h-tabs-item"
+      @click="handleTabClick(item)">
+      {{ item[labelKey] }}
+      <!-- 显示红点 -->
+      <view v-if="item.unreadCount > 0" class="h-tabs-red-dot"></view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'HTabs',
+  props: {
+    tabs: {
+      type: Array,
+      default: () => []
+    },
+    value: {
+      type: [String, Number],
+      default: ''
+    },
+    valueKey: {
+      type: String,
+      default: 'type'
+    },
+    labelKey: {
+      type: String,
+      default: 'title'
+    },
+    activeColor: {
+      type: String,
+      default: '#2A70D1'
+    }
+  },
+  data() {
+    return {
+      currentValue: this.value
+    };
+  },
+  watch: {
+    value(newVal) {
+      this.currentValue = newVal;
+    }
+  },
+  methods: {
+    handleTabClick(item) {
+      this.currentValue = item[this.valueKey];
+      this.$emit('input', this.currentValue);
+      this.$emit('change', this.currentValue, item);
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.h-tabs {
+  display: flex;
+  padding: 0 0 32rpx;
+  font-size: 28rpx;
+  color: #666666;
+  line-height: 32rpx;
+  gap: 48rpx;
+  width: 100%;
+
+  // 默认样式
+  .h-tabs-item {
+    position: relative;
+    cursor: pointer;
+    padding: 0 8rpx;
+
+    &.active {
+      font-size: 36rpx;
+      color: var(--active-color);
+      line-height: 42rpx;
+
+      &:after {
+        content: "";
+        position: absolute;
+        bottom: -12rpx;
+        left: 0;
+        width: 50%;
+        height: 6rpx;
+        background: var(--active-color);
+        border-radius: 12rpx;
+        transition: all 0.3s ease;
+      }
+    }
+  }
+
+  // 红点样式
+  .h-tabs-red-dot {
+    position: absolute;
+    top: -4rpx;
+    right: 0;
+    width: 16rpx;
+    height: 16rpx;
+    background-color: #FF4D4F;
+    border-radius: 50%;
+    transform: translateX(50%);
+  }
+}
+</style>

src/components/list-card/list-card.vue

@@ -0,0 +1,81 @@
+<template>
+  <view class="list-card-container" @click="handleClick" :class="containerStyle">
+    <slot v-if="showChecked" name="checkbox">
+
+    </slot>
+    <view class="list-card">
+      <view class="list-card-header">
+        <slot name="title"></slot>
+        <slot name="icon"></slot>
+      </view>
+      <view class="list-card-content">
+        <slot></slot>
+      </view>
+
+    </view>
+    <slot name="footer"></slot>
+  </view>
+
+</template>
+
+<script>
+export default {
+  name: 'ListCard',
+  props: {
+    showChecked: {
+      type: Boolean,
+      default: false
+    },
+    containerStyle: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      checked: false
+    }
+  },
+
+  methods: {
+    handleClick() {
+      this.$emit('click');
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.list-card-container {
+  background: #FFFFFF;
+  border-radius: 16rpx;
+  box-shadow: 0 8rpx 20rpx 0 rgba(0, 0, 0, 0.08);
+  border: 2rpx solid #F0F8FF;
+  padding: 32rpx;
+  margin-bottom: 32rpx;
+  display: flex;
+  align-items: flex-start;
+  position: relative;
+
+
+
+  .list-card {
+    width: 100%;
+
+    .list-card-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 24rpx;
+
+      .list-card-checkbox {
+        margin-right: 16rpx;
+      }
+    }
+
+    .list-card-content {
+      // 默认内容样式
+    }
+  }
+}
+</style>

src/components/list-icon/list-icon.vue

@@ -0,0 +1,38 @@
+<template>
+  <view class="list-icon" :style="divStyle">
+    {{ text }}
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'ListIcon',
+  props: {
+    divStyle: {
+      type: Object,
+      default: () => ({
+        backgroundColor: '#5972C0'
+      })
+    },
+    text: {
+      type: String,
+      default: ''
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.list-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 60rpx;
+  height: 40rpx;
+  padding: 0 16rpx;
+  border-radius: 8rpx;
+  font-size: 24rpx;
+  color: #FFFFFF;
+  line-height: 1;
+}
+</style>

src/components/list-user/list-user.vue

@@ -0,0 +1,134 @@
+<template>
+  <view class="personnel-list" v-if="data && data.length">
+    <view class="personnel-item" v-for="(item, index) of data" :key="item.id || index" @click="handleItemClick(item, index)">
+      <view class="personnel-img">
+        <UserAvatar :userName="item.nickName || item.userName" :avatarLink="item.avatar" />
+      </view>
+      <view class="personnel-name">{{ item.nickName || item.userName }}</view>
+      <view v-if="showDelete" class="delete-icon" @click.stop="handleDelete(index)">
+        <uni-icons type="close" size="16" color="#999"></uni-icons>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import UserAvatar from '@/pages/attendance/components/UserAvatar.vue'
+
+export default {
+  name: 'ListUser',
+  components: {
+    UserAvatar
+  },
+  props: {
+    // 人员数据数组
+    data: {
+      type: Array,
+      default: () => []
+    },
+    // 是否显示删除图标
+    showDelete: {
+      type: Boolean,
+      default: false
+    },
+    // 禁用状态
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    // 处理删除操作
+    handleDelete(index) {
+      if (!this.data || !this.data.length || this.disabled) return
+
+      // 创建新数组（避免直接修改props）
+      const newData = [...this.data]
+      const deletedItem = newData.splice(index, 1)[0]
+
+      // 向外传递删除后的数组和删除的项
+      this.$emit('update:data', newData)
+      this.$emit('delete', {
+        deletedItem,
+        index,
+        newData
+      })
+
+      uni.showToast({
+        title: '删除成功',
+        icon: 'success',
+        duration: 1500
+      })
+    },
+
+    // 处理人员项点击
+    handleItemClick(item, index) {
+      this.$emit('click', {
+        clickedItem: item,
+        index,
+        data: this.data
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.personnel-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16rpx;
+  margin: 20rpx 0;
+}
+
+.personnel-item {
+  display: flex;
+  align-items: center;
+  background: #f8f9fa;
+  border-radius: 24rpx;
+  padding: 12rpx 20rpx;
+  position: relative;
+
+  .personnel-img {
+    width: 60rpx;
+    height: 60rpx;
+    border-radius: 50%;
+    overflow: hidden;
+    margin-right: 16rpx;
+    flex-shrink: 0;
+  }
+
+  .personnel-name {
+    font-size: 28rpx;
+    color: #333;
+    font-weight: 500;
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .delete-icon {
+    width: 40rpx;
+    height: 40rpx;
+    border-radius: 50%;
+    background: #f0f0f0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: 16rpx;
+    flex-shrink: 0;
+    cursor: pointer;
+    transition: background-color 0.2s;
+
+    &:hover {
+      background: #e0e0e0;
+    }
+
+    &:active {
+      background: #d0d0d0;
+    }
+  }
+}
+</style>

src/components/no-data/no-data.vue

@@ -0,0 +1,75 @@
+<template>
+  <view class="no-data-container">
+    <!-- 图标 -->
+    <view class="no-data-icon">
+      <uni-icons 
+        :type="iconType" 
+        :size="iconSize" 
+        :color="iconColor" 
+      />
+    </view>
+    
+    <!-- 提示文字 -->
+    <text class="no-data-text">
+      {{ text }}
+    </text>
+  </view>
+</template>
+
+<script>
+// 导入uni-ui图标组件
+import uniIcons from '@/uni_modules/uni-icons/components/uni-icons/uni-icons.vue';
+
+export default {
+  name: 'NoData',
+  components: {
+    uniIcons
+  },
+  props: {
+    // 提示文字
+    text: {
+      type: String,
+      default: '暂无数据'
+    },
+    // 图标类型
+    iconType: {
+      type: String,
+      default: 'search' // 可以使用其他图标如: 'info', 'help', 'minus', etc.
+    },
+    // 图标大小
+    iconSize: {
+      type: [Number, String],
+      default: 60
+    },
+    // 图标颜色
+    iconColor: {
+      type: String,
+      default: '#C0C4CC'
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.no-data-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  padding: 40rpx 0; /* 添加上下padding值 */
+  
+  .no-data-icon {
+    margin-bottom: 20rpx;
+    opacity: 0.5;
+  }
+  
+  .no-data-text {
+    font-size: 28rpx;
+    color: #909399;
+    font-weight: 400;
+  }
+}
+</style>

src/components/select-tag/select-tag.vue

@@ -0,0 +1,81 @@
+<template>
+    <div class="time-tag-container">
+        <div class="custom-tag-container">
+            <div v-for="tag in tags" :key="tag.value" class="custom-tag"
+                :class="{ 'active': selectedValue === tag.value }" @click="handleTagClick(tag)">
+                <span class="tag-text">{{ tag.label }}</span>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'SelectTag',
+    props: {
+        tags: {
+            type: Array,
+            default: () => []
+        },
+        selectedValue: {
+            type: String,
+            default: ''
+        }
+    },
+    methods: {
+        handleTagClick(tag) {
+            if (tag.value === 'custom') {
+                // 触发自定义时间选择器显示事件
+                this.$emit('show-custom-picker', tag.value);
+            } else {
+                // 触发普通时间范围变化事件
+                this.$emit('change', tag.value);
+            }
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.time-tag-container {
+    display: flex;
+    justify-content: flex-start;
+    margin-top: 30rpx;
+}
+
+.custom-tag-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 5rpx;
+    align-items: center;
+}
+
+.custom-tag {
+    display: flex;
+    align-items: center;
+    padding: 7rpx 15rpx;
+
+    color: #FFFFFF;
+
+    border-radius: 20rpx;
+    font-size: 24rpx;
+    cursor: pointer;
+    transition: all 0.3s ease;
+}
+
+.custom-tag.active {
+    background: rgba(255, 255, 255, 0.2);
+    color: #FFFFFF;
+    font-weight: bold;
+    background: rgba(255, 255, 255, 0.2);
+}
+
+// .custom-tag:hover {
+//     background: rgba(255, 255, 255, 0.4);
+//     border-color: rgba(255, 255, 255, 0.6);
+// }
+
+.tag-text {
+    // margin-right: 8rpx;
+}
+</style>

src/components/statistic-table/statistic-table.vue

@@ -0,0 +1,136 @@
+<template>
+  <div class="table-container">
+    <table class="data-table">
+      <thead>
+        <tr>
+          <th v-for="column in columns" :key="column.props">{{ column.title }}</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr v-for="(row, index) in data" :key="index"
+          :class="{ 'odd-row': (index + 1) % 2 !== 0, 'even-row': (index + 1) % 2 === 0 }">
+          
+          <td v-for="column in columns" :key="`${column.props}-${index}`">
+            <!-- 如果列配置了slot属性，则使用插槽 -->
+            <slot v-if="column.slot" :name="`column-${column.props}`" :row="row" :index="index">
+              <!-- 默认插槽内容 -->
+              {{ row[column.props] }}
+            </slot>
+            <!-- 如果没有配置slot属性，则显示普通文本 -->
+            <template v-else>
+              {{ row[column.props] || '-' }}
+            </template>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'TableList',
+  props: {
+    columns: {
+      type: Array,
+      default: () => [],
+      validator: (value) => {
+        return value.every(column => {
+          return column.props && column.title;
+        });
+      }
+    },
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+  created() {
+    console.log(this.columns,this.data);
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.table-container {
+  width: 100%;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  
+  /* 强制显示滚动条 */
+  scrollbar-width: thin; /* Firefox */
+  scrollbar-color: #525861 #f1f1f1; /* Firefox */
+  
+  /* 自定义滚动条样式 - 更明显的滚动条 */
+  &::-webkit-scrollbar {
+    height: 12px; /* 增加滚动条高度 */
+    width: 12px;
+  }
+  
+  &::-webkit-scrollbar-track {
+    background: #f1f1f1;
+    border-radius: 6px;
+    box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
+  }
+  
+  &::-webkit-scrollbar-thumb {
+    background: #525861; /* 使用主题色 */
+    border-radius: 6px;
+    border: 2px solid #f1f1f1;
+  }
+  
+  &::-webkit-scrollbar-thumb:hover {
+    background: #525861; /* 悬停时加深颜色 */
+  }
+  
+  &::-webkit-scrollbar-corner {
+    background: #f1f1f1;
+  }
+}
+
+.data-table {
+  width: auto;
+  min-width: 100%;
+  border-collapse: collapse;
+  border: 2rpx solid #ccc;
+  border-radius: 16rpx;
+  table-layout: auto;
+
+  th,
+  td {
+    padding: 12rpx;
+    height: 48rpx;
+    text-align: left;
+    white-space: nowrap;
+    overflow: visible;
+    text-overflow: clip;
+    // border-bottom: 1rpx solid #ccc;
+  }
+
+  th {
+    background-color: #f5f5f5;
+    font-weight: bold;
+    color: #666;
+    position: sticky;
+    top: 0;
+    z-index: 1;
+    
+    /* 确保表头内容完全展示 */
+    white-space: nowrap;
+    overflow: visible;
+    text-overflow: clip;
+  }
+
+  .odd-row {
+    background-color: #fff !important;
+  }
+
+  .even-row {
+    background-color: #f5f5f5 !important;
+  }
+
+  tr:hover {
+    background-color: #e0e0e0;
+  }
+}
+</style>

src/components/text-switch/text-switch.vue

@@ -0,0 +1,218 @@
+<!-- import textSwitch from "@/components/text-li-switch/text-li-switch.vue" -->
+<!-- <textSwitch v-model="prop.must" uncheck_text="非必选" checked_text="必选" @change="switchChange"></textSwitch> -->
+<!-- @change可以不写 -->
+
+
+<template>
+	<view>
+		<view class="switch_box row-b-c" :class="{ 'disabled-switch': disabled }"
+			:style="{ backgroundColor: checked ? checkedbg : uncheckedbg, width: width + 'rpx', height: height + 'rpx', borderRadius: '100px' }"
+			@click="changeSwitch">
+			<view class="switch_text c-white" :class="checked ? ['to_left'] : ['_right', 'c-black']"
+				:style="{ fontSize: size + 'rpx', 'padding-right': padding_right }">{{ checked ? checked_text :
+					uncheck_text }}
+			</view>
+			<view class="round" :style="{
+				left: checked ? '100%' : '2rpx',
+				marginLeft: checked ? '-' + (Number(height) - 6) + 'rpx' : '', width: + height + 'rpx',
+				height: + height - 10 + 'rpx',
+				width: + height - 10 + 'rpx',
+				borderRadius: height / 2 + 'rpx'
+			}">
+			</view>
+			<!-- 禁用遮罩层 -->
+			<view v-if="disabled" class="disabled-overlay"></view>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	emits: ['click', 'change', 'update:modelValue', 'input'],
+	model: {
+		prop: 'modelValue',
+		event: 'update:modelValue'
+	},
+
+	props: {
+		modelValue: [String], // 修改为接收字符串值
+		checkedbg: {
+			type: String,
+			default: '#626FF0'
+		},
+		uncheckedbg: {
+			type: String,
+			default: '#F67072'
+		},
+		width: {
+			type: String,
+			default: '130'
+		},
+		height: {
+			type: String,
+			default: '50'
+		},
+		uncheck_text: {
+			type: String,
+			default: ''
+		},
+		checked_text: {
+			type: String,
+			default: ''
+		},
+		size: {
+			type: String,
+			default: '24'
+		},
+		checked_value: {
+			type: String,
+			default: 'QUALIFIED'
+		},
+		uncheck_value: {
+			type: String,
+			default: 'UNQUALIFIED'
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	data() {
+		return {
+			checked: false, // 修改为布尔值
+			padding_right: '20rpx'
+		}
+	},
+	created() {
+		if (this.uncheck_text.length > this.checked_text.length) {
+			this.padding_right = '10rpx'
+		}
+		// 根据传入的值初始化选中状态
+		this.updateCheckedState();
+	},
+	watch: {
+		modelValue: {
+			handler(newVal) {
+				this.updateCheckedState();
+			},
+			deep: true,
+			immediate: true
+		},
+		checked_value: {
+			handler() {
+				this.updateCheckedState();
+			},
+			deep: true
+		},
+		uncheck_value: {
+			handler() {
+				this.updateCheckedState();
+			},
+			deep: true
+		}
+	},
+	methods: {
+		// 根据传入的值更新选中状态
+		updateCheckedState() {
+			if (this.modelValue === this.checked_value) {
+				this.checked = true;
+			} else if (this.modelValue === this.uncheck_value) {
+				this.checked = false;
+			}
+			// 如果传入的值既不等于checked_value也不等于uncheck_value，保持当前状态
+		},
+		
+		changeSwitch: function (e) {
+			// 如果禁用状态，阻止切换
+			if (this.disabled) {
+				return;
+			}
+			
+			this.checked = !this.checked;
+			
+			// 根据开关状态确定要传递的值
+			const current_value = this.checked ? this.checked_value : this.uncheck_value;
+			
+			// TODO 兼容 vue2
+			this.$emit('input', current_value);
+			// TODO　兼容　vue3
+			this.$emit('update:modelValue', current_value);
+
+			this.$emit('change', current_value)
+		}
+	}
+}
+</script>
+
+<style>
+.row-c-c {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.c-white {
+	color: #FFFFFF;
+}
+
+.c-black {
+	color: #FFFFFF;
+}
+
+
+/* ---------- */
+.switch_box {
+	position: relative;
+	border: 1rpx solid #EEEEEE;
+	background-color: #F6F6F6;
+	transition: all 0.4s;
+	display: flex;
+	align-items: center;
+}
+
+.round {
+	position: absolute;
+	background-color: #FFFFFF;
+	transition: all 0.4s;
+}
+
+.to_left {
+	left: 0;
+	margin-left: 0;
+}
+
+.to_right {
+	left: 100%;
+	margin-left: -50rpx;
+}
+
+.switch_text {
+	position: absolute;
+	padding: 0 20rpx;
+}
+
+._right {
+	right: 0;
+	border-right: none !important;
+}
+
+/* 禁用状态样式 */
+.disabled-switch {
+	pointer-events: none;
+	user-select: none;
+	opacity: 0.6;
+	position: relative;
+}
+
+.disabled-overlay {
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background: rgba(128, 128, 128, 0.3);
+	border-radius: 100px;
+	z-index: 10;
+	pointer-events: none;
+}
+</style>

src/components/text-tag/text-tag.vue

@@ -0,0 +1,113 @@
+<template>
+    <view class="text-tag-container">
+        <view v-for="(item, index) in localTags" :key="index" class="tag-item" :style="getTagItemStyle(item)">
+            <text class="tag-text" :style="getTagTextStyle(item)">{{ item[labelColumn] }}</text>
+
+            <u-icon v-if="showClose" name="close" color="#666666" size="14" @click="handleRemove(index)" />
+        </view>
+    </view>
+</template>
+
+<script>
+export default {
+    name: 'TextTag',
+    props: {
+        tags: {
+            type: Array,
+            default: () => []
+        },
+        showClose: {
+            type: Boolean,
+            default: true
+        },
+        labelColumn: {
+            type: String,
+            default: 'label'
+        },
+        // 全局tag-item样式配置
+        tagItemStyle: {
+            type: Object,
+            default: () => ({})
+        },
+        // 全局tag-text样式配置
+        tagTextStyle: {
+            type: Object,
+            default: () => ({})
+        }
+    },
+    data() {
+        return {
+            localTags: [...this.tags]
+        };
+    },
+    watch: {
+        tags(newVal) {
+            
+            this.localTags = [...newVal];
+        }
+    },
+    methods: {
+        handleRemove(index) {
+            this.localTags.splice(index, 1);
+            this.$emit('remove', [...this.localTags]);
+         
+        },
+        // 获取tag-item样式
+        getTagItemStyle(item) {
+            const baseStyle = {
+                display: 'flex',
+                alignItems: 'center',
+                padding: '4px 12px',
+                backgroundColor: '#f0f0f0',
+                borderRadius: '16px',
+                fontSize: '14px'
+            };
+            
+            // 合并全局样式和item中的样式
+            const mergedStyle = {
+                ...baseStyle,
+                ...this.tagItemStyle,
+                ...(item.tagItemStyle || {})
+            };
+            
+            return mergedStyle;
+        },
+        // 获取tag-text样式
+        getTagTextStyle(item) {
+            const baseStyle = {
+                marginRight: '8px'
+            };
+            
+            // 合并全局样式和item中的样式
+            const mergedStyle = {
+                ...baseStyle,
+                ...this.tagTextStyle,
+                ...(item.tagTextStyle || {})
+            };
+            
+            return mergedStyle;
+        }
+    }
+};
+</script>
+
+<style scoped>
+.text-tag-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+}
+
+.tag-item {
+    display: flex;
+    align-items: center;
+    padding: 4px 12px;
+    background-color: #f0f0f0;
+    border-radius: 16px;
+    font-size: 14px;
+}
+
+.tag-text {
+    margin-right: 8px;
+}
+</style>

src/components/timeline-record/TimelineRecord.vue

@@ -0,0 +1,103 @@
+
+<template>
+  <view class="vertical-timeline">
+    <uni-section :title="sectionTitle" type="line" padding>
+      <view v-if="flatSteps.length > 0">
+        <uni-steps
+          :options="flatSteps"
+          :active="activeStep"
+          direction="column"
+        />
+      </view>
+      <view v-else class="no-record">
+        <uni-icons type="flag-filled" size="60" color="#ccc"></uni-icons>
+        <text>暂无打卡记录</text>
+      </view>
+    </uni-section>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'VerticalTimeline',
+  props: {
+    records: {
+      type: Array,
+      default: () => []
+    },
+    sectionTitle: {
+      type: String,
+      default: '打卡记录'
+    },
+    statusColorMap: {
+      type: Object,
+      default: () => ({
+        正常: '#67C23A',
+        迟到: '#F56C6C',
+        早退: '#E6A23C',
+        异常: '#909399'
+      })
+    }
+  },
+  computed: {
+    activeStep() {
+      return this.flatSteps.length - 1
+    },
+    flatSteps() {
+      if (!this.records || this.records.length === 0) return []
+      
+      // 提取items数组并排序
+      const items = this.records[0]?.items || []
+      const sorted = [...items].sort((a, b) => 
+        new Date(a.checkInTime) - new Date(b.checkInTime)
+      )
+
+      return sorted.map(item => ({
+        title: this.formatTime(item.checkInTime),
+        desc: `${this.getTypeText(item.checkInType)} - ${item.checkInPosition}`,
+        color: this.getStatusColor(item)
+      }))
+    }
+  },
+  methods: {
+    formatTime(timeStr) {
+      // return timeStr ? timeStr.split(' ')[1].substr(0,5) : '--:--'
+      return timeStr
+    },
+    getTypeText(type) {
+      const map = {
+        CLOCK_IN: '上班打卡',
+        CLOCK_OUT: '下班打卡'
+      }
+      return map[type] || type
+    },
+    getStatusColor(item) {
+      // 可根据实际业务逻辑判断状态
+      return this.statusColorMap.正常
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.vertical-timeline {
+  background-color: #fff;
+  border-radius: 12px;
+  padding: 10px 0;
+  box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
+}
+
+.no-record {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 40px 0;
+  color: #999;
+
+  text {
+    margin-top: 8px;
+    font-size: 14px;
+  }
+}
+</style>

src/components/uni-section/uni-section.vue

@@ -0,0 +1,167 @@
+<template>
+	<view class="uni-section">
+		<view class="uni-section-header" @click="onClick">
+				<view class="uni-section-header__decoration" v-if="type" :class="type" />
+        <slot v-else name="decoration"></slot>
+
+        <view class="uni-section-header__content">
+          <text :style="{'font-size':titleFontSize,'color':titleColor}" class="uni-section__content-title" :class="{'distraction':!subTitle}">{{ title }}</text>
+          <text v-if="subTitle" :style="{'font-size':subTitleFontSize,'color':subTitleColor}" class="uni-section-header__content-sub">{{ subTitle }}</text>
+        </view>
+
+        <view class="uni-section-header__slot-right">
+          <slot name="right"></slot>
+        </view>
+		</view>
+
+		<view class="uni-section-content" :style="{padding: _padding}">
+			<slot />
+		</view>
+	</view>
+</template>
+
+<script>
+
+	/**
+	 * Section 标题栏
+	 * @description 标题栏
+	 * @property {String} type = [line|circle|square] 标题装饰类型
+	 * 	@value line 竖线
+	 * 	@value circle 圆形
+	 * 	@value square 正方形
+	 * @property {String} title 主标题
+	 * @property {String} titleFontSize 主标题字体大小
+	 * @property {String} titleColor 主标题字体颜色
+	 * @property {String} subTitle 副标题
+	 * @property {String} subTitleFontSize 副标题字体大小
+	 * @property {String} subTitleColor 副标题字体颜色
+	 * @property {String} padding 默认插槽 padding
+	 */
+
+	export default {
+		name: 'UniSection',
+    emits:['click'],
+		props: {
+			type: {
+				type: String,
+				default: ''
+			},
+			title: {
+				type: String,
+				required: true,
+				default: ''
+			},
+      titleFontSize: {
+        type: String,
+        default: '14px'
+      },
+			titleColor:{
+				type: String,
+				default: '#333'
+			},
+			subTitle: {
+				type: String,
+				default: ''
+			},
+      subTitleFontSize: {
+        type: String,
+        default: '12px'
+      },
+      subTitleColor: {
+        type: String,
+        default: '#999'
+      },
+			padding: {
+				type: [Boolean, String],
+				default: false
+			}
+		},
+    computed:{
+      _padding(){
+        if(typeof this.padding === 'string'){
+          return this.padding
+        }
+
+        return this.padding?'10px':''
+      }
+    },
+		watch: {
+			title(newVal) {
+				if (uni.report && newVal !== '') {
+					uni.report('title', newVal)
+				}
+			}
+		},
+    methods: {
+			onClick() {
+				this.$emit('click')
+			}
+		}
+	}
+</script>
+<style lang="scss" >
+	$uni-primary: #2979ff !default;
+
+	.uni-section {
+		background-color: #fff;
+    .uni-section-header {
+      position: relative;
+      /* #ifndef APP-NVUE */
+      display: flex;
+      /* #endif */
+      flex-direction: row;
+      align-items: center;
+      padding: 12px 10px;
+      font-weight: normal;
+
+      &__decoration{
+        margin-right: 6px;
+        background-color: $uni-primary;
+        &.line {
+          width: 4px;
+          height: 12px;
+          border-radius: 10px;
+        }
+
+        &.circle {
+          width: 8px;
+          height: 8px;
+          border-top-right-radius: 50px;
+          border-top-left-radius: 50px;
+          border-bottom-left-radius: 50px;
+          border-bottom-right-radius: 50px;
+        }
+
+        &.square {
+          width: 8px;
+          height: 8px;
+        }
+      }
+
+      &__content {
+        /* #ifndef APP-NVUE */
+        display: flex;
+        /* #endif */
+        flex-direction: column;
+        flex: 1;
+        color: #333;
+
+        .distraction {
+          flex-direction: row;
+          align-items: center;
+        }
+        &-sub {
+          margin-top: 2px;
+        }
+      }
+
+      &__slot-right{
+        font-size: 14px;
+      }
+    }
+
+    .uni-section-content{
+      font-size: 14px;
+    }
+	}
+</style>

src/config.js

@@ -0,0 +1,30 @@
+// 应用全局配置
+module.exports = {
+   // 接口地址  本地调试使用 http://192.168.3.222:38080  打包使用 /prod-api
+ // baseUrl: process.env.NODE_ENV === 'development' ? 'http://192.168.3.221:82/prod-api' : '/prod-api', //生产
+  //  baseUrl: process.env.NODE_ENV === 'development' ? 'http://192.168.3.221:8080' : '/prod-api',
+// baseUrl: process.env.NODE_ENV === 'development' ? 'http://guangxi.qinghe.sundot.cn:8088' : 'http://guangxi.qinghe.sundot.cn:8088/prod-api',
+    baseUrl: 'http://airport.samsundot.com:9024/prod-api',//测试
+// baseUrl:'http://airport.samsundot.com:9021/prod-api',//生产
+  // 应用信息
+  appInfo: {
+    // 应用名称
+    name: "airport-app",
+    // 应用版本
+    version: "1.2.0",
+    // 应用logo
+    logo: "/static/logo.png",
+    // 官方网站
+    site_url: "http://ruoyi.vip",
+    // 政策协议
+    agreements: [{
+        title: "隐私政策",
+        url: "https://ruoyi.vip/protocol.html"
+      },
+      {
+        title: "用户服务协议",
+        url: "https://ruoyi.vip/protocol.html"
+      }
+    ]
+  }
+}

src/main.js

@@ -0,0 +1,23 @@
+import Vue from 'vue'
+import App from './App'
+import store from './store' // store
+import plugins from './plugins' // plugins
+import './permission' // permission
+import { getDicts } from "@/api/system/dict/data"
+import uView from "uview-ui";
+
+Vue.use(uView);
+Vue.use(plugins)
+
+Vue.config.productionTip = false
+Vue.prototype.$store = store
+Vue.prototype.getDicts = getDicts
+
+App.mpType = 'app'
+//为了兼容echarts在移动端的点击事件
+window.wx={}
+const app = new Vue({
+  ...App
+})
+
+app.$mount()

src/manifest.json

@@ -0,0 +1,71 @@
+{
+    "name" : "安检分级质控系统移动端",
+    "appid" : "__UNI__25A9D80",
+    "description" : "",
+    "versionName" : "1.2.0",
+    "versionCode" : "100",
+    "transformPx" : false,
+    "app-plus" : {
+        "usingComponents" : true,
+        "nvueCompiler" : "uni-app",
+        "splashscreen" : {
+            "alwaysShowBeforeRender" : true,
+            "waiting" : true,
+            "autoclose" : true,
+            "delay" : 0
+        },
+        "modules" : {},
+        "distribute" : {
+            "android" : {
+                "permissions" : [
+                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
+                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
+                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>"
+                ]
+            },
+            "ios" : {},
+            "sdkConfigs" : {}
+        }
+    },
+    "quickapp" : {},
+    "mp-weixin" : {
+        "appid" : "wxccd7e2a0911b3397",
+        "setting" : {
+            "urlCheck" : false,
+            "es6" : false,
+            "minified" : true,
+            "postcss" : true
+        },
+        "optimization" : {
+            "subPackages" : true
+        },
+        "usingComponents" : true
+    },
+    "vueVersion" : "2",
+    "h5" : {
+        "template" : "static/index.html",
+        "devServer" : {
+            "port" : 9090,
+            "https" : false
+        },
+        "title" : "Airport-App",
+        "router" : {
+            "mode" : "hash",
+            "base" : "./"
+        }
+    }
+}

src/package.json

@@ -0,0 +1,16 @@
+{
+    "id": "text-li-switch",
+    "name": "switch文字开关，v-model绑定状态，支持参数改变文字样式",
+    "displayName": "switch文字开关，v-model绑定状态，支持参数改变文字样式",
+    "version": "1.0.2",
+    "description": "switch文字开关，v-model绑定状态，支持参数改变文字样式",
+    "keywords": [
+        "switch文字开关，v-model绑定状态，支持参数改变文字样式"
+    ],
+    "dcloudext": {
+        "category": [
+            "前端组件",
+            "通用组件"
+        ]
+    }
+}

src/pages.json

@@ -0,0 +1,373 @@
+{
+  "pages": [
+    {
+      "path": "pages/login",
+      "style": {
+        "navigationBarTitleText": "登录"
+      }
+    },
+    {
+      "path": "pages/eikonStatistics/index",
+      "style": {
+        "navigationBarTitleText": "组织画像"
+      }
+    },
+    {
+      "path": "pages/register",
+      "style": {
+        "navigationBarTitleText": "注册"
+      }
+    },
+    {
+      "path": "pages/home/index",
+      "style": {
+        "navigationBarTitleText": "安检分级质控系统移动端",
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/home-new/index",
+      "style": {
+        "navigationBarTitleText": "安检分级质控系统移动端",
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/work/index",
+      "style": {
+        "navigationBarTitleText": "工作台"
+      }
+    },
+    {
+      "path": "pages/mine/index",
+      "style": {
+        "navigationBarTitleText": "我的"
+      }
+    },
+    {
+      "path": "pages/capabilityComparison/index",
+      "style": {
+        "navigationBarTitleText": "能力对比"
+      }
+    },
+    {
+      "path": "pages/statisticalReport/index",
+      "style": {
+        "navigationBarTitleText": "整体报表"
+      }
+    },
+    {
+      "path": "pages/mine/avatar/index",
+      "style": {
+        "navigationBarTitleText": "修改头像"
+      }
+    },
+    {
+      "path": "pages/mine/info/index",
+      "style": {
+        "navigationBarTitleText": "个人信息"
+      }
+    },
+    {
+      "path": "pages/mine/info/edit",
+      "style": {
+        "navigationBarTitleText": "编辑资料"
+      }
+    },
+    {
+      "path": "pages/mine/pwd/index",
+      "style": {
+        "navigationBarTitleText": "修改密码"
+      }
+    },
+    {
+      "path": "pages/mine/setting/index",
+      "style": {
+        "navigationBarTitleText": "应用设置"
+      }
+    },
+    {
+      "path": "pages/mine/help/index",
+      "style": {
+        "navigationBarTitleText": "常见问题"
+      }
+    },
+    {
+      "path": "pages/mine/about/index",
+      "style": {
+        "navigationBarTitleText": "关于我们"
+      }
+    },
+    {
+      "path": "pages/common/webview/index",
+      "style": {
+        "navigationBarTitleText": "浏览网页"
+      }
+    },
+    {
+      "path": "pages/common/textview/index",
+      "style": {
+        "navigationBarTitleText": "浏览文本"
+      }
+    },
+    {
+      "path": "pages/attendance/index",
+      "style": {
+        "navigationBarTitleText": "勤务打卡"
+      }
+    },
+    {
+      "path": "pages/attendanceStatistics/index",
+      "style": {
+        "navigationBarTitleText": "考勤统计"
+      }
+    },
+    {
+      "path": "pages/workProfile/index",
+      "style": {
+        "navigationBarTitleText": "工作画像"
+      }
+    },
+    {
+      "path": "pages/seizedReported/index",
+      "style": {
+        "navigationBarTitleText": "违禁品查获上报"
+      }
+    },
+    {
+      "path": "pages/seizedReportedVoice/index",
+      "style": {
+        "navigationBarTitleText": "违禁品查获上报"
+      }
+    },
+    {
+      "path": "pages/train/index",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/attendance/stats",
+      "style": {
+        "navigationBarTitleText": "打卡统计"
+      }
+    },
+    {
+      "path": "pages/attendance/stats",
+      "style": {
+        "navigationBarTitleText": "打卡统计"
+      }
+    },
+    {
+      "path": "pages/home/index",
+      "style": {
+        "navigationBarTitleText": "首页"
+      }
+    },
+    {
+      "path": "pages/home-new/index",
+      "style": {
+        "navigationBarTitleText": "首页"
+      }
+    },
+    {
+      "path": "pages/personal-center/index",
+      "style": {
+        "navigationBarTitleText": "个人中心"
+      }
+    },
+    {
+      "path": "pages/exam/index",
+      "style": {
+        "navigationBarTitleText": "测试"
+      }
+    },
+    {
+      "path": "pages/exam-list/index",
+      "style": {
+        "navigationBarTitleText": "测试列表"
+      }
+    },
+    {
+      "path": "pages/daily-exam/task-list/index",
+      "style": {
+        "navigationBarTitleText": "抽问抽答"
+      }
+    },
+    {
+      "path": "pages/daily-exam/answer/index",
+      "style": {
+        "navigationBarTitleText": "答题"
+      }
+    },
+    {
+      "path": "pages/inspectionRecord/index",
+      "style": {
+        "navigationBarTitleText": "巡检记录单"
+      }
+    },
+    {
+      "path": "pages/inspectionRecordList/index",
+      "style": {
+        "navigationBarTitleText": "巡检列表"
+      }
+    },
+    {
+      "path": "pages/checklist/index",
+      "style": {
+        "navigationBarTitleText": "检查单"
+      }
+    },
+    {
+      "path": "pages/announcement/index",
+      "style": {
+        "navigationBarTitleText": "公告"
+      }
+    },
+    {
+      "path": "pages/workDocu/index",
+      "style": {
+        "navigationBarTitleText": "工作手册"
+      }
+    },
+    {
+      "path": "pages/workDocu/workDocuDetail",
+      "style": {
+        "navigationBarTitleText": "工作手册详情"
+      }
+    },
+    {
+      "path": "pages/announcement/announcementDetail",
+      "style": {
+        "navigationBarTitleText": "公告详情"
+      }
+    },
+    {
+      "path": "pages/announcement/noticeDetail",
+      "style": {
+        "navigationBarTitleText": "通知详情"
+      }
+    },
+    {
+      "path": "pages/problemRect/index",
+      "style": {
+        "navigationBarTitleText": "问题记录及整改单"
+      }
+    },
+    {
+      "path": "pages/inspectionStatistics/index",
+      "style": {
+        "navigationBarTitleText": "巡检统计"
+      }
+    },
+    {
+      "path": "pages/messagePush/index",
+      "style": {
+        "navigationBarTitleText": "消息推送"
+      }
+    },
+    {
+      "path": "pages/qualityControlAnalysisReport/index",
+      "style": {
+        "navigationBarTitleText": "质控分析报告"
+      }
+    },
+    {
+      "path": "pages/questionStatistics/index",
+      "style": {
+        "navigationBarTitleText": "抽问抽答统计"
+      }
+    },
+    {
+      "path": "pages/myToDoList/index",
+      "style": {
+        "navigationBarTitleText": "我的事项"
+      }
+    },
+    {
+      "path": "pages/inspectionChecklist/index",
+      "style": {
+        "navigationBarTitleText": "巡视检查列表"
+      }
+    },
+    {
+      "path": "pages/voiceSubmissionDraft/index",
+      "style": {
+        "navigationBarTitleText": "草稿箱"
+      }
+    },
+    {
+      "path": "pages/inspectionRecord/detail",
+      "style": {
+        "navigationBarTitleText": "巡检单明细"
+      }
+    },
+    {
+      "path": "pages/seizureRecord/detail",
+      "style": {
+        "navigationBarTitleText": "查获明细"
+      }
+    },
+    {
+      "path": "pages/statisticalAnalysis/index",
+      "style": {
+        "navigationBarTitleText": "统计分析"
+      }
+    },
+    {
+      "path": "pages/seizureRecord/index",
+      "style": {
+        "navigationBarTitleText": "查获记录"
+      }
+    },
+    {
+      "path": "pages/seizeStatistics/index",
+      "style": {
+        "navigationBarTitleText": "查获统计"
+      }
+    }
+  ],
+  "tabBar": {
+    "custom": true,
+    "color": "#000000",
+    "selectedColor": "#000000",
+    "borderStyle": "white",
+    "backgroundColor": "#ffffff",
+    "paddingBottom": "0px",
+    "marginBottom": "0px",
+    "list": [
+      {
+        "pagePath": "pages/home-new/index",
+        "iconPath": "static/images/tabbar/home.png",
+        "selectedIconPath": "static/images/tabbar/home_.png",
+        "text": "首页"
+      },
+      {
+        "pagePath": "pages/myToDoList/index",
+        "iconPath": "/static/images/tabbar/message.png",
+        "selectedIconPath": "/static/images/tabbar/message_.png",
+        "text": "消息"
+      },
+      {
+        "pagePath": "pages/work/index",
+        "iconPath": "static/images/tabbar/work.png",
+        "selectedIconPath": "static/images/tabbar/work_.png",
+        "text": "工作台"
+      },
+      {
+        "pagePath": "pages/mine/index",
+        "iconPath": "static/images/tabbar/mine.png",
+        "selectedIconPath": "static/images/tabbar/mine_.png",
+        "text": "我的"
+      }
+    ]
+  },
+  "easycom": {
+    "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
+  },
+  "globalStyle": {
+    "navigationBarTextStyle": "black",
+    "navigationBarTitleText": "Airport",
+    "navigationBarBackgroundColor": "#FFFFFF"
+  }
+}

src/pages/announcement/announcementDetail.vue

@@ -0,0 +1,182 @@
+<template>
+    <home-container :customStyle="{ background: 'none' }" :customHomeStyle="{ overflow: 'hidden' }">
+        <view class="detail-container" v-if="detailData">
+            <!-- 公告标题 -->
+            <view class="title">{{ detailData.noticeTitle }}</view>
+            
+            <!-- 发布信息 -->
+            <view class="meta-info">
+                <text class="author">{{ detailData.createUser || '管理员' }}</text>
+                <text class="date">{{ formatDate(detailData.createTime) }}</text>
+            </view>
+            
+            <!-- 分隔线 -->
+            <view class="divider"></view>
+            
+            <!-- 富文本内容 -->
+            <view class="content" v-html="detailData.noticeContent"></view>
+        </view>
+        
+        <!-- 加载状态 -->
+        <view v-else class="loading">加载中...</view>
+    </home-container>
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import { getNoticeDetail } from "@/api/announcement/announcement.js";
+
+
+export default {
+    components: {
+        HomeContainer
+    },
+    data() {
+        return {
+            detailData: null,
+            loading: true
+        };
+    },
+    onLoad(options) {
+        
+        // 从路由参数中获取公告ID
+        if (options && options.id) {
+            this.getDetailData(options.id);
+        } else {
+            console.error('公告ID不存在');
+            uni.showToast({
+                title: '获取公告详情失败',
+                icon: 'none'
+            });
+        }
+    },
+    methods: {
+        // 格式化日期
+        formatDate(timeString) {
+            if (!timeString) return '';
+            const date = new Date(timeString);
+            const year = date.getFullYear();
+            const month = String(date.getMonth() + 1).padStart(2, '0');
+            const day = String(date.getDate()).padStart(2, '0');
+            const hour = String(date.getHours()).padStart(2, '0');
+            const minute = String(date.getMinutes()).padStart(2, '0');
+            return `${year}-${month}-${day} ${hour}:${minute}`;
+        },
+        
+        // 处理富文本中的图片
+        handleRichTextImages(html) {
+            if (!html) return '';
+            
+            // 为所有img标签添加style="width:90%"，同时保留原有的style属性
+            return html.replace(/<img([^>]+)>/g, (match, attributes) => {
+                // 检查是否已有style属性
+                if (attributes.includes('style=')) {
+                    // 如果已有style属性，在其末尾添加width设置
+                    return `<img${attributes.replace(/style=["']([^"']*)["']/, (styleMatch, styleValue) => {
+                        return `style="${styleValue} width:90%;"`;
+                    })}>`;
+                } else {
+                    // 如果没有style属性，添加一个包含width设置的style属性
+                    return `<img${attributes} style="width:90%;">`;
+                }
+            });
+        },
+
+        // 获取公告详情数据
+        async getDetailData(id) {
+            try {
+                this.loading = true;
+                const response = await getNoticeDetail(id);
+                
+                // 深拷贝响应数据
+                this.detailData = JSON.parse(JSON.stringify(response.data));
+                
+                // 处理noticeContent中的图片样式
+                if (this.detailData.noticeContent) {
+                    this.detailData.noticeContent = this.handleRichTextImages(this.detailData.noticeContent);
+                }
+            } catch (error) {
+                console.error('获取公告详情失败:', error);
+                uni.showToast({
+                    title: '获取公告详情失败',
+                    icon: 'none'
+                });
+            } finally {
+                this.loading = false;
+            }
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.detail-container {
+    padding: 32rpx;
+    background-color: #ffffff;
+    min-height: calc(100vh - 177rpx);
+    box-sizing: border-box;
+    
+    // 标题样式
+    .title {
+        font-size: 36rpx;
+        font-weight: bold;
+        color: #333333;
+        line-height: 52rpx;
+        margin-bottom: 24rpx;
+    }
+    
+    // 元信息样式
+    .meta-info {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 24rpx;
+        
+        .author,
+        .date {
+            font-size: 28rpx;
+            color: #666666;
+        }
+    }
+    
+    // 分隔线样式
+    .divider {
+        height: 1rpx;
+        background-color: #e5e5e5;
+        margin: 32rpx 0;
+    }
+    
+    // 富文本内容样式
+    .content {
+        font-size: 28rpx;
+        color: #333333;
+        line-height: 48rpx;
+        
+        // 富文本内部样式
+        :deep() {
+            p {
+                margin-bottom: 20rpx;
+            }
+            img {
+                max-width: 100%;
+                height: auto;
+                margin: 16rpx 0;
+            }
+            a {
+                color: #007aff;
+                text-decoration: underline;
+            }
+        }
+    }
+}
+
+// 加载状态样式
+.loading {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 400rpx;
+    font-size: 28rpx;
+    color: #999999;
+}
+</style>

src/pages/announcement/index.vue

@@ -0,0 +1,204 @@
+<template>
+    <home-container :customStyle="{ background: 'none' }" :customHomeStyle="{ overflow: 'hidden' }">
+        <view class="announcement-list">
+            <scroll-view scroll-y="true" @refresherrefresh="onRefresh" refresher-enabled
+                :refresher-triggered="refresherTriggered" @scrolltolower="loadMore" :style="{ height: '100%' }"
+                enable-back-to-top="true">
+                <list-card v-for="item in list" :key="item.id" @click="navigateToDetail(item)">
+                    <template #title>
+                        <view class="list-title">
+                            {{ item.noticeTitle }}
+                        </view>
+                    </template>
+                    <template #default>
+                        <view class="list-info">
+                            <view class="list-meta">
+                                <view class="author">{{ item.createUser || '管理员' }}</view>
+                                <view class="date">{{ formatDate(item.createTime) }}</view>
+                            </view>
+                            <view class="content">
+                                {{ stripHtmlTags(item.noticeContent) }}
+                            </view>
+                        </view>
+                    </template>
+                </list-card>
+
+                <!-- 加载状态提示 -->
+                <view v-if="loading" class="load-more">
+                    <text>加载中...</text>
+                </view>
+                <view v-else-if="!hasMore && list.length > 0" class="no-more">
+                    <text>没有更多数据了</text>
+                </view>
+                <view v-else-if="list.length === 0" class="no-data">
+                    <text>暂无公告</text>
+                </view>
+            </scroll-view>
+        </view>
+    </home-container>
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import ListCard from "@/components/list-card/list-card.vue";
+import { getNoticeList } from "@/api/announcement/announcement.js";
+
+export default {
+    components: {
+        HomeContainer,
+        ListCard
+    },
+    data() {
+        return {
+            list: [],
+            // 分页参数
+            pageNum: 1,
+            pageSize: 10,
+            total: 0,
+            loading: false,
+            hasMore: true,
+            // scroll-view下拉刷新状态控制
+            refresherTriggered: false
+        }
+    },
+    methods: {
+        // 格式化日期
+        formatDate(timeString) {
+            if (!timeString) return '';
+            const date = new Date(timeString);
+            const year = date.getFullYear();
+            const month = String(date.getMonth() + 1).padStart(2, '0');
+            const day = String(date.getDate()).padStart(2, '0');
+            return `${year}-${month}-${day}`;
+        },
+
+        // 去除HTML标签，只保留纯文本
+        stripHtmlTags(html) {
+            if (!html) return '';
+            // 使用正则表达式去除HTML标签
+            return html.replace(/<[^>]+>/g, '');
+        },
+        // 跳转到详情页（如果有的话）
+        navigateToDetail(item) {
+            // 这里可以根据需要跳转到公告详情页
+            // 目前先打印日志
+            uni.navigateTo({
+                url: '/pages/announcement/announcementDetail?id=' + item.noticeId
+            });
+
+        },
+        onRefresh() {
+            this.pageNum = 1;
+            this.refresherTriggered = true;
+            this.loadData();
+        },
+        // 加载数据方法
+        async loadData() {
+            if (this.loading) return;
+
+            this.loading = true;
+            try {
+                const query = {
+                    pageNum: this.pageNum,
+                    pageSize: this.pageSize,
+                    noticeType: 2, // 根据之前的组件，这里固定为2
+                    status: 0
+                };
+
+                let response = await getNoticeList(query);
+
+                // 处理响应数据
+                const data = response.rows || response.list || [];
+
+                if (this.pageNum === 1) {
+                    this.list = data;
+                } else {
+                    this.list = [...this.list, ...data];
+                }
+
+                this.total = response.total || 0;
+                this.hasMore = this.list.length < this.total;
+            } catch (error) {
+                console.error('加载公告数据失败:', error);
+                uni.showToast({
+                    title: '加载失败',
+                    icon: 'none'
+                });
+            } finally {
+                this.loading = false;
+                // 重置下拉刷新状态
+                this.refresherTriggered = false;
+                uni.stopPullDownRefresh();
+            }
+        },
+        // 加载更多数据
+        loadMore() {
+            if (this.loading || !this.hasMore) return;
+            this.pageNum++;
+            this.loadData();
+        }
+    },
+    mounted() {
+        this.loadData();
+    },
+    onShow() {
+        // 页面再次展示时刷新数据
+        this.pageNum = 1;
+        this.loadData();
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.announcement-list {
+    height: calc(100vh - 177rpx);
+    margin-bottom: 20rpx;
+
+    // 标题样式
+    .list-title {
+        font-size: 32rpx;
+        font-weight: bold;
+        color: #333333;
+    }
+
+    // 信息样式
+    .list-info {
+        .list-meta {
+            display: flex;
+            justify-content: flex-start;
+            margin-bottom: 11px;
+            font-size: 16px;
+            color: #666666;
+            align-items: center;
+
+            .author {
+                margin-right: 30rpx;
+            }
+        }
+
+        .content {
+            font-size: 28rpx;
+            color: #666666;
+            line-height: 42rpx;
+            word-break: break-all;
+            display: -webkit-box;
+            -webkit-line-clamp: 2;
+            -webkit-box-orient: vertical;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+    }
+
+    /* 加载状态样式 */
+    .load-more,
+    .no-more,
+    .no-data {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        padding: 40rpx;
+        font-size: 28rpx;
+        color: #999;
+    }
+}
+</style>

src/pages/announcement/noticeDetail.vue

@@ -0,0 +1,182 @@
+<template>
+    <home-container :customStyle="{ background: 'none' }" :customHomeStyle="{ overflow: 'hidden' }">
+        <view class="detail-container" v-if="detailData">
+            <!-- 公告标题 -->
+            <view class="title">{{ detailData.noticeTitle }}</view>
+            
+            <!-- 发布信息 -->
+            <view class="meta-info">
+                <text class="author">{{ detailData.createUser || '管理员' }}</text>
+                <text class="date">{{ formatDate(detailData.createTime) }}</text>
+            </view>
+            
+            <!-- 分隔线 -->
+            <view class="divider"></view>
+            
+            <!-- 富文本内容 -->
+            <view class="content" v-html="detailData.noticeContent"></view>
+        </view>
+        
+        <!-- 加载状态 -->
+        <view v-else class="loading">加载中...</view>
+    </home-container>
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import { getNoticeDetail } from "@/api/announcement/announcement.js";
+
+
+export default {
+    components: {
+        HomeContainer
+    },
+    data() {
+        return {
+            detailData: null,
+            loading: true
+        };
+    },
+    onLoad(options) {
+        
+        // 从路由参数中获取公告ID
+        if (options && options.id) {
+            this.getDetailData(options.id);
+        } else {
+            console.error('公告ID不存在');
+            uni.showToast({
+                title: '获取公告详情失败',
+                icon: 'none'
+            });
+        }
+    },
+    methods: {
+        // 格式化日期
+        formatDate(timeString) {
+            if (!timeString) return '';
+            const date = new Date(timeString);
+            const year = date.getFullYear();
+            const month = String(date.getMonth() + 1).padStart(2, '0');
+            const day = String(date.getDate()).padStart(2, '0');
+            const hour = String(date.getHours()).padStart(2, '0');
+            const minute = String(date.getMinutes()).padStart(2, '0');
+            return `${year}-${month}-${day} ${hour}:${minute}`;
+        },
+        
+        // 处理富文本中的图片
+        handleRichTextImages(html) {
+            if (!html) return '';
+            
+            // 为所有img标签添加style="width:90%"，同时保留原有的style属性
+            return html.replace(/<img([^>]+)>/g, (match, attributes) => {
+                // 检查是否已有style属性
+                if (attributes.includes('style=')) {
+                    // 如果已有style属性，在其末尾添加width设置
+                    return `<img${attributes.replace(/style=["']([^"']*)["']/, (styleMatch, styleValue) => {
+                        return `style="${styleValue} width:90%;"`;
+                    })}>`;
+                } else {
+                    // 如果没有style属性，添加一个包含width设置的style属性
+                    return `<img${attributes} style="width:90%;">`;
+                }
+            });
+        },
+
+        // 获取公告详情数据
+        async getDetailData(id) {
+            try {
+                this.loading = true;
+                const response = await getNoticeDetail(id);
+                
+                // 深拷贝响应数据
+                this.detailData = JSON.parse(JSON.stringify(response.data));
+                
+                // 处理noticeContent中的图片样式
+                if (this.detailData.noticeContent) {
+                    this.detailData.noticeContent = this.handleRichTextImages(this.detailData.noticeContent);
+                }
+            } catch (error) {
+                console.error('获取公告详情失败:', error);
+                uni.showToast({
+                    title: '获取公告详情失败',
+                    icon: 'none'
+                });
+            } finally {
+                this.loading = false;
+            }
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.detail-container {
+    padding: 32rpx;
+    background-color: #ffffff;
+    min-height: calc(100vh - 177rpx);
+    box-sizing: border-box;
+    
+    // 标题样式
+    .title {
+        font-size: 36rpx;
+        font-weight: bold;
+        color: #333333;
+        line-height: 52rpx;
+        margin-bottom: 24rpx;
+    }
+    
+    // 元信息样式
+    .meta-info {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 24rpx;
+        
+        .author,
+        .date {
+            font-size: 28rpx;
+            color: #666666;
+        }
+    }
+    
+    // 分隔线样式
+    .divider {
+        height: 1rpx;
+        background-color: #e5e5e5;
+        margin: 32rpx 0;
+    }
+    
+    // 富文本内容样式
+    .content {
+        font-size: 28rpx;
+        color: #333333;
+        line-height: 48rpx;
+        
+        // 富文本内部样式
+        :deep() {
+            p {
+                margin-bottom: 20rpx;
+            }
+            img {
+                max-width: 100%;
+                height: auto;
+                margin: 16rpx 0;
+            }
+            a {
+                color: #007aff;
+                text-decoration: underline;
+            }
+        }
+    }
+}
+
+// 加载状态样式
+.loading {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 400rpx;
+    font-size: 28rpx;
+    color: #999999;
+}
+</style>

src/pages/attendance/components/AddAttendancePersonnelModal.vue

@@ -0,0 +1,733 @@
+<template>
+  <view class="addAttendancePersonnelModal">
+    <view class="slot-content" @click.stop="openModal">
+      <slot></slot>
+    </view>
+    <u-popup :show="show" mode="center" :round="8">
+      <view class="modal-content">
+        <view class="title">
+          <text>{{ notkezhang ? '当班人员' : '负责区域' }}</text>
+          <u-icon name="close" color="#666666" size="20" @click="close" />
+        </view>
+        <view class="title-cell" v-if="notkezhang">
+          <SelectData ref="selectData" @search="searchUsers" @searchViewShowEvent="searchViewShowHandler" />
+        </view>
+        <view class="title-cell" v-if="!searchViewShow && selectedUser && selectedUser.length">
+          <view class="title-text">{{ `班组成员(${selectedUser.length}人)` }}</view>
+          <view class="personnel-list">
+            <view class="personnel-item" v-for="item of selectedUser" :key="item.userId"
+              @click="removeSelcetUser(item)">
+              <view class="personnel-img">
+                <UserAvatar :userName="item.nickName || item.userName" :avatarLink="item.avatar" />
+              </view>
+              <view class="personnel-name">{{ item.nickName || item.userName }}</view>
+              <view class="personnel-close" v-if="notkezhang">
+                <u-icon name="close" color="#666666" size="14" />
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class="title-cell" v-if="notkezhang && searchViewShow">
+          <view style="margin-bottom: 15px;" v-if="addWorkUsers && addWorkUsers.length">
+            <view class="title-text">
+              {{ `添加人员(${addWorkUsers.length}人)` }}
+            </view>
+            <view class="personnel-list" v-if="addWorkUsers && addWorkUsers.length">
+              <view class="personnel-item" v-for="item of addWorkUsers" :key="item.userId" @click="selectAddUser(item)">
+                <view class="personnel-img">
+                  <UserAvatar :userName="item.nickName" :avatarLink="item.avatar" />
+                </view>
+                <view class="personnel-name">{{ item.nickName }}</view>
+                <view class="personnel-close">
+                  <u-icon name="close" color="#666666" size="14" />
+                </view>
+              </view>
+            </view>
+          </view>
+          <view class="title-text">
+            {{ `搜索结果(${allUsers.length}人)` }}
+          </view>
+          <view class="personnel-list" v-if="allUsers && allUsers.length">
+            <view class="personnel-item" v-for="item of allUsers" :key="item.userId" @click="selectAddUser(item)">
+              <view class="personnel-img">
+                <UserAvatar :userName="item.nickName" :avatarLink="item.avatar" />
+              </view>
+              <view class="personnel-name">{{ item.nickName }}</view>
+            </view>
+          </view>
+          <view v-else class="empty"></view>
+        </view>
+        <view class="title-cell" v-if="!searchViewShow">
+          <view class="title-text">{{ notkezhang ? '选择上通道时间' : '选择上区域时间' }}</view>
+          <uni-datetime-picker type="datetime" v-model="currentTime" />
+        </view>
+        <view class="title-cell" v-if="!searchViewShow">
+          <view class="title-text" style="display: flex; align-items: center;">{{ notkezhang ? '选择通道' : '选择区域' }}
+            <view v-if="!userInfo.roles.includes('banzuzhang')">
+              <SelectArea :notkezhang="notkezhang" @selected="selectedArea">
+                <u-icon name="plus-circle" color="#2A70D1" size="25" />
+              </SelectArea>
+            </view>
+          </view>
+          <view class="">
+            <uniDataPicker v-if="userInfo.roles.includes('banzuzhang')" :localdata="channelList"
+              :popup-title="notkezhang ? '请选择上岗通道' : '请选择上岗区域'" v-model="channelOrRegional"
+              @change="onLocationChange" />
+
+            <view class="selected-areas" v-if="selectedAreas && selectedAreas.length">
+              <view class="area-item" v-for="area in selectedAreas" :key="area.id">
+                <view class="area-label">{{ area.label }}<u-icon name="close" color="#666666" size="14"
+                    @click="removeArea(area)" /></view>
+                <text-tag :tags="area.children" @remove="removeSubArea($event, area.id)" />
+              </view>
+            </view>
+          </view>
+        </view>
+
+        <view class="footer-btn">
+          <view v-if="searchViewShow" class="custom-btn-normal" @click="appendWorkUsers"
+            :class="{ disabled: addWorkUsers.length === 0 }">添加人员</view>
+          <view v-else class="custom-btn-normal" style="margin-top: 10rpx;" @click="invokerSubmitPostDuty"
+            :class="{ disabled: selectedUserIds.length === 0 }">{{ notkezhang ? '确认上通道' : '确认上区域' }}</view>
+          <u-modal :show="errModalShow" @confirm="errModalShow = false" width="80vw">
+            <view class="modal-slot-content">
+              {{ errModalContent }}
+            </view>
+          </u-modal>
+        </view>
+      </view>
+    </u-popup>
+  </view>
+</template>
+
+<script>
+import SelectData from './SelectData'
+import SelectArea from './SelectArea'
+import TimePicker from './TimePicker'
+import {
+  getUserList,
+  addPostRecord,
+  getPostRecordList,
+  dataConfigTree,
+  memberList,
+  queryLastTime
+} from "@/api/attendance/attendance"
+import moment from 'moment'
+import uniDataPicker from '@/uni_modules/uni-data-picker/components/uni-data-picker/uni-data-picker'
+import { formatTime, formatName, isAfterTodayStart } from '@/utils/formatUtils'
+import { generateRandomDigits } from '@/utils/handler'
+import UserAvatar from './UserAvatar'
+import { getHandleAreaData } from '@/utils/common'
+export default {
+  components: { uniDataPicker, SelectData, TimePicker, UserAvatar, SelectArea },
+  props: {
+    userInfo: {
+      type: Object,
+      default: () => ({})
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    notkezhang: {
+      type: Boolean,
+      default: undefined
+    },
+    selectedMember: {
+      type: Array,
+      default: () => []
+    },
+    attendanceInfo: { // 考勤信息
+      type: Object,
+      default: () => ({})
+    },
+  },
+  data() {
+    return {
+      show: false,
+      searchFocus: false,
+      channelOrRegional: '',
+      channelOrRegionalName: '',
+      channelList: [
+        { value: 0, text: "通道A" },
+      ],
+      selectedUser: [], //选中的人员
+      selectedAreas: [], // 选中的区域
+      allUsers: [],
+      addWorkUsers: [], // 额外添加的人员 
+      teamUsers: [],
+      searchViewShow: false,
+      isSubmittingPost: false,
+      currentTime: undefined,
+      errModalShow: false,
+      errModalContent: ''
+    }
+  },
+  computed: {
+    selectedUserIds() {
+      return (this.selectedUser || []).map(item => item.userId)
+    },
+    //单选获取的区域
+    positions() {
+      return this.notkezhang ? {
+        regionalCode: '',
+        regionalName: '',
+        channelCode: this.channelOrRegional,
+        channelName: this.channelOrRegionalName
+      } : {
+        regionalCode: this.channelOrRegional,
+        regionalName: this.channelOrRegionalName,
+        channelCode: '',
+        channelName: ''
+      }
+    },
+    //多选获得的区域
+    getSelectArea() {
+      let area = []
+      this.selectedAreas.forEach(item => {
+        item.children.forEach(child => {
+          area.push(this.notkezhang ? {
+            regionalCode: '',
+            regionalName: '',
+            channelCode: child.code,
+            channelName: child.label,
+            terminlCode: item.code,
+            terminlName: item.label
+          } : {
+            regionalCode: child.code,
+            regionalName: child.label,
+            channelCode: '',
+            channelName: '',
+            terminlCode: item.code,
+            terminlName: item.label
+          })
+        })
+      })
+      return area
+    }
+  },
+  watch: {
+    show(newValue) {
+      if (newValue) {
+        if (this.userInfo.roles.includes('kezhang')) {
+          this.getQueryLastTime()
+        }
+        this.currentTime = formatTime(new Date())
+
+        if (this.notkezhang) {
+          if (this.userInfo.roles.includes('banzuzhang')) {
+            memberList({
+              attendanceTeamId: this.userInfo.teamsId,
+              attendanceDate: moment().format('YYYY-MM-DD')
+            }).then(res => {
+              console.log(res.rows, "res.rows")
+              this.selectedUser = res.data || []
+
+            })
+            return
+          }
+          this.loadTeamUsers().then(() => {
+            // 选中全组人员  
+            this.teamUsers.forEach((item) => {
+              this.selectUserHandler(item, false)
+            })
+          })
+
+        } else {
+          this.loadTeamUsers().then(() => {
+            // 查自己 
+            const curUser = this.teamUsers.find((item) => {
+              return item.userId === this.userInfo.userId
+            })
+            this.selectUserHandler(curUser, false)
+          })
+
+        }
+      } else {
+        this.allUsers = []
+      }
+    },
+    notkezhang: {
+      handler(newValue) {
+        const level = newValue ? 3 : 2
+        this.invokerDataConfigTree(level)
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    //查询最后一次上岗的区域
+    async getQueryLastTime() {
+      let res = await queryLastTime({
+        userId: this.userInfo.userId,
+      })
+      this.selectedAreas = getHandleAreaData(res.data || [], this.notkezhang)
+      console.log(this.selectedAreas, "this.selectedAreas")
+    },
+    convertTree(list = []) {
+      return list.map(node => ({
+        text: node.label,
+        value: node.code,
+        children: node.children ? this.convertTree(node.children) : null
+      }))
+    },
+    invokerDataConfigTree(level) {
+      return dataConfigTree(level).then(res => {
+        this.channelList = this.convertTree(res.data || [])
+      }).catch(() => {
+        this.channelList = []
+      })
+    },
+    onLocationChange({ detail }) {
+      const { value } = detail
+      this.channelOrRegionalName = value.map(item => item.text).join('/')
+    },
+    openModal() {
+      if (this.disabled || (this.selectedMember.length === 0 && this.notkezhang)) return
+      if ((!this.attendanceInfo.checkInTime || (this.attendanceInfo.checkInTime && this.attendanceInfo.checkOutTime))) {
+        return;
+      }
+      this.show = true
+    },
+    close() {
+      this.show = false
+    },
+    //获取多选的区域
+    selectedArea(areas) {
+
+      let res = areas.filter(area => {
+        return area.children.some((item) => item.checked)
+      })
+      res = res.map(item => {
+        return {
+          ...item,
+          children: item.children.filter(child => child.checked)
+        }
+      })
+      this.selectedAreas = res
+    },
+    removeArea(area) {
+      this.selectedAreas = this.selectedAreas.filter(a => a.id !== area.id)
+    },
+    removeSubArea(tags, id) {
+      console.log(tags, id)
+      // debugger
+      const area = this.selectedAreas.find(a => a.id === id)
+      area.children = tags
+
+    },
+    searchViewShowHandler(show) { // 是否展示搜索用户界面
+      this.searchViewShow = show || this.addWorkUsers.length
+    },
+    selectAddUser(selectItem) { // 移除额外添加人员
+      const index = this.addWorkUsers.findIndex(item => item.userId === selectItem.userId)
+      if (index >= 0) {
+        this.addWorkUsers.splice(index, 1)
+      } else {
+        this.addWorkUsers.push(selectItem)
+      }
+    },
+    appendWorkUsers() {
+      if (this.addWorkUsers.length) {
+        this.addWorkUsers.forEach(item => {
+          this.selectUserHandler(item, false)
+        })
+        this.addWorkUsers = []
+        this.searchViewShow = false
+        this.$refs.selectData.clearInput()
+      }
+    },
+    removeSelcetUser(selectItem, onlyCheck = false) {
+      const index = this.selectedUser.findIndex(item => item.userId === selectItem.userId)
+      if (index >= 0) {
+        !onlyCheck && this.selectedUser.splice(index, 1)
+        return undefined
+      }
+      return selectItem
+    },
+    checkUserStatus(selectItem) {
+      return getPostRecordList({
+        userId: selectItem.userId,
+        pageNum: 1,
+        pageSize: 1
+      }).then(res => {
+        if (Array(res.rows) && res.rows.length && res.rows[0].checkOutTime === '2000-01-01 00:00:00') {
+          if (isAfterTodayStart(res.rows[0].checkInTime)) {
+            return `${selectItem.nickName || selectItem.userName} 尚未下通道；`
+          }
+        } else {
+          return ''
+        }
+      })
+    },
+    selectUserHandler(selectItem, unique = true) {
+      // 🔥 重要：先检查用户是否可以上通道（最新记录的checkOutTime必须不是默认时间）
+      const addItem = this.removeSelcetUser(selectItem, !unique)
+
+      if (addItem) {
+        this.selectedUser.push(addItem)
+      }
+    },
+    invokerSubmitPostDuty() {
+      if (this.selectedUser.length === 0) {
+        uni.showToast({
+          title: '请选择至少一位人员',
+          icon: 'none'
+        });
+        return;
+      }
+      if ((!this.notkezhang && this.getSelectArea.length == 0) || (this.notkezhang && !this.channelOrRegional)) {
+        uni.showToast({
+          title: this.notkezhang ? '请选择上岗通道' : '请选择上岗区域',
+          icon: 'none'
+        });
+        return;
+      }
+      debugger
+      const checkUserStatusALL = this.selectedUser.map(item => {
+        return this.checkUserStatus(item)
+      })
+      uni.showLoading({ title: '正在查询人员状态...' });
+      debugger
+      Promise.all(checkUserStatusALL).then((res) => {
+        const checkResult = res.filter(Boolean)
+        if (checkResult.length) {
+          this.errModalContent = checkResult.join('\n')
+          this.errModalShow = true
+        } else {
+          this.submitPostDuty()
+        }
+      }).finally(() => {
+        uni.hideLoading()
+      })
+    },
+    // 修改：提交上通道记录到后端，checkOutTime设为2000年1月1日0点
+    submitPostDuty() {
+      if (this.isSubmittingPost) return;
+      this.isSubmittingPost = true;
+      uni.showLoading({ title: '正在上通道...' });
+      const currentTime = this.currentTime
+      // 获取当前用户信息
+      const currentUserInfo = this.userInfo;
+      // 创建随机工作组id
+      const groupId = generateRandomDigits()
+      // 为每个选中的用户创建上通道记录
+      const promises = this.selectedUser.map((item) => {
+        let postRecordList = []
+        //如果是科长就是走多选逻辑，如果是班组长就走单选逻辑
+        if (!this.notkezhang) {
+          postRecordList = this.getSelectArea.map(ele => {
+            return {
+              userId: item.userId,
+              userName: item.nickName || item.userName,
+              checkInTime: formatTime(currentTime, 'YYYY-MM-DD hh:mm:ss'),
+              // 🔥 重要：上通道时传入默认下岗时间（2000年1月1日0点）
+              checkOutTime: '2000-01-01 00:00:00',
+              attendanceDate: formatTime(currentTime, 'YYYY-MM-DD'),
+              // 🔥 使用从getInfo获取的完整用户信息
+              attendanceTeamId: currentUserInfo.teamsId || currentUserInfo.deptId,
+              attendanceTeamName: currentUserInfo.teamsName || '未知班组',
+              attendanceDepartmentId: currentUserInfo.departmentId,
+              attendanceDepartmentName: currentUserInfo.departmentName || '未知部门',
+              attendanceStationId: currentUserInfo.stationId,
+              attendanceStationName: currentUserInfo.stationName || '机场',
+              remark: '手动添加上通道记录',
+              terminlCode: '',
+              terminlName: '',
+              positionCode: '',
+              positionName: '',
+              shiftCode: groupId,
+              shiftName: '',
+              ...ele
+            }
+          })
+        } else {
+          //如果是班组长走单选逻辑
+          postRecordList = [{
+            userId: item.userId,
+            userName: item.nickName || item.userName,
+            checkInTime: formatTime(currentTime, 'YYYY-MM-DD hh:mm:ss'),
+            // 🔥 重要：上通道时传入默认下岗时间（2000年1月1日0点）
+            checkOutTime: '2000-01-01 00:00:00',
+            attendanceDate: formatTime(currentTime, 'YYYY-MM-DD'),
+            // 🔥 使用从getInfo获取的完整用户信息
+            attendanceTeamId: currentUserInfo.teamsId || currentUserInfo.deptId,
+            attendanceTeamName: currentUserInfo.teamsName || '未知班组',
+            attendanceDepartmentId: currentUserInfo.departmentId,
+            attendanceDepartmentName: currentUserInfo.departmentName || '未知部门',
+            attendanceStationId: currentUserInfo.stationId,
+            attendanceStationName: currentUserInfo.stationName || '机场',
+            remark: '手动添加上通道记录',
+            terminlCode: '',
+            terminlName: '',
+            positionCode: '',
+            positionName: '',
+            shiftCode: groupId,
+            shiftName: '',
+            ...this.positions
+          }];
+        }
+        console.log(postRecordList, "postRecordList")
+        debugger
+
+        return addPostRecord(postRecordList)
+      });
+
+      Promise.all(promises).then((results) => {
+        // 检查是否有失败的记录
+        const failedCount = results.filter(result => !result || result.code !== 200).length;
+        const successCount = this.selectedUser.length - failedCount;
+
+        if (successCount > 0) {
+          uni.showToast({
+            title: `成功上通道${successCount}人${failedCount > 0 ? `，${failedCount}人失败` : ''}`,
+            icon: successCount === this.selectedUser.length ? 'success' : 'none',
+            duration: 2000
+          });
+
+          // 清空已添加的用户列表
+          this.selectedUser = [];
+          // 重置通道信息
+          this.channelOrRegional = '',
+            this.channelOrRegionalName = '',
+
+            this.$emit('updateRecord', () => {
+              this.show = false
+            })
+        }
+      }).catch((error) => {
+        uni.showToast({
+          title: '上通道失败：请稍后重试',
+          icon: 'error',
+          duration: 2000
+        });
+      }).finally(() => {
+        uni.hideLoading();
+        this.isSubmittingPost = false;
+      })
+    },
+
+    //搜索用户
+    async searchUsers(value) {
+      const keyword = value.trim();
+      if (!keyword) {
+        this.allUsers = [];
+        return;
+      }
+      try {
+        // 调用用户搜索接口，不限制部门
+        const response = await getUserList({
+          nickName: keyword,    // 按昵称搜索
+          status: '0'          // 只获取正常状态的用户
+        });
+        if (response && response.code === 200) {
+          this.allUsers = (response.rows || []).map(item => {
+            return {
+              ...item,
+              nickName: formatName(item.nickName)
+            }
+          });
+        } else {
+          this.allUsers = [];
+        }
+      } catch (error) {
+        this.allUsers = [];
+        uni.showToast({
+          title: '搜索失败，请重试',
+          icon: 'none',
+          duration: 2000
+        });
+      }
+    },
+
+    // 加载同组用户
+    async loadTeamUsers() {
+      try {
+        const currentUserInfo = this.userInfo || {}
+        const currentUserDeptId = currentUserInfo.deptId || currentUserInfo.teamsId;
+        // 调用用户列表接口，传递deptId获取同组用户
+        const response = await getUserList({
+          deptId: currentUserDeptId, // 🔥 使用从getInfo获取的deptId
+          status: '0' // 只获取正常状态的用户
+        });
+
+        if (response && response.code === 200) {
+          this.teamUsers = (response.rows || []).map(item => {
+            return {
+              ...item,
+              nickName: formatName(item.nickName)
+            }
+          })
+        } else {
+          throw new Error(response.msg || '获取同组用户失败');
+        }
+      } catch (error) {
+        uni.showToast({
+          title: '加载同组用户失败',
+          icon: 'none',
+          duration: 2000
+        });
+        // 设置空数组，避免页面报错
+        this.teamUsers = [];
+      }
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.addAttendancePersonnelModal {
+  .slot-content {}
+
+  .empty {
+    margin: 0 auto;
+    width: 160px;
+    height: 155px;
+    background: url("../../../static/images/Empty.png") no-repeat;
+    background-size: cover;
+  }
+
+  .modal-content {
+    width: 90vw;
+    max-height: 75vh;
+    padding: 10px 0;
+
+    .title {
+      height: 24px;
+      font-weight: 400;
+      font-size: 18px;
+      color: #333333;
+      line-height: 21px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 15px;
+      box-sizing: border-box;
+    }
+
+    .title-cell {
+      padding: 10px 15px;
+      box-sizing: border-box;
+
+      .selected-areas {
+        .area-item {
+          .area-label {
+            height: 65rpx;
+            line-height: 65rpx;
+            font-weight: 400;
+            font-size: 18px;
+            display: flex;
+            align-items: center;
+          }
+        }
+      }
+
+      .title-text {
+        height: 16px;
+        font-weight: 400;
+        font-size: 14px;
+        color: #333333;
+        line-height: 16px;
+        text-align: left;
+        margin-bottom: 14px;
+
+      }
+    }
+
+    .personnel-list {
+      display: flex;
+      flex-wrap: wrap;
+      row-gap: 8px;
+      column-gap: 6px;
+
+      .personnel-item {
+        width: fit-content;
+        height: 34px;
+        background: #F0F0F0;
+        border-radius: 6px;
+        display: flex;
+        align-items: center;
+        column-gap: 6px;
+        padding: 0 5px;
+
+        .personnel-img {
+          width: 24px;
+          height: 24px;
+          border-radius: 6px;
+          overflow: hidden;
+        }
+
+        .personnel-name {
+          width: fit-content;
+          font-weight: 400;
+          font-size: 13px;
+          color: #3D3D3D;
+          text-align: left;
+          font-style: normal;
+          text-transform: none;
+        }
+
+        .personnel-close {
+          width: 16px;
+        }
+
+        .radio-button {
+          width: 14px;
+          height: 14px;
+          border: 1px solid #2196F3;
+          background: #fff;
+          border-radius: 50%;
+          position: relative;
+          transition: border-color 0.2s ease;
+        }
+
+        /* 激活状态 - 蓝色边框 */
+        .radio-button.active {
+          border-color: #496CF4;
+        }
+
+        /* 激活状态 - 中间的蓝点 */
+        .radio-button.active::after {
+          content: '';
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          transform: translate(-50%, -50%);
+          width: 7px;
+          height: 7px;
+          background-color: #2196F3;
+          border-radius: 50%;
+        }
+
+        /* 聚焦状态 */
+        .radio-button:focus {
+          outline: none;
+          box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.3);
+        }
+
+        /* 悬停效果 */
+        .radio-button:hover .radio-button:not(.active) {
+          border-color: #999;
+        }
+
+        /* 禁用状态 */
+        .radio-button.disabled {
+          opacity: 0.5;
+          border-color: #999;
+          background: #f0f0f0;
+          cursor: not-allowed;
+        }
+      }
+    }
+
+    .footer-btn {
+      padding: 10px 15px;
+
+      .modal-slot-content {
+        white-space: pre;
+
+      }
+    }
+  }
+}
+</style>

src/pages/attendance/components/MaintainAreaOrMemberModal.vue

@@ -0,0 +1,594 @@
+<template>
+    <view class="teamMemberModal">
+        <view class="slot-content">
+            <view class="title">工作区域/班组成员</view>
+            <view class="content" v-if="selectedMember.length > 0">
+                <view class="title-cell">
+                    <view class="title-text">工作区域</view>
+                    <view class="terminal-list">
+                        {{ selectedMember[0].terminlName || '航站楼' }}
+                    </view>
+                </view>
+                <view class="member-cell" v-if="selectedMember && selectedMember.length">
+                    <view class="title-text">班组成员</view>
+                    <view class="personnel-list">
+                        <view class="personnel-item" v-for="item of selectedMember" :key="item.userId">
+                            <view class="personnel-img">
+                                <UserAvatar :userName="item.userName" :avatarLink="item.avatar" />
+                            </view>
+                            <view class="personnel-name">{{ item.userName }}</view>
+                        </view>
+                    </view>
+                </view>
+            </view>
+            <view v-else :class="{ 'custom-btn': true, 'disabled': (!attendanceInfo.checkInTime||(attendanceInfo.checkInTime && attendanceInfo.checkOutTime)) }" @click="openModal">
+                维护工作区域/班组成员</view>
+        </view>
+        <u-popup :show="show" mode="center" :round="8">
+            <view class="modal-content">
+                <view class="title">
+                    <text>班组成员</text>
+                    <u-icon name="close" color="#666666" size="20" @click="close" />
+                </view>
+
+                <view class="search-box">
+                    <SelectData ref="selectData" @search="searchUsers" @searchViewShowEvent="searchViewShowHandler" />
+                </view>
+
+                <view class="title-cell" v-if="searchViewShow">
+                    <view style="margin-bottom: 15px;" v-if="addWorkUsers && addWorkUsers.length">
+                        <view class="title-text">
+                            {{ `添加人员(${addWorkUsers.length}人)` }}
+                        </view>
+                        <view class="personnel-list" v-if="addWorkUsers && addWorkUsers.length">
+                            <view class="personnel-item" v-for="item of addWorkUsers" :key="item.userId"
+                                @click="selectAddUser(item)">
+                                <view class="personnel-img">
+                                    <UserAvatar :userName="item.nickName" :avatarLink="item.avatar" />
+                                </view>
+                                <view class="personnel-name">{{ item.nickName }}</view>
+                                <view class="personnel-close">
+                                    <u-icon name="close" color="#666666" size="14" />
+                                </view>
+                            </view>
+                        </view>
+                    </view>
+                    <view class="title-text">
+                        {{ `搜索结果(${allUsers.length}人)` }}
+                    </view>
+                    <view class="personnel-list" v-if="allUsers && allUsers.length">
+                        <view class="personnel-item" v-for="item of allUsers" :key="item.userId"
+                            @click="selectAddUser(item)">
+                            <view class="personnel-img">
+                                <UserAvatar :userName="item.nickName" :avatarLink="item.avatar" />
+                            </view>
+                            <view class="personnel-name">{{ item.nickName }}</view>
+                        </view>
+                    </view>
+                    <view v-else class="empty"></view>
+                </view>
+
+                <view class="title-cell" v-if="!searchViewShow && teamMembers && teamMembers.length">
+                    <view class="title-text">{{ `班组成员(${teamMembers.length}人)` }}</view>
+                    <view class="personnel-list">
+                        <view class="personnel-item" v-for="item of teamMembers" :key="item.userId">
+                            <view class="personnel-img">
+                                <UserAvatar :userName="item.nickName" :avatarLink="item.avatar" />
+                            </view>
+                            <view class="personnel-name">{{ item.nickName }}</view>
+                            <view class="personnel-close" @click="removeMember(item)">
+                                <u-icon name="close" color="#666666" size="14" />
+                            </view>
+                        </view>
+                    </view>
+                </view>
+
+                <view class="title-cell" v-if="!searchViewShow">
+                    <view class="title-text">工作区域</view>
+                    <view class="terminal-list">
+                        <view class="terminal-item" v-for="terminal in channelList" :key="terminal.value"
+                            :class="{ active: selectedTerminal === terminal.value }"
+                            @click="selectTerminal(terminal.value)">
+                            {{ terminal.text }}
+                        </view>
+                    </view>
+                </view>
+
+                <view class="footer-btn">
+                    <view v-if="searchViewShow" class="custom-btn-normal" @click="appendWorkUsers"
+                        :class="{ disabled: addWorkUsers.length === 0 }">
+                        <text>添加人员</text>
+                    </view>
+                    <view v-else class="custom-btn-normal" @click="confirm"
+                        :class="{ disabled: !selectedTerminal || loading }">
+                        <text v-if="loading">处理中...</text>
+                        <text v-else>确认</text>
+                    </view>
+                </view>
+            </view>
+        </u-popup>
+    </view>
+</template>
+
+<script>
+import UserAvatar from './UserAvatar'
+import { dataConfigTree, memberList, addMember, getUserList } from "@/api/attendance/attendance"
+import { formatName } from '@/utils/formatUtils'
+import SelectData from './SelectData'
+import moment from 'moment'
+export default {
+    components: { UserAvatar, SelectData },
+    props: {
+        userInfo: {
+            type: Object,
+            default: () => { }
+        },
+        attendanceInfo: {
+            type: Object,
+            default: () => ({
+                attendanceDate: '', // 当前日期
+                checkInTime: '', //上班打卡时间
+                checkOutTime: '', //下班打卡时间
+                items: [], // 打开记录 第一条为最早上班打卡时间 最后一条为最晚下班打卡时间
+            })
+        },
+    },
+    data() {
+        return {
+            show: false,
+            searchText: '',
+            selectedTerminal: '',
+            teamMembers: [],//新增里面显示的member
+            channelList: [],
+            selectedMember: [],//已选择班组数据
+
+            userOptions: [],
+            allUsers: [],//所有的人员
+            searchViewShow: false,//搜索人员
+            addWorkUsers: [], // 额外添加的人员 
+            teamUsers: [],//同组用户,
+            loading: false // 防止重复点击的loading状态
+        }
+    },
+    computed: {
+        notkezhang() {
+            // console.log(!this.userInfo.roles || !this.userInfo.roles.includes('kezhang'), "!this.userInfo.roles || !this.userInfo.roles.includes('kezhang')")
+            return !this.userInfo.roles || !this.userInfo.roles.includes('kezhang')
+        },
+    },
+    mounted() {
+        this.invokerDataConfigTree(3)
+        console.log(this.userInfo, "userInfo")
+
+        //获取选中的成员
+        this.getSelectedMember()
+    },
+    methods: {
+        selectAddUser(selectItem) { // 移除额外添加人员
+            console.log(selectItem, "selectItem", this.addWorkUsers)
+
+            const index = this.addWorkUsers.findIndex(item => item.userId === selectItem.userId)
+            if (index >= 0) {
+                this.addWorkUsers.splice(index, 1)
+            } else {
+                this.addWorkUsers.push(selectItem)
+            }
+        },
+        appendWorkUsers() {
+            console.log("appendWorkUsers", this.addWorkUsers, this.teamMembers)
+            if (this.addWorkUsers.length) {
+                this.addWorkUsers.forEach(item => {
+                    if (!this.teamMembers.some(member => member.userId === item.userId)) {
+                        this.teamMembers.push(item)
+                    }
+                })
+                this.addWorkUsers = []
+                this.searchViewShow = false
+                this.$refs.selectData.clearInput()
+            }
+        },
+        searchViewShowHandler(show) { // 是否展示搜索用户界面
+
+            if (this.addWorkUsers.length) {
+                this.searchViewShow = show || this.addWorkUsers.length
+            } else {
+                this.searchViewShow = true
+            }
+        },
+        //获取默认的teammember
+        getTeamMember() {
+
+            this.loadTeamUsers().then(() => {
+                // 选中全组人员  
+                this.teamMembers = this.teamUsers
+            })
+        },
+        // 加载同组用户
+        async loadTeamUsers() {
+            try {
+                const currentUserInfo = this.userInfo || {}
+                const currentUserDeptId = currentUserInfo.deptId || currentUserInfo.teamsId;
+                // 调用用户列表接口，传递deptId获取同组用户
+                const response = await getUserList({
+                    deptId: currentUserDeptId, // 🔥 使用从getInfo获取的deptId
+                    status: '0', // 只获取正常状态的用户
+                    pageSize: 100
+                });
+
+                if (response && response.code === 200) {
+                    this.teamUsers = (response.rows || []).map(item => {
+                        return {
+                            ...item,
+                            nickName: formatName(item.nickName)
+                        }
+                    })
+                } else {
+                    throw new Error(response.msg || '获取同组用户失败');
+                }
+            } catch (error) {
+                uni.showToast({
+                    title: '加载同组用户失败',
+                    icon: 'none',
+                    duration: 2000
+                });
+                // 设置空数组，避免页面报错
+                this.teamUsers = [];
+            }
+        },
+        //回显member
+        getSelectedMember() {
+
+            memberList({
+                attendanceTeamId: this.userInfo.teamsId,
+                attendanceDate: moment().format('YYYY-MM-DD')
+            }).then(res => {
+
+                this.selectedMember = res.data || []
+                this.$emit('update-member', this.selectedMember)
+            })
+
+
+
+        },
+        //新增时候显示的member
+        async initMember() {
+            const currentUserInfo = this.userInfo || {}
+            const currentUserDeptId = currentUserInfo.deptId || currentUserInfo.teamsId;
+            // 调用用户列表接口，传递deptId获取同组用户
+            const response = await getUserList({
+                deptId: currentUserDeptId, // 🔥 使用从getInfo获取的deptId
+                status: '0', // 只获取正常状态的用户
+                pageSize: 100
+            });
+            console.log(response, "response")
+            if (response && response.code === 200) {
+                this.userOptions = (response.rows || []).map(item => ({
+                    ...item,
+                    value: item.userId,
+                    text: formatName(item.nickName)
+                }));
+            } else {
+                throw new Error(response.msg || '获取同组用户失败');
+            }
+        },
+        handleUserSelect(selected) {
+            this.teamMembers = this.userOptions
+                .filter(option => selected.map(item => item.value).includes(option.value))
+                .map(option => ({
+                    ...option,
+                    userId: option.value,
+                    nickName: option.text,
+                    avatar: ''
+                }));
+        },
+        convertTree(list = []) {
+            return list.map(node => ({
+                text: node.label,
+                value: node.code,
+                children: node.children ? this.convertTree(node.children) : null
+            }))
+        },
+        invokerDataConfigTree(level) {
+            return dataConfigTree(level).then(res => {
+                this.channelList = this.convertTree(res.data || [])
+                console.log(this.channelList, "this.channelList")
+            }).catch(() => {
+                this.channelList = []
+            })
+        },
+        //搜索用户
+        async searchUsers(value) {
+
+            const keyword = value.trim();
+            if (!keyword) {
+                this.allUsers = [];
+                return;
+            }
+            try {
+                // 调用用户搜索接口，不限制部门
+                const response = await getUserList({
+                    nickName: keyword,    // 按昵称搜索
+                    status: '0', // 只获取正常状态的用户
+                    pageSize: 100        // 只获取正常状态的用户
+                });
+                if (response && response.code === 200) {
+                    this.allUsers = (response.rows || []).map(item => {
+                        return {
+                            ...item,
+                            nickName: formatName(item.nickName)
+                        }
+                    });
+                } else {
+                    this.allUsers = [];
+                }
+            } catch (error) {
+                this.allUsers = [];
+                uni.showToast({
+                    title: '搜索失败，请重试',
+                    icon: 'none',
+                    duration: 2000
+                });
+            }
+        },
+        close() {
+            if(this.searchViewShow){
+                this.searchViewShow = false;
+                return;
+            }
+
+            this.show = false
+        },
+        removeMember(member) {
+            this.teamMembers = this.teamMembers.filter(item => item.userId !== member.userId)
+
+        },
+        selectTerminal(terminal) {
+            this.selectedTerminal = terminal
+        },
+        confirm() {
+            if (!this.selectedTerminal) return;
+            this.loading = true;
+            let selectTerminal = this.channelList.find(item => item.value === this.selectedTerminal)
+            let res = this.teamMembers.map(item => {
+                return {
+                    ...item,
+                    nickName: item.nickName.replace(/\s+/g, ""),
+                    attendanceTeamId: this.userInfo.teamsId,
+                    attendanceTeamName: this.userInfo.teamsName,
+                    terminlCode: selectTerminal.value,
+                    terminlName: selectTerminal.text,
+                    userName: item.nickName.replace(/\s+/g, ""),
+                    userId: item.userId,
+                }
+            })
+
+            addMember(res).then(res => {
+                uni.showToast({ title: '提交成功', icon: 'success' });
+                this.close()
+                this.getSelectedMember()
+                return res;
+            }).finally(() => {
+                this.loading = false
+            })
+        },
+        openModal() {
+            if ((!this.attendanceInfo.checkInTime||(this.attendanceInfo.checkInTime && this.attendanceInfo.checkOutTime))) {
+                return;
+            }
+            this.show = true;
+            this.initMember()
+            this.getTeamMember()
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.teamMemberModal {
+    .slot-content {
+
+        width: 100%;
+        background: #FFFFFF;
+        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
+        border-radius: 16px 16px 16px 16px;
+        border: 1px solid #F0F8FF;
+        padding: 15px;
+        box-sizing: border-box;
+
+        .title {
+            height: 48rpx;
+            font-weight: 400;
+            font-size: 33rpx;
+            color: #333333;
+            line-height: 42rpx;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            // padding: 30rpx;
+            box-sizing: border-box;
+        }
+
+        .content {
+            // padding: 0 46rpx;
+
+
+            .title-cell {
+                display: flex;
+                height: 36px;
+                line-height: 36px;
+                justify-content: space-between;
+                color: #222222;
+                font-size: 27rpx;
+                // padding: 10rpx 0;
+
+                .terminal-list {
+                    color: #6C6C6C;
+                }
+            }
+
+            .member-cell {
+                display: flex;
+
+
+                color: #222222;
+                font-size: 27rpx;
+
+                flex-direction: column;
+
+                .title-text {
+                    height: 36px;
+                    line-height: 36px;
+                }
+
+                .personnel-list {
+                    display: flex;
+                    flex-wrap: wrap;
+                    row-gap: 19rpx;
+                    column-gap: 19rpx;
+
+                    .personnel-item {
+                        width: fit-content;
+                        height: 68rpx;
+                        background: #F0F0F0;
+                        border-radius: 12rpx;
+                        display: flex;
+                        align-items: center;
+                        column-gap: 12rpx;
+                        padding: 0 10rpx;
+
+                        .personnel-img {
+                            width: 48rpx;
+                            height: 48rpx;
+                            border-radius: 12rpx;
+                            overflow: hidden;
+                        }
+
+                        .personnel-name {
+                            width: fit-content;
+                            font-weight: 400;
+                            font-size: 26rpx;
+                            color: #3D3D3D;
+                            text-align: left;
+                            font-style: normal;
+                            text-transform: none;
+                        }
+
+                        .personnel-close {
+                            width: 32rpx;
+                        }
+                    }
+                }
+            }
+        }
+
+    }
+
+    .modal-content {
+        width: 90vw;
+        max-height: 75vh;
+        padding: 20rpx 0;
+
+        .title {
+            height: 48rpx;
+            font-weight: 400;
+            font-size: 36rpx;
+            color: #333333;
+            line-height: 42rpx;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 30rpx;
+            box-sizing: border-box;
+        }
+
+        .search-box {
+            padding: 20rpx 30rpx;
+        }
+
+        .title-cell {
+            padding: 20rpx 30rpx;
+            box-sizing: border-box;
+
+            .title-text {
+                height: 32rpx;
+                font-weight: 400;
+                font-size: 28rpx;
+                color: #333333;
+                line-height: 32rpx;
+                text-align: left;
+                margin-bottom: 28rpx;
+                text-indent: 10rpx;
+            }
+        }
+
+        .personnel-list {
+            display: flex;
+            flex-wrap: wrap;
+            row-gap: 16rpx;
+            column-gap: 12rpx;
+
+            .personnel-item {
+                width: fit-content;
+                height: 68rpx;
+                background: #F0F0F0;
+                border-radius: 12rpx;
+                display: flex;
+                align-items: center;
+                column-gap: 12rpx;
+                padding: 0 10rpx;
+
+                .personnel-img {
+                    width: 48rpx;
+                    height: 48rpx;
+                    border-radius: 12rpx;
+                    overflow: hidden;
+                }
+
+                .personnel-name {
+                    width: fit-content;
+                    font-weight: 400;
+                    font-size: 26rpx;
+                    color: #3D3D3D;
+                    text-align: left;
+                    font-style: normal;
+                    text-transform: none;
+                }
+
+                .personnel-close {
+                    width: 32rpx;
+                }
+            }
+        }
+
+        .terminal-list {
+            display: flex;
+            flex-direction: row;
+            gap: 20rpx;
+
+            .terminal-item {
+                padding: 20rpx;
+                border: 1px solid #ddd;
+                border-radius: 12rpx;
+                text-align: center;
+                cursor: pointer;
+                transition: all 0.3s;
+
+                &.active {
+                    background-color: #f0f0f0;
+                    border-color: #2196F3;
+                }
+
+                &:hover {
+                    background-color: #f5f5f5;
+                }
+            }
+        }
+
+        .footer-btn {
+            padding: 20rpx 30rpx;
+
+
+        }
+    }
+}
+</style>

src/pages/attendance/components/SearchView.vue

@@ -0,0 +1,275 @@
+<template>
+  <view class="">
+    <view class="search-input-container" @click="toggle">
+      <view class="search-input placeholder" readonly>
+        {{ placeholder }}
+      </view>
+    </view>
+    <uni-popup ref="popup" type="bottom" background-color="#fff" borderRadius="8px" @change="change">
+      <view class="selected-area">
+        <view class="dialog-caption" hover-class="none" :hover-stop-propagation="false">
+          <view class="title-area">
+            <text class="dialog-title">{{ title }}</text>
+          </view>
+          <view class="dialog-close" @click="handleClose">
+            <view class="dialog-close-plus" data-id="close"></view>
+            <view class="dialog-close-plus dialog-close-rotate" data-id="close"></view>
+          </view>
+        </view>
+        <view class="inputView">
+          <SearchInput @search="search" :placeholder="placeholder"/>
+        </view>
+        <view class="content">
+          <scroll-view v-if="dataList && dataList.length" class="list" :scroll-y="true">
+            <view class="item" :class="{'is-disabled': !!item.disable}" v-for="(item, j) in dataList" :key="j"
+              @click="updateValue(item)">
+              <text class="item-text">{{item[map.text]}}</text>
+              <!-- 暂无多选需求 -->
+              <view class="check" v-if="false"></view>
+            </view>
+          </scroll-view>
+          <view v-else class="content-empty">
+            <u-loading-icon v-if="loading" text="加载中" textSize="18"></u-loading-icon>
+            <template v-else>
+              <view class="empty"></view>
+              <view class="empty-text">{{ placeholder }}</view>
+            </template>
+          </view>
+        </view>
+      </view>
+    </uni-popup>
+  </view>
+</template>
+
+<script>
+import SearchInput from './SelectData.vue'
+export default {
+  props: {
+    modelValue: {
+      type: String | Number | Array,
+      default: ''
+    },
+    load: {
+      type: Function,
+      default: () => Promise.resolve([])
+    },
+    map: {
+      type: Object,
+      default: ({ text: 'text', value: 'value' })
+    },
+    title: {
+      type: String,
+      default: '请选择'
+    },
+    placeholder: {
+      type: String,
+      default: '请输入'
+    },
+  },
+  components: { SearchInput },
+  data () {
+    return {
+      dataList: [],
+      loading: false,
+    }
+  },
+  methods: {
+    search (value) {
+      this.loading = true
+      this.load(value).then(res => {
+        this.dataList = res
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+    toggle () {
+      this.$refs.popup.open()
+    },
+    handleClose () {
+      this.$refs.popup.close()
+    },
+    change (e) {
+      if (e.show) {
+        // this.search('')
+      } else {
+        this.loading = false
+        this.dataList = []
+      }
+    },
+    updateValue (item) {
+      this.$emit('update:modelValue', item[this.map.value])
+      this.$emit('change', item)
+      this.handleClose()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.search-input-container {
+  position: relative;
+
+  .search-input {
+    width: 100%;
+    height: 35px;
+    border: 1px solid #ddd;
+    border-radius: 6px;
+    padding: 0 40px 0 12px;
+    font-size: 14px;
+    color: #333;
+    line-height: 35px;
+
+    &.placeholder {
+      font-size: 12px;
+      color: #808080;
+    }
+  }
+
+  .search-icon {
+    position: absolute;
+    right: 12px;
+    top: 50%;
+    transform: translateY(-50%);
+    font-size: 16px;
+  }
+}
+
+.selected-area {
+  height: 80vh;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+
+  .title-area {
+    /* #ifndef APP-NVUE */
+    display: flex;
+    /* #endif */
+    align-items: center;
+    /* #ifndef APP-NVUE */
+    margin: auto;
+    /* #endif */
+    padding: 0 10px;
+  }
+
+  .dialog-caption {
+    position: relative;
+    /* #ifndef APP-NVUE */
+    display: flex;
+    /* #endif */
+    flex-direction: row;
+    /* border-bottom: 1px solid #f0f0f0; */
+  }
+
+  .dialog-title {
+    /* font-weight: bold; */
+    line-height: 44px;
+  }
+
+  .dialog-close {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    /* #ifndef APP-NVUE */
+    display: flex;
+    /* #endif */
+    flex-direction: row;
+    align-items: center;
+    padding: 0 15px;
+  }
+
+  .dialog-close-plus {
+    width: 16px;
+    height: 2px;
+    background-color: #666;
+    border-radius: 2px;
+    transform: rotate(45deg);
+  }
+
+  .dialog-close-rotate {
+    position: absolute;
+    transform: rotate(-45deg);
+  }
+
+  .icon-clear {
+    display: flex;
+    align-items: center;
+  }
+  .inputView {
+    padding: 0 15px 10px;
+    border-bottom: 1px solid #f8f8f8;
+    margin: 2px;
+  }
+  .content {
+    overflow: hidden;
+    flex: 1;
+  }
+  .content-empty {
+    overflow: hidden;
+    margin-top: 10%;
+    height: 100%;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    row-gap: 20px;
+    color: #999;
+  }
+  .list {
+    width: 100%;
+    height: 100%;
+  }
+
+  .item {
+    padding: 12px 15px;
+    /* border-bottom: 1px solid #f0f0f0; */
+    /* #ifndef APP-NVUE */
+    display: flex;
+    /* #endif */
+    flex-direction: row;
+    justify-content: space-between;
+  }
+
+  .is-disabled {
+    opacity: .5;
+  }
+
+  .item-text {
+    /* flex: 1; */
+    color: #333333;
+  }
+
+  .item-text-overflow {
+    width: 280px;
+    /* fix nvue */
+    overflow: hidden;
+    /* #ifndef APP-NVUE */
+    width: 20em;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+    /* #endif */
+  }
+
+	.check {
+		margin-right: 5px;
+		border: 2px solid #007aff;
+		border-left: 0;
+		border-top: 0;
+		height: 12px;
+		width: 6px;
+		transform-origin: center;
+		/* #ifndef APP-NVUE */
+		transition: all 0.3s;
+		/* #endif */
+		transform: rotate(45deg);
+	}
+  .empty {
+    margin: 0 auto;
+    width: 160px;
+    height: 155px;
+    background: url("../../../static/images/Empty.png") no-repeat;
+    background-size: cover;
+  }
+}
+</style>

src/pages/attendance/components/SelectArea.vue

@@ -0,0 +1,340 @@
+<template>
+    <view class="selectAreaModal">
+        <view class="slot-content" @click.stop="openModal">
+            <slot></slot>
+        </view>
+        <u-popup :show="show" mode="center" :round="8">
+            <view class="modal-content">
+                <view class="title">
+                    <text>选择区域</text>
+                    <u-icon name="close" color="#666666" size="20" @click="close" />
+                </view>
+                <view class="terminal-list">
+
+                    <div class="tabs">
+                        <div v-for="(item, index) in terminals" :key="item.id"
+                            :class="{ active: currentTab === item.id }" class="tabs-item" @click="tabClick(item.id)">
+                            <u-checkbox-group @change="handleTerminalChange(item)">
+                                <u-checkbox v-model="item.checked" @change="handleTerminalCheck(item)"></u-checkbox>
+                            </u-checkbox-group>
+                            {{ item.label }}
+                        </div>
+                    </div>
+
+                    <view v-for="(terminal, index) in terminals" :key="terminal.id" class="area-list"
+                        v-show="currentTab === terminal.id">
+                        <u-checkbox-group>
+                            <view v-for="area in terminal.children" :key="area.id" class="area-item">
+                                <u-checkbox :label="area.label" :checked="area.checked"
+                                    @change="handleAreaCheck(area)"></u-checkbox>
+                            </view>
+                        </u-checkbox-group>
+                    </view>
+                </view>
+                <view class="footer-btn">
+                    <view class="custom-btn-normal" @click="submitSelectedAreas">确认选择</view>
+                </view>
+            </view>
+        </u-popup>
+    </view>
+</template>
+
+<script>
+import { formatTime } from '@/utils/formatUtils'
+import { dataConfigTree } from "@/api/attendance/attendance"
+
+export default {
+    components: {},
+    props: {
+        disabled: {
+            type: Boolean,
+            default: false
+        }
+    },
+    data() {
+        return {
+            show: false,
+            terminals: [],
+
+            currentTab: 0,
+            searchFocus: false,
+
+        }
+    },
+    computed: {
+
+    },
+    watch: {
+
+        show(newValue) {
+            if (newValue) {
+                const level = this.notkezhang ? 3 : 2
+
+                this.loadTerminals(level)
+            }
+        },
+        notkezhang: {
+            handler(newValue) {
+                const level = newValue ? 3 : 2
+
+                this.loadTerminals(level)
+            },
+            immediate: true
+        }
+    },
+    methods: {
+
+        handleTerminalChange(terminalObj) {
+            const curTerminal = this.terminals.find((item) => item.id == terminalObj.id)
+            for (let i = 0; i < curTerminal.children.length; i++) {
+                const child = curTerminal.children[i];
+                console.log(child, "child")
+                this.$set(child, 'checked', !child.checked)
+                this.$forceUpdate()
+            }
+        },
+        handleAreaCheck(area) {
+            area.checked = !area.checked
+        },
+        submitSelectedAreas() {
+            this.$emit('selected', this.terminals)
+            this.show = false
+        },
+        loadTerminals(level) {
+            dataConfigTree(level).then(res => {
+                console.log(res, "res")
+                this.terminals = res.data
+                this.currentTab = this.terminals[0].id
+            })
+
+        },
+        tabClick(id) {
+
+            this.currentTab = id;
+
+        },
+        handleTerminalCheck(terminal) {
+
+            this.$nextTick(() => {
+
+                const curItem = this.terminals.find((item) => item.id == terminal.id)
+                this.$set(curItem, 'checked', true)
+
+                for (let i = 0; i < curItem.children.length; i++) {
+                    this.$set(curItem.children[i], 'checked', !!curItem.children[i].checked)
+                }
+
+                this.$forceUpdate()
+            })
+
+
+        },
+        openModal() {
+            if (this.disabled) return
+            this.show = true
+        },
+        close() {
+            this.show = false
+        },
+    },
+}
+</script>
+
+<style lang="scss" scoped>
+.u-checkbox-group--row {
+    flex-direction: column !important;
+}
+
+.selectAreaModal {
+    .slot-content {}
+
+    .empty {
+        margin: 0 auto;
+        width: 160px;
+        height: 155px;
+        background: url("../../../static/images/Empty.png") no-repeat;
+        background-size: cover;
+    }
+
+    .modal-content {
+        width: 90vw;
+        max-height: 75vh;
+        padding: 10px 0;
+
+        .terminal-list {
+            padding: 0px 30rpx;
+
+            .tabs {
+                display: flex;
+                padding: 0rpx 0 0rpx;
+                margin-top: 32rpx;
+                font-size: 28rpx;
+                color: #666666;
+                line-height: 32rpx;
+                gap: 48rpx;
+
+                .tabs-item {
+                    display: flex;
+                    align-items: center;
+                    position: relative;
+
+                    &:after {
+                        content: "";
+                        position: absolute;
+                        bottom: -12rpx;
+                        left: 0;
+                        width: 50%;
+                        height: 6rpx;
+                        background: #fff;
+                        border-radius: 12rpx;
+                    }
+
+                    &.active {
+                        font-size: 36rpx;
+                        color: #2A70D1;
+                        line-height: 42rpx;
+
+                        &:after {
+                            background: #2A70D1;
+                        }
+                    }
+                }
+            }
+
+            .area-list {
+                padding: 15rpx 0;
+
+                .area-item {
+                    display: flex;
+                    height: 60rpx;
+                    line-height: 60rpx;
+                }
+            }
+        }
+
+        .title {
+            height: 24px;
+            font-weight: 400;
+            font-size: 18px;
+            color: #333333;
+            line-height: 21px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 15px;
+            box-sizing: border-box;
+        }
+
+        .title-cell {
+            padding: 10px 15px;
+            box-sizing: border-box;
+
+            .title-text {
+                height: 16px;
+                font-weight: 400;
+                font-size: 14px;
+                color: #333333;
+                line-height: 16px;
+                text-align: left;
+                margin-bottom: 14px;
+                text-indent: 5px;
+            }
+        }
+
+        .personnel-list {
+            display: flex;
+            flex-wrap: wrap;
+            row-gap: 8px;
+            column-gap: 6px;
+
+            .personnel-item {
+                width: fit-content;
+                height: 34px;
+                background: #F0F0F0;
+                border-radius: 6px;
+                display: flex;
+                align-items: center;
+                column-gap: 6px;
+                padding: 0 5px;
+
+                .personnel-img {
+                    width: 24px;
+                    height: 24px;
+                    border-radius: 6px;
+                    overflow: hidden;
+                }
+
+                .personnel-name {
+                    width: fit-content;
+                    font-weight: 400;
+                    font-size: 13px;
+                    color: #3D3D3D;
+                    text-align: left;
+                    font-style: normal;
+                    text-transform: none;
+                }
+
+                .personnel-close {
+                    width: 16px;
+                }
+
+                .radio-button {
+                    width: 14px;
+                    height: 14px;
+                    border: 1px solid #2196F3;
+                    background: #fff;
+                    border-radius: 50%;
+                    position: relative;
+                    transition: border-color 0.2s ease;
+                }
+
+                /* 激活状态 - 蓝色边框 */
+                .radio-button.active {
+                    border-color: #496CF4;
+                }
+
+                /* 激活状态 - 中间的蓝点 */
+                .radio-button.active::after {
+                    content: '';
+                    position: absolute;
+                    top: 50%;
+                    left: 50%;
+                    transform: translate(-50%, -50%);
+                    width: 7px;
+                    height: 7px;
+                    background-color: #2196F3;
+                    border-radius: 50%;
+                }
+
+                /* 聚焦状态 */
+                .radio-button:focus {
+                    outline: none;
+                    box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.3);
+                }
+
+                /* 悬停效果 */
+                .radio-button:hover .radio-button:not(.active) {
+                    border-color: #999;
+                }
+
+                /* 禁用状态 */
+                .radio-button.disabled {
+                    opacity: 0.5;
+                    border-color: #999;
+                    background: #f0f0f0;
+                    cursor: not-allowed;
+                }
+            }
+        }
+
+        .footer-btn {
+            padding: 10px 15px;
+
+            .modal-slot-content {
+                white-space: pre;
+
+            }
+        }
+    }
+}
+</style>

src/pages/attendance/components/SelectData.vue

@@ -0,0 +1,75 @@
+<template>
+  <view class="search-input-container">
+    <input
+      class="search-input"
+      v-model="searchKeyword"
+      :placeholder="placeholder"
+      @focus="inputFocus"
+      @blur="inputBlur"
+      @input="searchUsers"
+    />
+  </view>
+</template>
+
+<script>
+import { debounce } from '@/utils/handler'
+export default {
+  props: {
+    placeholder: {
+      type: String,
+      default: '请输入人员姓名'
+    },
+    
+  },
+  data () {
+    this.searchUsers = debounce(() => {
+      this.$emit('search', this.searchKeyword);
+    }, 200);
+    return {
+      searchKeyword: '',
+    }
+  },
+  
+  methods: {
+    inputFocus () {
+      this.$emit('searchViewShowEvent', true)
+    },
+    inputBlur () {
+      const searchViewShow = this.searchKeyword ? true : false
+      this.$emit('searchViewShowEvent', searchViewShow)
+    },
+    clearInput () {
+      this.searchKeyword = ''
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+
+.search-input-container {
+  position: relative;
+
+  .search-input {
+    width: 100%;
+    height: 35px;
+    border: 1px solid #ddd;
+    border-radius: 6px;
+    padding: 0 40px 0 12px;
+    font-size: 14px;
+    color: #333;
+
+    &::placeholder {
+      color: #999;
+    }
+  }
+
+  .search-icon {
+    position: absolute;
+    right: 12px;
+    top: 50%;
+    transform: translateY(-50%);
+    font-size: 16px;
+  }
+}
+</style>

src/pages/attendance/components/TimePicker.vue

@@ -0,0 +1,59 @@
+<template>
+  <view class="timePicker-container" @click="datetimePickerShow">
+    <input class="timePicker-input" type="text" v-model="viewValue" readonly />
+    <u-datetime-picker
+      :show="timePickerShow"
+      v-model="currentTime"
+      mode="time"
+      @confirm="datetimePickerConfirm"
+      @cancel="datetimePickerClose"
+      @close="datetimePickerClose"
+    />
+  </view>
+</template>
+
+<script>
+import { formatTime } from '@/utils/formatUtils'
+export default {
+  data () {
+    return {
+      timePickerShow: false,
+      currentTime: formatTime(new Date(), 'hh:mm'),
+      viewValue: formatTime(new Date(), 'hh:mm'),
+    }
+  },
+  methods: {
+    datetimePickerShow () {
+      this.timePickerShow = true
+    },
+    datetimePickerClose () {
+      this.timePickerShow = false
+    },
+    datetimePickerConfirm (result) {
+      const { value } = result
+
+      this.datetimePickerClose()
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.timePicker-container {
+  position: relative;
+
+  .timePicker-input {
+    width: 100%;
+    height: 35px;
+    border: 1px solid #ddd;
+    border-radius: 6px;
+    padding: 0 40px 0 12px;
+    font-size: 14px;
+    color: #333;
+
+    &::placeholder {
+      color: #999;
+    }
+  }
+}
+</style>

src/pages/attendance/components/UserAvatar.vue

@@ -0,0 +1,55 @@
+<template>
+  <view class="user-avatar">
+    <image class="user-avatar-content" v-if="avatarLink && showImg" :src="avatarLink" @load="imageLoad" @error="imageLoadError" />
+    <view class="user-avatar-content" :style="{ background: getAvatarGradient(userName) }"  v-else>{{ getUserIndexChat() }}</view>
+  </view>
+</template>
+
+<script>
+import { getAvatarGradient } from '@/utils/handler'
+export default {
+  props: {
+    avatarLink: {
+      type: String,
+      default: ''
+    },
+    userName: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      showImg: true
+    }
+  },
+  methods: {
+    getAvatarGradient,
+    getUserIndexChat () {
+      return this.userName ? this.userName.split('')[0] : '用'
+    },
+    imageLoad () {
+      this.showImg = true
+    },
+    imageLoadError () {
+      this.showImg = false
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.user-avatar {
+  width: 100%;
+  height: 100%;
+  &-content {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #fff;
+    font-weight: 500;
+  }
+}
+</style>

src/pages/attendance/components/WorkingGroup.vue

@@ -0,0 +1,514 @@
+<template>
+  <view class="workGroup-list">
+    <view class="working-group" v-for="({ data, info }, index) of historyList" :key="index">
+      <view>
+        <view class="title" v-if="!info.isCheckIn">{{ '开始上通道/负责区域' }}</view>
+        <view v-if="!info.isCheckIn" class="content">
+          <view class="empty" style="margin: 20px auto 0;"></view>
+          <view class="empty-text">当前未上通道/区域</view>
+        </view>
+        <view v-else class="content">
+          <view class="content-cell" v-if="notkezhang">
+            <text class="content-cell-label">通道</text>
+            <text class="content-cell-value">{{ info.channelName || info.channelCode || '--' }}</text>
+          </view>
+          <view class="content-cell" v-if="notkezhang">
+            <text class="content-cell-label">当班人员</text>
+            <text></text>
+          </view>
+          <view class="content-workings" v-if="notkezhang">
+            <view class="personnel-list" v-if="data.length">
+              <view class="personnel-item" v-for="item of data" :key="item.id">
+                <view class="personnel-img">
+                  <UserAvatar :userName="item.userName" :avatarLink="item.avatar" />
+                </view>
+                <view class="personnel-name">{{ item.userName }}</view>
+              </view>
+            </view>
+            <view class="empty" v-else></view>
+          </view>
+          <view class="content-cell" style="height: auto;display: flex;flex-direction: column;align-items: flex-start;"
+            v-if="!notkezhang">
+            <text class="content-cell-label">负责区域</text>
+            <!-- <text class="content-cell-value">{{ info.regionalName || info.regionalCode || '--' }}</text> -->
+            <view class="selected-areas"
+              v-if="getHandleAreaData(data) && getHandleAreaData(data).length && !notkezhang">
+              <view class="area-item" v-for="area in getHandleAreaData(data)" :key="area.code">
+                <view class="area-label">{{ area.label }}</view>
+                <text-tag :showClose="false" :tags="area.children" :labelColumn="'regionalName'" />
+              </view>
+            </view>
+          </view>
+          <view class="content-cell">
+            <text class="content-cell-label">上通道时间</text>
+            <text class="content-cell-value">{{ info.checkInTimeFormat }}</text>
+          </view>
+          <view class="content-cell" v-if="info.isCheckIn">
+            <text class="content-cell-label">下通道时间</text>
+            <text class="content-cell-value">{{ info.checkOutTime || '-:-' }}</text>
+          </view>
+        </view>
+      </view>
+      <!-- {{ selectedMember.length === 0 }}{{ !userInfo.roles.includes('kezhang') }}{{ !attendanceInfo.checkInTime }} -->
+      <!-- :disabled="!attendanceInfo.checkInTime || checkOutStatus" -->
+      <AddAttendancePersonnelModal v-if="index === 0" :disabled="checkOutStatus" :notkezhang="notkezhang"
+        :userInfo="userInfo" @updateRecord="invokerGetPostRecordList" :selectedMember="selectedMember" :attendanceInfo="attendanceInfo">
+        <!-- :class="{ disabled: !attendanceInfo.checkInTime }"   没有选人不可以上通道 -->
+        <view v-if="authority" class="custom-btn" @click="openModal"
+          :class="{ disabled: selectedMember.length === 0 && !userInfo.roles.includes('kezhang') || (!attendanceInfo.checkInTime || (attendanceInfo.checkInTime && attendanceInfo.checkOutTime)) }">
+          {{ checkOutStatus ? '下通道' : '上通道' }}
+        </view>
+      </AddAttendancePersonnelModal>
+    </view>
+    <u-popup :show="checkOutWork" mode="center" :round="8">
+      <view class="modal-content">
+        <view class="title">
+          <text>员工下通道</text>
+          <u-icon name="close" color="#666666" size="20" @click="close" />
+        </view>
+        <view class="title-cell">
+          <view class="title-text">{{ '选择下通道时间' }}</view>
+          <uni-datetime-picker type="datetime" v-model="currentTime" />
+        </view>
+        <view class="title-cell">
+          <view class="custom-btn-normal" @click="invokerUpdatePostRecord" :class="{ disabled: !currentTime }">确认下通道
+          </view>
+        </view>
+      </view>
+    </u-popup>
+  </view>
+</template>
+
+<script>
+import { listgroupbyTimeanduserid, updatePostRecord } from "@/api/attendance/attendance"
+import { formatTime, formatName } from '@/utils/formatUtils'
+import AddAttendancePersonnelModal from './AddAttendancePersonnelModal';
+import UserAvatar from './UserAvatar'
+export default {
+  components: { AddAttendancePersonnelModal, UserAvatar },
+  props: {
+    userInfo: {
+      type: Object,
+      default: () => ({})
+    },
+    attendanceInfo: { // 考勤信息
+      type: Object,
+      default: () => ({})
+    },
+    selectedMember: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      curUserWorkingGroupData: {
+        passage: '',
+        checkInTime: '',
+        checkOutTime: '',
+        isCheckIn: false,
+      },
+      checkOutStatus: false,
+      checkOutWork: false,
+      currentTime: undefined,
+      workingGroupId: '',
+      historyList: [], //班组工作记录 todo 现在只能做科长
+
+    }
+  },
+  computed: {
+    notkezhang() {
+      return !this.userInfo.roles || !this.userInfo.roles.includes('kezhang')
+    },
+    authority() { // 上通道权限
+      return this.userInfo.roles && (
+        this.userInfo.roles.includes('kezhang') ||
+        this.userInfo.roles.includes('banzuzhang')
+      )
+    }
+  },
+  methods: {
+    openModal() {
+      if (!this.checkOutStatus) {
+        return;
+      }
+  
+      
+      this.currentTime = formatTime(new Date())
+      this.checkOutWork = true
+    },
+    close() {
+      this.currentTime = undefined
+      this.checkOutWork = false
+    },
+    isCheckOutJobs(curUserWorkingInfo = this.curUserWorkingGroupData) {
+
+      return Boolean(curUserWorkingInfo.checkInTime) && (!curUserWorkingInfo.checkOutTime || curUserWorkingInfo.checkOutTime === '2000-01-01 00:00:00')
+    },
+    getHandleAreaData(data) {
+      let louObj = {};
+      let areaArr = [];
+      data.forEach(element => {
+
+        let name = `${element.terminlName}-${element.terminlCode}`
+        if (!louObj[name]) {
+          louObj[name] = [];
+        }
+        louObj[name].push(element);
+      });
+
+      Object.keys(louObj).forEach(key => {
+        areaArr.push({
+          label: key.split('-')[0],
+          code: key.split('-')[1],
+          children: louObj[key]
+        });
+      });
+
+      return areaArr;
+    },
+    invokerGetPostRecordList(callback) {
+      return listgroupbyTimeanduserid().then(res => {
+        if (res.code === 200) {
+          const resData = (res.data || [])
+          this.historyList = resData.reduce((cur, item, index) => {
+            let info = {}
+            const workDataList = item.records.map((attr) => {
+              const result = {
+                ...attr,
+                isCheckIn: Boolean(attr.checkInTime), // 是否上过通道
+                checkInTimeFormat: formatTime(attr.checkInTime, 'hh:mm:ss'),
+                checkOutTime: attr.checkOutTime === '2000-01-01 00:00:00' ? '' : formatTime(attr.checkOutTime, 'hh:mm:ss'),
+                userName: formatName(attr.userName),
+              }
+              if (attr.userId === this.userInfo.userId) {
+                info = result
+              }
+
+              if (index === 0) { // 取最新纪录
+                this.curUserWorkingGroupData = info
+                this.workingGroupId = item.shiftCode
+              }
+              return result
+            })
+            cur.push({
+              info: info,
+              data: workDataList,
+              workingGroupId: item.shiftCode
+            })
+            return cur
+          }, [])
+
+
+
+
+
+          this.checkOutStatus = this.isCheckOutJobs(this.curUserWorkingGroupData)
+
+          if (!this.checkOutStatus) {
+            this.historyList = [{
+              info: {},
+              data: [],
+              workingGroupId: undefined
+            }, ...this.historyList]
+          }
+        }
+      }).catch(() => {
+        return Promise.resolve()
+      }).finally(() => {
+        callback && callback()
+      })
+    },
+
+    createRecordData(curUserRecordInfo) {
+      // 🔥 重要：计算工作时长
+      const checkTime = new Date(this.currentTime);
+      const workDurationMinutes = Math.floor((Date.now() - checkTime.getTime()) / 1000 / 60);
+      // 🔥 重要：构建更新数据
+      let res = [];
+      //如果是科长走多选逻辑，如果是班组长走单选逻辑
+      if (!this.notkezhang) {
+        console.log(this.historyList)
+
+        this.historyList.forEach(item => {
+          item.data.forEach(element => {
+            res.push(
+              {
+                // 基本字段
+                ...curUserRecordInfo,
+                isCheckIn: undefined,
+                revision: (curUserRecordInfo.revision || 1) + 1,
+                // 时间相关
+                checkInTime: typeof curUserRecordInfo.checkInTime === 'string' ? curUserRecordInfo.checkInTime : formatTime(new Date(curUserRecordInfo.checkInTime)),
+                attendanceDate: typeof curUserRecordInfo.attendanceDate === 'string' ? curUserRecordInfo.attendanceDate : formatTime(new Date(curUserRecordInfo.attendanceDate), 'YYYY-MM-DD'),
+                workDuration: workDurationMinutes, // 重新计算工作时长
+                overDuration: curUserRecordInfo.overDuration || 0,
+                // 组织架构信息
+                attendanceTeamId: curUserRecordInfo.attendanceTeamId || null,
+                attendanceTeamName: curUserRecordInfo.attendanceTeamName || '',
+                attendanceDepartmentId: curUserRecordInfo.attendanceDepartmentId || null,
+                attendanceDepartmentName: curUserRecordInfo.attendanceDepartmentName || '',
+                attendanceStationId: curUserRecordInfo.attendanceStationId || null,
+                attendanceStationName: curUserRecordInfo.attendanceStationName || '',
+                remark: curUserRecordInfo.remark || '手动添加上通道记录',
+                // 审计字段
+                createBy: curUserRecordInfo.createBy || (this.userInfo.userId + ''),
+                createTime: typeof curUserRecordInfo.createTime === 'string' ? curUserRecordInfo.createTime : formatTime(new Date(curUserRecordInfo.createTime)),
+                updateBy: (this.userInfo.userId + ''),
+                updateTime: formatTime(new Date()),
+                ...element,
+                checkOutTime: formatTime(checkTime), // 设置实际下岗时间
+              }
+            )
+          })
+        })
+      } else {
+        res = [{
+          // 基本字段
+          ...curUserRecordInfo,
+          isCheckIn: undefined,
+          revision: (curUserRecordInfo.revision || 1) + 1,
+          // 时间相关
+          checkInTime: typeof curUserRecordInfo.checkInTime === 'string' ? curUserRecordInfo.checkInTime : formatTime(new Date(curUserRecordInfo.checkInTime)),
+          checkOutTime: formatTime(checkTime), // 设置实际下岗时间
+          attendanceDate: typeof curUserRecordInfo.attendanceDate === 'string' ? curUserRecordInfo.attendanceDate : formatTime(new Date(curUserRecordInfo.attendanceDate), 'YYYY-MM-DD'),
+          workDuration: workDurationMinutes, // 重新计算工作时长
+          overDuration: curUserRecordInfo.overDuration || 0,
+          // 组织架构信息
+          attendanceTeamId: curUserRecordInfo.attendanceTeamId || null,
+          attendanceTeamName: curUserRecordInfo.attendanceTeamName || '',
+          attendanceDepartmentId: curUserRecordInfo.attendanceDepartmentId || null,
+          attendanceDepartmentName: curUserRecordInfo.attendanceDepartmentName || '',
+          attendanceStationId: curUserRecordInfo.attendanceStationId || null,
+          attendanceStationName: curUserRecordInfo.attendanceStationName || '',
+          remark: curUserRecordInfo.remark || '手动添加上通道记录',
+          // 审计字段
+          createBy: curUserRecordInfo.createBy || (this.userInfo.userId + ''),
+          createTime: typeof curUserRecordInfo.createTime === 'string' ? curUserRecordInfo.createTime : formatTime(new Date(curUserRecordInfo.createTime)),
+          updateBy: (this.userInfo.userId + ''),
+          updateTime: formatTime(new Date())
+        }]
+      }
+      console.log(res, "res")
+
+      return res;
+    },
+
+    invokerUpdatePostRecord() {
+      if (this.checkOutStatus) {
+        // 科长下区域
+        if (!this.notkezhang) {
+          uni.showLoading({ title: '正在下通道...' });
+          updatePostRecord(this.createRecordData(this.curUserWorkingGroupData)).then(res => {
+            if (res && res.code === 200) {
+              uni.showToast({
+                title: '下通道完成！',
+                icon: 'success',
+                duration: 2000
+              });
+            } else {
+              uni.showToast({
+                title: `下通道失败！${res.msg || '未知错误'}`,
+                icon: 'none',
+                duration: 2000
+              });
+            }
+            this.close()
+            return this.invokerGetPostRecordList()
+          }).catch(error => {
+            uni.showToast({
+              title: '下通道失败：' + (error.msg || '请重试'),
+              icon: 'error',
+              duration: 2000
+            });
+          }).finally(() => {
+            uni.hideLoading();
+          })
+        } else {// 当班人员下通道
+          uni.showLoading({ title: '正在批量下通道...' });
+          // 获取当前最新的工作组数据
+          const recordList = this.historyList.find(item => item.workingGroupId === this.workingGroupId) || { data: [] }
+          const promises = recordList.data.map(item => {
+            return updatePostRecord(this.createRecordData(item)).then(res => {
+              if (res && res.code === 200) {
+                return `${item.userName}: 下通道完成！`
+              } else {
+                return `${item.userName}下通道失败: ${res.msg || '未知错误'}`
+              }
+            }).catch((err) => {
+              return Promise.resolve(`${item.userName}下通道失败: 网络错误！`)
+            })
+          })
+          Promise.all(promises).then((res) => {
+            uni.showModal({
+              title: '批量下通道结果',
+              content: `${res.join('\n')}`,
+              showCancel: false,
+              confirmText: '确定'
+            });
+            this.close()
+            return this.invokerGetPostRecordList()
+          }).finally(() => {
+            uni.hideLoading();
+          })
+        }
+      }
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.workGroup-list {
+  display: flex;
+  flex-direction: column;
+  row-gap: 15px;
+}
+
+.working-group {
+  width: 100%;
+  background: #FFFFFF;
+  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
+  border-radius: 16px 16px 16px 16px;
+  border: 1px solid #F0F8FF;
+  padding: 15px;
+  box-sizing: border-box;
+
+  .empty {
+    margin: 0 auto;
+    width: 160px;
+    height: 155px;
+    background: url("../../../static/images/Empty.png") no-repeat;
+    background-size: cover;
+  }
+
+  .empty-text {
+    font-weight: 400;
+    font-size: 14px;
+    color: #3D3D3D;
+    line-height: 16px;
+    text-align: center;
+    font-style: normal;
+    text-transform: none;
+    margin-bottom: 20px;
+  }
+
+  .title {
+    font-weight: 400;
+    font-size: 18px;
+    color: #333333;
+    line-height: 24px;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+    padding: 5px 0;
+  }
+
+  .content-cell {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-weight: 400;
+    font-size: 14px;
+    font-style: normal;
+    text-transform: none;
+    width: 100%;
+    height: 36px;
+
+    .content-cell-label {
+      color: #222222;
+    }
+
+    .content-cell-value {
+      color: #999999;
+      padding-right: 5px;
+    }
+
+    .selected-areas {
+      .area-item {
+        .area-label {
+          height: 72rpx;
+          line-height: 72rpx;
+        }
+      }
+    }
+
+
+  }
+
+  .content-workings {
+    display: flex;
+    padding: 10px 0;
+
+    .personnel-list {
+      display: flex;
+      flex-wrap: wrap;
+      row-gap: 10px;
+      column-gap: 10px;
+
+      .personnel-item {
+        width: fit-content;
+        height: 34px;
+        background: #F0F0F0;
+        border-radius: 6px;
+        display: flex;
+        align-items: center;
+        column-gap: 8px;
+        padding: 0 10px;
+
+        .personnel-img {
+          width: 24px;
+          height: 24px;
+          border-radius: 6px;
+          overflow: hidden;
+        }
+
+        .personnel-name {
+          width: fit-content;
+          font-weight: 400;
+          font-size: 13px;
+          color: #3D3D3D;
+          text-align: left;
+          font-style: normal;
+          text-transform: none;
+        }
+      }
+    }
+  }
+}
+
+.modal-content {
+  width: 90vw;
+  max-height: 75vh;
+  padding: 10px 0;
+
+  .title {
+    height: 24px;
+    font-weight: 400;
+    font-size: 18px;
+    color: #333333;
+    line-height: 21px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 15px;
+    box-sizing: border-box;
+  }
+
+  .title-cell {
+    padding: 10px 15px;
+    box-sizing: border-box;
+
+    .title-text {
+      height: 16px;
+      font-weight: 400;
+      font-size: 14px;
+      color: #333333;
+      line-height: 16px;
+      text-align: left;
+      margin-bottom: 14px;
+      text-indent: 5px;
+    }
+  }
+}
+</style>

src/pages/attendance/index.vue

@@ -0,0 +1,376 @@
+<template>
+  <home-container :customStyle="{ backgroundPositionY: '-50px' }">
+    <view class="attendance-container">
+      <!-- 顶部个人信息栏 -->
+      <view class="user-header" v-if="currentUser">
+        <view class="user-avatar">
+          <image v-if="currentUser.avatar" :src="currentUser.avatar" class="cu-avatar xl round"></image>
+        </view>
+        <view class="user-info">
+          <text class="user-name">{{ `${userInfoAndRoles.nickName} ${userInfoAndRoles.userName}` }}</text>
+          <text v-if="userInfo.userInfo.stationName" class="position-item">{{ userInfo.userInfo.stationName }}</text>
+          <text v-if="userInfo.userInfo.stationName && userInfo.userInfo.departmentName" class="separator">/</text>
+          <text v-if="userInfo.userInfo.departmentName" class="position-item">{{
+            userInfo.userInfo.departmentName }}</text>
+          <text v-if="userInfo.userInfo.departmentName && userInfo.userInfo.teamsName" class="separator">/</text>
+          <text v-if="userInfo.userInfo.teamsName" class="position-item">{{ userInfo.userInfo.teamsName }}</text>
+        </view>
+        <view class="stats-btn" @click="showStats">
+          <uni-icons type="calendar" size="24" color="#666"></uni-icons>
+          <text class="btn-text">打卡统计</text>
+        </view>
+      </view>
+
+      <!-- 新界面打卡 -->
+      <AttendanceControl :attendanceInfo="attendanceInfo" :checkInPosiInfo="checkInPosiInfo"
+        @attendanceHandler="handleCheckIn" />
+      <!-- 工作区域/班组成员 -->
+      <MaintainAreaOrMemberModal ref="maintainAreaOrMemberModal" v-if="showMaintain" :userInfo="userInfoAndRoles"
+        @update-member="updateMember" :attendanceInfo="attendanceInfo" />
+      <!-- 新界面工作组状态 -->
+      <WorkingGroup ref="workingGroup" style="margin: 16px 0 24px 0" :attendanceInfo="attendanceInfo"
+        :loadUserInfoOver="loadUserInfoOver" :userInfo="userInfoAndRoles" :selectedMember="selectedMember" />
+    </view>
+  </home-container>
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import AttendanceControl from './components/AttendanceControl'
+import MaintainAreaOrMemberModal from './components/MaintainAreaOrMemberModal'
+import WorkingGroup from './components/WorkingGroup'
+import { addAttendance, areaList } from "@/api/attendance/attendance"
+import { getInfo } from "@/api/login"
+import { formatTime as formatTimehandler } from '@/utils/formatUtils'
+import { getAttendanceList, queryClickAble } from "@/api/attendance/attendance"
+import { isInRangeOptimized, wgs84ToGcj02 } from '@/utils/handler'
+
+export default {
+  components: { HomeContainer, AttendanceControl, WorkingGroup, MaintainAreaOrMemberModal },
+
+  computed: {
+    currentUser() {
+      return this.$store.state.user;
+    },
+    userInfoAndRoles() {
+      return {
+        ...this.userInfo.userInfo,
+        roles: this.userInfo.roles
+      }
+    },
+    showMaintain() {
+      return this.userInfo.roles.includes('banzuzhang')
+    }
+  },
+  data() {
+    return {
+      yesterday: false,
+      checkInType: 'morning', // morning/afternoon
+      isCheckedIn: false,
+      checkInBtnText: '打卡',
+      currentTime: this.formatTime(new Date()),
+      locationIndex: 0,
+
+      locations: [
+        '民航机场',
+        '东方雨虹新材料装备研发总部基地',
+        '北京阳光汇点数码总部',
+        '海淀区研发中心'
+      ],
+      groupIndex: 0,
+      groups: [
+        '技术部',
+        '产品部',
+        '运营部',
+        '市场部'
+      ],
+      records: [],          // 今日真实打卡列表
+      yesterdayRecords: [], // 昨天真实打卡列表
+      userInfo: {
+        userInfo: {},
+        roles: []
+      },
+      checkInPosiInfo: [],
+      attendanceInfo: {
+        attendanceDate: '', // 当前日期
+        checkInTime: '', //上班打卡时间
+        checkOutTime: '', //下班打卡时间
+        items: [], // 打开记录 第一条为最早上班打卡时间 最后一条为最晚下班打卡时间
+      },
+      loadUserInfoOver: false,
+      selectedMember: [],
+      result: null
+    }
+  },
+  mounted() {
+    this.updateCurrentTime();
+    this.checkCheckInStatus();
+
+    // app 在前台时获取位置信息
+    uni.onLocationChange((res) => {
+      this.result = { latitude: res.latitude, longitude: res.longitude }
+    });
+  },
+  async onLoad() {
+    this.loadUserInfoOver = false
+    areaList().then(res => {
+      this.checkInPosiInfo = res.data.map(item => {
+        return {
+          longitude: item.longitude,
+          latitude: item.latitude,
+          radius: item.radius,
+          address: item.address
+        }
+      })
+    })
+    const userInfo = await getInfo()
+    this.userInfo = userInfo || {}
+
+    this.loadUserInfoOver = true
+    this.$nextTick(() => {
+      this.$refs.workingGroup.invokerGetPostRecordList()
+    })
+    // await this.loadYesterdayRecord();  // 1. 先查昨天
+    // this.updateCurrentTime();          // 2. 再开始计时
+    await this.loadTodayRecord();      // 3. 查今天
+
+  },
+  methods: {
+
+    updateMember(member) {
+      this.selectedMember = member
+    },
+    async loadYesterdayRecord() {
+      const yesterday = new Date();
+      yesterday.setDate(yesterday.getDate() - 1);
+      const start = this.formatDate(yesterday);
+
+      const { data } = await getAttendanceList({ type: 1, checkInDate: start, userId: this.$store.state.user.id });
+      this.yesterdayRecords = data?.[0]?.items || [];
+      // this.yesterdayRecords = data[0].items || [];
+
+      // 逻辑：昨天缺下班 && 距上班 ≤ 20 小时
+      const lastMorning = this.yesterdayRecords.find(r => r.checkInType == 'CLOCK_IN'); // 1-上班
+      const lastEvening = this.yesterdayRecords.find(r => r.checkInType == 'CLOCK_OUT'); // 2-下班
+
+      if (lastMorning && !lastEvening) {
+        // 确保时间字符串格式正确
+        const checkInTime = new Date(lastMorning.checkInTime);
+        if (isNaN(checkInTime.getTime())) {
+          console.error('无效的时间格式');
+          return;
+        }
+
+        // 计算时间差（毫秒）
+        // const gap = Date.now() - checkInTime.getTime();
+        const gap = Date.now() - new Date(lastMorning.checkInTime).getTime();
+        if (gap <= 12 * 60 * 60 * 1000) {
+          this.yesterday = true;
+          // 12 小时内
+          this.checkInType = 'afternoon';
+          this.checkInBtnText = '下班打卡';
+
+          this.records = this.yesterdayRecords.map(it => ({
+            type: it.checkInType === 'CLOCK_IN' ? '上班打卡' : '下班打卡',
+            time: it.checkInTime,   // 取 HH:mm:ss
+            location: it.checkInPosition || '--',
+            status: '正常',                  // 如需迟到逻辑，可在此判断
+            checkInDate: it.checkInDate
+          }));
+          if (this.yesterdayRecords.length > 0) {
+            this.checkInType = 'afternoon'
+          }
+
+          // 刷新按钮状态
+          this.checkCheckInStatus();
+        }
+      }
+    },
+    async loadTodayRecord() {
+      if (this.yesterday) {
+        return;
+      }
+      const today = this.formatDate(new Date());
+      const { data } = await getAttendanceList({
+        type: 1,
+        checkInDate: today,
+        userId: this.$store.state.user.id
+      });
+      let res = await queryClickAble()
+      let checkAbleType = res.data;
+   
+      // new
+      if (Array.isArray(data) && data.length) {
+        const items = data[0]
+        const firstCheckOnTime = items.items.filter(item => item.checkInType === 'CLOCK_IN' && item.checkInTime).sort((a, b) => {
+          return new Date(a.checkInTime).getTime() - new Date(b.checkInTime)
+        })[0] || {}
+        const latestCheckOutTime = items.items.filter(item => item.checkInType === 'CLOCK_OUT').sort((a, b) => {
+          return new Date(b.checkInTime) - new Date(a.checkInTime).getTime()
+        })[0] || {}
+        console.log(firstCheckOnTime,"firstCheckOnTime")
+
+        this.attendanceInfo = {
+          ...items,
+          ...(checkAbleType == '1'? {checkInTime: '', checkOutTime: ''}: {}),
+          ...(checkAbleType == '2'? {checkInTime: formatTimehandler(firstCheckOnTime.checkInTime, 'hh:mm:ss', { defaultResult: '' }), checkOutTime: ''}:{}),
+          // checkInTime: checkAbleType == 1 ? '' : formatTimehandler(firstCheckOnTime.checkInTime, 'hh:mm:ss', { defaultResult: '' }),
+          // checkOutTime: checkAbleType == 1 ? '' : formatTimehandler(latestCheckOutTime.checkInTime, 'hh:mm:ss', { defaultResult: '' })
+        }
+        console.log(this.attendanceInfo,"this.attendanceInfo")
+        
+      }
+
+      // 接口 data 可能是多条（按天），我们取第一条里的 items
+      const todayData = data && data.length ? data[0] : null;
+      const items = todayData ? todayData.items : [];
+
+      // 映射成页面需要的格式
+      this.records = items.map(it => ({
+        type: it.checkInType === 'CLOCK_IN' ? '上班打卡' : '下班打卡',
+        time: it.checkInTime,   // 取 HH:mm:ss
+        location: it.checkInPosition || '--',
+        status: '正常',
+        checkInDate: it.checkInDate
+
+      }));
+      if (items.length > 0) {
+        this.checkInType = 'afternoon'
+      }
+
+      // 刷新按钮状态
+      this.checkCheckInStatus();
+    },
+
+    // 通用时间格式化
+    formatTime(date) {
+      const h = String(date.getHours()).padStart(2, '0');
+      const m = String(date.getMinutes()).padStart(2, '0');
+      const s = String(date.getSeconds()).padStart(2, '0');
+      return `${h}:${m}:${s}`;
+    },
+
+    // 日期格式化（昨天、今天查询用）
+    formatDate(date) {
+      const y = date.getFullYear();
+      const m = String(date.getMonth() + 1).padStart(2, '0');
+      const d = String(date.getDate()).padStart(2, '0');
+      return `${y}-${m}-${d}`;
+    },
+    updateCurrentTime() {
+      setInterval(() => {
+        this.currentTime = this.formatTime(new Date());
+
+        // 自动切换上下班打卡类型
+        // const hours = new Date().getHours();
+        // this.checkInType = hours < 12 ? 'morning' : 'afternoon';
+        this.checkInBtnText = this.isCheckedIn ? '已打卡' : '打卡';
+      }, 1000);
+    },
+    checkCheckInStatus() {
+      const now = new Date();
+      const type = now.getHours() < 12 ? 1 : 2;
+      this.isCheckedIn = this.records.some(r => r.type === type);
+      this.checkInBtnText = this.isCheckedIn ? '已打卡' : '打卡';
+    },
+    changeGroup(e) {
+      this.groupIndex = e.detail.value;
+    },
+    async handleCheckIn(type, checkInPosition) {
+      if (this.isCheckedIn) return;
+      // if (this.attendanceInfo.checkInTime) { // 上班有卡 没下通道禁止打卡
+      //   if (this.$refs.workingGroup.isCheckOutJobs()) {
+      //     return uni.showToast({ title: '请先下岗位再下班打卡！', icon: 'none' });
+      //   }
+      // } 这个限制 业务不要
+      uni.showLoading({ title: '打卡中...' });
+      try {
+        await addAttendance({
+          userId: this.$store.state.user.id,
+          checkInDate: this.formatDate(new Date()),
+          checkInType: type, // 1 上班 2 下班
+          remark: '',
+          checkInPosition: checkInPosition.address,
+          longitude: checkInPosition.longitude,
+          latitude: checkInPosition.latitude,
+        });
+
+        await this.loadTodayRecord(); // 重新拉取今日
+        uni.showToast({ title: '打卡成功', icon: 'success' });
+      } finally {
+        uni.hideLoading();
+      }
+    },
+    showStats() {
+      uni.navigateTo({ url: '/pages/attendance/stats' });
+    }
+  }
+
+}
+</script>
+
+<style lang="scss" scoped>
+.attendance-container {
+  padding: 5px;
+  padding-top: 60px;
+  min-height: 100vh;
+}
+
+/* 顶部个人信息 */
+.user-header {
+  display: flex;
+  align-items: center;
+  background-color: #fff;
+  padding: 15px;
+  margin-bottom: 20px;
+  height: 96px;
+  background: #FFFFFF;
+  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
+  border-radius: 16px 16px 16px 16px;
+
+  .user-avatar {
+    width: 50px;
+    height: 50px;
+    border-radius: 25px;
+    overflow: hidden;
+    margin-right: 12px;
+
+    image {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  .user-info {
+    flex: 1;
+
+    .user-name {
+      font-size: 18px;
+      font-weight: bold;
+      color: #333;
+      display: block;
+      margin-bottom: 8px;
+    }
+
+    .user-position {
+      font-size: 14px;
+      color: #666;
+    }
+  }
+
+  .stats-btn {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    font-size: 14px;
+    color: #666;
+
+    .btn-text {
+      margin-top: 4px;
+      font-size: 12px;
+      color: #666;
+    }
+  }
+}
+</style>

src/pages/attendance/stats.vue

@@ -0,0 +1,214 @@
+<template>
+  <view class="stats-container">
+    <!-- 用户信息 -->
+    <view class="user-header">
+      <view class="user-avatar">
+        <image v-if="currentUser.avatar" :src="currentUser.avatar" class="cu-avatar xl round"></image>
+      </view>
+      <view class="user-info">
+        <text class="user-name">{{ currentUser.name }}</text>
+      </view>
+    </view>
+
+    <!-- 日历选择器 -->
+    <uni-calendar class="uni-calendar--hook card-radius" :selected="markedDates" :showMonth="true"
+      @change="handleDateChange" @monthSwitch="handleMonthSwitch" />
+
+    <!-- 打卡记录展示 -->
+    <TimelineRecord class="card-radius" :records="filteredRecords" v-if="filteredRecords.length > 0" />
+    <view v-else class="no-data">
+      <text>暂无打卡记录</text>
+    </view>
+  </view>
+</template>
+
+<script>
+import TimelineRecord from '@/components/timeline-record/TimelineRecord.vue';
+import { getAttendanceList } from "@/api/attendance/attendance"
+
+export default {
+  components: {
+    TimelineRecord
+  },
+  computed: {
+    currentUser() {
+      return this.$store.state.user || {
+        name: '未知用户',
+        department: '未知部门',
+        position: '未知职位'
+      };
+    }
+  },
+  data() {
+    return {
+      currentDate: new Date(),
+      markedDates: [],
+      allRecords: [],
+      filteredRecords: []
+    };
+  },
+  mounted() {
+    this.loadAttendanceData();
+  },
+  methods: {
+    async loadAttendanceData() {
+      try {
+        const { startDate, endDate } = this.getMonthRange();
+        const res = await getAttendanceList({
+          userId: this.$store.state.user.id,
+          type: 2,
+          startDate,
+          endDate
+        });
+
+        if (res.code === 200) {
+          this.allRecords = res.data;
+          this.updateMarkedDates();
+          this.filterRecordsByDate(this.currentDate);
+        }
+      } catch (error) {
+        console.error('加载考勤数据失败:', error);
+        uni.showToast({
+          title: '数据加载失败',
+          icon: 'none'
+        });
+      }
+    },
+
+    
+updateMarkedDates() {
+  const today = new Date().toISOString().split('T')[0];
+  this.markedDates = this.allRecords
+    .filter(record => record.attendanceDate)
+    .map(record => {
+		console.log(record,'12312313213')
+      const isToday = record.attendanceDate.split('T')[0] === today;
+      const hasCheckIn = !!record.checkInTime;
+      const hasCheckOut = !!record.checkOutTime;
+      
+      let status;
+      let custom = '';
+      if (isToday) {
+        status = ''; // 当天记录始终显示正常
+      } else if (hasCheckIn && hasCheckOut) {
+        status = '正常'; // 完整打卡记录
+		custom = 'blue'
+      } else if (hasCheckIn) {
+        status = '异常'; // 只有上班打卡
+      } else {
+        return null; // 无效记录过滤
+      }
+
+      return {
+        date: record.attendanceDate.split('T')[0],
+        info: status,
+		color:custom
+      };
+    })
+    .filter(Boolean); // 移除null值
+},
+
+
+    filterRecordsByDate(date) {
+      const dateStr = this.formatDate(date);
+      
+      this.filteredRecords = this.allRecords.filter(
+        record => record.attendanceDate.includes(dateStr)
+      );
+    },
+
+    getMonthRange() {
+      const year = this.currentDate.getFullYear();
+      const month = this.currentDate.getMonth();
+      return {
+        startDate: this.formatDate(new Date(year, month, 1)),
+        endDate: this.formatDate(new Date(year, month + 1, 0))
+      };
+    },
+
+    formatDate(date) {
+      const y = date.getFullYear();
+      const m = String(date.getMonth() + 1).padStart(2, '0');
+      const d = String(date.getDate()).padStart(2, '0');
+      return `${y}-${m}-${d}`;
+    },
+
+    handleDateChange(detail) {
+      if (!detail || !detail.fulldate) {
+        console.error('日期参数异常:', detail);
+        return;
+      }
+      this.currentDate = new Date(detail.fulldate);
+      this.filterRecordsByDate(this.currentDate);
+    },
+
+    handleMonthSwitch({ month }) {
+      this.currentDate = new Date(
+        this.currentDate.getFullYear(),
+        month - 1,
+        this.currentDate.getDate()
+      );
+      this.loadAttendanceData();
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.stats-container {
+  padding: 20rpx;
+  background-color: #f7f7f7;
+  min-height: 100vh;
+}
+
+.user-header {
+  display: flex;
+  align-items: center;
+  padding: 20rpx;
+  margin-bottom: 20rpx;
+  background-color: #fff;
+  border-radius: 16rpx;
+
+  .user-avatar {
+    width: 100rpx;
+    height: 100rpx;
+    border-radius: 50%;
+    overflow: hidden;
+    margin-right: 20rpx;
+
+    image {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  .user-info {
+    flex: 1;
+
+    .user-name {
+      font-size: 36rpx;
+      font-weight: bold;
+      color: #333;
+    }
+
+    .user-position {
+      font-size: 28rpx;
+      color: #999;
+    }
+  }
+}
+
+.card-radius {
+  border-radius: 16rpx;
+  overflow: hidden;
+  margin-bottom: 20rpx;
+}
+
+.no-data {
+  padding: 40rpx;
+  text-align: center;
+  color: #999;
+  background-color: #fff;
+  border-radius: 16rpx;
+}
+</style>

src/pages/attendanceStatistics/components/TableList.vue

@@ -0,0 +1,78 @@
+<template>
+  <div class="table-container">
+    <table class="data-table">
+      <thead>
+        <tr>
+          <th v-for="column in columns" :key="column.props">{{ column.title }}</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr v-for="(row, index) in data" :key="index"
+          :class="{ 'odd-row': (index + 1) % 2 !== 0, 'even-row': (index + 1) % 2 === 0 }">
+          
+          <td v-for="column in columns" :key="`${column.props}-${index}`">{{ row[column.props] }}</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'TableList',
+  props: {
+    columns: {
+      type: Array,
+      default: () => []
+
+    },
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+  created() {
+    console.log(this.columns,this.data);
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.table-container {
+  width: 100%;
+  overflow-x: auto;
+}
+
+.data-table {
+  width: 100%;
+  border-collapse: collapse;
+  border: 4rpx dashed #ccc;
+  border-radius: 16rpx;
+
+  th,
+  td {
+    padding: 12rpx;
+    height: 48rpx;
+    text-align: left;
+    border-bottom: 1rpx dashed #ccc;
+  }
+
+  th {
+    background-color: #f5f5f5;
+    font-weight: bold;
+    color: #666;
+  }
+
+  .odd-row {
+    background-color: #fff !important;
+  }
+
+  .even-row {
+    background-color: #f5f5f5 !important;
+  }
+
+  tr:hover {
+    background-color: #e0e0e0;
+  }
+}
+</style>

src/pages/attendanceStatistics/index.vue

@@ -0,0 +1,549 @@
+<template>
+    <home-container :customStyle="{ background: 'none' }">
+        <view class="container">
+            <!-- 顶部tabs -->
+            <h-tabs v-if="roles.includes('kezhang')" v-model="currentTab" :tabs="tabList" value-key="type"
+                label-key="title" @change="handleTabChange" />
+
+            <!-- 通道开放情况 -->
+            <view class="card" :style="{ paddingBottom: currentTab !== 'all' ? '100rpx' : '24rpx' }">
+                <view class="card-header">通道开放情况</view>
+                <view class="chart-container">
+                    <view class="pie-chart" id="pieChart"></view>
+                </view>
+
+                <view v-if="currentTab === 'all'" style="margin-top: 120rpx;" class="bar-chart" id="barChart1"></view>
+            </view>
+
+            <!-- 人员情况 -->
+            <view v-if="currentTab === 'all'" class="card">
+                <view class="card-header">人员情况</view>
+                <view class="bar-chart" id="barChart2"></view>
+            </view>
+
+            <!-- 明细情况 -->
+            <view class="card-header" style="padding-left: 10rpx;">明细情况</view>
+            <view class="card-detail">
+                <uni-collapse v-if="isShowBarChart1">
+                    <uni-collapse-item v-for="(item, index) in terminlDetail" :key="index" :title="item.terminlName"
+                        :open="true">
+                        <view class="detail-content">
+                            <view v-if="item.region.length > 0">在岗班组</view>
+                            <view class="detail-row" v-for="(regionItem, i) in item.region" :key="i">
+                                <view class="detail-title">{{ regionItem.regionalName }}&nbsp;&nbsp;开放数量：{{
+                                    regionItem.openChannelCount }}</view>
+                                <TableList :data="regionItem.detailList" :columns="[{
+                                    props: 'channelName',
+                                    title: '通道名称'
+                                }, {
+                                    props: 'onDutyTeamName',
+                                    title: '在岗班组'
+                                }, {
+                                    props: 'onDutyTime',
+                                    title: '上岗时间'
+                                }, {
+                                    props: 'onDutyCount',
+                                    title: '在岗人数'
+                                }]" />
+                            </view>
+                            <view v-if="item.waitList.length > 0" style="margin-bottom: 10rpx;">空闲班组</view>
+                            <TableList v-if="item.waitList.length > 0" :data="item.waitList" :columns="[{
+                                props: 'waitTeamName',
+                                title: '待岗班组'
+                            }, {
+                                props: 'waitCount',
+                                title: '待岗人数'
+                            }, {
+                                props: 'checkOutTime',
+                                title: '下通道时间'
+                            }]" />
+                        </view>
+                    </uni-collapse-item>
+                </uni-collapse>
+                <view v-else="!isShowBarChart1">
+                    <no-data text="暂无数据" icon-type="search" icon-size="60" icon-color="#C0C4CC" />
+                </view>
+            </view>
+        </view>
+    </home-container>
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import TableList from "./components/TableList.vue";
+import * as echarts from 'echarts';
+import { getChannelStatistics } from '@/api/attendanceStatistics/attendanceStatistics';
+import HTabs from "@/components/h-tabs/h-tabs.vue";
+
+export default {
+    components: { HomeContainer, TableList, HTabs },
+    data() {
+        return {
+            currentTab: 'my', // 默认显示我的区域
+            tabList: [
+                {
+                    type: 'my',
+                    title: '我的区域'
+                },
+                {
+                    type: 'all',
+                    title: '全部区域'
+                }
+            ],
+            terminlDetail: [],
+            mainDetail: {},
+            pieChart: null,
+            barChart1: null,
+            barChart2: null,
+            roles: this.$store.state.user.roles
+        }
+    },
+    computed: {
+        isShowPieChart() {
+            const values = Object.values(this.mainDetail || {});
+            console.log('mainDetail values:', values, 'all empty check:', values.every(item => !item));
+            return !values.every(item => !item);
+        },
+        isShowBarChart1() {
+            return this.terminlDetail.length > 0;
+        },
+    },
+    mounted() {
+        this.fetchData("1");
+
+        if (!this.roles.includes('kezhang')) {
+            this.currentTab = 'all'
+        }
+    },
+    methods: {
+        handleTabChange(newValue, tab) {
+            this.currentTab = newValue;
+
+            this.fetchData(this.currentTab == 'my' ? "1" : "2")
+        },
+        async fetchData(status) {
+
+            try {
+                console.log('正在请求考勤统计数据，status:', status);
+                const response = await getChannelStatistics(status);
+                console.log('接口返回数据:', response);
+
+                const { channelCount, maintainCount, onDutyCount, terminlDetail } = response;
+
+                console.log('解析后的数据:', { channelCount, maintainCount, onDutyCount, terminlDetail });
+
+                this.terminlDetail = terminlDetail || [];
+                this.mainDetail = {
+                    channelCount: channelCount || 0,
+                    maintainCount: maintainCount || 0,
+                    onDutyCount: onDutyCount || 0,
+
+                }
+                console.log(this.mainDetail, 22)
+                this.$nextTick(() => {
+                    this.initCharts();
+                })
+
+            } catch (e) {
+                console.error('获取考勤数据失败', e);
+            }
+        },
+        initCharts() {
+            const pieDom = document.getElementById('pieChart');
+            const barDom1 = document.getElementById('barChart1');
+            const barDom2 = document.getElementById('barChart2');
+
+            if (pieDom) {
+                this.pieChart = echarts.init(pieDom);
+            }
+            if (barDom1) {
+                this.barChart1 = echarts.init(barDom1);
+            }
+            if (barDom2) {
+                this.barChart2 = echarts.init(barDom2);
+            }
+            this.$nextTick(() => {
+
+                this.updateCharts();
+            });
+        },
+        updateCharts() {
+            // 在更新图表前先清空所有图表
+            this.pieChart && this.pieChart.clear();
+            this.barChart1 && this.barChart1.clear();
+            this.barChart2 && this.barChart2.clear();
+
+            let openRate = 0;
+            let openData = 0;
+            let closeData = 0;
+            if (this.roles.includes('kezhang') && this.currentTab == 'my') {
+
+                openData = this.terminlDetail.reduce((item, cur) => {
+                    return item + cur.onDutyChannelCount;
+                }, 0);
+                let allData = this.terminlDetail.reduce((item, cur) => {
+                    return item + cur.channelCount;
+                }, 0);
+                closeData = allData - openData;
+                openRate = (openData / allData) * 100;
+            } else {
+                let allData = this.terminlDetail.reduce((item, cur) => {
+                    return item + cur.channelCount;
+                }, 0);
+
+                // openData = this.mainDetail.onDutyCount;
+                openData = this.terminlDetail.reduce((item, cur) => {
+                    return item + cur.onDutyChannelCount;
+                }, 0);
+                openRate = (openData / allData) * 100;
+                closeData = allData - openData;
+
+            }
+
+            // 检查数据是否有效
+            const hasValidData = openData > 0 || closeData > 0;
+
+            // 环形图配置
+            this.pieChart && this.pieChart.setOption({
+                series: [{
+                    type: 'pie',
+                    radius: ['55%', '70%'],
+                    avoidLabelOverlap: false,
+                    // label: { show: false },
+                    data: hasValidData ? [
+                        { value: openRate, name: '开放 ' + openData, itemStyle: { color: '#5972C0' } },
+                        { value: 100 - openRate, name: '未开放 ' + closeData, itemStyle: { color: 'rgba(89, 114, 192, 0.5)' } }
+                    ] : [],
+                    silent: !hasValidData // 无数据时禁用交互
+                }],
+                graphic: hasValidData ? [{
+                    type: 'text',
+                    left: 'center',
+                    top: '40%',
+                    style: {
+                        text: '开放率',
+                        font: 'normal 16px sans-serif',
+                        fill: '#333'
+                    }
+                }, {
+                    type: 'text',
+                    left: 'center',
+                    top: '50%',
+                    style: {
+                        text: openRate.toFixed(2) + '%',
+                        font: 'bold 24px sans-serif',
+                        fill: '#333'
+                    }
+                }] : [{
+                    // 无数据时显示提示
+                    type: 'text',
+                    left: 'center',
+                    top: 'center',
+                    style: {
+                        text: '暂无数据',
+                        font: '16px sans-serif',
+                        fill: '#999'
+                    }
+                }]
+            });
+
+            let firstTerminal = 'T1航站楼';
+            let secondTerminal = 'T2航站楼';
+            let terminalName = [firstTerminal, secondTerminal]
+
+            // 安全检查：确保 terminlDetail 存在且为数组
+            let barT1 = this.terminlDetail && Array.isArray(this.terminlDetail)
+                ? this.terminlDetail.filter(item => item.terminlName === firstTerminal)[0]
+                : null;
+            let barT2 = this.terminlDetail && Array.isArray(this.terminlDetail)
+                ? this.terminlDetail.filter(item => item.terminlName === secondTerminal)[0]
+                : null;
+
+            let batT1Open = barT1?.onDutyChannelCount;//T1航站楼开放人数
+            let batT2Open = barT2?.onDutyChannelCount;//T2航站楼开放人数
+            let batT1Close = barT1 ? barT1.channelCount - barT1.onDutyChannelCount : 0;//T1航站楼未开放人数
+            let batT2Close = barT2 ? barT2.channelCount - barT2.onDutyChannelCount : 0;//T2航站楼未开放人数
+            console.log(batT1Open, batT2Open, "batT2Open")
+
+            // 检查条形图数据是否有效
+            const hasBarData = (batT1Open > 0 || batT1Close > 0 || batT2Open > 0 || batT2Close > 0);
+
+            // 通道开放情况正负条形图
+            if (this.currentTab === 'all') {
+                this.barChart1 && this.barChart1.setOption({
+                    tooltip: { 
+                        trigger: 'axis', 
+                        axisPointer: { type: 'shadow' },
+                        formatter: function(params) {
+                            let result = params[0].name + '<br/>';
+                            params.forEach(function(item) {
+                                result += item.marker + ' ' + item.seriesName + ': ' + Math.abs(item.value) + '<br/>';
+                            });
+                            return result;
+                        }
+                    },
+                    legend: {
+                        data: ['开放', '未开放'],
+                        top: '15%'
+                    },
+                    grid: {
+                        left: '4%',
+                        right: '4%',
+                        bottom: '4%',
+                        containLabel: true,
+                        backgroundColor: 'transparent'
+                    },
+                    xAxis: {
+                        type: 'value',
+                        axisLine: { show: true },
+                        axisTick: { show: false },
+                        axisLabel: {
+                            show: false,
+                            formatter: function (value) {
+                                return Math.abs(value);
+                            }
+                        },
+                        splitLine: { show: false },
+                        min: function (value) {
+                            return value.min - (value.max - value.min) * 0.3;
+                        },
+                        max: function (value) {
+                            return value.max + (value.max - value.min) * 0.3;
+                        }
+                    },
+                    yAxis: {
+                        type: 'category',
+                        axisLine: { show: false },
+                        axisTick: { show: false },
+                        data: terminalName,
+                        splitLine: { show: false }
+                    },
+                    series: hasBarData ? [
+                        {
+                            name: '开放',
+                            type: 'bar',
+                            data: [-batT1Open, -batT2Open],
+                            stack: 'total',
+                            barWidth: '30%',
+                            itemStyle: { color: '#6E65F1' },
+                            label: {
+                                show: function (params) {
+                                    return Math.abs(params.value) !== 0;
+                                },
+                                position: 'left',
+                                formatter: function (params) {
+                                    return Math.abs(params.value) === 0 ? '' : Math.abs(params.value);
+                                }
+                            }
+                        },
+                        {
+                            name: '未开放',
+                            type: 'bar',
+                            stack: 'total',
+                            barWidth: '30%',
+                            data: [batT1Close, batT2Close],
+                            itemStyle: { color: '#D4D1FB' },
+                            label: {
+                                show: function (params) {
+                                    return Math.abs(params.value) !== 0;
+                                },
+                                position: 'right',
+                                formatter: function (params) {
+                                    return Math.abs(params.value) === 0 ? '' : Math.abs(params.value);
+                                }
+                            }
+                        }
+                    ] : [],
+                    graphic: !hasBarData ? [{
+                        // 无数据时显示提示
+                        type: 'text',
+                        left: 'center',
+                        top: 'center',
+                        style: {
+                            text: '暂无数据',
+                            font: '16px sans-serif',
+                            fill: '#999'
+                        }
+                    }] : []
+                });
+            }
+
+
+            let batT1NormalPerson = barT1?.onDutyCount;//T1航站楼在岗人数
+            let batT2NormalPerson = barT2?.onDutyCount;//T2航站楼在岗人数
+            let batT1FreePerson = barT1 ? barT1.openChannelCount - barT1.onDutyCount : 0;//T1航站楼空闲人数
+            let batT2FreePerson = barT2 ? barT2.openChannelCount - barT2.onDutyCount : 0;//T2航站楼空闲人数
+            console.log(batT1NormalPerson, batT2NormalPerson, batT1FreePerson, batT2FreePerson, "batT2NormalPerson")
+            // 检查条形图数据是否有效
+            const hasBar2Data = (batT1NormalPerson > 0 || batT2NormalPerson > 0 || batT1FreePerson > 0 || batT2FreePerson > 0);
+            // 人员情况正负条形图
+            if (this.currentTab === 'all') {
+                this.barChart2 && this.barChart2.setOption({
+                    tooltip: { 
+                        trigger: 'axis', 
+                        axisPointer: { type: 'shadow' },
+                        formatter: function(params) {
+                            let result = params[0].name + '<br/>';
+                            params.forEach(function(item) {
+                                result += item.marker + ' ' + item.seriesName + ': ' + Math.abs(item.value) + '<br/>';
+                            });
+                            return result;
+                        }
+                    },
+                    legend: { data: ['在岗人数', '空闲人数'], top: '15%' },
+                    grid: {
+                        left: '4%',
+                        right: '4%',
+                        bottom: '4%',
+                        containLabel: true,
+                        backgroundColor: 'transparent'
+                    },
+                    xAxis: {
+                        type: 'value',
+                        axisLine: { show: true },
+                        axisTick: { show: false },
+                        axisLabel: {
+                            show: false,
+                            formatter: function (value) {
+                                return Math.abs(value);
+                            }
+                        },
+                        splitLine: { show: false },
+                        min: function (value) {
+                            return value.min - (value.max - value.min) * 0.3;
+                        },
+                        max: function (value) {
+                            return value.max + (value.max - value.min) * 0.3;
+                        }
+                    },
+                    yAxis: {
+                        type: 'category',
+                        axisLine: { show: false },
+                        axisTick: { show: false },
+                        data: terminalName,
+                        splitLine: { show: false }
+                    },
+                    series: hasBar2Data ? [
+                        {
+                            name: '在岗人数',
+                            type: 'bar',
+                            data: [-batT1NormalPerson, -batT2NormalPerson],
+                            stack: 'total',
+                            barWidth: '30%',
+                            itemStyle: { color: '#6E65F1' },
+                            label: {
+                                show: true,
+                                position: 'left',
+                                formatter: function (params) {
+                                    return Math.abs(params.value) === 0 ? '' : Math.abs(params.value);
+                                }
+                            }
+                        },
+                        {
+                            name: '空闲人数',
+                            type: 'bar',
+                            stack: 'total',
+                            barWidth: '30%',
+                            data: [batT1FreePerson, batT2FreePerson],
+                            itemStyle: { color: '#D4D1FB' },
+                            label: {
+                                show: true,
+                                position: 'right',
+                                formatter: function (params) {
+                                    return Math.abs(params.value) === 0 ? '' : Math.abs(params.value);
+                                }
+                            }
+                        }
+                    ] : [],
+                    graphic: !hasBar2Data ? [{
+                        // 无数据时显示提示
+                        type: 'text',
+                        left: 'center',
+                        top: 'center',
+                        style: {
+                            text: '暂无数据',
+                            font: '16px sans-serif',
+                            fill: '#999'
+                        }
+                    }] : []
+                });
+            }
+
+
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+    padding: 20rpx;
+    display: flex;
+    flex-direction: column;
+    gap: 20rpx;
+    background: none !important;
+}
+
+.card-detail {
+    padding: 0;
+    background: #fff;
+    border-radius: 16rpx;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+}
+
+.card {
+    background: #fff;
+    border-radius: 16rpx;
+    padding: 24rpx;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+}
+
+.card-header {
+    font-size: 32rpx;
+    font-weight: bold;
+    margin-bottom: 20rpx;
+    color: #333;
+}
+
+.chart-container {
+    position: relative;
+    height: 300rpx;
+    margin-bottom: 20rpx;
+}
+
+.pie-chart,
+.bar-chart {
+    width: 100% !important;
+    height: 400rpx;
+}
+
+
+
+
+.open-rate {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    font-size: 28rpx;
+    color: #666;
+}
+
+.detail-content {
+    padding: 20rpx;
+}
+
+.detail-row {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 10rpx;
+    font-size: 26rpx;
+    color: #666;
+    flex-direction: column;
+
+    .detail-title {
+        margin: 10rpx 0;
+        color: #6E65F1;
+    }
+}
+</style>

src/pages/checklist/components/SelectPerson.vue

@@ -0,0 +1,315 @@
+<template>
+  <view class="select-person-modal">
+    <view class="slot-content" @click.stop="openModal">
+      <slot></slot>
+    </view>
+    <u-popup :show="show" mode="center" :round="8" @close="close">
+      <view class="modal-content">
+        <view class="title">
+          <text>选择人员</text>
+          <u-icon name="close" color="#666666" size="20" @click="close" />
+        </view>
+
+        <view class="title-cell">
+          <SelectData ref="selectData" @search="searchUsers" @searchViewShowEvent="searchViewShowHandler" />
+        </view>
+
+        <view class="title-cell" v-if="!searchViewShow && selectedUsers && selectedUsers.length">
+          <view class="title-text">{{ `已选人员(${selectedUsers.length}人)` }}</view>
+          <list-user :data="selectedUsers" :show-delete="true" @delete="handleRemoveSelectedUser" />
+        </view>
+
+        <view class="title-cell" v-if="searchViewShow">
+          <view style="margin-bottom: 15px;" v-if="addUsers && addUsers.length">
+            <view class="title-text">
+              {{ `添加人员(${addUsers.length}人)` }}
+            </view>
+            <list-user :data="addUsers" :show-delete="true" @delete="handleRemoveAddUser" />
+          </view>
+
+          <view class="title-text">
+            {{ `搜索结果(${searchResults.length}人)` }}
+          </view>
+          <list-user v-if="searchResults && searchResults.length" :data="searchResults" :show-delete="false"
+            @delete="handleRemoveSearchResult" @click="handleSearchResultClick" />
+          <view v-else class="empty">
+            <text v-if="searchKeyword">暂无搜索结果</text>
+            <text v-else>请输入关键词搜索</text>
+          </view>
+        </view>
+
+        <view class="footer-btn">
+          <view v-if="searchViewShow" class="custom-btn-normal" @click="appendUsers"
+            :class="{ disabled: addUsers.length === 0 }">添加人员</view>
+          <view v-else class="custom-btn-normal" @click="confirmSelection"
+            :class="{ disabled: selectedUsers.length === 0 }">确认选择</view>
+        </view>
+      </view>
+    </u-popup>
+  </view>
+</template>
+
+<script>
+import SelectData from '@/pages/attendance/components/SelectData'
+import UserAvatar from '@/pages/attendance/components/UserAvatar'
+import { formatName } from '@/utils/formatUtils'
+import {
+  getUserList,
+} from "@/api/attendance/attendance"
+export default {
+  components: { SelectData, UserAvatar },
+  props: {
+    // 初始选中的人员列表
+    value: {
+      type: Array,
+      default: () => []
+    },
+    // 是否多选
+    multiple: {
+      type: Boolean,
+      default: true
+    },
+    // 占位符文本
+    placeholder: {
+      type: String,
+      default: '点击选择人员'
+    },
+    // 是否禁用
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      show: false,
+      selectedUsers: [], // 选中的人员
+      searchResults: [], // 搜索结果
+      addUsers: [], // 待添加的人员
+      searchViewShow: false,
+      searchKeyword: ''
+    }
+  },
+  watch: {
+    value: {
+      handler(newValue) {
+        this.selectedUsers = [...newValue]
+      },
+      immediate: true
+    },
+    show(newValue) {
+      if (newValue) {
+        this.searchViewShow = false
+        this.searchResults = []
+        this.addUsers = []
+        this.searchKeyword = ''
+        if (this.$refs.selectData) {
+          this.$refs.selectData.clearInput()
+        }
+      }
+    }
+  },
+  methods: {
+    openModal() {
+      if (this.disabled) return
+      this.show = true
+    },
+    close() {
+      this.show = false
+    },
+
+    searchViewShowHandler(show) {
+      this.searchViewShow = show || this.addUsers.length
+    },
+
+    // 搜索用户
+    async searchUsers(keyword) {
+   
+      this.searchKeyword = keyword.trim()
+      if (!this.searchKeyword) {
+        this.searchResults = []
+        return
+      }
+
+      try {
+        const response = await getUserList({
+          nickName: this.searchKeyword,
+          status: '0'
+        })
+        
+
+        if (response && response.code === 200) {
+          this.searchResults = (response.rows || []).map(item => ({
+            ...item,
+            nickName: formatName(item.nickName),
+            // 确保包含部门信息
+            deptName: item.dept?.deptName || item.deptName || ''
+          }))
+        } else {
+          this.searchResults = []
+          uni.showToast({
+            title: '搜索失败，请重试',
+            icon: 'none',
+            duration: 2000
+          })
+        }
+      } catch (error) {
+        this.searchResults = []
+        uni.showToast({
+          title: '搜索失败，请重试',
+          icon: 'none',
+          duration: 2000
+        })
+      }
+    },
+
+    // 选择待添加人员
+    selectAddUser(user) {
+      const index = this.addUsers.findIndex(item => item.userId === user.userId)
+      if (index >= 0) {
+        this.addUsers.splice(index, 1)
+      } else {
+        this.addUsers.push(user)
+      }
+    },
+
+    // 添加人员到选中列表
+    appendUsers() {
+      if (this.addUsers.length) {
+        this.addUsers.forEach(user => {
+          // 确保添加的人员数据包含部门信息
+          const userWithDept = {
+            ...user,
+            dept_name: user.dept?.deptName || user.deptName || ''
+          };
+          this.selectUser(userWithDept, false)
+        })
+        this.addUsers = []
+        this.searchViewShow = false
+        if (this.$refs.selectData) {
+          this.$refs.selectData.clearInput()
+        }
+      }
+    },
+
+    // 移除选中人员
+    removeSelectedUser(user, onlyCheck = false) {
+      const index = this.selectedUsers.findIndex(item => item.userId === user.userId)
+      if (index >= 0) {
+        if (!onlyCheck) {
+          this.selectedUsers.splice(index, 1)
+        }
+        return undefined
+      }
+      return user
+    },
+
+    // 处理删除已选人员
+    handleRemoveSelectedUser({ deletedItem, index, newData }) {
+      this.selectedUsers = newData
+    },
+
+    // 处理删除待添加人员
+    handleRemoveAddUser({ deletedItem, index, newData }) {
+      this.addUsers = newData
+    },
+
+    // 处理删除搜索结果（虽然不应该有删除操作，但为了完整性）
+    handleRemoveSearchResult({ deletedItem, index, newData }) {
+      this.searchResults = newData
+    },
+
+    // 选择人员处理
+    selectUser(user, unique = true) {
+      const addItem = this.removeSelectedUser(user, !unique)
+      if (addItem) {
+        this.selectedUsers.push(addItem)
+      }
+    },
+
+    // 确认选择
+    confirmSelection() {
+      if (this.selectedUsers.length === 0) {
+        uni.showToast({
+          title: '请选择至少一位人员',
+          icon: 'none'
+        })
+        return
+      }
+
+    
+      this.$emit('change', this.selectedUsers)
+      this.$emit('confirm', this.selectedUsers)
+
+      this.show = false
+
+      uni.showToast({
+        title: `已选择${this.selectedUsers.length}人`,
+        icon: 'success',
+        duration: 1500
+      })
+    },
+
+    // 处理搜索结果点击
+    handleSearchResultClick({ clickedItem, index, data }) {
+      if (clickedItem) {
+        this.selectAddUser(clickedItem)
+      }
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.select-person-modal {
+  .slot-content {
+    display: inline-block;
+  }
+
+  .empty {
+    text-align: center;
+    padding: 20px;
+    color: #999;
+    font-size: 14px;
+  }
+
+  .modal-content {
+    width: 90vw;
+    max-height: 75vh;
+    padding: 10px 0;
+    overflow-y: auto;
+
+    .title {
+      height: 24px;
+      font-weight: 400;
+      font-size: 18px;
+      color: #333333;
+      line-height: 21px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 15px;
+      box-sizing: border-box;
+      border-bottom: 1px solid #f0f0f0;
+    }
+
+    .title-cell {
+      padding: 15px;
+
+      .title-text {
+        font-size: 16px;
+        font-weight: 500;
+        color: #333;
+        margin-bottom: 12px;
+      }
+    }
+
+    .footer-btn {
+      padding: 15px;
+      border-top: 1px solid #f0f0f0;
+
+
+    }
+  }
+}
+</style>

src/pages/checklist/components/SubmitResult.vue

@@ -0,0 +1,121 @@
+<template>
+    <u-popup ref="popup" :show="showPopup" mode="center" :mask-close-able="false" :round="16">
+        <view class="submit-result-modal">
+            <!-- 成功图片 -->
+            <image src="/static/images/submitOK.png" class="success-image" mode="aspectFit" />
+
+            <!-- 成功提示文字 -->
+            <text class="success-text">提交成功</text>
+
+            <!-- 按钮区域 -->
+            <view class="button-group">
+                <view class="custom-btn-white" @click="handleBackToList">
+                    返回列表
+                </view>
+                <view class="custom-btn-normal" @click="handleContinueSubmit">
+                    继续提交
+                </view>
+            </view>
+        </view>
+    </u-popup>
+</template>
+
+<script>
+export default {
+    name: 'SubmitResult',
+    data() {
+        return {
+            showPopup: false
+        };
+    },
+    methods: {
+        // 打开模态框
+        open() {
+            this.showPopup = true;
+        },
+
+        // 关闭模态框
+        close() {
+            this.showPopup = false;
+        },
+
+        // 返回列表
+        handleBackToList() {
+            this.close();
+           
+            uni.navigateBack({ delta: 1 });
+        },
+
+        // 继续提交
+        handleContinueSubmit() {
+            this.close();
+            // 触发继续提交事件
+            this.$emit('continue-submit');
+        }
+    }
+}
+</script>
+
+<style scoped>
+.submit-result-modal {
+    background: #ffffff;
+    border-radius: 16rpx;
+    padding: 60rpx 40rpx 40rpx;
+    width: 560rpx;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.success-image {
+    width: 400rpx;
+    height: 400rpx;
+    margin-bottom: 32rpx;
+}
+
+.success-text {
+    font-size: 36rpx;
+    font-weight: 600;
+    color: #333333;
+    margin-bottom: 48rpx;
+    text-align: center;
+}
+
+.button-group {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+    gap: 20rpx;
+}
+
+.btn {
+    flex: 1;
+    height: 80rpx;
+    border-radius: 12rpx;
+    font-size: 28rpx;
+    font-weight: 500;
+    border: none;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.btn-primary {
+    background: #2979FF;
+    color: #ffffff;
+}
+
+.btn-primary:active {
+    background: #1E62D9;
+}
+
+.btn-secondary {
+    background: #F2F2F2;
+    color: #666666;
+    border: 1px solid #E0E0E0;
+}
+
+.btn-secondary:active {
+    background: #E8E8E8;
+}
+</style>

src/pages/checklist/components/unqualified.vue

@@ -0,0 +1,216 @@
+<template>
+  <view class="unqualified-container">
+    <!-- 头部标题和加号 -->
+    <template v-if="formData.checkedLevel !== 'PERSONNEL_LEVEL'">
+      <view class="header">
+        <text class="title">不合格人员</text>
+        <!-- 人员选择组件，加号放在插槽中 -->
+        <SelectPerson ref="selectPerson" :value="localPersonnelData" @input="handlePersonnelSelect" :disabled="disabled"
+          @confirm="handlePersonnelConfirm">
+          <uni-icons type="plus" size="24" :color="disabled ? '#999' : '#409EFF'" class="add-icon" />
+        </SelectPerson>
+      </view>
+
+      <!-- 人员列表 -->
+      <view class="personnel-list" v-if="localPersonnelData && localPersonnelData.length > 0">
+        <list-user :data="localPersonnelData" :show-delete="showDelete" @delete="handlePersonnelDelete"
+          :disabled="disabled" />
+      </view>
+
+      <view class="empty-tip" v-else>
+        <text>暂无不合格人员</text>
+      </view>
+    </template>
+
+    <!-- 问题描述输入框 -->
+    <view class="problem-input">
+      <uni-easyinput type="textarea" :placeholder="placeholder" v-model="problemDescription" @input="handleProblemInput"
+        :maxlength="-1" :autoHeight="true" :disabled="disabled" />
+    </view>
+  </view>
+</template>
+
+<script>
+import ListUser from '@/components/list-user/list-user.vue'
+import uniIcons from '@/uni_modules/uni-icons/components/uni-icons/uni-icons.vue'
+import uniEasyinput from '@/uni_modules/uni-easyinput/components/uni-easyinput/uni-easyinput.vue'
+import SelectPerson from './SelectPerson.vue'
+
+export default {
+  name: 'UnqualifiedPersonnel',
+  components: {
+    ListUser,
+    uniIcons,
+    uniEasyinput,
+    SelectPerson
+  },
+  props: {
+    formData: {
+      type: Object,
+      default: () => { }
+    },
+    roles: {
+      type: Array,
+      default: () => []
+    },
+    // 人员数据
+    personnelData: {
+      type: Array,
+      default: () => []
+    },
+    // 是否显示删除按钮
+    showDelete: {
+      type: Boolean,
+      default: true
+    },
+    // 问题描述
+    value: {
+      type: String,
+      default: ''
+    },
+    // 输入框占位符
+    placeholder: {
+      type: String,
+      default: '请输入问题描述'
+    },
+    // 父项目索引
+    parentIndex: {
+      type: Number,
+      default: -1
+    },
+    // 子项目索引
+    childIndex: {
+      type: Number,
+      default: -1
+    },
+    // 禁用状态
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      problemDescription: this.value,
+      localPersonnelData: [...this.personnelData] // 创建本地副本
+    }
+  },
+  watch: {
+    value(newVal) {
+      this.problemDescription = newVal
+    },
+    personnelData(newVal) {
+      // 当父组件更新personnelData时，同步更新本地数据
+      this.localPersonnelData = [...newVal]
+    }
+  },
+  methods: {
+    // 处理人员选择
+    handlePersonnelSelect(selectedUsers) {
+      this.localPersonnelData = [...selectedUsers]
+
+      this.emitPersonnelChange()
+    },
+
+    // 回显 不合格人员
+    handlePersonnelConfirm(selectedUsers) {
+      this.localPersonnelData = [...selectedUsers]
+      this.emitPersonnelChange()
+    },
+
+
+
+    // 处理人员删除
+    handlePersonnelDelete({ item, index, newData }) {
+      this.localPersonnelData.splice(index, 1)
+
+      this.emitPersonnelChange()
+    },
+
+    // 处理问题描述输入
+    handleProblemInput(value) {
+      this.problemDescription = value
+
+      this.emitPersonnelChange()
+    },
+
+    // 向外传递完整的对象
+    emitPersonnelChange() {
+      let personnelData = this.localPersonnelData.map(item => ({
+        ...item,
+        userName:item.nickName.replace(/\s+/g, ''),
+        nickName:item.nickName.replace(/\s+/g, ''), // 去掉nickName中的所有空格
+      }))
+      const changeData = {
+        parentIndex: this.parentIndex,
+        childIndex: this.childIndex,
+        personnelData: [...personnelData],
+        problemDescription: this.problemDescription
+      }
+      this.$emit('personnel-change', changeData)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.unqualified-container {
+  background: #F5F5F5;
+  border-radius: 12rpx;
+  padding: 32rpx;
+  margin: 24rpx 0;
+}
+
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 24rpx;
+
+  .title {
+    font-size: 32rpx;
+    font-weight: 600;
+    color: #333333;
+    line-height: 44rpx;
+  }
+
+  .add-icon {
+    padding: 8rpx;
+    background: #FFFFFF;
+    border-radius: 50%;
+    box-shadow: 0 4rpx 12rpx rgba(64, 158, 255, 0.3);
+    cursor: pointer;
+  }
+}
+
+.personnel-list {
+  margin-bottom: 24rpx;
+}
+
+.empty-tip {
+  text-align: center;
+  padding: 48rpx 0;
+  color: #999999;
+  font-size: 28rpx;
+}
+
+.problem-input {
+  ::v-deep .uni-easyinput__content {
+    background: #FFFFFF;
+    border-radius: 12rpx;
+    padding: 24rpx;
+    min-height: 120rpx;
+  }
+
+  ::v-deep .uni-textarea-textarea {
+    font-size: 28rpx;
+    line-height: 40rpx;
+    color: #333333;
+  }
+
+  ::v-deep .uni-easyinput__placeholder {
+    color: #999999;
+    font-size: 28rpx;
+  }
+}
+</style>

src/pages/checklist/index.vue

@@ -0,0 +1,986 @@
+<template>
+    <home-container>
+        <view class="report-container">
+            <!-- 表单区域 -->
+            <uni-forms ref="form" :rules="rules" :modelValue="formData" label-position="top" err-show-type="modal">
+                <!-- 基本信息分组 (默认展开) -->
+                <view class="card">
+                    <uni-collapse :accordion="false" :value="['group1']">
+                        <h-collapse-item name="group1" :show-animation="true"
+                            :iconUrl="'../../static/images/icon/jiben.png'" :title="'基本信息'">
+                            <uni-forms-item label="任务编号" name="taskCode">
+                                <uni-easyinput v-model="formData.taskCode" placeholder="系统自动生成"
+                                    :disabled="true"></uni-easyinput>
+                            </uni-forms-item>
+                            <uni-forms-item label="检查人" name="checkerName">
+                                <uni-easyinput v-model="formData.checkerName" placeholder="请输入检查人姓名" :disabled="true" />
+                            </uni-forms-item>
+                            <uni-forms-item label="执行频率" name="frequency">
+                                <uni-easyinput :value="`${formData.ruleTypeDesc}${formData.ruleTypeNum}次`"
+                                    placeholder="请输入执行频率" :disabled="true" />
+                            </uni-forms-item>
+                            <uni-forms-item label="任务简介" name="description">
+                                <uni-easyinput type="textarea" v-model="formData.description" placeholder="请输入任务简介"
+                                    :disabled="true" />
+                            </uni-forms-item>
+                            <uni-forms-item :label="getCheckLabel" :name="getCheckFieldName" required>
+                                <uni-data-picker v-if="getCheckLabel == '被检查主管'" :localdata="departments"
+                                    :popup-title="`请选择${getCheckLabel}`" v-model="formData.checkedDepartmentId"
+                                    @change="handlecheckedDepartmentIdChange" :readonly="formDisabled" />
+                                <uni-data-picker v-if="getCheckLabel == '被检查大队'" :localdata="brigades"
+                                    :popup-title="`请选择${getCheckLabel}`" v-model="formData.checkedBrigadeId"
+                                    @change="handlecheckedBrigadeIdChange" :readonly="formDisabled" />
+                                <uni-data-picker v-if="getCheckLabel == '被检查班组'" :localdata="teams"
+                                    :popup-title="`请选择${getCheckLabel}`" v-model="formData.checkedTeamId"
+                                    @change="handlecheckedTeamIdChange" :readonly="formDisabled" />
+
+                                <fuzzy-select v-if="getCheckLabel == '被检查人'" v-model="formData.checkedPersonnelId"
+                                    :options="userOptions" placeholder="请输入被检查人姓名搜索" data-value="userId"
+                                    data-text="nickName" @change="handleCheckedSelect" :disabled="formDisabled" />
+                            </uni-forms-item>
+                            <uni-forms-item label="检查地点" name="checkLocation" required>
+                                <uni-data-picker :localdata="location_options" popup-title="请选择检查地点"
+                                    v-model="formData.checkLocation" @change="handleCheckLocationChange"
+                                    :readonly="formDisabled" />
+                            </uni-forms-item>
+                            <uni-forms-item label="检查时间" name="checkTime" required>
+                                <uni-datetime-picker type="datetime" :start="startDate" v-model="formData.checkTime"
+                                    :disabled="formDisabled" />
+                            </uni-forms-item>
+                        </h-collapse-item>
+                    </uni-collapse>
+                </view>
+
+                <!-- 巡检项目分组 -->
+                <view class="card">
+                    <uni-collapse :accordion="false" :value="['group2']">
+                        <h-collapse-item title="巡检项目" name="group2" :show-animation="true"
+                            :iconUrl="'../../static/images/icon/xunjian.png'" ref="xunjianCollapseItem">
+                            <view style="padding: 0 15px 15px 15px;">
+                                <!-- 巡检项目描述卡片 -->
+                                <list-card v-for="(item, index) in formData.checkProjectItemList" :key="item.id">
+                                    <template #title>
+                                        <view class="item-title">
+                                            {{ item.categoryNameOne }}/{{ item.categoryNameTwo }}
+                                        </view>
+                                    </template>
+                                    <view v-for="(ele, i) in item.children" :key="ele.id">
+                                        <view class="list-row-space-between">
+                                            <view class="list-label">
+                                                {{ ele.projectName }}
+                                            </view>
+                                            <view class="list-value">
+                                                <TextSwitch class="text-switch" v-model="ele.scoreLevel"
+                                                    uncheck_text="不符合" uncheck_value="UNQUALIFIED" checked_text="符合"
+                                                    checked_value="QUALIFIED" :disabled="formDisabled" />
+                                            </view>
+                                        </view>
+                                        <!-- 不合格人员组件 -->
+                                        <view v-if="ele.scoreLevel == 'UNQUALIFIED'">
+                                            <unqualified-personnel v-model="ele.problemDescription" :formData="formData"
+                                                :personnel-data="ele.checkUserList || []" :parent-index="index"
+                                                :child-index="i" @personnel-change="handlePersonnelChange"
+                                                :disabled="formDisabled" />
+                                        </view>
+                                    </view>
+                                </list-card>
+
+
+                                <!-- 不合格图片上传 -->
+                                <view class="upload-section" v-if="!allItemsQualified">
+                                    <text class="upload-title">上传不合格图片</text>
+                                    <uni-file-picker v-model="formData.baseAttachmentList" limit="8" title="最多上传8张"
+                                        style="height: 350rpx;" :image-styles="imageStyles" fileMediatype="image"
+                                        mode="grid" @select="onSelect" :disabled="formDisabled"
+                                        :readonly="formDisabled" />
+                                </view>
+                            </view>
+                        </h-collapse-item>
+                    </uni-collapse>
+                </view>
+
+                <!-- 整改要求分组 -->
+                <view class="card" v-if="rectificationSuggestionsRequired">
+                    <uni-collapse :accordion="false" :value="['group3']">
+                        <h-collapse-item title="整改要求" name="group3" :show-animation="true"
+                            :iconUrl="'../../static/images/icon/zhenggai.png'">
+                            <uni-forms-item label="责任人" name="responsibleUserId" required>
+                                <fuzzy-select v-model="formData.responsibleUserId" :options="userOptions"
+                                    placeholder="请输入责任人姓名搜索" data-value="userId" data-text="nickName"
+                                    @change="handleUserSelect" :disabled="formDisabled" />
+                            </uni-forms-item>
+
+                            <uni-forms-item label="整改期限" name="rectificationDeadline" required>
+                                <uni-datetime-picker type="datetime" :start="startDate"
+                                    v-model="formData.rectificationDeadline" :disabled="formDisabled" />
+                            </uni-forms-item>
+
+                            <uni-forms-item label="整改要求" name="rectificationSuggestions" required>
+                                <uni-easyinput type="textarea" v-model="formData.rectificationSuggestions"
+                                    placeholder="请输入整改要求" :disabled="formDisabled" />
+                            </uni-forms-item>
+                        </h-collapse-item>
+                    </uni-collapse>
+                </view>
+
+                <!-- 提交按钮 -->
+                <view class="button-group" v-if="formData.checkRecordStatus == 'DRAFT' || type == 'task'">
+                    <view class="custom-btn-white" @click="saveDraft">保存草稿</view>
+                    <view class="custom-btn-normal" @click="submitForm">立刻提交</view>
+                </view>
+            </uni-forms>
+        </view>
+
+        <SubmitResult ref="submitResult" @continue-submit="handleContinueSubmit" />
+    </home-container>
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import ListCard from "@/components/list-card/list-card.vue";
+import { getCheckTask } from "@/api/check/checkTask.js"
+import TextSwitch from "@/components/text-switch/text-switch.vue"
+import { checkedLevelEnums } from "@/utils/enums.js"
+import UnqualifiedPersonnel from "./components/unqualified.vue"
+import { treeSelectByType } from "@/api/system/common"
+import { buildTeamOptions, buildDepartmentOptions, buildBrigadeOptions, buildManagerOptions } from '@/utils/common'
+import useDictMixin from '@/utils/dict'
+import { getDeptRoleUser } from "@/api/check/checklist.js"
+import { addDraftInspection, submitInspection, getInspectionListById } from '@/api/check/checkReward.js'
+import SubmitResult from './components/SubmitResult.vue'
+import { selectDeptLeaderByUserId } from '@/api/approve/approve.js'
+import config from '@/config'
+import { getToken } from '@/utils/auth'
+import { listAllUser } from "@/api/system/user.js"
+import { formatTime } from '@/utils/formatUtils'
+import { getDeptList, getDeptManager } from "@/api/system/dept/dept.js"
+import FuzzySelect from "@/components/fuzzy-select/fuzzy-select.vue"
+export default {
+    components: { HomeContainer, ListCard, TextSwitch, UnqualifiedPersonnel, FuzzySelect, SubmitResult },
+    mixins: [useDictMixin],
+    computed: {
+        currentUser() {
+            return this.$store.state.user;
+        },
+        notkezhang() {
+            let roles = this.$store.state.user.roles
+            return !roles || !roles.includes('kezhang')
+        },
+        roles() {
+            return this.$store.state.user.roles
+        },
+        rectificationSuggestionsRequired() {
+            let res = this.formData.checkProjectItemList || []
+            if (res.length == 0) {
+                return false
+            }
+            return res.some(item => {
+                return item.children.some(child => child.scoreLevel == 'UNQUALIFIED')
+            })
+        },
+        // 判断是否所有检查项都符合
+        allItemsQualified() {
+            let res = this.formData.checkProjectItemList || []
+            if (res.length == 0) {
+                return false
+            }
+            return res.every(item => {
+                return item.children.every(child => child.scoreLevel == 'QUALIFIED')
+            })
+        },
+        formDisabled() {
+            return this.formData.checkRecordStatus != 'DRAFT' && this.type == 'document'
+        },
+        getCheckLabel() {
+            if (this.formData.checkedLevel == checkedLevelEnums.TEAM_LEVEL) {
+                return '被检查班组'
+            }
+            if (this.formData.checkedLevel == checkedLevelEnums.PERSONNEL_LEVEL) {
+                this.getDeptLeader()
+                return '被检查人'
+            }
+            if (this.formData.checkedLevel == checkedLevelEnums.DEPARTMENT_LEVEL) {
+                return '被检查主管'
+            }
+            if (this.formData.checkedLevel == checkedLevelEnums.BRIGADE_LEVEL) {
+                return '被检查大队'
+            }
+        },
+        // 获取验证字段名
+        getCheckFieldName() {
+            if (this.formData.checkedLevel == checkedLevelEnums.TEAM_LEVEL) {
+                return 'checkedTeamId'
+            }
+            if (this.formData.checkedLevel == checkedLevelEnums.PERSONNEL_LEVEL) {
+                return 'checkedPersonnelId'
+            }
+            if (this.formData.checkedLevel == checkedLevelEnums.DEPARTMENT_LEVEL) {
+                return 'checkedDepartmentId'
+            }
+            if (this.formData.checkedLevel == checkedLevelEnums.BRIGADE_LEVEL) {
+                return 'checkedBrigadeId'
+            }
+        },
+        // 验证规则
+        rules() {
+            let changeRule = {}
+            if (this.formData.checkedLevel == checkedLevelEnums.TEAM_LEVEL) {
+                changeRule = {
+                    checkedTeamId: {
+                        rules: [{ required: true, errorMessage: '请选择被检查班组' }]
+                    }
+                }
+            }
+            if (this.formData.checkedLevel == checkedLevelEnums.PERSONNEL_LEVEL) {
+                changeRule = {
+                    checkedPersonnelId: {
+                        rules: [{ required: true, errorMessage: '请选择被检查人' }]
+                    }
+                }
+            }
+            if (this.formData.checkedLevel == checkedLevelEnums.DEPARTMENT_LEVEL) {
+                changeRule = {
+                    checkedDepartmentId: {
+                        rules: [{ required: true, errorMessage: '请选择被检查主管' }]
+                    }
+                }
+            }
+            if (this.formData.checkedLevel == checkedLevelEnums.BRIGADE_LEVEL) {
+                changeRule = {
+                    checkedBrigadeId: {
+                        rules: [{ required: true, errorMessage: '请选择被检查大队' }]
+                    }
+                }
+            }
+            return {
+                ...changeRule,
+                checkLocation: {
+                    rules: [
+                        {
+                            required: true,
+                            errorMessage: '请选择检查地点'
+                        },
+                        {
+                            validateFunction: (rule, value, data, callback) => {
+                                console.log(value, "value")
+                                if (!value) {
+                                    // 检查是否选择了完整的检查地点（终端、区域、通道）
+                                    callback('请选择完整的检查地点');
+                                } else {
+                                    callback();
+                                }
+                            }
+                        }
+                    ]
+                },
+                checkTime: {
+                    rules: [{ required: true, errorMessage: '请选择检查时间' }]
+                },
+                responsibleUserId: {
+                    rules: [{ required: true, errorMessage: '请输入责任人姓名' }]
+                },
+                rectificationDeadline: {
+                    rules: [{ required: true, errorMessage: '请选择整改期限' }]
+                },
+                rectificationSuggestions: {
+                    rules: [{ required: true, errorMessage: '请输入整改要求' }]
+                }
+            }
+        },
+    },
+    data() {
+        return {
+            teams: [],//被检查班组选项
+            departments: [],//被检查主管选项
+            userOptions: [],//全部的人
+            brigades: [],
+            checkcheckedTeamIdOptions: [],
+            // 表单数据
+            formData: {
+                // 基本信息
+                checkerName: '',
+                checkerId: '',
+                frequency: '',
+                problemDescription: '',
+                checkedTeamId: '',
+                checkLocation: '',
+                checkTime: formatTime(new Date(), 'YYYY-MM-DD hh:mm:ss'),
+
+                // 巡检项目
+                baseAttachmentList: [],
+                // 整改要求
+                responsibleUserId: '',
+                rectificationDeadline: '',
+                rectificationSuggestions: ''
+            },
+
+            location_options: [],
+            // 其他数据
+            startDate: '2020-01-01',
+
+            imageStyles: {
+                width: 80,
+                height: 80,
+                border: {
+                    color: '#eee',
+                    width: '1px',
+                    style: 'solid'
+                }
+            },
+            taskId: '',
+            type: '',
+            deptTree: [],
+            //被检查人的对象，在检查级别为班组的时候，需要塞到checkUserList里传给后端
+            checkedUserObj: {}
+        }
+    },
+    onLoad(options) {
+
+        this.taskId = options.id; // 获取路由参数中的id
+        this.type = options.type; // 获取路由参数中的type
+
+        this.initPageData();
+    },
+    mounted() {
+
+
+    },
+    methods: {
+        getDeptLeader() {
+            selectDeptLeaderByUserId({
+                userId: this.currentUser.id,
+                deptType: 'DEPARTMENT'
+            }).then(res => {
+
+                if (res.code == 200) {
+                    this.formData.responsibleUserId = res.data.userId;
+                    this.formData.responsibleUserName = res.data.nickName;
+                }
+            })
+        },
+        // 被检查人选择
+        handleCheckedSelect(e) {
+            this.formData.checkedPersonnelId = e;
+            let checkedUser = this.userOptions.find(item => item.userId == e);
+            this.formData.checkedPersonnelName = checkedUser?.nickName;
+            this.checkedUserObj = checkedUser;
+        },
+        // 继续提交
+        handleContinueSubmit() {
+            // 清空表单数据
+            this.formData.checkedTeamId = '';
+            this.formData.checkLocation = [];
+            this.formData.checkTime = '';
+
+            // 清空巡检项目数据
+            if (this.formData.checkProjectItemList && this.formData.checkProjectItemList.length > 0) {
+                this.formData.checkProjectItemList.forEach(group => {
+                    if (group.children && group.children.length > 0) {
+                        group.children.forEach(ele => {
+                            // 清空检查人员列表
+                            ele.checkUserList = [];
+                            // 将评分等级设置为符合
+                            ele.scoreLevel = 'QUALIFIED';
+                        });
+                    }
+                });
+            }
+
+            // 清空附件列表
+            this.formData.baseAttachmentList = [];
+
+            // 清空整改要求数据
+            this.formData.responsibleUserId = '';
+            this.formData.rectificationDeadline = '';
+            //  this.formData.rectificationSuggestions = '';
+            this.$set(this.formData, 'rectificationSuggestions', '')
+
+            // 重置相关字段
+            this.formData.checkedTeamName = '';
+            this.formData.responsibleUserName = '';
+            this.formData.terminlName = '';
+            this.formData.terminlCode = '';
+            this.formData.regionalName = '';
+            this.formData.regionalCode = '';
+            this.formData.channelName = '';
+            this.formData.channelCode = '';
+
+            // 如果被检查主管有值，重新执行handlecheckedDepartmentIdChange
+            if (this.formData.checkedDepartmentId) {
+                this.handlecheckedDepartmentIdChange({
+                    detail: {
+                        value: [{
+                            text: this.formData.checkedDepartmentName,
+                            value: this.formData.checkedDepartmentId
+                        }]
+                    }
+                });
+            }
+
+            // 重新赋值整改期限（当前时间加4天）
+            const currentDate = new Date();
+            currentDate.setDate(currentDate.getDate() + 4);
+            const fourDaysLater = currentDate.toISOString().replace('T', ' ').substring(0, 19);
+            this.formData.rectificationDeadline = fourDaysLater;
+
+            console.log('表单已清空，可以继续提交新数据');
+        },
+        // 检查地点选择
+        handleCheckLocationChange(e) {
+            let res = e.detail.value;
+            this.formData.terminlName = res[0]?.text;
+            this.formData.terminlCode = res[0]?.value;
+            this.formData.regionalName = res[1]?.text;
+            this.formData.regionalCode = res[1]?.value;
+            this.formData.channelName = res[2]?.text;
+            this.formData.channelCode = res[2]?.value;
+        },
+        // 检查班组选择
+        handlecheckedTeamIdChange(e) {
+            const { text, value } = e.detail.value[0];
+            let newText = text.split('/')
+            this.$set(this.formData, 'checkedDeptId', value);
+            this.$set(this.formData, 'checkedDeptName', newText[newText.length - 1].trim());
+            this.$set(this.formData, 'checkedTeamName', newText[newText.length - 1]);
+
+            // 在树状结构中查找指定id的上一级id
+            const findParentIdInTree = (tree, targetId, parent = null) => {
+                for (const node of tree) {
+                    // 如果当前节点就是目标节点，返回父级信息
+                    if (node.id === targetId) {
+                        return parent ? {
+                            label: parent.label,
+                            id: parent.id
+                        } : null;
+                    }
+                    // 如果当前节点有子节点，递归查找
+                    if (node.children && node.children.length > 0) {
+                        const result = findParentIdInTree(node.children, targetId, node);
+                        if (result !== null) {
+                            return result;
+                        }
+                    }
+                }
+                return null;
+            };
+
+
+
+            // 直接从teams数据中查找
+            const { label, id } = findParentIdInTree(this.deptTree, value);
+
+
+            // 如果有找到上一级DEPARTMENT对象，可以在这里使用它
+            if (label && id) {
+                // 可以根据需要将部门信息设置到formData中
+                this.$set(this.formData, 'checkedDepartmentId', id);
+                this.$set(this.formData, 'checkedDepartmentName', label.trim());
+            } else {
+                console.log('未找到符合条件的上一级DEPARTMENT对象');
+            }
+
+            getDeptManager(value).then(res => {
+                console.log(res?.data?.userId, "111res")
+                this.$set(this.formData, 'responsibleUserId', res?.data?.userId || '');
+                this.$set(this.formData, 'responsibleUserName', res?.data?.nickName || '');
+            })
+        },
+        // 检查科选择
+        handlecheckedDepartmentIdChange(e) {
+
+            const { text, value } = e.detail.value[0];
+
+            let newText = text.split('/')
+            this.$set(this.formData, 'checkedDeptId', value);
+            this.$set(this.formData, 'checkedDeptName', newText[newText.length - 1].trim());
+            this.$set(this.formData, 'checkedDepartmentName', newText[newText.length - 1].trim());
+            getDeptManager(value).then(res => {
+                console.log(res?.data?.userId, "111res")
+                this.$set(this.formData, 'responsibleUserId', res?.data?.userId || '');
+                this.$set(this.formData, 'responsibleUserName', res?.data?.nickName || '');
+            })
+        },
+        handlecheckedBrigadeIdChange(e) {
+            const { text, value } = e.detail.value[0];
+            let newText = text.split('/')
+            this.$set(this.formData, 'checkedBrigadeName', newText[newText.length - 1].trim());
+            this.$set(this.formData, 'checkedDeptId', value);
+
+            this.$set(this.formData, 'checkedDeptName', newText[newText.length - 1].trim());
+            this.$set(this.formData, 'checkedDepartmentId', value);
+            this.$set(this.formData, 'checkedDepartmentName', newText[newText.length - 1].trim());
+            getDeptRoleUser(value, ['xingzheng']).then(res => {
+
+                this.$set(this.formData, 'responsibleUserId', res?.data[0].userId || '');
+                this.$set(this.formData, 'responsibleUserName', res?.data[0].nickName || '');
+            })
+        },
+        // 加载字典数据
+        async loadDictData() {
+            const user = await listAllUser();
+            this.userOptions = user.data.map(item => ({
+                ...item,
+                nickName: `${item.nickName}(${item.userName})`,
+            })) || [];
+            const deptTree = await getDeptList();
+            this.deptTree = deptTree.data || [];
+            this.teams = buildTeamOptions(deptTree.data || []);
+            this.departments = buildManagerOptions(deptTree.data || []);
+            this.brigades = buildBrigadeOptions(deptTree.data || []);
+            console.log(this.departments, "this.departments")
+            const [positionRes] = await Promise.all([
+                treeSelectByType("POSITION", 3),
+            ]);
+
+            const convertTree = (list = []) =>
+                list.map(node => ({
+                    text: node.label,
+                    value: node.code,
+                    children: node.children ? convertTree(node.children) : null
+                }))
+
+            this.location_options = convertTree(positionRes.data || []);
+            // console.log(this.location_options, this.teams)
+            const dict = await this.useDict('check_checked_level');
+            this.checkcheckedTeamIdOptions = dict.check_checked_level || [];
+        },
+        async initPageData() {
+            try {
+                uni.showLoading({ title: '加载中...', mask: true });
+
+                // 如果有任务ID，获取巡检任务详情
+                if (this.taskId) {
+                    //如果是任务就调任务的详情接口，如果是检查单就调用检查单的接口
+                    let api = this.type === 'task' ? getCheckTask : getInspectionListById;
+                    const inspectionDetail = await api(this.taskId);
+                    this.fillFormData(inspectionDetail);
+                }
+                await this.loadDictData();
+
+                // // 获取部门列表
+                // const deptTree = await getDeptList();
+                // this.teams = this.buildDepartmentOptions(deptTree.data || []);
+
+                // // 获取位置列表
+                // const positionRes = await treeSelectByType("POSITION", 3);
+                // this.location_options = this.convertTree(positionRes.data || []);
+
+                uni.hideLoading();
+            } catch (err) {
+                uni.hideLoading();
+                uni.showToast({ title: '加载失败', icon: 'none' });
+                console.error('初始化数据失败:', err);
+            }
+        },
+        // buildDepartmentOptions(tree = []) {
+        //     const result = [];
+
+        //     function dfs(node, path = []) {
+        //         const currentPath = [...path, node.label];
+        //         // 如果是部门或班组节点
+        //         if (node.deptType === 'DEPARTMENT' || node.deptType === 'TEAMS') {
+        //             result.push({
+        //                 text: currentPath.join(' / '),
+        //                 value: node.id
+        //             });
+        //         }
+        //         // 继续递归子节点
+        //         if (node.children && Array.isArray(node.children)) {
+        //             node.children.forEach(child => dfs(child, currentPath));
+        //         }
+        //     }
+
+        //     tree.forEach(root => dfs(root));
+        //     return result;
+        // },
+        convertTree(list = []) {
+            return list.map(node => ({
+                text: node.label,
+                value: node.code,
+                children: node.children ? this.convertTree(node.children) : null
+            }));
+        },
+        // 选择文件后手动上传
+        async onSelect(event) {
+            const files = await this.uploadFile(event);
+            console.log(files, "file", this.formData)
+            let fileArr = files.map(file => ({
+                url: file.url,
+                name: file.newFileName,
+                attachmentName: file.newFileName,
+                attachmentUrl: file.url,
+                extname: file.newFileName.split('.').pop()
+            }))
+            // 直接替换而不是追加，因为限制只能上传1张
+            this.formData.baseAttachmentList = [
+                ...this.formData.baseAttachmentList,
+                ...fileArr
+            ];
+
+        },
+        // 封装上传
+        uploadFile(event) {
+            return Promise.all(event.tempFilePaths.map(filePath => {
+                return new Promise((resolve, reject) => {
+                    uni.uploadFile({
+                        url: `${config.baseUrl}/common/upload`,
+                        filePath: filePath,
+                        name: 'file',
+                        header: { Authorization: 'Bearer ' + getToken() },
+                        formData: {
+                            // 可添加其他参数
+                        },
+                        success: (res) => resolve(JSON.parse(res.data)),
+                        fail: reject
+                    });
+                });
+            }));
+        },
+        // 填充表单数据
+        fillFormData(inspectionDetail) {
+            if (!inspectionDetail || !inspectionDetail.data) return;
+
+            const data = inspectionDetail.data;
+
+            // 计算当前时间加4天
+            const currentDate = new Date();
+            currentDate.setDate(currentDate.getDate() + 4);
+            const fourDaysLater = currentDate.toISOString().replace('T', ' ').substring(0, 19);
+
+            // 按categoryCodeOne和categoryCodeTwo分组处理checkProjectItemList
+            const groupedCheckProjectItemList = data.checkProjectItemList && data.checkProjectItemList.reduce((groups, item) => {
+                const groupKey = `${item.categoryCodeOne}_${item.categoryCodeTwo}`;
+                if (!groups[groupKey]) {
+                    groups[groupKey] = {
+                        categoryCodeOne: item.categoryCodeOne,
+                        categoryCodeTwo: item.categoryCodeTwo,
+                        categoryNameOne: item.categoryNameOne,
+                        categoryNameTwo: item.categoryNameTwo,
+                        children: []
+                    };
+                }
+                groups[groupKey].children.push({
+                    ...item,
+                    scoreLevel: item.scoreLevel || 'QUALIFIED'
+                });
+                return groups;
+            }, {});
+
+            // 将分组对象转换为数组
+            const checkProjectItemListArray = groupedCheckProjectItemList ? Object.values(groupedCheckProjectItemList) : [];
+
+            // 填充基本信息
+            this.formData = {
+                ...data,
+                checkTime: data.checkTime || formatTime(new Date(), 'YYYY-MM-DD hh:mm:ss'),
+                checkerName: this.currentUser.userInfo.nickName || this.currentUser.userInfo.userName || '',
+                checkerId: this.currentUser.userInfo.userId || '',
+                rectificationDeadline: data.rectificationDeadline || fourDaysLater,
+                baseAttachmentList: (data.baseAttachmentList && data.baseAttachmentList.map(item => ({
+                    ...item,
+                    url: item.attachmentUrl,
+                    name: item.attachmentName,
+                    extname: item.extname
+                }))) || [],
+                checkedTeamId: Number(data.checkedTeamId),
+                checkLocation: [{ text: data.terminlName, value: data.terminlCode }, { text: data.regionalName, value: data.regionalCode }, { text: data.channelName, value: data.channelCode }],
+                checkProjectItemList: checkProjectItemListArray
+            }
+
+
+
+            console.log(this.formData, "this.formData回显")
+        },
+
+        // 处理添加不合格人员
+        handleAddPersonnel(index) {
+            console.log('添加不合格人员，项目索引:', index);
+
+            this.$nextTick(() => {
+                this.$refs.xunjianCollapseItem.updateCollapseHeight();
+            })
+            // 这里可以打开人员选择弹窗或跳转到人员选择页面
+            uni.showToast({ title: '打开人员选择', icon: 'none' });
+        },
+
+        // 处理人员数据变更
+        handlePersonnelChange(changeData) {
+            const { parentIndex, childIndex, personnelData, problemDescription } = changeData;
+            console.log(personnelData, "personnelData")
+            if (parentIndex >= 0 && childIndex >= 0 &&
+                this.formData.checkProjectItemList &&
+                this.formData.checkProjectItemList[parentIndex] &&
+                this.formData.checkProjectItemList[parentIndex].children &&
+                this.formData.checkProjectItemList[parentIndex].children[childIndex]) {
+
+                // 更新对应子项目的检查人员列表和任务简介
+                this.formData.checkProjectItemList[parentIndex].children[childIndex].checkUserList = personnelData;
+                this.formData.checkProjectItemList[parentIndex].children[childIndex].problemDescription = problemDescription;
+                console.log('更新不合格人员数据:', parentIndex, childIndex, personnelData, problemDescription);
+            }
+        },
+
+        // 处理用户选择
+        handleUserSelect(value) {
+
+            const selectedUser = this.userOptions.find(user => user.userId === value);
+
+            if (selectedUser) {
+                this.formData.responsibleUserId = selectedUser.userId;
+                this.formData.responsibleUserName = selectedUser.nickName;
+            }
+        },
+        formateData() {
+            let checkedUserObj = {}
+            if (JSON.stringify(this.checkedUserObj) !== '{}') {
+                checkedUserObj = {
+                    ...this.checkedUserObj,
+                    userName: this.checkedUserObj.nickName.split('(')[0] || '',
+                }
+            }
+
+
+            const originalCheckProjectItemList = this.formData.checkProjectItemList
+                ? this.formData.checkProjectItemList.flatMap(group =>
+                    group.children.map(child => ({
+                        ...child,
+                        categoryCodeOne: group.categoryCodeOne,
+                        categoryCodeTwo: group.categoryCodeTwo,
+                        categoryNameOne: group.categoryNameOne,
+                        categoryNameTwo: group.categoryNameTwo,
+                        //如果是班组，自动赋值被检查人给checkUserList
+                        ...(this.formData.checkLevel == 'TEAM_LEVEL' && child.scoreLevel == "UNQUALIFIED" ? { checkUserList: [checkedUserObj] } : {}),
+                    }))
+                )
+                : [];
+
+            let payload = {
+                ...this.formData,
+                checkedTeamName: (this.formData.checkedTeamName || '').trim(),
+                checkProjectItemList: originalCheckProjectItemList
+            };
+
+            delete payload.id;
+            console.log(payload, "payload")
+            // debugger
+            return payload;
+        },
+        // 保存草稿
+        saveDraft() {
+            // this.$refs.form.validate().then(res => {
+            uni.showLoading({ title: '保存中...', mask: true });
+
+
+            const payload = this.formateData();
+
+
+            addDraftInspection({ ...payload, ...(this.formData.checkRecordStatus == 'DRAFT' ? { id: this.taskId } : {}) })
+                .then(() => {
+                    uni.showToast({ title: '草稿保存成功', icon: 'success' });
+                    console.log('草稿保存成功:',);
+                    setTimeout(() => uni.navigateBack(), 1500);
+                })
+                .catch((error) => {
+                    uni.showToast({ title: '草稿保存失败，请稍后重试！', icon: 'none' });
+                    console.error('草稿保存失败:', error);
+                });
+
+            // }).catch(err => {
+            //     console.log('表单验证失败:', err);
+            //     uni.showToast({ title: '请填写完整表单信息', icon: 'none' });
+            // });
+        },
+
+        // 提交表单
+        submitForm() {
+            this.$refs.form.validate().then(res => {
+                debugger
+                // 检查所有不合格项是否都填写了相关人员
+                let hasError = false;
+                let errorMessage = '';
+                //被检查级别科 班组
+                if (this.formData.checkProjectItemList && this.formData.checkProjectItemList.length > 0 && this.getCheckLabel != '被检查人') {
+                    for (let groupIndex = 0; groupIndex < this.formData.checkProjectItemList.length; groupIndex++) {
+                        const group = this.formData.checkProjectItemList[groupIndex];
+                        if (group.children && group.children.length > 0) {
+                            for (let itemIndex = 0; itemIndex < group.children.length; itemIndex++) {
+                                const item = group.children[itemIndex];
+                                if (item.scoreLevel === 'UNQUALIFIED' &&
+                                    ((!item.checkUserList || item.checkUserList.length === 0) && (!item.problemDescription || item.problemDescription.trim() === ''))) {
+                                    hasError = true;
+                                    errorMessage = `第${groupIndex + 1}组项目 "${item.projectName}" 标记为不符合，请选择相关人员或填写问题描述`;
+                                    break;
+                                }
+                            }
+                            if (hasError) break;
+                        }
+                    }
+                }
+
+                // 如果有错误，弹出提示并阻止提交
+                if (hasError) {
+                    uni.showToast({ title: errorMessage, icon: 'none' });
+                    return;
+                }
+
+                // 验证通过，继续提交
+                uni.showLoading({ title: '提交中...', mask: true });
+
+                const payload = this.formateData();
+                debugger
+
+                submitInspection({ ...payload, ...(this.type == 'task' ? {} : { id: this.taskId }) })
+                    .then(() => {
+                        uni.showToast({ title: '提交成功', icon: 'success' });
+                        this.$refs.submitResult.open();
+                    })
+                    .catch((error) => {
+                        uni.showToast({ title: '操作失败，请稍后重试！', icon: 'none' });
+                        console.error('提交失败:', error);
+                    });
+
+            }).catch(err => {
+                console.log('表单验证失败:', err);
+                uni.showToast({ title: '请填写完整表单信息', icon: 'none' });
+            });
+        }
+
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.report-container {
+    min-height: 100vh;
+    padding-top: 35px;
+
+    .card {
+        border-radius: 8px;
+        margin: 15px 0;
+        overflow: hidden;
+        box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 3px 1px;
+    }
+}
+
+/* 折叠面板标题 */
+.collapse-title {
+    display: flex;
+    flex-direction: column;
+    padding: 12px 15px;
+
+    .collapse-summary {
+        font-size: 12px;
+        color: #999;
+        margin-top: 4px;
+    }
+}
+
+/* 表单项样式 */
+::v-deep .uni-forms-item {
+    margin-bottom: 0;
+    padding: 0 15px;
+
+    .uni-forms-item__label {
+        padding: 12px 0 8px;
+        font-size: 14px;
+        color: #666;
+        width: auto !important;
+    }
+
+    .uni-forms-item__content {
+        padding: 0 0 12px;
+        border-bottom: 1px solid #f0f0f0;
+    }
+
+    &:last-child .uni-forms-item__content {
+        border-bottom: none;
+    }
+}
+
+.submit-btn {
+    margin-top: 20px;
+    width: calc(100% - 30px);
+    margin-left: 15px;
+}
+
+/* 底部弹窗样式调整 */
+::v-deep .uni-popup__wrapper {
+    border-radius: 16px 16px 0 0;
+
+    .uni-popup__wrapper-box {
+        max-height: 70vh;
+        overflow-y: auto;
+    }
+
+    .uni-data-pickerview {
+        padding-bottom: 20px;
+    }
+}
+
+:v-deep .uni-input-input:disabled {
+    background-color: #f5f5f5;
+}
+
+/* 巡检项目卡片样式 */
+.item-title {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    font-size: 16px;
+    font-weight: bold;
+    color: #333;
+}
+
+.item-content {
+    margin-top: 12px;
+
+    .item-description {
+        display: flex;
+        flex-direction: column;
+
+        .description-label {
+            font-size: 14px;
+            color: #666;
+            margin-bottom: 4px;
+        }
+
+        .description-text {
+            font-size: 14px;
+            color: #333;
+            line-height: 1.5;
+        }
+    }
+}
+
+.upload-section {
+    margin-top: 20px;
+    padding-top: 15px;
+    border-top: 1px solid #f0f0f0;
+
+    .upload-title {
+        display: block;
+        font-size: 16px;
+        font-weight: bold;
+        color: #333;
+        margin-bottom: 12px;
+    }
+}
+
+/* 按钮组样式 - 左右布局 */
+.button-group {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 15px;
+    margin-top: 20px;
+    gap: 15px;
+}
+
+.button-group .custom-btn-white,
+.button-group .custom-btn-normal {
+    flex: 1;
+    margin-top: 0;
+    width: auto;
+}
+</style>

src/pages/common/textview/index.vue

@@ -0,0 +1,43 @@
+<template>
+  <view>
+    <uni-card class="view-title" :title="title">
+      <text class="uni-body view-content">{{ content }}</text>
+    </uni-card>
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        title: '',
+        content: ''
+      }
+    },
+    onLoad(options) {
+      this.title = options.title
+      this.content = options.content
+      uni.setNavigationBarTitle({
+        title: options.title
+      })
+    }
+  }
+</script>
+
+<style scoped>
+  page {
+    background-color: #ffffff;
+  }
+
+  .view-title {
+    font-weight: bold;
+  }
+
+  .view-content {
+    font-size: 26rpx;
+    padding: 12px 5px 0;
+    color: #333;
+    line-height: 24px;
+    font-weight: normal;
+  }
+</style>

src/pages/common/webview/index.vue

@@ -0,0 +1,34 @@
+<template>
+  <view v-if="params.url">
+    <web-view :webview-styles="webviewStyles" :src="`${params.url}`"></web-view>
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        params: {},
+        webviewStyles: {
+          progress: {
+            color: "#FF3333"
+          }
+        }
+      }
+    },
+    props: {
+      src: {
+        type: [String],
+        default: null
+      }
+    },
+    onLoad(event) {
+      this.params = event
+      if (event.title) {
+        uni.setNavigationBarTitle({
+          title: event.title
+        })
+      }
+    }
+  }
+</script>