Merge branch 'master' of http://git.sundot.cn/chongqing/chongqing-app

src/components/SectionTitle.vue

@@ -26,11 +26,12 @@ export default {
 
 <style lang="scss" scoped>
 .section-wrapper {
-    background: rgba(45, 42, 85, 0.6);
+    background: #fff;
     border-radius: 20rpx;
     padding: 32rpx;
     margin-bottom: 24rpx;
-    border: 1rpx solid rgba(167, 139, 250, 0.2);
+    border: 1rpx solid #e0e0e0;
+    box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
 }
 
 .section-header {
@@ -43,7 +44,7 @@ export default {
 .section-title {
     font-size: 30rpx;
     font-weight: 600;
-    color: #A78BFA;
+    color: #333;
     position: relative;
     padding-left: 16rpx;
 
@@ -55,13 +56,13 @@ export default {
         transform: translateY(-50%);
         width: 4rpx;
         height: 28rpx;
-        background: #A78BFA;
+        background: #60A5FA;
         border-radius: 2rpx;
     }
 }
 
 .section-header-right {
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.5);
+    color: #666;
 }
 </style>

src/pages.json

@@ -1,6 +1,13 @@
 {
   "pages": [
     {
+      "path": "pages/ai-chat/index",
+      "style": {
+        "navigationBarTitleText": "AI数据助手",
+        "navigationStyle": "custom"
+      }
+    },
+    {
       "path": "pages/login",
       "style": {
         "navigationBarTitleText": "登录"
@@ -117,6 +124,12 @@
       }
     },
     {
+      "path": "pages/profileManage/index",
+      "style": {
+        "navigationBarTitleText": "画像管理"
+      }
+    },
+    {
       "path": "pages/stationProfile/index",
       "style": {
         "navigationBarTitleText": "站画像"
@@ -134,7 +147,7 @@
         "navigationBarTitleText": "班组画像"
       }
     },
-        {
+    {
       "path": "pages/groupProfile/index",
       "style": {
         "navigationBarTitleText": "小组画像"
@@ -315,6 +328,12 @@
       }
     },
     {
+      "path": "pages/organizationStruct/index",
+      "style": {
+        "navigationBarTitleText": "组织架构"
+      }
+    },
+    {
       "path": "pages/inspectionChecklist/index",
       "style": {
         "navigationBarTitleText": "巡视检查列表"
@@ -373,18 +392,23 @@
       //   "text": "首页"
       // },
       {
-        "pagePath": "pages/work/index",
-        "iconPath": "static/images/tabbar/work.png",
-        "selectedIconPath": "static/images/tabbar/work_.png",
-        "text": "工作台"
-      },
-      {
         "pagePath": "pages/myToDoList/index",
         "iconPath": "/static/images/tabbar/message.png",
         "selectedIconPath": "/static/images/tabbar/message_.png",
         "text": "消息"
       },
-      
+      {
+        "pagePath": "pages/ai-chat/index",
+        "iconPath": "static/images/tabbar/ai.png",
+        "selectedIconPath": "static/images/tabbar/ai_.png",
+        "text": "AI问答"
+      },
+      {
+        "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",

src/pages/ai-chat/index.vue

@@ -0,0 +1,809 @@
+<template>
+  <view class="ai-chat-page">
+    <!-- 顶部导航 -->
+    <view class="nav-bar">
+      <view class="back-btn" @click="goBack">
+        <text class="back-icon">‹</text>
+      </view>
+      <text class="nav-title">AI数据助手</text>
+      <view class="nav-right" @click="clearChat">
+        <text class="clear-btn">清空</text>
+      </view>
+    </view>
+
+    <!-- 消息列表 -->
+    <scroll-view
+      class="msg-list"
+      scroll-y
+      :scroll-top="scrollTop"
+      :scroll-with-animation="true"
+      @scrolltolower="onScrollBottom"
+    >
+      <!-- 欢迎语 -->
+      <view v-if="messages.length === 0" class="welcome">
+        <image class="welcome-icon" src="/static/images/logo.png" mode="aspectFit" />
+        <text class="welcome-title">您好！我是机场安检数据助手</text>
+        <text class="welcome-sub">请问有什么可以帮您查询的？</text>
+        <view class="example-tags">
+          <view
+            v-for="tag in exampleTags"
+            :key="tag"
+            class="tag"
+            @click="sendExample(tag)"
+          >{{ tag }}</view>
+        </view>
+      </view>
+
+      <!-- 消息气泡 -->
+      <view
+        v-for="(msg, idx) in messages"
+        :key="idx"
+        :class="['msg-row', msg.role === 'user' ? 'msg-user' : 'msg-assistant']"
+      >
+        <!-- AI头像 -->
+        <view v-if="msg.role === 'assistant'" class="avatar">
+          <text class="avatar-text">AI</text>
+        </view>
+
+        <view class="bubble-wrap">
+          <!-- 进度提示（流式过程中） -->
+          <view v-if="msg.steps && msg.steps.length" class="steps">
+            <view v-for="(step, si) in msg.steps" :key="si" :class="['step', step.status]">
+              <text class="step-dot">{{ step.status === 'done' ? '✓' : step.status === 'running' ? '…' : '·' }}</text>
+              <text class="step-name">{{ step.name }}</text>
+              <text v-if="step.duration" class="step-time"> {{ step.duration }}s</text>
+            </view>
+          </view>
+
+          <!-- 文字回答（知识库/AI直接回答） -->
+          <view v-if="msg.answer" class="bubble knowledge">
+            <text class="bubble-text" selectable>{{ msg.answer }}</text>
+            <view v-if="msg.sources && msg.sources.length" class="sources">
+              <text class="source-label">来源：</text>
+              <text class="source-item" v-for="s in msg.sources" :key="s.filename">{{ s.filename }}</text>
+            </view>
+          </view>
+
+          <!-- 数据查询结果 -->
+          <view v-else-if="msg.role === 'assistant' && !msg.loading" class="bubble data">
+            <text v-if="msg.message" class="result-msg" :class="{ error: msg.isError }">{{ msg.message }}</text>
+
+            <!-- 数据表格 -->
+            <view v-if="msg.rows && msg.rows.length" class="data-table">
+              <scroll-view scroll-x class="table-scroll">
+                <view class="table-head">
+                  <text v-for="col in msg.columns" :key="col" class="th">{{ col }}</text>
+                </view>
+                <view v-for="(row, ri) in msg.rows" :key="ri" :class="['table-row', ri % 2 === 0 ? 'even' : '']">
+                  <text v-for="col in msg.columns" :key="col" class="td">{{ row[col] != null ? row[col] : '-' }}</text>
+                </view>
+              </scroll-view>
+            </view>
+
+            <!-- SQL 折叠 -->
+            <view v-if="msg.sql" class="sql-block">
+              <view class="sql-toggle" @click="toggleSql(idx)">
+                <text class="sql-label">SQL</text>
+                <text class="sql-arrow">{{ msg.showSql ? '▲' : '▼' }}</text>
+              </view>
+              <view v-if="msg.showSql" class="sql-code">
+                <text selectable>{{ msg.sql }}</text>
+              </view>
+            </view>
+          </view>
+
+          <!-- 用户消息气泡 -->
+          <view v-if="msg.role === 'user'" class="bubble user">
+            <text class="bubble-text" selectable>{{ msg.text }}</text>
+          </view>
+
+          <!-- 加载中 -->
+          <view v-if="msg.loading" class="bubble loading">
+            <view class="dot-loader">
+              <view class="dot" /><view class="dot" /><view class="dot" />
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <!-- 底部留白 -->
+      <view style="height: 20rpx;" />
+    </scroll-view>
+
+    <!-- 意图澄清 -->
+    <view v-if="clarifyQuestion" class="clarify-bar">
+      <text class="clarify-text">{{ clarifyQuestion }}</text>
+    </view>
+
+    <!-- 输入区 -->
+    <view class="input-bar">
+      <!-- 麦克风按钮（同时支持触摸和鼠标，方便桌面浏览器测试） -->
+      <view
+        :class="['mic-btn', recording ? 'recording' : '']"
+        @touchstart.prevent="onPressStart"
+        @touchend.prevent="onPressEnd"
+        @touchcancel.prevent="onPressCancel"
+        @mousedown.prevent="onMouseDown"
+      >
+        <text class="mic-icon">{{ recording ? '●' : '🎤' }}</text>
+      </view>
+
+      <input
+        v-model="inputText"
+        class="input"
+        :placeholder="recording ? '正在录音...' : '请输入您的问题...'"
+        :disabled="loading || recording"
+        confirm-type="send"
+        @confirm="sendMessage"
+      />
+      <view :class="['send-btn', (loading || recording) ? 'disabled' : '']" @click="sendMessage">
+        <text class="send-text">{{ loading ? '…' : '发送' }}</text>
+      </view>
+    </view>
+
+    <!-- 录音提示浮层 -->
+    <view v-if="recording" class="recording-overlay">
+      <view class="recording-inner">
+        <text class="recording-icon">🎤</text>
+        <text class="recording-tip">松手发送，上滑取消</text>
+        <view class="recording-waves">
+          <view v-for="i in 5" :key="i" class="wave" :style="{ animationDelay: (i * 0.1) + 's' }" />
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+const AI_BASE = 'http://airport-test.samsundot.com:9015'
+const AI_URL  = AI_BASE + '/api/query-stream'
+const ASR_URL = AI_BASE + '/api/asr'
+
+export default {
+  name: 'AiChat',
+  data() {
+    return {
+      inputText: '',
+      messages: [],
+      loading: false,
+      scrollTop: 0,
+      clarifyQuestion: '',
+      sessionId: 'app_' + Date.now(),
+      history: [],
+      exampleTags: ['各班组查获排名', '打火机查获数量', '旅检一部人员资质', '全站党员人数'],
+      // 录音相关（Web Audio 直接采集 PCM）
+      recording: false,
+      pressing: false,
+      recordCancelled: false,
+      audioCtx: null,
+      mediaStream: null,
+      sourceNode: null,
+      scriptNode: null,
+      pcmChunks: [],
+      pcmSampleRate: 16000,
+    }
+  },
+  methods: {
+    // ============ 按压事件包装 ============
+    onMouseDown(e) {
+      // 鼠标：松手可能在按钮外，用 window 级监听
+      this._winUp = () => this.onPressEnd()
+      window.addEventListener('mouseup', this._winUp, { once: true })
+      this.onPressStart(e)
+    },
+    onPressStart(e) {
+      if (this.loading || this.pressing) return
+      this.pressing = true
+      this.startRecord()
+    },
+    onPressEnd(e) {
+      if (!this.pressing) return
+      this.pressing = false
+      this.stopRecord()
+    },
+    onPressCancel(e) {
+      if (!this.pressing) return
+      this.pressing = false
+      this.recordCancelled = true
+      this.stopRecord()
+    },
+
+    // ============ 录音相关（Web Audio 直接采集原始 PCM）============
+    async startRecord() {
+      this.recordCancelled = false
+      this.pcmChunks = []
+
+      try {
+        const stream = await navigator.mediaDevices.getUserMedia({ audio: true })
+        // 异步竞态：若 await 期间已松手，直接放弃
+        if (!this.pressing) { stream.getTracks().forEach(t => t.stop()); return }
+        this.mediaStream = stream
+
+        const AudioCtx = window.AudioContext || window.webkitAudioContext
+        const ctx = new AudioCtx()
+        if (ctx.state === 'suspended') await ctx.resume()
+        this.audioCtx = ctx
+        this.pcmSampleRate = ctx.sampleRate
+
+        const source = ctx.createMediaStreamSource(stream)
+        const node = ctx.createScriptProcessor(4096, 1, 1)
+        node.onaudioprocess = (ev) => {
+          // 只要节点还连着就采集（不依赖 recording 标志，避免漏帧）
+          this.pcmChunks.push(new Float32Array(ev.inputBuffer.getChannelData(0)))
+        }
+        source.connect(node)
+        node.connect(ctx.destination)
+
+        this.sourceNode = source
+        this.scriptNode = node
+        this.recording = true
+
+        // 若设置过程中已松手，立即停止并提交
+        if (!this.pressing) this.stopRecord()
+      } catch (err) {
+        this.recording = false
+        let msg = '无法访问麦克风'
+        if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
+          msg = '当前环境不支持录音（需HTTPS或localhost）'
+        } else if (err && err.name === 'NotAllowedError') {
+          msg = '麦克风权限被拒绝，请在浏览器允许'
+        } else if (err && err.name === 'NotFoundError') {
+          msg = '未检测到麦克风设备'
+        }
+        uni.showToast({ title: msg, icon: 'none', duration: 2500 })
+      }
+    },
+
+    _teardownAudio() {
+      try { if (this.scriptNode) { this.scriptNode.disconnect(); this.scriptNode.onaudioprocess = null } } catch (e) {}
+      try { if (this.sourceNode) this.sourceNode.disconnect() } catch (e) {}
+      try { if (this.mediaStream) this.mediaStream.getTracks().forEach(t => t.stop()) } catch (e) {}
+      try { if (this.audioCtx) this.audioCtx.close() } catch (e) {}
+      this.scriptNode = null
+      this.sourceNode = null
+      this.mediaStream = null
+      this.audioCtx = null
+    },
+
+    stopRecord() {
+      if (!this.recording) return
+      this.recording = false
+      const rate = this.pcmSampleRate
+      const chunks = this.pcmChunks
+      this._teardownAudio()
+      if (!this.recordCancelled) this.submitAudio(chunks, rate)
+    },
+
+    async submitAudio(chunks, srcRate) {
+      // 合并所有 PCM 帧
+      let total = 0
+      for (const c of chunks) total += c.length
+      if (total < srcRate * 0.3) {  // 少于0.3秒视为无效
+        uni.showToast({ title: '录音太短，请长按说话', icon: 'none' })
+        return
+      }
+      const merged = new Float32Array(total)
+      let pos = 0
+      for (const c of chunks) { merged.set(c, pos); pos += c.length }
+
+      uni.showLoading({ title: '识别中...' })
+      try {
+        const wavBlob = this.encodeWav16k(merged, srcRate)
+        const formData = new FormData()
+        formData.append('file', wavBlob, 'voice.wav')
+
+        const resp = await fetch(ASR_URL, { method: 'POST', body: formData })
+        const data = await resp.json()
+        uni.hideLoading()
+        if (data.success && data.text) {
+          this.inputText = data.text
+          this.$nextTick(() => this.sendMessage())
+        } else {
+          uni.showToast({ title: data.message || '未识别到内容', icon: 'none' })
+        }
+      } catch (err) {
+        uni.hideLoading()
+        uni.showToast({ title: '识别失败：' + (err.message || '请重试'), icon: 'none' })
+      }
+    },
+
+    // Float32 PCM → 混（已单声道）→ 重采样16k → 16bit PCM WAV
+    encodeWav16k(mono, srcRate) {
+      const dstRate = 16000
+      const dstLen = Math.round(mono.length * dstRate / srcRate)
+      const out = new Float32Array(dstLen)
+      const ratio = srcRate / dstRate
+      for (let i = 0; i < dstLen; i++) {
+        const p = i * ratio
+        const idx = Math.floor(p)
+        const frac = p - idx
+        const s0 = mono[idx] || 0
+        const s1 = mono[idx + 1] !== undefined ? mono[idx + 1] : s0
+        out[i] = s0 + (s1 - s0) * frac
+      }
+
+      const buffer = new ArrayBuffer(44 + dstLen * 2)
+      const view = new DataView(buffer)
+      const writeStr = (off, str) => { for (let i = 0; i < str.length; i++) view.setUint8(off + i, str.charCodeAt(i)) }
+      writeStr(0, 'RIFF')
+      view.setUint32(4, 36 + dstLen * 2, true)
+      writeStr(8, 'WAVE')
+      writeStr(12, 'fmt ')
+      view.setUint32(16, 16, true)
+      view.setUint16(20, 1, true)
+      view.setUint16(22, 1, true)
+      view.setUint32(24, dstRate, true)
+      view.setUint32(28, dstRate * 2, true)
+      view.setUint16(32, 2, true)
+      view.setUint16(34, 16, true)
+      writeStr(36, 'data')
+      view.setUint32(40, dstLen * 2, true)
+      let off = 44
+      for (let i = 0; i < dstLen; i++) {
+        const s = Math.max(-1, Math.min(1, out[i]))
+        view.setInt16(off, s < 0 ? s * 0x8000 : s * 0x7FFF, true)
+        off += 2
+      }
+      return new Blob([view], { type: 'audio/wav' })
+    },
+
+    // ============ 导航 ============
+    goBack() {
+      uni.navigateBack()
+    },
+
+    clearChat() {
+      this.messages = []
+      this.history = []
+      this.clarifyQuestion = ''
+      this.sessionId = 'app_' + Date.now()
+    },
+
+    sendExample(text) {
+      this.inputText = text
+      this.sendMessage()
+    },
+
+    toggleSql(idx) {
+      this.$set(this.messages[idx], 'showSql', !this.messages[idx].showSql)
+    },
+
+    onScrollBottom() {},
+
+    scrollToBottom() {
+      this.$nextTick(() => {
+        this.scrollTop = 999999
+      })
+    },
+
+    getUserId() {
+      try {
+        const userStr = uni.getStorageSync('userInfo') || uni.getStorageSync('user')
+        if (userStr) {
+          const u = typeof userStr === 'string' ? JSON.parse(userStr) : userStr
+          return String(u.userId || u.user_id || u.id || 1)
+        }
+      } catch (e) {}
+      return '1'
+    },
+
+    async sendMessage() {
+      const question = this.inputText.trim()
+      if (!question || this.loading) return
+
+      this.inputText = ''
+      this.clarifyQuestion = ''
+      this.loading = true
+
+      // 添加用户消息
+      this.messages.push({ role: 'user', text: question })
+
+      // 添加 AI 占位消息
+      const aiIdx = this.messages.length
+      this.messages.push({
+        role: 'assistant',
+        loading: true,
+        steps: [],
+        message: '',
+        sql: '',
+        columns: [],
+        rows: [],
+        answer: '',
+        sources: [],
+        showSql: false,
+      })
+      this.scrollToBottom()
+
+      try {
+        const response = await fetch(AI_URL, {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({
+            question,
+            user_id: this.getUserId(),
+            llm_type: 'qwen',
+            session_id: this.sessionId,
+            history: this.history.slice(-3),
+          }),
+        })
+
+        if (!response.ok) throw new Error('请求失败 ' + response.status)
+
+        const reader = response.body.getReader()
+        const decoder = new TextDecoder()
+        let buffer = ''
+
+        while (true) {
+          const { done, value } = await reader.read()
+          if (done) break
+
+          buffer += decoder.decode(value, { stream: true })
+          const lines = buffer.split('\n')
+          buffer = lines.pop()
+
+          for (const line of lines) {
+            if (line.startsWith('data: ')) {
+              try {
+                const data = JSON.parse(line.slice(6))
+                this.handleEvent(aiIdx, data)
+              } catch (e) {}
+            }
+          }
+        }
+      } catch (err) {
+        this.$set(this.messages, aiIdx, {
+          ...this.messages[aiIdx],
+          loading: false,
+          isError: true,
+          message: '请求失败，请检查网络后重试',
+        })
+      }
+
+      this.loading = false
+      this.scrollToBottom()
+    },
+
+    handleEvent(aiIdx, data) {
+      const msg = this.messages[aiIdx]
+
+      if (data.step !== undefined && data.name) {
+        // 进度步骤
+        const steps = [...(msg.steps || [])]
+        const si = steps.findIndex(s => s.name === data.name)
+        const step = { name: data.name, status: data.status, duration: data.duration }
+        if (si >= 0) steps[si] = step
+        else steps.push(step)
+        this.$set(this.messages, aiIdx, { ...msg, steps })
+        return
+      }
+
+      if (data.question) {
+        // 意图澄清
+        this.clarifyQuestion = data.question
+        this.$set(this.messages, aiIdx, { ...msg, loading: false })
+        return
+      }
+
+      if (data.columns !== undefined || data.answer !== undefined) {
+        // 最终结果
+        this.$set(this.messages, aiIdx, {
+          ...msg,
+          loading: false,
+          message: data.message || '',
+          sql: data.sql || '',
+          columns: data.columns || [],
+          rows: data.rows || [],
+          answer: data.answer || '',
+          sources: data.sources || [],
+          isError: !data.success,
+          showSql: false,
+        })
+        // 记录历史
+        this.history.push({
+          question: (this.messages[aiIdx - 1] && this.messages[aiIdx - 1].text) || '',
+          sql: data.sql || '',
+        })
+        this.scrollToBottom()
+      }
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+$primary: #1890ff;
+$bg: #f5f6fa;
+$bubble-user: #1890ff;
+$bubble-ai: #ffffff;
+$text-main: #333;
+$text-sub: #999;
+
+.ai-chat-page {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  background: $bg;
+  font-size: 28rpx;
+}
+
+/* 导航栏 */
+.nav-bar {
+  display: flex;
+  align-items: center;
+  padding: 20rpx 30rpx;
+  padding-top: calc(20rpx + env(safe-area-inset-top));
+  background: #fff;
+  border-bottom: 1rpx solid #eee;
+  position: sticky;
+  top: 0;
+  z-index: 10;
+}
+.back-btn { width: 80rpx; display: flex; align-items: center; }
+.back-icon { font-size: 50rpx; color: $primary; line-height: 1; }
+.nav-title { flex: 1; text-align: center; font-size: 32rpx; font-weight: 600; color: $text-main; }
+.nav-right { width: 80rpx; text-align: right; }
+.clear-btn { font-size: 26rpx; color: $text-sub; }
+
+/* 消息列表 */
+.msg-list {
+  flex: 1;
+  overflow: hidden;
+  padding: 20rpx 0;
+}
+
+/* 欢迎区 */
+.welcome {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 80rpx 40rpx 40rpx;
+  gap: 16rpx;
+}
+.welcome-icon { width: 120rpx; height: 120rpx; border-radius: 24rpx; }
+.welcome-title { font-size: 32rpx; font-weight: 600; color: $text-main; }
+.welcome-sub { font-size: 26rpx; color: $text-sub; }
+.example-tags {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 16rpx;
+  margin-top: 20rpx;
+}
+.tag {
+  padding: 12rpx 24rpx;
+  background: #fff;
+  border: 1rpx solid #d0e8ff;
+  border-radius: 40rpx;
+  font-size: 24rpx;
+  color: $primary;
+}
+
+/* 消息行 */
+.msg-row {
+  display: flex;
+  padding: 16rpx 24rpx;
+  gap: 16rpx;
+}
+.msg-user { flex-direction: row-reverse; }
+.msg-assistant { flex-direction: row; }
+
+/* 头像 */
+.avatar {
+  width: 72rpx;
+  height: 72rpx;
+  border-radius: 50%;
+  background: $primary;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+.avatar-text { color: #fff; font-size: 22rpx; font-weight: 700; }
+
+/* 气泡包裹 */
+.bubble-wrap { flex: 1; display: flex; flex-direction: column; gap: 8rpx; max-width: 90%; }
+
+/* 气泡 */
+.bubble {
+  border-radius: 16rpx;
+  padding: 20rpx 24rpx;
+  word-break: break-all;
+}
+.bubble.user {
+  background: $bubble-user;
+  border-bottom-right-radius: 4rpx;
+  .bubble-text { color: #fff; }
+}
+.bubble.data, .bubble.knowledge {
+  background: $bubble-ai;
+  border-bottom-left-radius: 4rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0,0,0,.06);
+}
+.bubble-text { line-height: 1.6; color: $text-main; }
+
+/* 进度步骤 */
+.steps {
+  display: flex;
+  flex-direction: column;
+  gap: 6rpx;
+  padding: 0 4rpx;
+}
+.step {
+  display: flex;
+  align-items: center;
+  gap: 8rpx;
+  font-size: 22rpx;
+  color: $text-sub;
+  &.done { color: #52c41a; }
+  &.running { color: $primary; }
+}
+.step-dot { font-size: 20rpx; width: 24rpx; }
+.step-time { font-size: 20rpx; }
+
+/* 结果状态 */
+.result-msg {
+  font-size: 24rpx;
+  color: $text-sub;
+  display: block;
+  margin-bottom: 12rpx;
+  &.error { color: #ff4d4f; }
+}
+
+/* 表格 */
+.data-table { margin-top: 8rpx; }
+.table-scroll { width: 100%; }
+.table-head, .table-row {
+  display: flex;
+  min-width: max-content;
+}
+.table-head { background: #f0f7ff; }
+.table-row.even { background: #fafafa; }
+.th, .td {
+  min-width: 120rpx;
+  padding: 12rpx 16rpx;
+  font-size: 24rpx;
+  white-space: nowrap;
+  border-bottom: 1rpx solid #f0f0f0;
+}
+.th { font-weight: 600; color: $primary; }
+.td { color: $text-main; }
+
+/* SQL 折叠 */
+.sql-block { margin-top: 12rpx; }
+.sql-toggle {
+  display: flex;
+  align-items: center;
+  gap: 8rpx;
+  padding: 8rpx 0;
+}
+.sql-label { font-size: 22rpx; color: $text-sub; background: #f0f0f0; padding: 2rpx 12rpx; border-radius: 6rpx; }
+.sql-arrow { font-size: 20rpx; color: $text-sub; }
+.sql-code {
+  background: #1e1e1e;
+  border-radius: 8rpx;
+  padding: 16rpx;
+  text { font-size: 22rpx; color: #d4d4d4; line-height: 1.5; }
+}
+
+/* 知识库来源 */
+.sources { margin-top: 12rpx; padding-top: 12rpx; border-top: 1rpx solid #f0f0f0; }
+.source-label { font-size: 22rpx; color: $text-sub; }
+.source-item { font-size: 22rpx; color: $primary; }
+
+/* 加载动画 */
+.loading { background: $bubble-ai !important; box-shadow: 0 2rpx 8rpx rgba(0,0,0,.06); }
+.dot-loader { display: flex; gap: 8rpx; align-items: center; height: 32rpx; }
+.dot {
+  width: 12rpx; height: 12rpx; border-radius: 50%; background: #ccc;
+  animation: bounce 1.2s infinite ease-in-out;
+  &:nth-child(2) { animation-delay: 0.2s; }
+  &:nth-child(3) { animation-delay: 0.4s; }
+}
+@keyframes bounce {
+  0%, 80%, 100% { transform: scale(0.6); opacity: 0.4; }
+  40% { transform: scale(1); opacity: 1; }
+}
+
+/* 澄清提示 */
+.clarify-bar {
+  background: #fff7e6;
+  border-top: 1rpx solid #ffe58f;
+  padding: 16rpx 30rpx;
+}
+.clarify-text { font-size: 26rpx; color: #d46b08; }
+
+/* 输入栏 */
+.input-bar {
+  display: flex;
+  align-items: center;
+  padding: 16rpx 24rpx;
+  padding-bottom: calc(16rpx + env(safe-area-inset-bottom));
+  background: #fff;
+  border-top: 1rpx solid #eee;
+  gap: 16rpx;
+  margin-bottom: 93rpx;
+}
+.input {
+  flex: 1;
+  height: 72rpx;
+  padding: 0 24rpx;
+  background: #f5f6fa;
+  border-radius: 36rpx;
+  font-size: 28rpx;
+  color: $text-main;
+  border: 1rpx solid #e8e8e8;
+}
+.send-btn {
+  width: 100rpx;
+  height: 72rpx;
+  background: $primary;
+  border-radius: 36rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  &.disabled { background: #ccc; }
+}
+.send-text { color: #fff; font-size: 26rpx; }
+
+/* 麦克风按钮 */
+.mic-btn {
+  width: 72rpx;
+  height: 72rpx;
+  border-radius: 50%;
+  background: #f0f0f0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  transition: background 0.2s;
+  &.recording {
+    background: #ff4d4f;
+    animation: micPulse 0.8s infinite;
+  }
+}
+.mic-icon { font-size: 32rpx; line-height: 1; }
+
+/* 用阴影呼吸代替 scale，避免缩放触发 mouseleave */
+@keyframes micPulse {
+  0%, 100% { box-shadow: 0 0 0 0 rgba(255,77,79,0.5); }
+  50% { box-shadow: 0 0 0 12rpx rgba(255,77,79,0); }
+}
+
+/* 录音浮层 */
+.recording-overlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(0,0,0,.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 200;
+}
+.recording-inner {
+  background: #fff;
+  border-radius: 24rpx;
+  padding: 60rpx 80rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 20rpx;
+}
+.recording-icon { font-size: 80rpx; }
+.recording-tip { font-size: 26rpx; color: #666; }
+.recording-waves {
+  display: flex;
+  gap: 8rpx;
+  align-items: center;
+  height: 50rpx;
+}
+.wave {
+  width: 8rpx;
+  background: #1890ff;
+  border-radius: 4rpx;
+  animation: wave 0.8s infinite ease-in-out alternate;
+}
+@keyframes wave {
+  0%  { height: 10rpx; }
+  100%{ height: 50rpx; }
+}
+</style>

src/pages/components/AreaDistribution.vue

@@ -46,22 +46,31 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: { type: 'shadow' }
+        },
+        legend: {
+          data: ['查获数量'],
+          textStyle: { color: '#666', fontSize: 10 },
+          top: 0
+        },
         grid: {
           left: '15%',
           right: '5%',
           bottom: '15%',
-          top: '10%'
+          top: '22%'
         },
         xAxis: {
           type: 'category',
           data: this.chartsData.labels,
           axisLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.1)'
+              color: 'rgba(0, 0, 0, 0.1)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#666',
             fontSize: 10,
             // rotate: 30
           }
@@ -76,11 +85,11 @@ export default {
           },
           splitLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.05)'
+              color: 'rgba(0, 0, 0, 0.05)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#666',
             fontSize: 10
           }
         },

src/pages/components/AttendanceStatus.vue

@@ -39,13 +39,13 @@ export default {
   .attendance-number {
     font-size: 48rpx;
     font-weight: bold;
-    color: rgba(255, 255, 255, 0.95);
+    color: black;
   }
   
   .attendance-label {
     margin-top: 8rpx;
     font-size: 20rpx;
-    color: rgba(255, 255, 255, 0.5);
+    color: black;
     line-height: 1.4;
   }
 }

src/pages/components/DailySeizureChart.vue

@@ -5,7 +5,7 @@
       <div class="chart-container" ref="totalChart"></div>
     </div>
     <div class="chart-section">
-      <div class="sub-title">部门对比</div>
+      <div class="sub-title">{{title}}</div>
       <div class="chart-container" ref="deptChart"></div>
     </div>
   </div>
@@ -17,6 +17,10 @@ import * as echarts from 'echarts'
 export default {
   name: 'DailySeizureChart',
   props: {
+    title: {
+      type: String,
+      default: '部门对比'
+    },
     chartsData: {
       type: Object,
       default: () => ({
@@ -73,23 +77,33 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: { type: 'shadow' }
+        },
+        legend: {
+          data: ['查获总数'],
+          textStyle: { color: '#666', fontSize: 10 },
+          top: 0
+        },
         grid: {
           left: '10%',
           right: '5%',
-          bottom: '14%',
-          top: '10%'
+          bottom: '18%',
+          top: '22%'
         },
         xAxis: {
           type: 'category',
           data: this.chartsData.total.labels,
           axisLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.1)'
+              color: 'rgba(0, 0, 0, 0.1)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
-            fontSize: 10
+            color: '#666',
+            fontSize: 10,
+            rotate: 30
           }
         },
         yAxis: {
@@ -102,11 +116,11 @@ export default {
           },
           splitLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.05)'
+              color: 'rgba(0, 0, 0, 0.05)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#666',
             fontSize: 10
           }
         },
@@ -152,10 +166,15 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: { type: 'shadow' }
+        },
         legend: {
+          type:'scroll',
           data: (this.chartsData.dept.deptData || []).map(d => d.name),
           textStyle: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#333',
             fontSize: 9
           },
           top: 0
@@ -175,7 +194,7 @@ export default {
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#333',
             fontSize: 10
           }
         },
@@ -193,7 +212,7 @@ export default {
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#333',
             fontSize: 10
           }
         },
@@ -214,20 +233,20 @@ export default {
 .daily-seizure-chart {
   .chart-section {
     margin-bottom: 32rpx;
-    
+
     &:last-child {
       margin-bottom: 0;
     }
   }
-  
+
   .sub-title {
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.5);
+    color: #666;
     margin-bottom: 16rpx;
   }
-  
+
   .chart-container {
-    height:400rpx;
+    height:450rpx;
   }
 }
 </style>

src/pages/components/DeptSelector.vue

@@ -99,7 +99,7 @@ export default {
 
 <style lang="scss" scoped>
 .dept-picker {
-    background: #1E1B4B;
+    background: #fff;
     display: flex;
     flex-direction: column;
     border-radius: 16rpx 16rpx 0 0;
@@ -109,7 +109,7 @@ export default {
 
 .picker-header {
     padding: 24rpx 32rpx;
-    border-bottom: 1rpx solid rgba(255, 255, 255, 0.1);
+    border-bottom: 1rpx solid #eee;
     display: flex;
     justify-content: center;
     flex-shrink: 0;
@@ -118,7 +118,7 @@ export default {
 .picker-title {
     font-size: 32rpx;
     font-weight: 600;
-    color: #fff;
+    color: #333;
 }
 
 .search-box {
@@ -138,12 +138,12 @@ export default {
     align-items: center;
     justify-content: space-between;
     padding: 24rpx 0;
-    border-bottom: 1rpx solid rgba(255, 255, 255, 0.08);
+    border-bottom: 1rpx solid #f0f0f0;
 }
 
 .dept-item-name {
     font-size: 28rpx;
-    color: rgba(255, 255, 255, 0.9);
+    color: #333;
 }
 
 .empty-state,
@@ -152,7 +152,7 @@ export default {
     display: flex;
     justify-content: center;
     align-items: center;
-    color: rgba(255, 255, 255, 0.4);
+    color: #999;
     font-size: 24rpx;
 }
 </style>

src/pages/components/DeptStats.vue

@@ -55,11 +55,12 @@ export default {
     align-items: center;
     justify-content: center;
     padding: 24rpx 16rpx;
-    background: linear-gradient(135deg, rgba(33, 33, 58, 0.95), rgba(15, 70, 250, 0.2));
+    background: linear-gradient(135deg, #f5f7fa, #e8ecf1);
     border-radius: 16rpx;
-    border: 1rpx solid rgba(159, 3, 193, 0.3);
+    border: 1rpx solid #e0e0e0;
     position: relative;
     overflow: hidden;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
 
     &::before {
         content: '';
@@ -68,7 +69,7 @@ export default {
         left: 0;
         right: 0;
         height: 2rpx;
-        background: linear-gradient(90deg, #0f46fa, transparent);
+        background: linear-gradient(90deg, #60A5FA, transparent);
     }
 
     &::after {
@@ -78,21 +79,20 @@ export default {
         right: 0;
         left: 0;
         height: 2rpx;
-        background: linear-gradient(90deg, transparent, #9903C1);
+        background: linear-gradient(90deg, transparent, #A78BFA);
     }
 }
 
 .stat-value {
     font-size: 36rpx;
     font-weight: bold;
-    color: #fff;
-    text-shadow: 0 0 12rpx rgba(15, 70, 250, 0.8);
+    color: #333;
     line-height: 1;
 }
 
 .stat-label {
     font-size: 20rpx;
-    color: #a0c4ff;
+    color: #666;
     margin-top: 8rpx;
 }
 
@@ -102,7 +102,7 @@ export default {
     .dept-name {
         font-size: 28rpx;
         font-weight: bold;
-        color: #fff;
+        color: #333;
         text-align: center;
     }
 }

src/pages/components/DutyInfo.vue

@@ -38,12 +38,12 @@ export default {
   
   .duty-label {
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.5);
+    color: black;
   }
   
   .duty-value {
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.9);
+    color: black;
   }
 }
 </style>

src/pages/components/EmployeeTreeNode.vue

@@ -0,0 +1,125 @@
+<template>
+    <view class="tree-node">
+        <view 
+            :class="['node-row', { 'is-dept': isDept, 'is-user': isUser }]"
+            @click="handleClick"
+        >
+            <view class="toggle-icon" v-if="isDept">
+                <u-icon :name="expanded ? 'arrow-down' : 'arrow-right'" size="16" color="#999" />
+            </view>
+            <view class="toggle-icon" v-else>
+                <text class="user-dot">●</text>
+            </view>
+            <text class="node-label">{{ nodeLabel }}</text>
+            <u-icon v-if="isUser && nodeId === selectedId" name="checkmark" color="#34D399" size="18" />
+        </view>
+        <view v-if="isDept && expanded" class="node-children">
+            <template v-for="child in nodeChildren">
+                <employee-tree-node
+                    :key="child.id"
+                    :node="child"
+                    :expanded-ids="expandedIds"
+                    :selected-id="selectedId"
+                    @toggle="$emit('toggle', $event)"
+                    @select="$emit('select', $event)"
+                />
+            </template>
+        </view>
+    </view>
+</template>
+
+<script>
+export default {
+    name: 'EmployeeTreeNode',
+    props: {
+        node: {
+            type: Object,
+            required: true
+        },
+        expandedIds: {
+            type: [Array, Set],
+            default: () => []
+        },
+        selectedId: {
+            type: [String, Number],
+            default: null
+        }
+    },
+    computed: {
+        isDept() {
+            const hasChildren = this.node.children && this.node.children.length > 0
+            return hasChildren || this.node.nodeType === 'dept'
+        },
+        isUser() {
+            return !this.isDept
+        },
+        nodeId() {
+            return this.node.userId || this.node.id
+        },
+        nodeLabel() {
+            return this.node.nickName || this.node.label || this.node.userName || this.node.name || ''
+        },
+        nodeChildren() {
+            return this.node.children || []
+        },
+        expanded() {
+            if (this.expandedIds instanceof Set) {
+                return this.expandedIds.has(this.node.id)
+            }
+            return this.expandedIds.includes(this.node.id)
+        }
+    },
+    methods: {
+        handleClick() {
+            if (this.isDept) {
+                this.$emit('toggle', this.node.id)
+            } else {
+                this.$emit('select', {
+                    userId: this.nodeId,
+                    nickName: this.nodeLabel
+                })
+            }
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.tree-node {
+    width: 100%;
+}
+
+.node-row {
+    display: flex;
+    align-items: center;
+    padding: 20rpx 32rpx 20rpx 16rpx;
+    gap: 12rpx;
+
+    &.is-dept {
+        padding-left: 16rpx;
+    }
+}
+
+.toggle-icon {
+    width: 40rpx;
+    height: 40rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.user-dot {
+    font-size: 16rpx;
+    color: #999;
+}
+
+.node-label {
+    flex: 1;
+    font-size: 28rpx;
+    color: #333;
+}
+
+.node-children {
+    padding-left: 32rpx;
+}
+</style>

src/pages/components/GroupMemberTable.vue

@@ -52,25 +52,25 @@ export default {
   .table-scroll {
     width: 100%;
   }
-  
+
   .data-table {
     width: 100%;
     font-size: 24rpx;
     border-collapse: collapse;
-    
+
     th, td {
       padding: 16rpx 8rpx;
       text-align: left;
       white-space: nowrap;
     }
-    
+
     th {
-      color: rgba(255, 255, 255, 0.5);
-      border-bottom: 1rpx solid rgba(255, 255, 255, 0.1);
+      color: #666;
+      border-bottom: 1rpx solid #e0e0e0;
     }
-    
+
     td {
-      color: rgba(255, 255, 255, 0.9);
+      color: #333;
     }
   }
 }

src/pages/components/InterceptionDistribution.vue

@@ -45,11 +45,16 @@ export default {
             const option = {
                 responsive: true,
                 maintainAspectRatio: false,
+                legend: {
+                    data: ['拦截数量'],
+                    textStyle: { color: '#666', fontSize: 10 },
+                    top: 0
+                },
                 grid: {
                     left: '25%',
                     right: '10%',
                     bottom: '10%',
-                    top: '10%'
+                    top: '22%'
                 },
                 xAxis: {
                     type: 'value',
@@ -57,11 +62,11 @@ export default {
                     axisTick: { show: false },
                     splitLine: {
                         lineStyle: {
-                            color: 'rgba(255, 255, 255, 0.05)'
+                            color: 'rgba(0, 0, 0, 0.05)'
                         }
                     },
                     axisLabel: {
-                        color: 'rgba(255, 255, 255, 0.5)',
+                        color: '#666',
                         fontSize: 9
                     }
                 },
@@ -72,11 +77,11 @@ export default {
                     axisTick: { show: false },
                     splitLine: {
                         lineStyle: {
-                            color: 'rgba(255, 255, 255, 0.05)'
+                            color: 'rgba(0, 0, 0, 0.05)'
                         }
                     },
                     axisLabel: {
-                        color: 'rgba(255, 255, 255, 0.6)',
+                        color: '#666',
                         fontSize: 9,
                         formatter: function (value) {
                             return value.length > 5 ? value.substring(0, 6) + '...' : value
@@ -105,9 +110,7 @@ export default {
                 ],
                 tooltip: {
                     trigger: 'axis',
-                    backgroundColor: 'rgba(13,80,122,0.95)',
-                    borderColor: '#70CFE7',
-                    textStyle: { color: '#fff' }
+                   axisPointer: { type: 'shadow' }
                 }
             }
             this.chart.setOption(option)

src/pages/components/ItemDistribution.vue

@@ -1,12 +1,12 @@
 <template>
   <div class="item-distribution">
     <div class="chart-container" ref="itemChart"></div>
-    <div class="legend-grid">
+    <!-- <div class="legend-grid">
       <div v-for="(item, index) in chartsData.items" :key="index" class="legend-item">
         <div class="legend-dot" :style="{ backgroundColor: item.color }"></div>
         <div class="legend-text">{{ item.name }}: {{ item.value }}</div>
       </div>
-    </div>
+    </div> -->
   </div>
 </template>
 
@@ -53,9 +53,19 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'item',
+          formatter: '{b}: {c} ({d}%)'
+        },
+        legend: {
+          type: 'scroll',
+          data: this.chartsData.items.map(item => item.name),
+          textStyle: { color: '#666', fontSize: 10 },
+          top: 0
+        },
         series: [{
           type: 'pie',
-          radius: ['50%', '70%'],
+          radius: ['30%', '47%'],
           data: this.chartsData.items.map(item => ({
             name: item.name,
             value: item.value,
@@ -68,7 +78,7 @@ export default {
           },
           label: {
             show: true,
-            color: 'rgba(255, 255, 255, 0.7)',
+            color: '#333',
             fontSize: 10,
             formatter: '{b}\n{d}%'
           }
@@ -86,30 +96,30 @@ export default {
 <style lang="scss" scoped>
 .item-distribution {
   .chart-container {
-    height: 300rpx;
+    height: 450rpx;
   }
-  
+
   .legend-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 8rpx;
     margin-top: 16rpx;
   }
-  
+
   .legend-item {
     display: flex;
     align-items: center;
     font-size: 24rpx;
-    
+
     .legend-dot {
       width: 12rpx;
       height: 12rpx;
       border-radius: 50%;
       margin-right: 8rpx;
     }
-    
+
     .legend-text {
-      color: rgba(255, 255, 255, 0.7);
+      color: #666;
     }
   }
 }

src/pages/components/MemberBasicDistribution.vue

@@ -71,9 +71,18 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'item',
+          formatter: '{b}: {c} ({d}%)'
+        },
+        legend: {
+          data: this.chartsData.gender.labels,
+          textStyle: { color: '#666', fontSize: 10 },
+          top: 0
+        },
         series: [{
           type: 'pie',
-          radius: ['40%', '60%'],
+          radius: ['25%', '40%'],
           data: this.chartsData.gender.data.map((value, index) => ({
             name: this.chartsData.gender.labels[index],
             value: value
@@ -86,7 +95,7 @@ export default {
           },
           label: {
             show: true,
-            color: 'rgba(255, 255, 255, 0.7)',
+            color: '#333',
             fontSize: 10,
             formatter: '{b}\n{d}%'
           }
@@ -100,22 +109,32 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'item',
+          formatter: '{b}: {c} ({d}%)'
+        },
+        legend: {
+          type: 'scroll',
+          data: this.chartsData.ethnicity.labels,
+          textStyle: { color: '#666', fontSize: 10 },
+          top: 0
+        },
         series: [{
           type: 'pie',
-          radius: ['40%', '60%'],
+          radius: ['25%', '40%'],
           data: this.chartsData.ethnicity.data.map((value, index) => ({
             name: this.chartsData.ethnicity.labels[index],
             value: value
           })),
-          itemStyle: {
-            color: function(params) {
-              const colors = ['#A78BFA', '#34D399']
-              return colors[params.dataIndex]
-            }
-          },
+          // itemStyle: {
+          //   color: function(params) {
+          //     const colors = ['#A78BFA', '#34D399']
+          //     return colors[params.dataIndex]
+          //   }
+          // },
           label: {
             show: true,
-            color: 'rgba(255, 255, 255, 0.7)',
+            color: '#333',
             fontSize: 10,
             formatter: '{b}\n{d}%'
           }
@@ -129,9 +148,18 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'item',
+          formatter: '{b}: {c} ({d}%)'
+        },
+        legend: {
+          data: this.chartsData.political.labels,
+          textStyle: { color: '#666', fontSize: 10 },
+          top: 0
+        },
         series: [{
           type: 'pie',
-          radius: ['40%', '60%'],
+          radius: ['25%', '40%'],
           data: this.chartsData.political.data.map((value, index) => ({
             name: this.chartsData.political.labels[index],
             value: value
@@ -144,7 +172,7 @@ export default {
           },
           label: {
             show: true,
-            color: 'rgba(255, 255, 255, 0.7)',
+            color: '#333',
             fontSize: 10,
             formatter: '{b}\n{d}%'
           }
@@ -168,22 +196,22 @@ export default {
     flex-direction: column;
     gap: 32rpx;
   }
-  
+
   .chart-item {
     display: flex;
     align-items: center;
     gap: 24rpx;
-    
+
     .chart-label {
       width: 160rpx;
       flex-shrink: 0;
       font-size: 24rpx;
-      color: rgba(255, 255, 255, 0.5);
+      color: #666;
     }
-    
+
     .chart-container {
       flex: 1;
-      height:250rpx;
+      height:450rpx;
     }
   }
 }

src/pages/components/MemberPositionDistribution.vue

@@ -69,23 +69,33 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: { type: 'shadow' }
+        },
+        legend: {
+          data: ['职业资格等级'],
+          textStyle: { color: '#666', fontSize: 10 },
+          top: 0
+        },
         grid: {
           left: '10%',
           right: '5%',
           bottom: '14%',
-          top: '10%'
+          top: '22%'
         },
         xAxis: {
           type: 'category',
           data: this.chartsData.qualification.labels,
           axisLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.1)'
+              color: 'rgba(0, 0, 0, 0.1)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
-            fontSize: 10
+            color: '#666',
+            fontSize: 10,
+            rotate: 30
           }
         },
         yAxis: {
@@ -98,15 +108,17 @@ export default {
           },
           splitLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.05)'
+              color: 'rgba(0, 0, 0, 0.05)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
-            fontSize: 10
+            color: '#666',
+            fontSize: 10,
+            rotate: 30
           }
         },
         series: [{
+          name: '职业资格等级',
           type: 'bar',
           data: this.chartsData.qualification.data,
           itemStyle: {
@@ -134,23 +146,34 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: { type: 'shadow' }
+        },
+        legend: {
+          show: true,
+          data: ['开机年限'],
+          textStyle: { color: '#333', fontSize: 10 },
+          top: 0
+        },
         grid: {
           left: '10%',
           right: '5%',
           bottom: '14%',
-          top: '10%'
+          top: '22%'
         },
         xAxis: {
           type: 'category',
           data: this.chartsData.experience.labels,
           axisLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.1)'
+              color: 'rgba(0, 0, 0, 0.1)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
-            fontSize: 10
+            color: '#666',
+            fontSize: 10,
+            rotate: 30
           }
         },
         yAxis: {
@@ -163,15 +186,17 @@ export default {
           },
           splitLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.05)'
+              color: 'rgba(0, 0, 0, 0.05)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
-            fontSize: 10
+            color: '#666',
+            fontSize: 10,
+            rotate: 30
           }
         },
         series: [{
+          name: '开机年限',
           type: 'bar',
           data: this.chartsData.experience.data,
           itemStyle: {
@@ -199,25 +224,34 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: { type: 'shadow' }
+        },
+        legend: {
+          data: ['岗位资质'],
+          textStyle: { color: '#666', fontSize: 10 },
+          top: 0
+        },
         grid: {
           left: '10%',
           right: '5%',
           bottom: '20%',
-          top: '10%'
+          top: '22%'
         },
         xAxis: {
           type: 'category',
           data: this.chartsData.position.labels,
           axisLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.1)'
+              color: 'rgba(0, 0, 0, 0.1)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#666',
             fontSize: 10,
             rotate: 30,
-            margin: 15
+         
           }
         },
         yAxis: {
@@ -230,12 +264,13 @@ export default {
           },
           splitLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.05)'
+              color: 'rgba(0, 0, 0, 0.05)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
-            fontSize: 10
+            color: '#666',
+            fontSize: 10,
+            rotate: 30
           }
         },
         dataZoom: [{
@@ -244,17 +279,18 @@ export default {
           xAxisIndex: 0,
           height: 20,
           bottom: 0,
-          borderColor: 'rgba(255, 255, 255, 0.1)',
-          backgroundColor: 'rgba(45, 42, 85, 0.8)',
-          fillerColor: 'rgba(167, 139, 250, 0.3)',
-          handleStyle: {
-            color: '#A78BFA'
-          },
-          labelStyle: {
-            color: 'rgba(255, 255, 255, 0.5)'
-          }
+          // borderColor: 'gray',
+          // backgroundColor: 'gray',
+          // fillerColor: 'gray',
+          // handleStyle: {
+          //   color: '#A78BFA'
+          // },
+          // labelStyle: {
+          //   color: 'rgba(255, 255, 255, 0.5)'
+          // }
         }],
         series: [{
+          name: '岗位资质',
           type: 'bar',
           data: this.chartsData.position.data,
           itemStyle: {

src/pages/components/PassengerChart.vue

@@ -82,13 +82,11 @@ export default {
       const option = {
         tooltip: {
           trigger: 'axis',
-          backgroundColor: 'rgba(30, 27, 75, 0.95)',
-          borderColor: '#A78BFA',
-          textStyle: { color: '#fff' }
+   axisPointer: { type: 'shadow' }
         },
         legend: {
           data: [...areaNames, '人流总数'],
-          textStyle: { color: 'rgba(255, 255, 255, 0.5)', fontSize: 10 },
+          textStyle: { color: '#666', fontSize: 10 },
           top: 0
         },
         grid: {
@@ -100,27 +98,27 @@ export default {
         xAxis: {
           type: 'category',
           data: this.chartsData.labels,
-          axisLabel: { color: 'rgba(255, 255, 255, 0.5)', fontSize: 10 },
-          axisLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.1)' } }
+          axisLabel: { color: '#666', fontSize: 10 },
+          axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.1)' } }
         },
         yAxis: [
           {
             type: 'value',
             name: '人数',
-            nameTextStyle: { color: 'rgba(255, 255, 255, 0.5)', fontSize: 10 },
+            nameTextStyle: { color: '#666', fontSize: 10 },
             position: 'left',
             max: Math.ceil(maxVal * 1.2),
-            axisLabel: { color: 'rgba(255, 255, 255, 0.5)', fontSize: 10 },
+            axisLabel: { color: '#666', fontSize: 10 },
             axisLine: { show: false },
-            splitLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.05)' } }
+            splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.05)' } }
           },
           {
             type: 'value',
             name: '人流总数',
-            nameTextStyle: { color: 'rgba(255, 255, 255, 0.5)', fontSize: 10 },
+            nameTextStyle: { color: '#666', fontSize: 10 },
             position: 'right',
             max: Math.ceil(maxVal * 1.2),
-            axisLabel: { color: 'rgba(255, 255, 255, 0.5)', fontSize: 10 },
+            axisLabel: { color: '#666', fontSize: 10 },
             axisLine: { show: false },
             splitLine: { show: false }
           }

src/pages/components/ProfileRadar.vue

@@ -4,6 +4,12 @@
             <text>暂无数据</text>
         </view>
         <template v-else>
+            <div class="chart-legend">
+                <div class="legend-item legend-warning"><span></span>预警线（低于75分）</div>
+                <!-- <div class="legend-item legend-normal"><span></span>正常线（75~90分)</div> -->
+                <div class="legend-item legend-excellent"><span></span>优秀线（高于90分）</div>
+                <div class="legend-item legend-current"><span></span>当前分值</div>
+            </div>
             <div class="chart-container" ref="radarChart"></div>
             <view class="radar-list">
                 <view v-for="(item, index) in radarData" :key="index" class="radar-item">
@@ -92,77 +98,66 @@ export default {
                 this.chart.dispose()
                 this.chart = null
             }
-            
+
             // 没有数据时不渲染图表
             if (!this.radarData || this.radarData.length === 0) {
                 return
             }
-            
-            const values = this.radarData.map(item => {
-                if (typeof item === 'object' && item !== null) {
-                    return item.finalScore || item.score || 0
-                }
-                return 0
-            })
-            
+
+
+
+
             this.chart = echarts.init(this.$refs.radarChart)
-            
-            const option = {
-                responsive: true,
-                maintainAspectRatio: false,
-                radar: {
-                    indicator: this.indicators,
-                    center: ['50%', '50%'],
-                    radius: '60%',
-                    splitNumber: 5,
-                    axisLine: {
-                        lineStyle: {
-                            color: 'rgba(255, 255, 255, 0.2)'
-                        }
+            const radarData = {
+                grounp: this.radarData.map(d => ({ name: d.name + '\n\n' + d.finalScore, max: 100 })),
+                data: [{
+                    name: '个人能力',
+                    value: this.radarData.map(item => item.finalScore || 0),
+                    symbolSize: 10,
+                    areaStyle: {
+                        show: false,
+                        opacity: 0
                     },
-                    splitLine: {
-                        lineStyle: {
-                            color: 'rgba(255, 255, 255, 0.1)'
-                        }
+                    lineStyle: {
+                        color: '#4DC8FE',
+                        width: 1
                     },
+                    itemStyle: { color: '#fff', borderWidth: 1, borderColor: '#00C8DA', borderJoin: 'round' }
+                }]
+            }
+
+            const option = {
+                radar: {
+                    indicator: radarData.grounp,
+                    center: ['50%', '52%'],
+                    radius: '50%',
+                    splitNumber: 8,
+                    axisLine: { lineStyle: { color: '#ccc' } },
+                    splitLine: { lineStyle: { color: ['#ccc', '#ccc', '#ccc', '#ccc', '#ccc', '#ccc', '#fe4322', '#8EC742', '#ccc'], width: 1 } },
                     splitArea: { show: false },
                     axisName: {
-                        color: 'rgba(255, 255, 255, 0.6)',
-                        fontSize: 10
+                        color: '#333',
+                        fontSize: 12
                     }
                 },
                 series: [
                     {
                         type: 'radar',
+                        data: radarData.data,
                         symbol: 'circle',
-                        symbolSize: 8,
-                        data: [
-                            {
-                                value: values,
-                                name: '综合得分',
-                                lineStyle: {
-                                    color: '#4DC8FE',
-                                    width: 2
-                                },
-                                itemStyle: {
-                                    color: '#fff',
-                                    borderWidth: 1,
-                                    borderColor: '#00C8DA'
-                                },
-                                areaStyle: {
-                                    color: 'rgba(77, 200, 254, 0.2)'
-                                }
-                            }
-                        ]
+                        symbolSize: 13,
+                        label: {
+                            show: false,
+                            formatter: (p) => p.value,
+                            color: '#333',
+                            fontSize: 16,
+                            fontWeight: 'bold'
+                        }
                     }
                 ],
                 tooltip: {
                     trigger: 'item',
-                    backgroundColor: 'rgba(13, 80, 122, 0.95)',
-                    borderColor: '#70CFE7',
-                    textStyle: {
-                        color: '#fff'
-                    }
+                    axisPointer: { type: 'shadow' }
                 }
             }
             this.chart.setOption(option)
@@ -186,7 +181,7 @@ export default {
         display: flex;
         align-items: center;
         justify-content: center;
-        color: rgba(255, 255, 255, 0.5);
+        color: #999;
         font-size: 28rpx;
     }
 
@@ -195,6 +190,63 @@ export default {
         height: 350rpx;
     }
 
+    .chart-legend {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex-wrap: wrap;
+        gap: 10px 18px;
+        padding-top: 8px;
+        color: #fff;
+        font-size: 14px;
+
+    }
+
+    .legend-item {
+        display: flex;
+        align-items: center;
+        gap: 6rpx;
+
+        span {
+            width: 24rpx;
+            height: 10rpx;
+            border: 2rpx solid currentColor;
+            border-radius: 2rpx;
+        }
+    }
+
+    .legend-warning {
+        color: #fe4322;
+
+        span {
+            background-color: #fe4322;
+        }
+    }
+
+    .legend-normal {
+        color: black;
+
+        span {
+            background-color: gray;
+        }
+    }
+
+    .legend-excellent {
+        color: #8EC742;
+
+        span {
+            background-color: #8EC742;
+        }
+    }
+
+    .legend-current {
+        color: #1890ff;
+
+        span {
+            background-color: #1890ff;
+        }
+    }
+
     .radar-list {
         display: flex;
         flex-direction: column;
@@ -208,7 +260,7 @@ export default {
             font-size: 24rpx;
 
             .item-label {
-                color: rgba(160, 196, 255, 0.9);
+                color: #333;
             }
 
             .progress-row {
@@ -219,7 +271,7 @@ export default {
                 .progress-bar {
                     flex: 1;
                     height: 10rpx;
-                    background: rgba(255, 255, 255, 0.1);
+                    background: #f0f0f0;
                     border-radius: 0;
                     overflow: visible;
 
@@ -237,6 +289,7 @@ export default {
                             width: 6rpx;
                             height: 18rpx;
                             background: #fff;
+                            border: 2rpx solid currentColor;
                             border-radius: 4rpx;
                         }
                     }
@@ -245,7 +298,7 @@ export default {
                 .item-value {
                     width: 80rpx;
                     text-align: right;
-                    color: #fff;
+                    color: #333;
                     font-weight: bold;
                     font-size: 24rpx;
                 }

src/pages/components/SecurityTestCharts.vue

@@ -79,9 +79,19 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'item',
+          formatter: '{b}: {c} ({d}%)'
+        },
+        legend: {
+          type: 'scroll',
+          data: this.chartsData.items.labels,
+          textStyle: { color: '#666', fontSize: 10 },
+          top: 0
+        },
         series: [{
           type: 'pie',
-          radius: ['50%', '70%'],
+          radius: ['30%', '40%'],
           data: this.chartsData.items.labels.map((label, index) => ({
             name: label,
             value: this.chartsData.items.data[index]
@@ -94,7 +104,7 @@ export default {
           },
           label: {
             show: true,
-            color: 'rgba(255, 255, 255, 0.7)',
+            color: '#333',
             fontSize: 10,
             formatter: '{b}\n{d}%'
           }
@@ -108,9 +118,19 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        legend: {
+          type: 'scroll',
+          data: this.chartsData.results.labels,
+          textStyle: { color: '#666', fontSize: 10 },
+          top: 0
+        },
+        tooltip: {
+          trigger: 'item',
+          formatter: '{b}: {c} ({d}%)'
+        },
         series: [{
           type: 'pie',
-          radius: ['50%', '70%'],
+          radius: ['30%', '40%'],
           data: this.chartsData.results.labels.map((label, index) => ({
             name: label,
             value: this.chartsData.results.data[index]
@@ -123,7 +143,7 @@ export default {
           },
           label: {
             show: true,
-            color: 'rgba(255, 255, 255, 0.7)',
+            color: '#333',
             fontSize: 10,
             formatter: '{b}\n{d}%'
           }
@@ -137,9 +157,19 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'item',
+          formatter: '{b}: {c} ({d}%)'
+        },
+        legend: {
+          type: 'scroll',
+          data: this.chartsData.areas.labels,
+          textStyle: { color: '#666', fontSize: 10 },
+          top: 0
+        },
         series: [{
           type: 'pie',
-          radius: ['50%', '70%'],
+          radius: ['30%', '40%'],
           data: this.chartsData.areas.labels.map((label, index) => ({
             name: label,
             value: this.chartsData.areas.data[index]
@@ -152,7 +182,7 @@ export default {
           },
           label: {
             show: true,
-            color: 'rgba(255, 255, 255, 0.7)',
+            color: '#333',
             fontSize: 10,
             formatter: '{b}\n{d}%'
           }

src/pages/components/SeizedNumAll.vue

@@ -47,18 +47,23 @@ export default {
                     left: '15%',
                     right: '5%',
                     bottom: '15%',
-                    top: '10%'
+                    top: '22%'
+                },
+                legend: {
+                    data: ['查获数'],
+                    textStyle: { color: '#666', fontSize: 10 },
+                    top: 0
                 },
                 xAxis: {
                     type: 'category',
                     data: this.chartsData.map(item => item.recordDate),
                     axisLine: {
                         lineStyle: {
-                            color: 'rgba(255, 255, 255, 0.1)'
+                            color: 'rgba(0, 0, 0, 0.1)'
                         }
                     },
                     axisLabel: {
-                        color: 'rgba(255, 255, 255, 0.5)',
+                        color: '#666',
                         fontSize: 9,
                         rotate: 30
                     }
@@ -69,11 +74,11 @@ export default {
                     axisTick: { show: false },
                     splitLine: {
                         lineStyle: {
-                            color: 'rgba(255, 255, 255, 0.05)'
+                            color: 'rgba(0, 0, 0, 0.05)'
                         }
                     },
                     axisLabel: {
-                        color: 'rgba(255, 255, 255, 0.5)',
+                        color: '#666',
                         fontSize: 9
                     }
                 },
@@ -106,9 +111,7 @@ export default {
                 ],
                 tooltip: {
                     trigger: 'axis',
-                    backgroundColor: 'rgba(13,80,122,0.95)',
-                    borderColor: '#70CFE7',
-                    textStyle: { color: '#fff' }
+                    axisPointer: { type: 'shadow' }
                 }
             }
             this.chart.setOption(option)

src/pages/components/SeizureInfo.vue

@@ -97,7 +97,7 @@ export default {
             top: '38%',
             style: {
               text: String(this.chartsData.total),
-              fill: 'rgba(255, 255, 255, 0.9)',
+              fill: '#333',
               fontSize: 14,
               fontWeight: 'bold',
               textAlign: 'center'
@@ -110,7 +110,7 @@ export default {
             top: '58%',
             style: {
               text: '查获总数',
-              fill: 'rgba(255, 255, 255, 0.5)',
+              fill: '#333',
               fontSize: 15,
               textAlign: 'center'
             },
@@ -126,25 +126,33 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: { type: 'shadow' }
+        },
+        legend: {
+          data: ['查获数量'],
+          textStyle: { color: '#666', fontSize: 10 },
+          top: 0
+        },
         grid: {
           left: '15%',
           right: '5%',
           bottom: '15%',
-          top: '10%'
+          top: '22%'
         },
         xAxis: {
           type: 'category',
           data: this.chartsData.depts.labels,
           axisLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.1)'
+              color: 'rgba(0, 0, 0, 0.1)'
             }
           },
-          // axisLabel: {
-          //   color: 'rgba(255, 255, 255, 0.5)',
-          //   fontSize: 9,
-          //   rotate: 30
-          // }
+          axisLabel: {
+            color: '#666',
+            fontSize: 9
+          }
         },
         yAxis: {
           type: 'value',
@@ -156,11 +164,11 @@ export default {
           },
           splitLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.05)'
+              color: 'rgba(0, 0, 0, 0.05)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#666',
             fontSize: 9
           }
         },

src/pages/components/SupervisionDistribution.vue

@@ -47,18 +47,18 @@ export default {
                     left: '15%',
                     right: '5%',
                     bottom: '20%',
-                    top: '10%'
+                    top: '22%'
                 },
                 xAxis: {
                     type: 'category',
                     data: this.chartsData.map(item => item.name),
                     axisLine: {
                         lineStyle: {
-                            color: 'rgba(255, 255, 255, 0.1)'
+                            color: 'rgba(0, 0, 0, 0.1)'
                         }
                     },
                     axisLabel: {
-                        color: 'rgba(255, 255, 255, 0.5)',
+                        color: '#666',
                         fontSize: 9,
                         rotate: 30
                     }
@@ -67,18 +67,18 @@ export default {
                     type: 'value',
                     name: '人数',
                     nameTextStyle: {
-                        color: 'rgba(255, 255, 255, 0.5)',
+                        color: '#666',
                         fontSize: 9
                     },
                     axisLine: { show: false },
                     axisTick: { show: false },
                     splitLine: {
                         lineStyle: {
-                            color: 'rgba(255, 255, 255, 0.05)'
+                            color: 'rgba(0, 0, 0, 0.05)'
                         }
                     },
                     axisLabel: {
-                        color: 'rgba(255, 255, 255, 0.5)',
+                        color: '#666',
                         fontSize: 9
                     }
                 },
@@ -101,11 +101,14 @@ export default {
                         barWidth: '40%'
                     }
                 ],
+                legend: {
+                    data: ['查获数量'],
+                    textStyle: { color: '#666', fontSize: 10 },
+                    top: 0
+                },
                 tooltip: {
                     trigger: 'axis',
-                    backgroundColor: 'rgba(13,80,122,0.95)',
-                    borderColor: '#70CFE7',
-                    textStyle: { color: '#fff' }
+                    axisPointer: { type: 'shadow' }
                 }
             }
             this.chart.setOption(option)

src/pages/components/TeamMemberTable.vue

@@ -48,25 +48,25 @@ export default {
   .table-scroll {
     width: 100%;
   }
-  
+
   .data-table {
     width: 100%;
     font-size: 24rpx;
     border-collapse: collapse;
-    
+
     th, td {
       padding: 16rpx 8rpx;
       text-align: left;
       white-space: nowrap;
     }
-    
+
     th {
-      color: rgba(255, 255, 255, 0.5);
-      border-bottom: 1rpx solid rgba(255, 255, 255, 0.1);
+      color: #666;
+      border-bottom: 1rpx solid #e0e0e0;
     }
-    
+
     td {
-      color: rgba(255, 255, 255, 0.9);
+      color: #333;
     }
   }
 }

src/pages/components/UnsafeItemsChart.vue

@@ -57,6 +57,15 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'item',
+          formatter: '{b}: {c} ({d}%)'
+        },
+        legend: {
+          data: this.chartsData.items.map(item => item.name),
+          textStyle: { color: '#666', fontSize: 10 },
+          top: 0
+        },
         series: [{
           type: 'pie',
           radius: ['50%', '70%'],
@@ -72,7 +81,7 @@ export default {
           },
           label: {
             show: true,
-            color: 'rgba(255, 255, 255, 0.7)',
+            color: '#333',
             fontSize: 10,
             formatter: '{b}\n{d}%'
           }
@@ -90,25 +99,25 @@ export default {
 <style lang="scss" scoped>
 .unsafe-items-chart {
   .chart-container {
-    height: 220rpx;
+    height: 400rpx;
   }
-  
+
   .items-list {
     margin-top: 16rpx;
   }
-  
+
   .list-item {
     display: flex;
     justify-content: space-between;
     font-size: 24rpx;
     padding: 8rpx 0;
-    
+
     .item-name {
-      color: rgba(255, 255, 255, 0.7);
+      color: #666;
     }
-    
+
     .item-value {
-      color: rgba(255, 255, 255, 0.9);
+      color: #333;
     }
   }
 }

src/pages/components/UnsafePositionChart.vue

@@ -52,22 +52,31 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: { type: 'shadow' }
+        },
+        legend: {
+          data: ['人数'],
+          textStyle: { color: '#666', fontSize: 10 },
+          top: 0
+        },
         grid: {
           left: '15%',
           right: '5%',
           bottom: '15%',
-          top: '10%'
+          top: '22%'
         },
         xAxis: {
           type: 'category',
           data: this.chartsData.positions.labels,
           axisLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.1)'
+              color: 'rgba(0, 0, 0, 0.1)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#666',
             fontSize: 10,
             // rotate: 30
           }
@@ -82,11 +91,11 @@ export default {
           },
           splitLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.05)'
+              color: 'rgba(0, 0, 0, 0.05)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#666',
             fontSize: 10
           }
         },
@@ -122,16 +131,16 @@ export default {
 <style lang="scss" scoped>
 .unsafe-position-chart {
   .chart-container {
-    height: 240rpx;
+    height: 400rpx;
   }
-  
+
   .position-info {
     margin-top: 16rpx;
     text-align: center;
-    
+
     .info-text {
       font-size: 24rpx;
-      color: rgba(255, 255, 255, 0.5);
+      color: #666;
     }
   }
 }

src/pages/components/UnsafeTypesChart.vue

@@ -57,6 +57,15 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'item',
+          formatter: '{b}: {c} ({d}%)'
+        },
+        legend: {
+          data: this.chartsData.types.map(item => item.name),
+          textStyle: { color: '#666', fontSize: 10 },
+          top: 0
+        },
         series: [{
           type: 'pie',
           radius: ['50%', '70%'],
@@ -72,7 +81,7 @@ export default {
           },
           label: {
             show: true,
-            color: 'rgba(255, 255, 255, 0.7)',
+            color: '#333',
             fontSize: 10,
             formatter: '{b}\n{d}%'
           }
@@ -90,25 +99,25 @@ export default {
 <style lang="scss" scoped>
 .unsafe-types-chart {
   .chart-container {
-    height: 220rpx;
+    height: 400rpx;
   }
-  
+
   .types-list {
     margin-top: 16rpx;
   }
-  
+
   .list-item {
     display: flex;
     justify-content: space-between;
     font-size: 24rpx;
     padding: 8rpx 0;
-    
+
     .item-name {
-      color: rgba(255, 255, 255, 0.7);
+      color: #666;
     }
-    
+
     .item-value {
-      color: rgba(255, 255, 255, 0.9);
+      color: #333;
     }
   }
 }

src/pages/deptProfile/index.vue

@@ -59,7 +59,7 @@
             </SectionTitle>
 
             <view v-if="activeTab === 'profile'">
-                <SectionTitle title="七维得分一览">
+                <SectionTitle title="五维得分一览">
                     <ProfileRadar :chartsData="radarData" />
                 </SectionTitle>
 
@@ -77,7 +77,7 @@
             </view>
 
             <view v-if="activeTab === 'data'">
-                <SectionTitle title="每日通道过检率">
+                <SectionTitle title="通道高峰过检率">
                     <PassengerChart :chartsData="passengerData" />
                 </SectionTitle>
 
@@ -94,7 +94,7 @@
                 </SectionTitle>
 
                 <SectionTitle title="每日查获数量">
-                    <DailySeizureChart :chartsData="dailySeizureData" />
+                    <DailySeizureChart :chartsData="dailySeizureData" :title="'班组对比'"/>
                 </SectionTitle>
 
                 <SectionTitle title="查获工作区域分布">
@@ -726,9 +726,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-    .dept-selector {
+.dept-selector {
     padding: 16rpx 32rpx;
-    background: rgba(30, 27, 75, 0.8);
+    background: #fff;
 }
 
 .dept-select-trigger {
@@ -737,8 +737,8 @@ export default {
     justify-content: center;
     gap: 12rpx;
     padding: 16rpx 24rpx;
-    background: rgba(45, 42, 85, 0.8);
-    border: 1rpx solid rgba(167, 139, 250, 0.3);
+    background: #f5f5f5;
+    border: 1rpx solid #e0e0e0;
     border-radius: 50rpx;
 }
 
@@ -749,12 +749,12 @@ export default {
 
 .dept-name-text {
     font-size: 26rpx;
-    color: rgba(255, 255, 255, 0.9);
+    color: #333;
 }
 
 .dept-profile-page {
     min-height: 100vh;
-    background: linear-gradient(135deg, #1E1B4B 0%, #312E81 100%);
+    background: #fff;
     padding-bottom: 40rpx;
 }
 
@@ -762,9 +762,9 @@ export default {
     position: sticky;
     top: 0;
     z-index: 100;
-    background: rgba(30, 27, 75, 0.9);
+    background: #fff;
     backdrop-filter: blur(10px);
-    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.2);
+    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.08);
 }
 
 .header-title {
@@ -776,10 +776,7 @@ export default {
     .title-main {
         font-size: 36rpx;
         font-weight: bold;
-        background: linear-gradient(90deg, #A78BFA, #60A5FA);
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        background-clip: text;
+        color: #333;
     }
 }
 
@@ -790,13 +787,13 @@ export default {
 
     .current-time {
         font-size: 24rpx;
-        color: rgba(255, 255, 255, 0.6);
+        color: #999;
     }
 }
 
 .time-filter {
     padding: 16rpx 32rpx;
-    background: rgba(30, 27, 75, 0.8);
+    background: #fff;
 }
 
 .time-scroll {
@@ -812,14 +809,14 @@ export default {
 .time-tag {
     padding: 8rpx 10rpx;
     border-radius: 50rpx;
-    background: rgba(45, 42, 85, 0.8);
+    background: #f0f0f0;
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.6);
+    color: #666;
     transition: all 0.3s;
 
     &.active {
-        background: #A78BFA;
-        color: #1E1B4B;
+        background: #60A5FA;
+        color: #fff;
         font-weight: 500;
     }
 }
@@ -830,26 +827,26 @@ export default {
     gap: 16rpx;
     margin-top: 16rpx;
     padding-top: 16rpx;
-    border-top: 1rpx solid rgba(255, 255, 255, 0.1);
+    border-top: 1rpx solid #e0e0e0;
 }
 
 .date-input {
     flex: 1;
     padding: 12rpx 24rpx;
     border-radius: 12rpx;
-    background: rgba(45, 42, 85, 0.8);
+    background: #f5f5f5;
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.4);
+    color: #999;
     text-align: center;
 
     &.filled {
-        color: rgba(255, 255, 255, 0.9);
+        color: #333;
     }
 }
 
 .date-separator {
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.5);
+    color: #999;
     flex-shrink: 0;
 }
 
@@ -862,14 +859,14 @@ export default {
 
 .tab-item {
     font-size: 28rpx;
-    color: rgba(255, 255, 255, 0.5);
+    color: #999;
     padding-bottom: 8rpx;
     border-bottom: 2rpx solid transparent;
     transition: all 0.3s;
 
     &.active {
-        color: #A78BFA;
-        border-bottom-color: #A78BFA;
+        color: #333;
+        border-bottom-color: #333;
     }
 }
 
@@ -877,5 +874,6 @@ export default {
     padding: 32rpx;
     display: flex;
     flex-direction: column;
+    background-color: #fff;
 }
-</style>
+</style>

src/pages/groupProfile/index.vue

@@ -77,7 +77,7 @@
             </view>
 
             <view v-if="activeTab === 'data'">
-                <SectionTitle title="当日开航每小时通道过检率">
+                <SectionTitle title="通道高峰过检率">
                     <PassengerChart :chartsData="passengerData" />
                 </SectionTitle>
 
@@ -89,12 +89,12 @@
                     <ItemDistribution :chartsData="itemDistributionData" />
                 </SectionTitle>
 
-                <SectionTitle title="每日查获数量(总表)">
+                <!-- <SectionTitle title="每日查获数量(总表)">
                     <SeizedNumAll :chartsData="dailySeizureTotalData" />
-                </SectionTitle>
+                </SectionTitle> -->
 
                 <SectionTitle title="每日查获数量">
-                    <DailySeizureChart :chartsData="dailySeizureData" />
+                    <DailySeizureChart :chartsData="dailySeizureData" :title="'个人对比'"/>
                 </SectionTitle>
 
                 <SectionTitle title="查获工作区域分布">
@@ -735,7 +735,7 @@ export default {
 <style lang="scss" scoped>
     .dept-selector {
     padding: 16rpx 32rpx;
-    background: rgba(30, 27, 75, 0.8);
+    background: #fff;
 }
 
 .dept-select-trigger {
@@ -744,8 +744,8 @@ export default {
     justify-content: center;
     gap: 12rpx;
     padding: 16rpx 24rpx;
-    background: rgba(45, 42, 85, 0.8);
-    border: 1rpx solid rgba(167, 139, 250, 0.3);
+    background: #f5f5f5;
+    border: 1rpx solid #e0e0e0;
     border-radius: 50rpx;
 }
 
@@ -756,12 +756,12 @@ export default {
 
 .dept-name-text {
     font-size: 26rpx;
-    color: rgba(255, 255, 255, 0.9);
+    color: #333;
 }
 
 .dept-profile-page {
     min-height: 100vh;
-    background: linear-gradient(135deg, #1E1B4B 0%, #312E81 100%);
+    background: #fff;
     padding-bottom: 40rpx;
 }
 
@@ -769,9 +769,9 @@ export default {
     position: sticky;
     top: 0;
     z-index: 100;
-    background: rgba(30, 27, 75, 0.9);
+    background: #fff;
     backdrop-filter: blur(10px);
-    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.2);
+    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.08);
 }
 
 .header-title {
@@ -783,10 +783,7 @@ export default {
     .title-main {
         font-size: 36rpx;
         font-weight: bold;
-        background: linear-gradient(90deg, #A78BFA, #60A5FA);
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        background-clip: text;
+        color: #333;
     }
 }
 
@@ -797,13 +794,13 @@ export default {
 
     .current-time {
         font-size: 24rpx;
-        color: rgba(255, 255, 255, 0.6);
+        color: #999;
     }
 }
 
 .time-filter {
     padding: 16rpx 32rpx;
-    background: rgba(30, 27, 75, 0.8);
+    background: #fff;
 }
 
 .time-scroll {
@@ -819,14 +816,14 @@ export default {
 .time-tag {
     padding: 8rpx 10rpx;
     border-radius: 50rpx;
-    background: rgba(45, 42, 85, 0.8);
+    background: #f0f0f0;
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.6);
+    color: #666;
     transition: all 0.3s;
 
     &.active {
-        background: #A78BFA;
-        color: #1E1B4B;
+        background: #60A5FA;
+        color: #fff;
         font-weight: 500;
     }
 }
@@ -837,26 +834,26 @@ export default {
     gap: 16rpx;
     margin-top: 16rpx;
     padding-top: 16rpx;
-    border-top: 1rpx solid rgba(255, 255, 255, 0.1);
+    border-top: 1rpx solid #e0e0e0;
 }
 
 .date-input {
     flex: 1;
     padding: 12rpx 24rpx;
     border-radius: 12rpx;
-    background: rgba(45, 42, 85, 0.8);
+    background: #f5f5f5;
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.4);
+    color: #999;
     text-align: center;
 
     &.filled {
-        color: rgba(255, 255, 255, 0.9);
+        color: #333;
     }
 }
 
 .date-separator {
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.5);
+    color: #999;
     flex-shrink: 0;
 }
 
@@ -869,14 +866,14 @@ export default {
 
 .tab-item {
     font-size: 28rpx;
-    color: rgba(255, 255, 255, 0.5);
+    color: #999;
     padding-bottom: 8rpx;
     border-bottom: 2rpx solid transparent;
     transition: all 0.3s;
 
     &.active {
-        color: #A78BFA;
-        border-bottom-color: #A78BFA;
+        color: #333;
+        border-bottom-color: #333;
     }
 }
 
@@ -884,5 +881,6 @@ export default {
     padding: 32rpx;
     display: flex;
     flex-direction: column;
+    background-color: #fff;
 }
 </style>

src/pages/home/index.vue

@@ -37,6 +37,7 @@
       </div>
     </div>
 
+
     <Notice ref="notice" />
     <!--  今日待办  -->
     <!-- <myToDo /> -->
@@ -118,6 +119,7 @@ export default {
 
   },
   methods: {
+
     goworkDocu() {
       uni.navigateTo({
         url: '/pages/workDocu/index'
@@ -367,4 +369,5 @@ img {
   width: 100%;
   margin-bottom: 32rpx;
 }
+
 </style>

src/pages/login.vue

@@ -78,7 +78,7 @@ export default {
   onLoad() {
     //#ifdef H5
     if (getToken()) {
-      this.$tab.reLaunch('/pages/work/index')
+      this.$tab.reLaunch('/pages/myToDoList/index')
     }
     this.getStorage()
     //#endif
@@ -164,7 +164,7 @@ export default {
       this.$store.dispatch('GetInfo').then(res => {
         // 登录成功后调用showMessageTabRedDot更新消息tab红点状态
         showMessageTabRedDot()
-        this.$tab.reLaunch('/pages/work/index')
+        this.$tab.reLaunch('/pages/myToDoList/index')
       })
     }
   }

src/pages/organizationStruct/index.vue

@@ -0,0 +1,499 @@
+<template>
+    <view class="organization-struct">
+        <!-- 顶部搜索栏 -->
+        <view class="search-header">
+            <view class="search-box">
+                <u-icon name="search" color="#999" size="18" />
+                <input 
+                    v-model="searchKeyword" 
+                    class="search-input" 
+                    placeholder="搜索部门或人员" 
+                    @input="handleSearch"
+                />
+                <u-icon v-if="searchKeyword" name="close" color="#999" size="16" @click="clearSearch" />
+            </view>
+        </view>
+
+        <!-- 面包屑导航 -->
+        <view v-if="!searchKeyword && (breadcrumbs.length > 0 || currentNode)" class="breadcrumb">
+            <view class="back-btn" v-if="breadcrumbs.length > 0 || currentNode" @click="goBack">
+                <u-icon name="arrow-left" color="#666" size="20" />
+            </view>
+            <view 
+                v-for="(item, index) in breadcrumbs" 
+                :key="item.id"
+                class="breadcrumb-item"
+                @click="navigateToBreadcrumb(index)"
+            >
+                <text :class="['breadcrumb-text', { active: index === breadcrumbs.length - 1 }]">
+                    {{ item.label }}
+                </text>
+                <u-icon v-if="index < breadcrumbs.length - 1" name="arrow-right" color="#999" size="14" />
+            </view>
+        </view>
+
+        <!-- 内容区域 -->
+        <scroll-view class="content-area" scroll-y>
+            <!-- 搜索结果 -->
+            <view v-if="searchKeyword" class="search-results">
+                <view v-if="searchResults.length === 0" class="empty-state">
+                    <text>暂无搜索结果</text>
+                </view>
+                <view 
+                    v-for="item in searchResults" 
+                    :key="item.id || item.userId"
+                    :class="['result-item', { 'is-dept': item.nodeType === 'dept' || item.children }]"
+                    @click="handleResultClick(item)"
+                >
+                    <view class="result-icon">
+                        <u-icon :name="item.nodeType === 'dept' || item.children ? 'folder' : 'account'" 
+                            :color="item.nodeType === 'dept' || item.children ? '#A78BFA' : '#60A5FA'" size="20" />
+                    </view>
+                    <view class="result-info">
+                        <text class="result-name">{{ item.label || item.nickName || item.name }}</text>
+                        <text v-if="item.nodeType === 'dept' || item.children" class="result-path">
+                            {{ getSearchResultPath(item) }}
+                        </text>
+                    </view>
+                </view>
+            </view>
+
+            <!-- 正常浏览 -->
+            <view v-else class="dept-list">
+                <!-- 部门项 -->
+                <view 
+                    v-for="item in displayDepts" 
+                    :key="item.id"
+                    class="dept-item"
+                    @click="navigateToDept(item)"
+                >
+                    <view class="dept-icon">
+                        <u-icon name="folder" color="#A78BFA" size="40" />
+                    </view>
+                    <view class="dept-info">
+                        <text class="dept-name">{{ item.label || item.name }}</text>
+                        <text class="dept-count">{{ getNodeCount(item) }}</text>
+                    </view>
+                    <u-icon name="arrow-right" color="#ccc" size="20" />
+                </view>
+
+                <!-- 人员项 -->
+                <view 
+                    v-for="item in displayUsers" 
+                    :key="item.userId"
+                    class="user-item"
+                >
+                    <view class="user-avatar">
+                        <image v-if="item.avatar" :src="item.avatar" mode="aspectFill" class="avatar-img" />
+                        <view v-else class="avatar-placeholder">
+                            <text>{{ (item.label || item.nickName || item.userName || '').slice(-1) }}</text>
+                        </view>
+                    </view>
+                    <view class="user-info">
+                        <text class="user-name">{{ item.label  }}</text>
+                        <text v-if="item.postNames" class="user-post">{{ item.postNames }}</text>
+                    </view>
+                </view>
+
+                <!-- 空状态 -->
+                <view v-if="!displayDepts.length && !displayUsers.length && !loading" class="empty-state">
+                    <text>暂无数据</text>
+                </view>
+
+                <!-- 加载中 -->
+                <view v-if="loading" class="loading-state">
+                    <u-loading-icon text="加载中" textSize="14" />
+                </view>
+            </view>
+        </scroll-view>
+    </view>
+</template>
+
+<script>
+import { getDeptUserTree } from '@/api/system/user'
+
+export default {
+    name: 'OrganizationStruct',
+    data() {
+        return {
+            loading: false,
+            searchKeyword: '',
+            treeData: [],
+            currentNode: null,
+            breadcrumbs: [],
+            searchResults: []
+        }
+    },
+    computed: {
+        displayDepts() {
+            if (!this.currentNode) {
+                return this.treeData.filter(item => item.nodeType === 'dept' || (item.children && item.children.length > 0))
+            }
+            return (this.currentNode.children || []).filter(item => item.nodeType === 'dept' || (item.children && item.children.length > 0))
+        },
+        displayUsers() {
+            if (!this.currentNode) {
+                return this.treeData.filter(item => item.nodeType === 'user')
+            }
+            return (this.currentNode.children || []).filter(item => item.nodeType === 'user')
+        }
+    },
+    mounted() {
+        this.fetchTreeData()
+    },
+    methods: {
+        async fetchTreeData() {
+            this.loading = true
+            try {
+                const res = await getDeptUserTree()
+                this.treeData = res.data || []
+                this.currentNode = null
+                this.breadcrumbs = []
+            } catch (error) {
+                console.error('获取组织架构失败:', error)
+                uni.showToast({ title: '获取数据失败', icon: 'none' })
+            } finally {
+                this.loading = false
+            }
+        },
+        getNodeCount(node) {
+            const children = node.children || []
+            const deptCount = children.filter(c => c.nodeType === 'dept' || (c.children && c.children.length > 0)).length
+            const userCount = children.filter(c => c.nodeType === 'user').length
+            const parts = []
+            if (deptCount > 0) parts.push(`${deptCount}个部门`)
+            if (userCount > 0) parts.push(`${userCount}人`)
+            return parts.join('、')
+        },
+        navigateToDept(node) {
+            this.breadcrumbs.push({
+                id: node.id,
+                label: node.label || node.name
+            })
+            this.currentNode = node
+        },
+        goBack() {
+            if (this.breadcrumbs.length <= 1) {
+                this.currentNode = null
+                this.breadcrumbs = []
+            } else {
+                this.breadcrumbs.pop()
+                if (this.breadcrumbs.length === 0) {
+                    this.currentNode = null
+                } else {
+                    const targetId = this.breadcrumbs[this.breadcrumbs.length - 1].id
+                    this.currentNode = this.findNodeById(this.treeData, targetId)
+                }
+            }
+        },
+        navigateToBreadcrumb(index) {
+            if (index === 0) {
+                this.currentNode = null
+                this.breadcrumbs = []
+            } else {
+                const targetId = this.breadcrumbs[index].id
+                let targetNode = this.findNodeById(this.treeData, targetId)
+                if (targetNode) {
+                    this.currentNode = targetNode
+                    this.breadcrumbs = this.breadcrumbs.slice(0, index + 1)
+                }
+            }
+        },
+        findNodeById(nodes, id) {
+            for (const node of nodes) {
+                if (node.id === id) return node
+                if (node.children && node.children.length > 0) {
+                    const found = this.findNodeById(node.children, id)
+                    if (found) return found
+                }
+            }
+            return null
+        },
+        handleSearch() {
+            if (!this.searchKeyword.trim()) {
+                this.searchResults = []
+                return
+            }
+            const keyword = this.searchKeyword.trim().toLowerCase()
+            this.searchResults = this.searchTree(this.treeData, keyword)
+        },
+        searchTree(nodes, keyword, path = []) {
+            let results = []
+            for (const node of nodes) {
+                const name = (node.label || node.nickName || node.name || '').toLowerCase()
+                if (name.includes(keyword)) {
+                    results.push({
+                        ...node,
+                        searchPath: [...path]
+                    })
+                }
+                if (node.children && node.children.length > 0) {
+                    results = results.concat(
+                        this.searchTree(node.children, keyword, [...path, node.label || node.name])
+                    )
+                }
+            }
+            return results
+        },
+        getSearchResultPath(item) {
+            if (!item.searchPath || !item.searchPath.length) return ''
+            return item.searchPath.join(' > ')
+        },
+        handleResultClick(item) {
+            if (item.children || item.nodeType === 'dept') {
+                this.searchKeyword = ''
+                this.searchResults = []
+                const targetNode = this.findNodeById(this.treeData, item.id)
+                if (targetNode) {
+                    this.navigateToNodeFromRoot(targetNode)
+                }
+            }
+        },
+        navigateToNodeFromRoot(targetNode) {
+            const path = this.findPathToNode(this.treeData, targetNode.id)
+            if (path.length > 0) {
+                this.breadcrumbs = path.slice(0, -1).map(node => ({
+                    id: node.id,
+                    label: node.label || node.name
+                }))
+                this.currentNode = targetNode
+            }
+        },
+        findPathToNode(nodes, id, path = []) {
+            for (const node of nodes) {
+                const newPath = [...path, node]
+                if (node.id === id) {
+                    return newPath
+                }
+                if (node.children && node.children.length > 0) {
+                    const found = this.findPathToNode(node.children, id, newPath)
+                    if (found.length > 0) {
+                        return found
+                    }
+                }
+            }
+            return []
+        },
+        clearSearch() {
+            this.searchKeyword = ''
+            this.searchResults = []
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.organization-struct {
+    min-height: 100vh;
+    background-color: #f5f7fa;
+    display: flex;
+    flex-direction: column;
+}
+
+.search-header {
+    padding: 24rpx 32rpx;
+    background-color: #fff;
+}
+
+.search-box {
+    display: flex;
+    align-items: center;
+    gap: 16rpx;
+    padding: 16rpx 24rpx;
+    background-color: #f5f7fa;
+    border-radius: 48rpx;
+}
+
+.search-input {
+    flex: 1;
+    font-size: 28rpx;
+    color: #333;
+}
+
+.breadcrumb {
+    display: flex;
+    align-items: center;
+    padding: 20rpx 32rpx;
+    background-color: #fff;
+    overflow-x: auto;
+    white-space: nowrap;
+    border-bottom: 1rpx solid #eee;
+}
+
+.back-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding-right: 16rpx;
+    flex-shrink: 0;
+}
+
+.breadcrumb-item {
+    display: flex;
+    align-items: center;
+    gap: 8rpx;
+    flex-shrink: 0;
+}
+
+.breadcrumb-text {
+    font-size: 28rpx;
+    color: #999;
+
+    &.active {
+        color: #333;
+        font-weight: 500;
+    }
+}
+
+.content-area {
+    flex: 1;
+    padding: 24rpx 32rpx;
+}
+
+.search-results {
+    background-color: #fff;
+    border-radius: 16rpx;
+    padding: 16rpx 0;
+}
+
+.result-item {
+    display: flex;
+    align-items: center;
+    padding: 24rpx 32rpx;
+    gap: 20rpx;
+    border-bottom: 1rpx solid #f5f5f5;
+}
+
+.result-icon {
+    width: 64rpx;
+    height: 64rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.result-info {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 8rpx;
+}
+
+.result-name {
+    font-size: 30rpx;
+    color: #333;
+}
+
+.result-path {
+    font-size: 24rpx;
+    color: #999;
+}
+
+.dept-list {
+    display: flex;
+    flex-direction: column;
+    gap: 20rpx;
+}
+
+.dept-item {
+    display: flex;
+    align-items: center;
+    padding: 24rpx 32rpx;
+    background-color: #fff;
+    border-radius: 16rpx;
+    gap: 20rpx;
+}
+
+.dept-icon {
+    width: 80rpx;
+    height: 80rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #f5f5f5;
+    border-radius: 12rpx;
+}
+
+.dept-info {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 8rpx;
+}
+
+.dept-name {
+    font-size: 32rpx;
+    color: #333;
+    font-weight: 500;
+}
+
+.dept-count {
+    font-size: 24rpx;
+    color: #999;
+}
+
+.user-item {
+    display: flex;
+    align-items: center;
+    padding: 24rpx 32rpx;
+    background-color: #fff;
+    border-radius: 16rpx;
+    gap: 20rpx;
+}
+
+.user-avatar {
+    width: 80rpx;
+    height: 80rpx;
+    flex-shrink: 0;
+}
+
+.avatar-img {
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+}
+
+.avatar-placeholder {
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background: linear-gradient(135deg, #60A5FA, #A78BFA);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    text {
+        font-size: 32rpx;
+        color: #fff;
+        font-weight: 500;
+    }
+}
+
+.user-info {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 6rpx;
+}
+
+.user-name {
+    font-size: 32rpx;
+    color: #333;
+    font-weight: 500;
+}
+
+.user-post {
+    font-size: 24rpx;
+    color: #999;
+}
+
+.empty-state,
+.loading-state {
+    padding: 80rpx 32rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #999;
+    font-size: 28rpx;
+}
+</style>

src/pages/profileManage/index.vue

@@ -0,0 +1,105 @@
+<template>
+  <home-container :customStyle="{ background: 'none', backgroundColor: '#f5f5f5' }">
+    <view class="profile-manage-container">
+      <view class="grid-body">
+        <uni-section title="画像管理" type="line" class="uni-section-custom"></uni-section>
+        <uni-grid :column="3" :showBorder="false">
+          <uni-grid-item v-for="(item, index) in items" :key="index">
+            <view class="grid-item-box" @click="handleGridClick(item.appUrl)">
+              <img alt="" :src="item.workbenchIcon">
+              <text class="text">{{ item.appName }}</text>
+            </view>
+          </uni-grid-item>
+        </uni-grid>
+      </view>
+    </view>
+  </home-container>
+</template>
+
+<script>
+import HomeContainer from '@/components/HomeContainer.vue'
+import { getAppList } from '@/api/system/user'
+
+const profileAppNames = ['站画像', '部门画像', '班组画像', '小组画像', '员工画像']
+
+export default {
+  components: { HomeContainer },
+  data() {
+    return {
+      appList: []
+    }
+  },
+  computed: {
+    items() {
+      return this.appList.filter(item => profileAppNames.includes(item.appName))
+    }
+  },
+  onLoad() {
+    this.loadAppList()
+  },
+  methods: {
+    async loadAppList() {
+      try {
+        const res = await getAppList({ homePage: 0 })
+        if (res.code === 200) {
+          this.appList = res.data || []
+        }
+      } catch (error) {
+        console.error('获取画像应用列表失败:', error)
+        this.appList = []
+      }
+    },
+    handleGridClick(url) {
+      if (!url) return
+      uni.navigateTo({ url })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.profile-manage-container {
+  padding: 20rpx;
+  background-color: #f5f5f5;
+}
+
+.grid-body {
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 20rpx;
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
+
+  .uni-section-custom {
+    ::v-deep .uni-section-header {
+      padding: 12rpx 10rpx !important;
+    }
+  }
+}
+
+.grid-item-box {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 30rpx 0;
+
+  img {
+    display: inline-block;
+    width: 88rpx;
+    height: 88rpx;
+  }
+
+  &:active {
+    background-color: #f5f5f5;
+    border-radius: 12rpx;
+  }
+}
+
+.text {
+  text-align: center;
+  font-size: 25rpx;
+  margin-top: 15rpx;
+  color: #333;
+}
+</style>

src/pages/stationProfile/index.vue

@@ -588,7 +588,7 @@ export default {
 <style lang="scss" scoped>
 .station-profile-page {
     min-height: 100vh;
-    background: linear-gradient(135deg, #1E1B4B 0%, #312E81 100%);
+    background: #fff;
     padding-bottom: 40rpx;
 }
 
@@ -596,9 +596,9 @@ export default {
     position: sticky;
     top: 0;
     z-index: 100;
-    background: rgba(30, 27, 75, 0.9);
+    background: #fff;
     backdrop-filter: blur(10px);
-    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.2);
+    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.08);
 }
 
 .header-title {
@@ -610,10 +610,7 @@ export default {
     .title-main {
         font-size: 36rpx;
         font-weight: bold;
-        background: linear-gradient(90deg, #A78BFA, #60A5FA);
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        background-clip: text;
+        color: #333;
     }
 }
 
@@ -624,18 +621,13 @@ export default {
 
     .current-time {
         font-size: 24rpx;
-        color: rgba(255, 255, 255, 0.6);
-    }
-
-    .menu-icon {
-        display: flex;
-        align-items: center;
+        color: #999;
     }
 }
 
 .time-filter {
     padding: 16rpx 32rpx;
-    background: rgba(30, 27, 75, 0.8);
+    background: #fff;
 }
 
 .time-scroll {
@@ -651,14 +643,14 @@ export default {
 .time-tag {
     padding: 8rpx 10rpx;
     border-radius: 50rpx;
-    background: rgba(45, 42, 85, 0.8);
+    background: #f0f0f0;
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.6);
+    color: #666;
     transition: all 0.3s;
 
     &.active {
-        background: #A78BFA;
-        color: #1E1B4B;
+        background: #60A5FA;
+        color: #fff;
         font-weight: 500;
     }
 }
@@ -669,26 +661,26 @@ export default {
     gap: 16rpx;
     margin-top: 16rpx;
     padding-top: 16rpx;
-    border-top: 1rpx solid rgba(255, 255, 255, 0.1);
+    border-top: 1rpx solid #e0e0e0;
 }
 
 .date-input {
     flex: 1;
     padding: 12rpx 24rpx;
     border-radius: 12rpx;
-    background: rgba(45, 42, 85, 0.8);
+    background: #f5f5f5;
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.4);
+    color: #999;
     text-align: center;
 
     &.filled {
-        color: rgba(255, 255, 255, 0.9);
+        color: #333;
     }
 }
 
 .date-separator {
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.5);
+    color: #999;
     flex-shrink: 0;
 }
 
@@ -701,14 +693,14 @@ export default {
 
 .tab-item {
     font-size: 28rpx;
-    color: rgba(255, 255, 255, 0.5);
+    color: #999;
     padding-bottom: 8rpx;
     border-bottom: 2rpx solid transparent;
     transition: all 0.3s;
 
     &.active {
-        color: #A78BFA;
-        border-bottom-color: #A78BFA;
+        color: #333;
+        border-bottom-color: #333;
     }
 }
 
@@ -716,9 +708,10 @@ export default {
     padding: 32rpx;
     display: flex;
     flex-direction: column;
-    /* gap: 32rpx; */
+    background-color: #fff;
 }
 
+
 .two-col-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);

src/pages/teamProfile/index.vue

@@ -77,7 +77,7 @@
             </view>
 
             <view v-if="activeTab === 'data'">
-                <SectionTitle title="当日开航每小时通道过检率">
+                <SectionTitle title="通道高峰过检率">
                     <PassengerChart :chartsData="passengerData" />
                 </SectionTitle>
 
@@ -94,7 +94,7 @@
                 </SectionTitle>
 
                 <SectionTitle title="每日查获数量">
-                    <DailySeizureChart :chartsData="dailySeizureData" />
+                    <DailySeizureChart :chartsData="dailySeizureData" :title="'小组对比'"/>
                 </SectionTitle>
 
                 <SectionTitle title="查获工作区域分布">
@@ -751,7 +751,7 @@ export default {
 <style lang="scss" scoped>
 .dept-selector {
     padding: 16rpx 32rpx;
-    background: rgba(30, 27, 75, 0.8);
+    background: #fff;
 }
 
 .dept-select-trigger {
@@ -760,8 +760,8 @@ export default {
     justify-content: center;
     gap: 12rpx;
     padding: 16rpx 24rpx;
-    background: rgba(45, 42, 85, 0.8);
-    border: 1rpx solid rgba(167, 139, 250, 0.3);
+    background: #f5f5f5;
+    border: 1rpx solid #e0e0e0;
     border-radius: 50rpx;
 }
 
@@ -772,12 +772,12 @@ export default {
 
 .dept-name-text {
     font-size: 26rpx;
-    color: rgba(255, 255, 255, 0.9);
+    color: #333;
 }
 
 .dept-profile-page {
     min-height: 100vh;
-    background: linear-gradient(135deg, #1E1B4B 0%, #312E81 100%);
+    background: #fff;
     padding-bottom: 40rpx;
 }
 
@@ -785,9 +785,9 @@ export default {
     position: sticky;
     top: 0;
     z-index: 100;
-    background: rgba(30, 27, 75, 0.9);
+    background: #fff;
     backdrop-filter: blur(10px);
-    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.2);
+    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.08);
 }
 
 .header-title {
@@ -799,10 +799,7 @@ export default {
     .title-main {
         font-size: 36rpx;
         font-weight: bold;
-        background: linear-gradient(90deg, #A78BFA, #60A5FA);
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        background-clip: text;
+        color: #333;
     }
 }
 
@@ -813,13 +810,13 @@ export default {
 
     .current-time {
         font-size: 24rpx;
-        color: rgba(255, 255, 255, 0.6);
+        color: #999;
     }
 }
 
 .time-filter {
     padding: 16rpx 32rpx;
-    background: rgba(30, 27, 75, 0.8);
+    background: #fff;
 }
 
 .time-scroll {
@@ -835,14 +832,14 @@ export default {
 .time-tag {
     padding: 8rpx 10rpx;
     border-radius: 50rpx;
-    background: rgba(45, 42, 85, 0.8);
+    background: #f0f0f0;
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.6);
+    color: #666;
     transition: all 0.3s;
 
     &.active {
-        background: #A78BFA;
-        color: #1E1B4B;
+        background: #60A5FA;
+        color: #fff;
         font-weight: 500;
     }
 }
@@ -853,26 +850,26 @@ export default {
     gap: 16rpx;
     margin-top: 16rpx;
     padding-top: 16rpx;
-    border-top: 1rpx solid rgba(255, 255, 255, 0.1);
+    border-top: 1rpx solid #e0e0e0;
 }
 
 .date-input {
     flex: 1;
     padding: 12rpx 24rpx;
     border-radius: 12rpx;
-    background: rgba(45, 42, 85, 0.8);
+    background: #f5f5f5;
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.4);
+    color: #999;
     text-align: center;
 
     &.filled {
-        color: rgba(255, 255, 255, 0.9);
+        color: #333;
     }
 }
 
 .date-separator {
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.5);
+    color: #999;
     flex-shrink: 0;
 }
 
@@ -885,14 +882,14 @@ export default {
 
 .tab-item {
     font-size: 28rpx;
-    color: rgba(255, 255, 255, 0.5);
+    color: #999;
     padding-bottom: 8rpx;
     border-bottom: 2rpx solid transparent;
     transition: all 0.3s;
 
     &.active {
-        color: #A78BFA;
-        border-bottom-color: #A78BFA;
+        color: #333;
+        border-bottom-color: #333;
     }
 }
 

src/pages/work/index.vue

@@ -33,13 +33,15 @@
         </uni-grid>
       </view>
     </div>
+
+   
   </home-container>
 </template>
 <script>
 import HomeContainer from "@/components/HomeContainer.vue";
 import { checkRolePermission } from "@/utils/common.js";
 import { getUserProfile, getAppListByRoleId,getAppList } from "@/api/system/user";
-
+const profileAppNames = ['站画像', '部门画像', '班组画像', '小组画像', '员工画像']
 export default {
   components: { HomeContainer },
   data() {
@@ -53,7 +55,7 @@ export default {
       return this.$store?.state?.user?.roles[0]
     },
     items() {
-      return this.appList
+      return this.appList.filter(item => !profileAppNames.includes(item.appName))
     }
   },
   onShow() {
@@ -93,6 +95,7 @@ export default {
     updateCurrentDate() {
       this.currentDate = this.formatDate(new Date());
     },
+   
     handleGridClick(url) {
       console.log('点击了宫格：', url, this.role);
       uni.navigateTo({
@@ -218,4 +221,6 @@ export default {
   font-size: 24rpx;
   color: #999;
 }
+
+
 </style>