From 2103173b9d14477748128f72541be14a37bd3b20 Mon Sep 17 00:00:00 2001
From: ouhaolan <ou@haolan.vip>
Date: Fri, 17 Apr 2026 09:55:14 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/ydoyun/aiAssistantReport/index.ts     |  247 ++
 src/api/ydoyun/aiModulePrompt/index.ts        |   36 +
 src/api/ydoyun/aichat/index.ts                |  140 +
 src/api/ydoyun/difyKbManage/index.ts          |   65 +
 src/api/ydoyun/weather/index.ts               |   12 +
 .../AiAssistant/AiAssistantMark.vue           |   68 +
 .../AiAssistant/AiAssistantProvider.vue       |  654 +++++
 .../AiAssistant/AiImageChatDialog.vue         | 1387 +++++++++
 .../AiAssistant/ReportDocumentModal.vue       | 2571 +++++++++++++++++
 src/components/AiAssistant/index.vue          |  115 +
 src/components/AiAssistant/useAiAssistant.ts  |   61 +
 src/hooks/web/useAiModulePromptEditor.ts      |   15 +
 src/views/ydoyun/aichat/index.vue             |  396 +++
 src/views/ydoyun/difykb/index.vue             | 2270 +++++++++++++++
 .../lijun/reportpage6/aiModuleConfig.ts       |   14 +
 .../components/AiPromptEditDialog.vue         |  168 ++
 src/views/ydoyun/report/salesdaily/index.vue  | 2251 +++++++++++++++
 src/views/ydoyun/tagconfig/EditSqlModal.vue   |  450 +++
 .../ydoyun/tagconfig/报表库标签表建表.sql     |   45 +
 src/views/ydoyun/tagconfig/表结构.sql         |  168 ++
 src/views/ydoyun/日报表 - 副本1.HTML          |  297 ++
 21 files changed, 11430 insertions(+)
 create mode 100644 src/api/ydoyun/aiAssistantReport/index.ts
 create mode 100644 src/api/ydoyun/aiModulePrompt/index.ts
 create mode 100644 src/api/ydoyun/aichat/index.ts
 create mode 100644 src/api/ydoyun/difyKbManage/index.ts
 create mode 100644 src/api/ydoyun/weather/index.ts
 create mode 100644 src/components/AiAssistant/AiAssistantMark.vue
 create mode 100644 src/components/AiAssistant/AiAssistantProvider.vue
 create mode 100644 src/components/AiAssistant/AiImageChatDialog.vue
 create mode 100644 src/components/AiAssistant/ReportDocumentModal.vue
 create mode 100644 src/components/AiAssistant/index.vue
 create mode 100644 src/components/AiAssistant/useAiAssistant.ts
 create mode 100644 src/hooks/web/useAiModulePromptEditor.ts
 create mode 100644 src/views/ydoyun/aichat/index.vue
 create mode 100644 src/views/ydoyun/difykb/index.vue
 create mode 100644 src/views/ydoyun/report/lijun/reportpage6/aiModuleConfig.ts
 create mode 100644 src/views/ydoyun/report/lijun/reportpage6/components/AiPromptEditDialog.vue
 create mode 100644 src/views/ydoyun/report/salesdaily/index.vue
 create mode 100644 src/views/ydoyun/tagconfig/EditSqlModal.vue
 create mode 100644 src/views/ydoyun/tagconfig/报表库标签表建表.sql
 create mode 100644 src/views/ydoyun/tagconfig/表结构.sql
 create mode 100644 src/views/ydoyun/日报表 - 副本1.HTML

diff --git a/src/api/ydoyun/aiAssistantReport/index.ts b/src/api/ydoyun/aiAssistantReport/index.ts
new file mode 100644
index 0000000..141f475
--- /dev/null
+++ b/src/api/ydoyun/aiAssistantReport/index.ts
@@ -0,0 +1,247 @@
+import request from '@/config/axios'
+
+/** 保存报告单据请求 */
+export interface AiAssistantReportSaveReq {
+  /** 传入则更新；不传则后端按 报告人+模块编码+报告日期 唯一 upsert */
+  id?: number
+  moduleName: string
+  moduleCode?: string
+  reporter: string
+  reporterId: number
+  reportTime: string
+  reportContent?: string
+  screenshotUrl?: string
+}
+
+/** 历史报告项 */
+export interface AiAssistantReportItem {
+  id: number
+  moduleName: string
+  moduleCode?: string
+  reporter: string
+  reporterId: number
+  reportTime: string
+  reportContent?: string
+  screenshotUrl?: string
+  createTime: string
+}
+
+/** 每日汇报详表行（与主表一对多） */
+export interface AiAssistantReportDetailItem {
+  id?: number
+  reportId?: number
+  /** 诊断项目 */
+  diagnosisItem?: string
+  /** 指标异常 */
+  value1?: string
+  /** 归因分析 */
+  value2?: string
+  /** 改善对策 */
+  value3?: string
+  sortOrder?: number
+}
+
+/** 详表批量保存（全量替换） */
+export interface AiAssistantReportDetailBatchSaveReq {
+  reportId: number
+  details: Array<{
+    diagnosisItem?: string
+    value1?: string
+    value2?: string
+    value3?: string
+  }>
+}
+
+/** 分页查询参数（与后端 PageParam 一致：pageSize 为 -1 时不分页、一次查全量） */
+export interface AiAssistantReportPageParams {
+  reporterId: number
+  moduleCode?: string
+  reportTimeStart?: string
+  reportTimeEnd?: string
+  pageNo?: number
+  /** 每页条数；传 -1 表示不分页（PAGE_SIZE_NONE） */
+  pageSize?: number
+}
+
+/** 分页结果 */
+export interface AiAssistantReportPageResult {
+  list: AiAssistantReportItem[]
+  total: number
+}
+
+/** 按日期聚合报告数量（轨迹图） */
+export interface ReportCountByDateItem {
+  reportTime: string
+  count: number
+}
+
+/** Dify 知识库（数据集）元信息，由后端持久化 datasetId 等 */
+export interface DifyKbInfoVO {
+  datasetId?: string
+  /** 聚合同步文档 ID，与控制台路径 .../documents/{documentId} 一致 */
+  documentId?: string
+  datasetName?: string
+  knowledgeBaseUrl?: string
+  lastSyncTime?: string
+  created?: boolean
+}
+
+/** 单次同步接口返回 */
+export interface DifyKbSyncResultVO {
+  datasetId?: string
+  documentId?: string
+  datasetName?: string
+  knowledgeBaseUrl?: string
+  syncRecordId?: number
+  message?: string
+}
+
+/** 同步历史一行 */
+export interface DifyKbSyncLogItem {
+  id: number
+  moduleCode?: string
+  moduleName?: string
+  reportId?: number
+  datasetId?: string
+  syncStatus?: string
+  syncMessage?: string
+  creator?: string
+  createTime: string
+}
+
+export const AiAssistantReportApi = {
+  /** 保存报告单据 */
+  save: (data: AiAssistantReportSaveReq) =>
+    request.post<number>({
+      url: '/ydoyun/ai-assistant-report/save',
+      data
+    }),
+
+  /** 查询当前人当前模块的历史报告 */
+  getMyList: (params: { reporterId: number; moduleCode?: string }) =>
+    request.get<AiAssistantReportItem[]>({
+      url: '/ydoyun/ai-assistant-report/my-list',
+      params
+    }),
+
+  /** 分页查询历史报告（按最新记录排序） */
+  getMyReportPage: (params: AiAssistantReportPageParams) =>
+    request.get<AiAssistantReportPageResult>({
+      url: '/ydoyun/ai-assistant-report/my-page',
+      params
+    }),
+
+  /** 按部门+统计日一次查询全员汇报（替代 N 次 my-page） */
+  listDeptDailyReports: (params: {
+    deptId: number
+    reportDate: string
+    moduleCode?: string
+  }) =>
+    request.get<AiAssistantReportItem[]>({
+      url: '/ydoyun/ai-assistant-report/dept-daily-list',
+      params
+    }),
+
+  /** 查询有报告的日期列表（用于日历点状图，不提供补写） */
+  getMyReportDates: (params: {
+    reporterId: number
+    moduleCode?: string
+    startDate: string
+    endDate: string
+  }) =>
+    request.get<string[]>({
+      url: '/ydoyun/ai-assistant-report/my-report-dates',
+      params
+    }),
+
+  /** 按日期聚合报告提交数量（用于轨迹图） */
+  getReportCountByDate: (params: {
+    reporterId: number
+    moduleCode?: string
+    startDate: string
+    endDate: string
+  }) =>
+    request.get<ReportCountByDateItem[]>({
+      url: '/ydoyun/ai-assistant-report/report-count-by-date',
+      params
+    }),
+
+  /** 按日期查询报告列表（日历点击查看详情） */
+  getListByDate: (params: {
+    reporterId: number
+    moduleCode?: string
+    reportDate: string
+  }) =>
+    request.get<AiAssistantReportItem[]>({
+      url: '/ydoyun/ai-assistant-report/list-by-date',
+      params
+    }),
+
+  /** 删除本人「报告日期为当天」的一条记录（后端校验） */
+  deleteMyReportToday: (id: number) =>
+    request.delete<boolean>({ url: '/ydoyun/ai-assistant-report/delete?id=' + id }),
+
+  /** 按每日汇报主键查询详表 */
+  getDetailList: (reportId: number) =>
+    request.get<AiAssistantReportDetailItem[]>({
+      url: '/ydoyun/ai-assistant-report/detail/list',
+      params: { reportId }
+    }),
+
+  /** 管理端：按主键查详表（报表知识库/日志填报；需 ydoyun:dify-kb:query，可查他人汇报） */
+  getDetailListForManage: (reportId: number) =>
+    request.get<AiAssistantReportDetailItem[]>({
+      url: '/ydoyun/ai-assistant-report/detail/list-for-manage',
+      params: { reportId }
+    }),
+
+  /** 批量保存详表（与主表分步调用；同步 await 主保存后再调） */
+  saveDetailBatch: (data: AiAssistantReportDetailBatchSaveReq) =>
+    request.post<boolean>({
+      url: '/ydoyun/ai-assistant-report/detail/save-batch',
+      data
+    }),
+
+  /** Dify 智能解析报告正文 → AI经营诊断详表行（不落库） */
+  difyParseDiagnosis: (data: { text: string }) =>
+    request.post<AiAssistantReportDetailItem[]>({
+      url: '/ydoyun/ai-assistant-report/dify-parse-diagnosis',
+      data
+    }),
+
+  /**
+   * 将当前租户、当前页面（moduleCode）下的知识库与 Dify 同步。
+   * 后端约定：每个租户 × 每个页面（模块）对应一个 Dify 知识库/数据集，
+   * 内容包含本租户在该页面下全部店长的历史汇报（由服务端聚合写入）。
+   * 先落库当前汇报再调用；返回知识库 id 与可访问链接。
+   */
+  syncDifyKnowledge: (data: {
+    reportId: number
+    moduleCode?: string
+    moduleName?: string
+    /** 当前路由对应后台菜单 id，与 meta.menuId 一致；用于 Dify 知识库命名 */
+    menuId?: number
+  }) =>
+    request.post<DifyKbSyncResultVO>({
+      url: '/ydoyun/ai-assistant-report/dify-knowledge/sync',
+      data
+    }),
+
+  /** 当前租户 + 当前模块 已绑定的 Dify 知识库元数据 */
+  getDifyKbInfo: (params: { moduleCode?: string }) =>
+    request.get<DifyKbInfoVO>({
+      url: '/ydoyun/ai-assistant-report/dify-knowledge/info',
+      params
+    }),
+
+  /** 同步记录分页（当前租户、当前模块） */
+  getDifyKbSyncLogs: (params: {
+    moduleCode?: string
+    pageNo?: number
+    pageSize?: number
+  }) =>
+    request.get<{ list: DifyKbSyncLogItem[]; total: number }>({
+      url: '/ydoyun/ai-assistant-report/dify-knowledge/sync-logs',
+      params
+    })
+}
diff --git a/src/api/ydoyun/aiModulePrompt/index.ts b/src/api/ydoyun/aiModulePrompt/index.ts
new file mode 100644
index 0000000..d44609d
--- /dev/null
+++ b/src/api/ydoyun/aiModulePrompt/index.ts
@@ -0,0 +1,36 @@
+import request from '@/config/axios'
+
+export interface AiModulePromptSaveReq {
+  id?: number
+  componentName: string
+  moduleName: string
+  moduleKey: string
+  prompt?: string
+}
+
+export interface AiModulePromptResp {
+  id: number
+  componentName: string
+  moduleName: string
+  moduleKey: string
+  prompt?: string
+  createTime?: string
+  updateTime?: string
+}
+
+export const AiModulePromptApi = {
+  save: (data: AiModulePromptSaveReq) =>
+    request.post({ url: '/ydoyun/ai-module-prompt/save', data }),
+
+  listByComponent: (componentName: string) =>
+    request.get<AiModulePromptResp[]>({
+      url: '/ydoyun/ai-module-prompt/list-by-component',
+      params: { componentName }
+    }),
+
+  getPromptMapByComponent: (componentName: string) =>
+    request.get<Record<string, string>>({
+      url: '/ydoyun/ai-module-prompt/map-by-component',
+      params: { componentName }
+    })
+}
diff --git a/src/api/ydoyun/aichat/index.ts b/src/api/ydoyun/aichat/index.ts
new file mode 100644
index 0000000..ef842ac
--- /dev/null
+++ b/src/api/ydoyun/aichat/index.ts
@@ -0,0 +1,140 @@
+import { getAccessToken, getTenantId, getVisitTenantId } from '@/utils/auth'
+
+const BASE_URL = import.meta.env.VITE_BASE_URL + import.meta.env.VITE_API_URL
+
+export type AiChatStreamDonePayload = { aborted?: boolean }
+
+/**
+ * AI 对话流式请求（直接上传图片文件）
+ * 使用 FormData: query + file(可选) + task_desc(可选) + conversation_id(可选，多轮对话)
+ */
+export async function aiChatStream(
+  query: string,
+  file: File | null | undefined,
+  onChunk: (text: string) => void,
+  onError?: (err: string) => void,
+  onDone?: (payload?: AiChatStreamDonePayload) => void,
+  options?: {
+    taskDesc?: string
+    conversationId?: string
+    onConversationId?: (id: string) => void
+    /** 传入后可调用 AbortController.abort() 中止 fetch 与读流 */
+    signal?: AbortSignal
+  }
+): Promise<void> {
+  const token = getAccessToken()
+  const formData = new FormData()
+  formData.append('query', query)
+  if (file) {
+    formData.append('file', file)
+  }
+  if (options?.taskDesc) {
+    formData.append('task_desc', options.taskDesc)
+  }
+  if (options?.conversationId) {
+    formData.append('conversation_id', options.conversationId)
+  }
+
+  const headers: Record<string, string> = {
+    ...(token ? { Authorization: 'Bearer ' + token } : {})
+  }
+  const tenantId = getTenantId()
+  if (tenantId) {
+    headers['tenant-id'] = String(tenantId)
+  }
+  const visitTenantId = getVisitTenantId()
+  if (visitTenantId) {
+    headers['visit-tenant-id'] = String(visitTenantId)
+  }
+
+  const signal = options?.signal
+  let aborted = false
+  let finished = false
+
+  const finish = () => {
+    if (finished) return
+    finished = true
+    onDone?.({ aborted })
+  }
+
+  const processBlock = (block: string) => {
+    if (!block.startsWith('data: ')) return
+    const data = block.slice(6).trim()
+    if (!data || data === '[DONE]') return
+    try {
+      const obj = JSON.parse(data)
+      if (obj.error) {
+        onError?.(obj.error)
+        return
+      }
+      if (obj.conversation_id) {
+        options?.onConversationId?.(obj.conversation_id)
+      }
+      if (obj.text) {
+        onChunk(obj.text)
+      }
+    } catch {
+      // 忽略解析错误
+    }
+  }
+
+  try {
+    const res = await fetch(BASE_URL + '/ydoyun/ai-chat/stream', {
+      method: 'POST',
+      headers,
+      body: formData,
+      signal
+    })
+
+    if (!res.ok) {
+      const err = await res.text()
+      onError?.(err || '请求失败')
+      return
+    }
+
+    const reader = res.body?.getReader()
+    if (!reader) {
+      onError?.('无法读取响应流')
+      return
+    }
+
+    const decoder = new TextDecoder()
+    let buffer = ''
+
+    try {
+      while (true) {
+        if (signal?.aborted) {
+          aborted = true
+          await reader.cancel().catch(() => {})
+          break
+        }
+        const { done, value } = await reader.read()
+        buffer += value ? decoder.decode(value, { stream: true }) : ''
+        const lines = buffer.split('\n\n')
+        buffer = lines.pop() || ''
+        for (const block of lines) {
+          processBlock(block)
+        }
+        if (done) {
+          if (buffer.trim().startsWith('data: ')) {
+            processBlock(buffer.trim())
+          }
+          break
+        }
+      }
+    } finally {
+      if (signal?.aborted) aborted = true
+      finish()
+    }
+  } catch (e: unknown) {
+    const name = (e as Error)?.name
+    if (name === 'AbortError' || signal?.aborted) {
+      aborted = true
+      finish()
+    } else {
+      const msg = e instanceof Error ? e.message : '请求异常'
+      onError?.(msg || '请求异常')
+      if (!finished) finish()
+    }
+  }
+}
diff --git a/src/api/ydoyun/difyKbManage/index.ts b/src/api/ydoyun/difyKbManage/index.ts
new file mode 100644
index 0000000..aff4112
--- /dev/null
+++ b/src/api/ydoyun/difyKbManage/index.ts
@@ -0,0 +1,65 @@
+import request from '@/config/axios'
+
+/** 当前租户已绑定的 Dify 知识库 */
+export interface DifyKbManageItem {
+  id: number
+  moduleCode?: string
+  moduleName?: string
+  datasetId?: string
+  datasetName?: string
+  aggregateDocumentId?: string
+  existsOnDify?: boolean
+}
+
+export interface DifyKbDocument {
+  id: string
+  name?: string
+  createdAt?: number
+  indexingStatus?: string
+  displayStatus?: string
+}
+
+export interface DifyKbModuleOption {
+  moduleCode: string
+  moduleName?: string
+}
+
+export interface DifyKbDocumentContent {
+  content?: string
+  truncated?: boolean
+  segmentPieces?: number
+}
+
+export const DifyKbManageApi = {
+  /** 列表（仅当前租户；可选 moduleCode 精确、moduleName 模糊） */
+  listBindings: async (params?: { moduleCode?: string; moduleName?: string }) => {
+    return await request.get({ url: '/ydoyun/dify-kb-manage/list', params })
+  },
+
+  /** 模块筛选项（去重） */
+  getModuleOptions: async () => {
+    return await request.get({ url: '/ydoyun/dify-kb-manage/module-options' })
+  },
+
+  getDocumentPage: async (params: { datasetId: string; pageNo: number; pageSize: number }) => {
+    return await request.get({ url: '/ydoyun/dify-kb-manage/document/page', params })
+  },
+
+  getDocumentContent: async (params: { datasetId: string; documentId: string }) => {
+    return await request.get({ url: '/ydoyun/dify-kb-manage/document/content', params })
+  },
+
+  deleteDataset: async (datasetId: string) => {
+    return await request.delete({
+      url: '/ydoyun/dify-kb-manage/dataset/delete',
+      params: { datasetId }
+    })
+  },
+
+  deleteDocument: async (datasetId: string, documentId: string) => {
+    return await request.delete({
+      url: '/ydoyun/dify-kb-manage/document/delete',
+      params: { datasetId, documentId }
+    })
+  }
+}
diff --git a/src/api/ydoyun/weather/index.ts b/src/api/ydoyun/weather/index.ts
new file mode 100644
index 0000000..74d95c5
--- /dev/null
+++ b/src/api/ydoyun/weather/index.ts
@@ -0,0 +1,12 @@
+import request from '@/config/axios'
+
+/**
+ * 后端代理高德天气，返回实况 + 近 3 日预报聚合。
+ * @param location 城市名称（如「长沙市」）或 6 位行政区划编码 adcode
+ */
+export const getWeatherAggregate = (location: string) => {
+  return request.get<any>({
+    url: '/ydoyun/weather/wttr',
+    params: { location }
+  })
+}
diff --git a/src/components/AiAssistant/AiAssistantMark.vue b/src/components/AiAssistant/AiAssistantMark.vue
new file mode 100644
index 0000000..309551a
--- /dev/null
+++ b/src/components/AiAssistant/AiAssistantMark.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="ai-assistant-mark">
+    <div ref="contentRef" class="ai-assistant-mark-content">
+      <slot></slot>
+    </div>
+    <el-button
+      v-if="showButton"
+      :size="buttonSize"
+      :type="buttonType"
+      class="mark-trigger"
+      @click="onTrigger"
+    >
+      <Icon :icon="buttonIcon" class="mark-icon" />
+      {{ buttonText }}
+    </el-button>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useAiAssistant } from './useAiAssistant'
+
+defineOptions({ name: 'AiAssistantMark' })
+
+const props = withDefaults(
+  defineProps<{
+    /** 是否显示触发按钮 */
+    showButton?: boolean
+    /** 按钮文字 */
+    buttonText?: string
+    /** 按钮图标 */
+    buttonIcon?: string
+    /** 按钮尺寸 */
+    buttonSize?: 'default' | 'small' | 'large'
+    /** 按钮类型 */
+    buttonType?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'default'
+    /** 模块 AI 提示词，发送时会与用户输入拼接 */
+    prompt?: string
+  }>(),
+  {
+    showButton: true,
+    buttonText: 'AI分析',
+    buttonIcon: 'ep:chat-dot-round',
+    buttonSize: 'small',
+    buttonType: 'primary'
+  }
+)
+
+const contentRef = ref<HTMLElement>()
+const { openWithScreenshot } = useAiAssistant()
+
+const onTrigger = () => {
+  if (!contentRef.value) return
+  openWithScreenshot(contentRef.value, { prompt: props.prompt })
+}
+</script>
+
+<style scoped>
+.ai-assistant-mark {
+  position: relative;
+}
+.mark-trigger {
+  margin-top: 8px;
+}
+.mark-icon {
+  margin-right: 4px;
+  font-size: 14px;
+}
+</style>
diff --git a/src/components/AiAssistant/AiAssistantProvider.vue b/src/components/AiAssistant/AiAssistantProvider.vue
new file mode 100644
index 0000000..6369bc9
--- /dev/null
+++ b/src/components/AiAssistant/AiAssistantProvider.vue
@@ -0,0 +1,654 @@
+<template>
+  <slot></slot>
+  <!-- 全局右下角悬浮按钮（参考 AIRBT.html 样式）；登录页不展示 -->
+  <div
+    v-if="showAssistantFab"
+    ref="fabRef"
+    class="ai-assistant-fab"
+    :class="{ 'is-loading': pageLoading, 'is-hidden': dialogVisible, 'is-dragging': fabDragging }"
+    :style="fabPositionStyle"
+    @pointerdown="onFabPointerDown"
+  >
+    <div class="fab-icon-wrap">
+      <Icon v-if="!pageLoading" icon="ep:chat-dot-round" class="fab-icon" />
+      <Icon v-else icon="ep:loading" class="fab-icon fab-loading" />
+    </div>
+    <span class="fab-text">AI 决策助手</span>
+  </div>
+
+  <AiImageChatDialog
+    v-model="dialogVisible"
+    :initial-payload="initialPayload"
+  />
+</template>
+
+<script setup lang="ts">
+import html2canvas from 'html2canvas'
+import { Icon } from '@/components/Icon'
+import AiImageChatDialog from './AiImageChatDialog.vue'
+import {
+  AI_ASSISTANT_KEY,
+  AI_CHAT_MESSAGES_KEY,
+  AI_ASSISTANT_REPORT_CONTEXT_KEY,
+  type AiAssistantReportContext
+} from './useAiAssistant'
+import { ElMessage } from 'element-plus'
+import { useRoute } from 'vue-router'
+
+defineOptions({ name: 'AiAssistantProvider' })
+
+/**
+ * html2canvas@1.x 无法解析 CSS Color 4/5 的 color()、lab()、oklch() 等，会在解析阶段抛错。
+ * 在克隆 DOM 上用安全色覆盖（仅影响克隆树，不影响真实页面）。
+ * 需处理截图根节点及其子树，以及 html/body 祖先链（CSS 变量常挂在根上）。
+ */
+function sanitizeClonedDomForHtml2Canvas(clonedDoc: Document, clonedRoot: HTMLElement) {
+  const win = clonedDoc.defaultView
+  if (!win) return
+
+  const unsafe = (v: string) =>
+    typeof v === 'string' && /\b(color|lab|lch|oklch|oklab|hwb)\(/i.test(v)
+
+  const patchOne = (el: Element) => {
+    try {
+      if (el instanceof HTMLElement) {
+        const cs = win.getComputedStyle(el)
+        const keys = [
+          'color',
+          'background-color',
+          'border-top-color',
+          'border-right-color',
+          'border-bottom-color',
+          'border-left-color',
+          'outline-color',
+          'column-rule-color',
+          'caret-color'
+        ] as const
+        for (const key of keys) {
+          const val = cs.getPropertyValue(key)
+          if (val && unsafe(val)) {
+            el.style.setProperty(key, key === 'color' ? '#303133' : '#ebeef5', 'important')
+          }
+        }
+        const bg = cs.getPropertyValue('background')
+        if (bg && unsafe(bg)) {
+          el.style.setProperty('background', 'none', 'important')
+          el.style.setProperty('background-color', '#ffffff', 'important')
+        }
+        const bgImg = cs.getPropertyValue('background-image')
+        if (bgImg && unsafe(bgImg)) {
+          el.style.setProperty('background-image', 'none', 'important')
+          const bgc = cs.getPropertyValue('background-color')
+          if (!bgc || unsafe(bgc)) {
+            el.style.setProperty('background-color', '#fafafa', 'important')
+          }
+        }
+        const bs = cs.getPropertyValue('box-shadow')
+        if (bs && unsafe(bs)) {
+          el.style.setProperty('box-shadow', 'none', 'important')
+        }
+        const ts = cs.getPropertyValue('text-shadow')
+        if (ts && unsafe(ts)) {
+          el.style.setProperty('text-shadow', 'none', 'important')
+        }
+        const flt = cs.getPropertyValue('filter')
+        if (flt && unsafe(flt)) {
+          el.style.setProperty('filter', 'none', 'important')
+        }
+        // 内联 style 里含 color()/lab() 等时尝试替换，仍无法解析则去掉内联避免拖垮 html2canvas
+        const inline = el.getAttribute('style')
+        if (inline && unsafe(inline)) {
+          let s = inline
+            .replace(/\bcolor\([^)]*\)/gi, 'rgb(48,49,51)')
+            .replace(/\b(?:lab|lch|oklch|oklab|hwb)\([^)]*\)/gi, 'rgb(200,200,200)')
+          if (unsafe(s)) {
+            el.removeAttribute('style')
+          } else {
+            el.setAttribute('style', s)
+          }
+        }
+      } else if (el instanceof SVGElement) {
+        const cs = win.getComputedStyle(el)
+        ;['fill', 'stroke'].forEach((attr) => {
+          const val = cs.getPropertyValue(attr) || el.getAttribute(attr) || ''
+          if (unsafe(val)) {
+            el.setAttribute(attr, attr === 'fill' ? '#409eff' : '#303133')
+          }
+        })
+      }
+    } catch {
+      /* 单节点忽略 */
+    }
+  }
+
+  let ancestor: HTMLElement | null = clonedRoot
+  while (ancestor) {
+    patchOne(ancestor)
+    ancestor = ancestor.parentElement
+  }
+
+  const walk = (el: Element) => {
+    patchOne(el)
+    for (const child of Array.from(el.children)) {
+      walk(child)
+    }
+  }
+  walk(clonedRoot)
+
+  // 覆盖 :root 上可能含 color() 的主题变量（html2canvas 会解析到并报错）
+  if (clonedDoc.head && !clonedDoc.getElementById('html2canvas-el-vars-override')) {
+    const inj = clonedDoc.createElement('style')
+    inj.id = 'html2canvas-el-vars-override'
+    inj.textContent = `
+      :root, html, body {
+        --el-color-primary: #409eff !important;
+        --el-color-primary-light-3: #79bbff !important;
+        --el-color-primary-light-5: #a0cfff !important;
+        --el-color-primary-light-7: #c6e2ff !important;
+        --el-color-primary-light-8: #d9ecff !important;
+        --el-color-primary-light-9: #ecf5ff !important;
+        --el-color-primary-dark-2: #337ecc !important;
+        --el-color-success: #67c23a !important;
+        --el-color-warning: #e6a23c !important;
+        --el-color-danger: #f56c6c !important;
+        --el-color-info: #909399 !important;
+        --el-text-color-primary: #303133 !important;
+        --el-text-color-regular: #606266 !important;
+        --el-text-color-secondary: #909399 !important;
+        --el-text-color-placeholder: #a8abb2 !important;
+        --el-text-color-disabled: #c0c4cc !important;
+        --el-border-color: #dcdfe6 !important;
+        --el-border-color-light: #e4e7ed !important;
+        --el-border-color-lighter: #ebeef5 !important;
+        --el-border-color-extra-light: #f2f6fc !important;
+        --el-fill-color: #f0f2f5 !important;
+        --el-fill-color-light: #f5f7fa !important;
+        --el-fill-color-lighter: #fafafa !important;
+        --el-fill-color-blank: #ffffff !important;
+        --el-bg-color: #ffffff !important;
+        --el-bg-color-page: #f2f3f5 !important;
+      }
+    `
+    clonedDoc.head.appendChild(inj)
+  }
+}
+
+function runHtml2CanvasOnClone(clonedDoc: Document, clonedNode: HTMLElement, transparentPixel: string) {
+  sanitizeClonedDomForHtml2Canvas(clonedDoc, clonedNode)
+  const imgs = clonedNode.querySelectorAll('img')
+  imgs.forEach((img) => {
+    const src = img.src || img.getAttribute('src')
+    if (!src || src.startsWith('data:') || src.startsWith('blob:')) return
+    try {
+      if (new URL(src, window.location.href).origin !== window.location.origin) {
+        const w = img.width || img.offsetWidth || (img as HTMLImageElement).naturalWidth
+        const h = img.height || img.offsetHeight || (img as HTMLImageElement).naturalHeight
+        img.src = transparentPixel
+        img.removeAttribute('crossorigin')
+        if (w && h) {
+          img.setAttribute('width', String(w))
+          img.setAttribute('height', String(h))
+        }
+      }
+    } catch {
+      /* ignore */
+    }
+  })
+}
+
+/** 登录 / SSO / 社交登录页不显示 AI 悬浮入口（兼容子路径） */
+function isHideAssistantFabPath(path: string): boolean {
+  const p = path || ''
+  if (p === '/login' || p === '/sso' || p === '/social-login') return true
+  if (p.startsWith('/login/') || p.startsWith('/sso/')) return true
+  if (p.startsWith('/social-login')) return true
+  return false
+}
+
+/** 仅由业务页通过 setAiAssistantFabEnabled(true) 开启；默认关闭，避免全站都出现悬浮入口 */
+const fabEnabled = ref(false)
+function setAiAssistantFabEnabled(enabled: boolean) {
+  fabEnabled.value = enabled
+}
+
+const route = useRoute()
+const showAssistantFab = computed(
+  () => !isHideAssistantFabPath(route.path) && fabEnabled.value
+)
+
+/** 悬浮按钮位置（可拖拽），持久化到 localStorage */
+const FAB_POS_STORAGE = 'ai-assistant-fab-position'
+const fabRef = ref<HTMLElement | null>(null)
+const fabPos = ref<{ left: number; top: number } | null>(null)
+const fabDragging = ref(false)
+let fabDragSession: {
+  startX: number
+  startY: number
+  origLeft: number
+  origTop: number
+  moved: boolean
+} | null = null
+
+const fabPositionStyle = computed(() => {
+  if (!fabPos.value) return {}
+  return {
+    left: `${fabPos.value.left}px`,
+    top: `${fabPos.value.top}px`,
+    right: 'auto',
+    bottom: 'auto'
+  }
+})
+
+function clampFabToViewport() {
+  const el = fabRef.value
+  if (!el) return
+  const pad = 8
+  const w = el.offsetWidth || 200
+  const h = el.offsetHeight || 48
+  const vw = window.innerWidth
+  const vh = window.innerHeight
+  if (!fabPos.value) return
+  let { left, top } = fabPos.value
+  // 持久化坐标在视窗外（换屏、缩放、误拖）时恢复默认右下角
+  if (left + w < pad || top + h < pad || left > vw - pad || top > vh - pad) {
+    fabPos.value = null
+    try {
+      localStorage.removeItem(FAB_POS_STORAGE)
+    } catch {
+      /* ignore */
+    }
+    return
+  }
+  const nl = Math.max(pad, Math.min(left, vw - w - pad))
+  const nt = Math.max(pad, Math.min(top, vh - h - pad))
+  if (nl !== left || nt !== top) {
+    fabPos.value = { left: nl, top: nt }
+    try {
+      localStorage.setItem(FAB_POS_STORAGE, JSON.stringify(fabPos.value))
+    } catch {
+      /* ignore */
+    }
+  }
+}
+
+function onFabResizeClamp() {
+  clampFabToViewport()
+}
+
+onMounted(() => {
+  try {
+    const raw = localStorage.getItem(FAB_POS_STORAGE)
+    if (raw) {
+      const p = JSON.parse(raw) as { left: number; top: number }
+      if (typeof p.left === 'number' && typeof p.top === 'number' && Number.isFinite(p.left) && Number.isFinite(p.top)) {
+        fabPos.value = p
+      }
+    }
+  } catch {
+    /* ignore */
+  }
+  nextTick(() => {
+    clampFabToViewport()
+  })
+  window.addEventListener('resize', onFabResizeClamp)
+})
+
+onUnmounted(() => {
+  window.removeEventListener('resize', onFabResizeClamp)
+})
+
+function onFabPointerMove(e: PointerEvent) {
+  if (!fabDragSession) return
+  const dx = e.clientX - fabDragSession.startX
+  const dy = e.clientY - fabDragSession.startY
+  if (Math.abs(dx) > 4 || Math.abs(dy) > 4) fabDragSession.moved = true
+  const el = fabRef.value
+  if (!el) return
+  let nl = fabDragSession.origLeft + dx
+  let nt = fabDragSession.origTop + dy
+  const pad = 8
+  const w = el.offsetWidth
+  const h = el.offsetHeight
+  nl = Math.max(pad, Math.min(nl, window.innerWidth - w - pad))
+  nt = Math.max(pad, Math.min(nt, window.innerHeight - h - pad))
+  fabPos.value = { left: nl, top: nt }
+}
+
+function onFabPointerUp(e: PointerEvent) {
+  if (!fabDragSession) return
+  const moved = fabDragSession.moved
+  fabDragSession = null
+  fabDragging.value = false
+  const el = fabRef.value
+  if (el) {
+    try {
+      el.releasePointerCapture(e.pointerId)
+    } catch {
+      /* ignore */
+    }
+  }
+  window.removeEventListener('pointermove', onFabPointerMove)
+  window.removeEventListener('pointerup', onFabPointerUp)
+  if (fabPos.value) {
+    try {
+      localStorage.setItem(FAB_POS_STORAGE, JSON.stringify(fabPos.value))
+    } catch {
+      /* ignore */
+    }
+  }
+  if (!moved) {
+    void onFabClick()
+  }
+}
+
+function onFabPointerDown(e: PointerEvent) {
+  if (e.button !== 0) return
+  if (pageLoading.value) return
+  const el = fabRef.value
+  if (!el) return
+  const r = el.getBoundingClientRect()
+  fabDragSession = {
+    startX: e.clientX,
+    startY: e.clientY,
+    origLeft: r.left,
+    origTop: r.top,
+    moved: false
+  }
+  fabDragging.value = true
+  el.setPointerCapture(e.pointerId)
+  window.addEventListener('pointermove', onFabPointerMove)
+  window.addEventListener('pointerup', onFabPointerUp)
+}
+
+const dialogVisible = ref(false)
+const initialPayload = ref<{
+  file?: File | null
+  query?: string
+  autoSend?: boolean
+  prompt?: string
+  moduleName?: string
+  moduleCode?: string
+  pendingUserText?: string
+} | null>(null)
+const chatMessages = ref<import('./useAiAssistant').ChatMessage[]>([])
+provide(AI_CHAT_MESSAGES_KEY, chatMessages)
+
+/** 报告单据上下文：模块名、模块编码、截图文件、截图目标 */
+const reportModuleName = ref<string | null>(null)
+const reportModuleCode = ref<string | null>(null)
+const reportScreenshotFile = ref<File | null>(null)
+const reportScreenshotTarget = ref<string | HTMLElement | null>(null)
+
+/** 保存时自动截取当前组件页面（Y 轴全部内容），供报告单据使用 */
+async function captureScreenshotForReport(): Promise<File | null> {
+  const targetRef = reportScreenshotTarget.value
+  if (!targetRef) return null
+  const target = typeof targetRef === 'string' ? document.querySelector(targetRef) : targetRef
+  if (!target || !(target instanceof HTMLElement)) return null
+
+  const TRANSPARENT_PIXEL =
+    'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
+  const opts = {
+    useCORS: true,
+    allowTaint: true,
+    logging: false,
+    ignoreElements: (node: Node) => {
+      const n = node as HTMLElement
+      return n.classList?.contains('ai-assistant-fab') === true
+    },
+    onclone: (clonedDoc: Document, clonedNode: HTMLElement) => {
+      runHtml2CanvasOnClone(clonedDoc, clonedNode, TRANSPARENT_PIXEL)
+    }
+  }
+
+  try {
+    const w = target.scrollWidth || target.offsetWidth
+    const h = target.scrollHeight || target.offsetHeight
+    const maxDim = Math.max(w, h)
+    const scale = maxDim > 8192 ? 1 : Math.min(2, window.devicePixelRatio || 2)
+    const canvas = await html2canvas(target, { ...opts, scale })
+    return new Promise((resolve) => {
+      canvas.toBlob(
+        (blob) => {
+          if (!blob) {
+            resolve(null)
+            return
+          }
+          resolve(new File([blob], 'screenshot.png', { type: 'image/png' }))
+        },
+        'image/png',
+        0.9
+      )
+    })
+  } catch (e) {
+    console.error('报告截图失败:', e)
+    return null
+  }
+}
+
+provide<AiAssistantReportContext>(AI_ASSISTANT_REPORT_CONTEXT_KEY, {
+  moduleName: reportModuleName,
+  moduleCode: reportModuleCode,
+  screenshotFile: reportScreenshotFile,
+  captureScreenshot: captureScreenshotForReport
+})
+
+const pageLoading = ref(false)
+function setPageLoading(v: boolean) {
+  pageLoading.value = v
+}
+
+/** 当前页面的 AI 任务提示词，由页面通过 setPagePrompt 设置 */
+const pagePromptRef = ref<string | null>(null)
+function setPagePrompt(p: string | null) {
+  pagePromptRef.value = p
+}
+
+/** 当前页面的模块名称，由页面通过 setPageModuleName 设置，用于报告单据 */
+function setPageModuleName(name: string | null) {
+  reportModuleName.value = name
+}
+
+/** 当前页面的模块编码，由页面通过 setPageModuleCode 设置，用于报告单据 */
+function setPageModuleCode(code: string | null) {
+  reportModuleCode.value = code
+}
+
+/** 当前页面截图目标（选择器或元素），保存报告时自动截取该区域 Y 轴全部内容 */
+function setScreenshotTarget(target: string | HTMLElement | null) {
+  reportScreenshotTarget.value = target
+}
+
+/** 截图并打开对话框（供 AiAssistantMark 等调用） */
+async function openWithScreenshot(
+  target: string | HTMLElement,
+  options?: { moduleName?: string; moduleCode?: string; prompt?: string; pendingUserText?: string }
+) {
+  if (pageLoading.value) return
+  await doScreenshot(
+    target,
+    options?.prompt,
+    options?.moduleName,
+    options?.moduleCode,
+    options?.pendingUserText
+  )
+}
+
+/** 点击悬浮框：只打开对话框，不截图（仅 AI 分析入口需要截图） */
+async function onFabClick() {
+  if (pageLoading.value) return
+  const prompt = pagePromptRef.value || undefined
+  const moduleName = reportModuleName.value || undefined
+  const moduleCode = reportModuleCode.value || undefined
+  initialPayload.value = { prompt, autoSend: false, moduleName, moduleCode }
+  reportScreenshotFile.value = null
+  dialogVisible.value = true
+}
+
+async function doScreenshot(
+  el: string | HTMLElement,
+  prompt?: string,
+  moduleName?: string,
+  moduleCode?: string,
+  pendingUserText?: string
+) {
+  const target = typeof el === 'string' ? document.querySelector(el) : el
+  if (!target || !(target instanceof HTMLElement)) {
+    ElMessage.warning('未找到截图区域')
+    dialogVisible.value = true
+    return
+  }
+  const payloadPrompt = prompt
+  const payloadModuleName = moduleName
+  const payloadModuleCode = moduleCode
+  const payloadPendingUserText = pendingUserText
+
+  const TRANSPARENT_PIXEL = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
+
+  const opts = {
+    useCORS: true,
+    allowTaint: true,
+    logging: false,
+    ignoreElements: (node: Node) => {
+      const n = node as HTMLElement
+      return n.classList?.contains('ai-assistant-fab') === true
+    },
+    onclone: (clonedDoc: Document, clonedNode: HTMLElement) => {
+      runHtml2CanvasOnClone(clonedDoc, clonedNode, TRANSPARENT_PIXEL)
+    }
+  }
+
+  const tryCapture = async (scale: number = 1): Promise<void> => {
+    const canvas = await html2canvas(target, { ...opts, scale })
+    return new Promise((resolve, reject) => {
+      canvas.toBlob(
+        (blob) => {
+          if (!blob) {
+            reject(new Error('toBlob失败'))
+            return
+          }
+          const file = new File([blob], 'screenshot.png', { type: 'image/png' })
+          initialPayload.value = {
+            file,
+            autoSend: false,
+            prompt: payloadPrompt,
+            moduleName: payloadModuleName,
+            moduleCode: payloadModuleCode,
+            pendingUserText: payloadPendingUserText
+          }
+          reportScreenshotFile.value = file
+          if (payloadModuleCode) reportModuleCode.value = payloadModuleCode
+          dialogVisible.value = true
+          resolve()
+        },
+        'image/png',
+        0.9
+      )
+    })
+  }
+
+  try {
+    // html2canvas 会截取完整可滚动内容，用 scroll 尺寸判断
+    const w = target.scrollWidth || target.offsetWidth
+    const h = target.scrollHeight || target.offsetHeight
+    const maxDim = Math.max(w, h)
+    // 浏览器 canvas 单边约 16384px，scale 2 时需 maxDim <= 8192
+    const scale = maxDim > 8192 ? 1 : Math.min(2, window.devicePixelRatio || 2)
+    await tryCapture(scale)
+  } catch (e) {
+    try {
+      await tryCapture(1)
+    } catch (e2) {
+      console.error('截图失败:', e2)
+      ElMessage.error('截图失败，已打开对话框')
+      initialPayload.value = null
+      dialogVisible.value = true
+    }
+  }
+}
+
+watch(dialogVisible, (v) => {
+  if (!v) {
+    initialPayload.value = null
+    reportScreenshotFile.value = null
+  }
+})
+
+provide(AI_ASSISTANT_KEY, {
+  openWithScreenshot,
+  setPageLoading,
+  setPagePrompt,
+  setPageModuleName,
+  setPageModuleCode,
+  setScreenshotTarget,
+  setAiAssistantFabEnabled
+})
+</script>
+
+<style scoped>
+/* 参考 AIRBT.html：白底、蓝边、圆角药丸、图标蓝圈、hover 放大 */
+.ai-assistant-fab {
+  position: fixed;
+  right: 24px;
+  bottom: 85px;
+  z-index: 10050;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 20px;
+  background: #fff;
+  border: 1px solid #bfdbfe;
+  border-radius: 9999px;
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  cursor: grab;
+  touch-action: none;
+  user-select: none;
+  transition: transform 0.3s, box-shadow 0.3s, opacity 0.3s;
+}
+.ai-assistant-fab.is-dragging {
+  cursor: grabbing;
+  transform: none;
+  transition: box-shadow 0.2s, opacity 0.2s;
+}
+.ai-assistant-fab:hover:not(.is-loading):not(.is-hidden):not(.is-dragging) {
+  transform: scale(1.05);
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.3);
+}
+/* 抽屉已打开时隐藏悬浮按钮，避免与侧栏内容重叠、重复入口 */
+.ai-assistant-fab.is-hidden {
+  opacity: 0;
+  pointer-events: none;
+  visibility: hidden;
+}
+.ai-assistant-fab.is-loading {
+  cursor: not-allowed;
+  pointer-events: auto;
+}
+.fab-icon-wrap {
+  width: 32px;
+  height: 32px;
+  background: #2563eb;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.3);
+}
+.fab-icon {
+  font-size: 16px;
+}
+.fab-loading {
+  animation: fab-spin 0.8s linear infinite;
+}
+@keyframes fab-spin {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}
+.fab-text {
+  font-size: 14px;
+  font-weight: 700;
+  color: #2563eb;
+  letter-spacing: 0.025em;
+}
+</style>
diff --git a/src/components/AiAssistant/AiImageChatDialog.vue b/src/components/AiAssistant/AiImageChatDialog.vue
new file mode 100644
index 0000000..b1aa622
--- /dev/null
+++ b/src/components/AiAssistant/AiImageChatDialog.vue
@@ -0,0 +1,1387 @@
+<template>
+  <el-drawer
+    v-model="visible"
+    :size="isFullscreen ? '100%' : dialogWidth"
+    direction="rtl"
+    :class="['ai-image-chat-dialog', 'ai-chat-drawer', { 'is-fullscreen': isFullscreen }]"
+    :modal-class="'ai-chat-overlay'"
+    destroy-on-close
+    :close-on-click-modal="true"
+    :show-close="false"
+    append-to-body
+    @closed="handleClosed"
+  >
+    <template #header>
+      <div class="dialog-header-inner">
+        <div class="dialog-title-wrap">
+          <div class="dialog-title-icon">
+            <Icon icon="ep:chat-dot-round" />
+          </div>
+          <span class="dialog-title">AI 决策助手</span>
+        </div>
+        <div class="header-actions">
+          <el-button
+            v-if="messages.length > 0"
+            link
+            class="clear-btn"
+            @click="clearChat"
+          >
+            <Icon icon="ep:delete" />
+            清空对话
+          </el-button>
+          <el-button
+            v-if="loading"
+            link
+            type="danger"
+            class="abort-btn"
+            @click="abortStream"
+          >
+            <Icon icon="ep:video-pause" />
+            中止
+          </el-button>
+          <el-tooltip :content="isFullscreen ? '退出全屏' : '全屏查看'" placement="bottom">
+            <el-button
+              link
+              class="fullscreen-btn"
+              :aria-label="isFullscreen ? '退出全屏' : '全屏查看'"
+              @click="toggleFullscreen"
+            >
+              <Icon :icon="isFullscreen ? 'ep:refresh-left' : 'ep:full-screen'" />
+            </el-button>
+          </el-tooltip>
+          <el-tooltip content="关闭" placement="bottom">
+            <el-button
+              link
+              class="close-btn"
+              aria-label="关闭"
+              @click="visible = false"
+            >
+              <Icon icon="ep:close" />
+            </el-button>
+          </el-tooltip>
+        </div>
+      </div>
+    </template>
+    <div class="ai-chat-dialog-body">
+      <div class="chat-main">
+        <div
+          ref="messageListRef"
+          class="message-list"
+          @scroll="onMessageListScroll"
+        >
+          <div v-if="messages.length === 0 && !loading && !picFile" class="empty-tip">
+            <Icon icon="ep:chat-dot-round" class="empty-icon" />
+          </div>
+          <div
+            v-for="(msg, idx) in messages"
+            :key="idx"
+            :class="['message-item', msg.role]"
+          >
+            <div class="message-avatar">
+              <img
+                v-if="msg.role === 'user' && userAvatar"
+                :src="userAvatar"
+                class="avatar-img"
+                alt=""
+              />
+              <span v-else-if="msg.role === 'user'" class="avatar-fallback">{{ userNicknameFirst }}</span>
+              <Icon v-else icon="ep:chat-line-round" />
+            </div>
+            <div class="message-content" :class="{ 'is-pending-card': msg.pending }">
+              <!-- 待确认：图片+按钮组包裹，问题隐藏，点击分析后传后端 -->
+              <template v-if="msg.pending">
+                <div class="pending-wrap">
+                  <p v-if="msg.text" class="pending-hint">{{ msg.text }}</p>
+                  <div class="pending-img-wrap" @click="onPendingImgClick($event, msg)">
+                    <el-image
+                      :src="msg.picPreview"
+                      :preview-src-list="[]"
+                      fit="cover"
+                      class="pending-img"
+                    />
+                  </div>
+                  <div class="pending-btn-group">
+                    <span class="pending-btn cancel" @click="cancelPending(idx)">取消</span>
+                    <span
+                      class="pending-btn primary"
+                      :class="{ loading }"
+                      @click="() => !loading && sendPending(idx)"
+                    >
+                      {{ loading ? '分析中...' : '分析' }}
+                    </span>
+                  </div>
+                </div>
+              </template>
+              <template v-else>
+                <div v-if="msg.picPreview" class="message-images">
+                  <el-image
+                    :src="msg.picPreview"
+                    :preview-src-list="[msg.picPreview]"
+                    fit="cover"
+                    class="msg-img msg-img-clickable"
+                    preview-teleported
+                    @click="onMessageContentClick($event, msg)"
+                  />
+                </div>
+                <div
+                  :class="['message-text', { 'markdown-body': msg.role === 'assistant' }]"
+                  @click="onMessageContentClick($event, msg)"
+                >
+                  <template v-if="msg.role === 'assistant'">
+                    <div v-dompurify-html="renderMarkdown(msg.text)"></div>
+                  </template>
+                  <template v-else>{{ msg.text }}</template>
+                </div>
+              </template>
+            </div>
+          </div>
+          <div v-if="loading" class="message-item assistant">
+            <div class="message-avatar assistant-avatar">
+              <Icon icon="ep:chat-line-round" />
+            </div>
+            <div class="message-content">
+              <div class="message-text streaming markdown-body">
+                <span v-dompurify-html="displayStreamingHtml"></span>
+                <span class="cursor">|</span>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="input-area">
+          <div class="input-extensions">
+            <button
+              class="daily-report-entry"
+              type="button"
+              :class="{ 'is-module-required': !hasReportModuleContext }"
+              :disabled="loading"
+              @click="onDailyReportClick"
+            >
+              <span class="entry-icon-wrap">
+                <Icon icon="ep:calendar" />
+              </span>
+              <span class="entry-main">
+                <span class="entry-title">每日汇报</span>
+                <span class="entry-desc">记录日报、查看历史、沉淀汇报资料</span>
+              </span>
+              <span class="entry-arrow">
+                <Icon icon="ep:arrow-right" />
+              </span>
+            </button>
+          </div>
+          <div v-if="picFile && !loading" class="quick-question-tip">
+            <div class="quick-question-block">
+              <span class="quick-label">您可以询问：</span>
+              <div class="quick-chips">
+                <span class="quick-chip" @click="!loading && (query = '分析当前模块数据')">分析当前模块数据</span>
+              </div>
+            </div>
+          </div>
+          <div v-if="picFile" class="preview-images">
+            <div class="preview-item" :class="{ 'is-loading': loading }">
+              <el-image
+                :src="picPreviewUrl"
+                :preview-src-list="[picPreviewUrl]"
+                fit="cover"
+                class="preview-img"
+                preview-teleported
+              />
+              <span v-show="!loading" class="remove" @click.stop="clearImage">×</span>
+            </div>
+          </div>
+          <div class="input-row">
+            <div class="input-wrap" :class="{ 'is-loading': loading }">
+              <el-input
+                v-model="query"
+                type="textarea"
+                :rows="2"
+                :placeholder="loading ? 'AI 正在思考中，请稍候...' : '请输入您想了解的信息'"
+                :disabled="loading"
+                @keydown.enter.exact.prevent="!loading && send()"
+                @paste="onPaste"
+              />
+              <el-upload
+                class="upload-trigger"
+                :show-file-list="false"
+                accept="image/*"
+                :disabled="loading"
+                :before-upload="onFileSelect"
+              >
+                <el-button type="primary" class="upload-btn" :disabled="loading">
+                  <Icon icon="ep:picture" class="upload-icon" />
+                  <span>图片</span>
+                </el-button>
+              </el-upload>
+              <el-button
+                v-if="loading"
+                type="danger"
+                class="send-btn abort-send-btn"
+                @click="abortStream"
+              >
+                <Icon icon="ep:video-pause" />
+                中止
+              </el-button>
+              <el-button
+                v-else
+                type="primary"
+                class="send-btn"
+                :disabled="!query.trim()"
+                @click="send"
+              >
+                发送
+              </el-button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 报告单据弹窗 -->
+    <ReportDocumentModal
+      v-model="reportDocVisible"
+      :module-name="effectiveReportModuleName"
+      :module-code="effectiveReportModuleCode"
+    />
+    <!-- Markdown 内图片大图预览 -->
+    <ElImageViewer
+      v-if="imageViewerVisible"
+      :url-list="imageViewerList"
+      :initial-index="imageViewerIndex"
+      @close="imageViewerVisible = false"
+    />
+  </el-drawer>
+</template>
+
+<script setup lang="ts">
+import MarkdownIt from 'markdown-it'
+import { ElImageViewer, ElMessage } from 'element-plus'
+import { aiChatStream } from '@/api/ydoyun/aichat'
+import { useUserStore } from '@/store/modules/user'
+import type { ChatMessage } from './useAiAssistant'
+import { AI_CHAT_MESSAGES_KEY, AI_ASSISTANT_REPORT_CONTEXT_KEY } from './useAiAssistant'
+import ReportDocumentModal from './ReportDocumentModal.vue'
+
+defineOptions({ name: 'AiImageChatDialog' })
+
+const md = new MarkdownIt({ html: true, linkify: true, typographer: true })
+
+const userStore = useUserStore()
+const userAvatar = computed(() => {
+  const av = userStore.user?.avatar
+  if (!av) return ''
+  return av.startsWith('http') ? av : (import.meta.env.VITE_BASE_URL || '') + av
+})
+const userNicknameFirst = computed(() => {
+  const name = userStore.user?.nickname || userStore.user?.username || ''
+  return name ? name.charAt(0).toUpperCase() : '我'
+})
+
+function cleanAiOutput(text: string): string {
+  if (!text || !text.trim()) return text
+  let s = text
+  s = s.replace(/!\[[^\]]*\]\([^)]*\)/g, '')
+  s = s.replace(/<\|[^|]+\|>/g, '')
+  return s.replace(/\n{3,}/g, '\n\n').trim()
+}
+
+function renderMarkdown(text: string): string {
+  const cleaned = cleanAiOutput(text)
+  if (!cleaned) return ''
+  return md.render(cleaned)
+}
+
+const props = defineProps<{
+  modelValue: boolean
+  /** 打开时预填的图片/提示词，用于截图后准备分析；无 file 时仅代入 prompt；taskDesc 格式为【moduleName】prompt */
+  initialPayload?: {
+    file?: File | null
+    query?: string
+    autoSend?: boolean
+    prompt?: string
+    moduleName?: string
+    moduleCode?: string
+    /** 待确认卡片文案，默认「分析其中的数据」 */
+    pendingUserText?: string
+  } | null
+}>()
+
+const reportContext = inject(AI_ASSISTANT_REPORT_CONTEXT_KEY)
+const reportDocVisible = ref(false)
+const effectiveReportModuleName = computed(() => {
+  const v = props.initialPayload?.moduleName ?? reportContext?.moduleName?.value ?? ''
+  return String(v).trim()
+})
+const effectiveReportModuleCode = computed(() => {
+  const v = props.initialPayload?.moduleCode ?? reportContext?.moduleCode?.value ?? ''
+  return String(v).trim()
+})
+/** 每日汇报必须绑定当前页面模块（名称 + 编码），否则无法按模块隔离数据 */
+const hasReportModuleContext = computed(
+  () => !!effectiveReportModuleName.value && !!effectiveReportModuleCode.value
+)
+
+function onDailyReportClick() {
+  if (loading.value) return
+  if (!hasReportModuleContext.value) {
+    ElMessage.warning('请进入一个模块进行每日汇报')
+    return
+  }
+  reportDocVisible.value = true
+}
+
+const emit = defineEmits<{
+  'update:modelValue': [value: boolean]
+}>()
+
+const visible = computed({
+  get: () => props.modelValue,
+  set: (v) => emit('update:modelValue', v)
+})
+
+const messageListRef = ref<HTMLElement>()
+const messages = inject(AI_CHAT_MESSAGES_KEY)
+/** 用户是否手动上滑查看历史，若是则流式输出时不强制置底 */
+const isUserScrolledUp = ref(false)
+const SCROLL_BOTTOM_THRESHOLD = 80
+
+function onMessageListScroll() {
+  const el = messageListRef.value
+  if (!el) return
+  const { scrollTop, scrollHeight, clientHeight } = el
+  const nearBottom = scrollHeight - scrollTop - clientHeight < SCROLL_BOTTOM_THRESHOLD
+  isUserScrolledUp.value = !nearBottom
+}
+
+/** 将对话列表滚动到底部，用于打开对话框时显示最新消息 */
+function scrollToBottom() {
+  nextTick(() => {
+    if (messageListRef.value) {
+      messageListRef.value.scrollTo({
+        top: messageListRef.value.scrollHeight,
+        behavior: 'auto'
+      })
+    }
+  })
+}
+if (!messages) throw new Error('AiImageChatDialog must be used within AiAssistantProvider')
+const query = ref('')
+const picFile = ref<File | null>(null)
+/** 模块名称，用于拼接 taskDesc */
+const moduleNameRef = ref<string>('')
+/** 模块 AI 提示词，发送时与 moduleName 拼接为【模块名】提示词 传给 Dify */
+const modulePrompt = ref<string>('')
+const picPreviewUrl = ref<string>('')
+const loading = ref(false)
+/** 当前流式请求，用于中止 */
+const streamAbortController = ref<AbortController | null>(null)
+const streamingText = ref('')
+/** 多轮对话会话 ID，由 Dify 返回，后续请求携带以保持上下文 */
+const conversationId = ref<string>('')
+const dialogWidth = ref('420px')
+const isFullscreen = ref(false)
+const displayStreamingHtml = computed(() => renderMarkdown(streamingText.value))
+const imageViewerVisible = ref(false)
+const imageViewerList = ref<string[]>([])
+const imageViewerIndex = ref(0)
+
+/** 待确认消息的附件数据：index -> { file, moduleName, prompt } */
+const pendingMessagesData = ref<Map<number, { file: File; moduleName: string; prompt: string }>>(new Map())
+
+function onMessageContentClick(e: MouseEvent, msg: ChatMessage) {
+  const target = e.target as HTMLElement
+  if (target.tagName !== 'IMG') return
+  const imgs = (e.currentTarget as HTMLElement).querySelectorAll('img')
+  const srcList = Array.from(imgs).map((img) => (img as HTMLImageElement).src).filter(Boolean)
+  if (srcList.length === 0) return
+  const idx = Array.from(imgs).indexOf(target as HTMLImageElement)
+  imageViewerList.value = srcList
+  imageViewerIndex.value = idx >= 0 ? idx : 0
+  imageViewerVisible.value = true
+}
+
+/** 待确认图片点击：仅用 ElImageViewer，避免与 el-image 内置预览冲突导致需关闭两次 */
+function onPendingImgClick(_e: MouseEvent, msg: ChatMessage) {
+  if (!msg.picPreview) return
+  imageViewerList.value = [msg.picPreview]
+  imageViewerIndex.value = 0
+  imageViewerVisible.value = true
+}
+
+const toggleFullscreen = () => {
+  isFullscreen.value = !isFullscreen.value
+}
+
+function abortStream() {
+  streamAbortController.value?.abort()
+}
+
+const clearChat = () => {
+  messages.value.forEach((m) => {
+    if (m.picPreview) URL.revokeObjectURL(m.picPreview)
+  })
+  messages.value = []
+  conversationId.value = ''
+}
+
+watch(picFile, (file) => {
+  if (picPreviewUrl.value) {
+    URL.revokeObjectURL(picPreviewUrl.value)
+    picPreviewUrl.value = ''
+  }
+  if (file) {
+    picPreviewUrl.value = URL.createObjectURL(file)
+  }
+}, { immediate: true })
+
+const onPaste = (e: ClipboardEvent) => {
+  const items = e.clipboardData?.items
+  if (!items) return
+  for (const item of items) {
+    if (item.type.startsWith('image/')) {
+      e.preventDefault()
+      const file = item.getAsFile()
+      if (file) setPicFile(file)
+      break
+    }
+  }
+}
+
+const clearImage = () => {
+  if (loading.value) return
+  picFile.value = null
+}
+
+/** 取消待确认消息 */
+function cancelPending(idx: number) {
+  const msg = messages.value[idx]
+  if (!msg?.pending) return
+  if (msg.picPreview) URL.revokeObjectURL(msg.picPreview)
+  messages.value.splice(idx, 1)
+  pendingMessagesData.value.delete(idx)
+  // 更新后续消息的 map key
+  const newMap = new Map<number, { file: File; moduleName: string; prompt: string }>()
+  pendingMessagesData.value.forEach((v, k) => {
+    if (k > idx) newMap.set(k - 1, v)
+    else if (k < idx) newMap.set(k, v)
+  })
+  pendingMessagesData.value = newMap
+}
+
+/** 发送待确认消息到 AI */
+async function sendPending(idx: number) {
+  const data = pendingMessagesData.value.get(idx)
+  const msg = messages.value[idx]
+  if (!data || !msg?.pending) return
+  msg.pending = false
+  pendingMessagesData.value.delete(idx)
+  const rawText = (msg.text || '').trim()
+  /** 卡片上可用长文案说明；真正发给模型的问题保持简短，避免把「是否确认」整段当 query */
+  const queryText =
+    rawText && rawText.length <= 96
+      ? rawText
+      : '请根据截图中的数据进行分析，并结合任务说明与补充提示词给出结论。'
+  await send({
+    skipUserMessage: true,
+    queryText,
+    fileOverride: data.file,
+    moduleNameOverride: data.moduleName,
+    promptOverride: data.prompt
+  })
+}
+
+const setPicFile = (file: File) => {
+  if (!file?.type?.startsWith('image/')) return
+  picFile.value = file
+}
+
+const onFileSelect = (rawFile: { raw?: File } | File) => {
+  if (loading.value) return false
+  const file = typeof rawFile === 'object' && rawFile?.raw ? rawFile.raw : (rawFile as File)
+  setPicFile(file)
+  return false
+}
+
+interface SendOptions {
+  skipUserMessage?: boolean
+  /** 直接传入的查询文本（用于待确认消息） */
+  queryText?: string
+  /** 直接传入的图片文件 */
+  fileOverride?: File | null
+  /** 直接传入的模块名、提示词（用于 taskDesc） */
+  moduleNameOverride?: string
+  promptOverride?: string
+}
+
+const send = async (opts?: SendOptions) => {
+  if (loading.value) return
+  const q = (opts?.queryText ?? query.value).trim()
+  if (!q) return
+
+  isUserScrolledUp.value = false
+  const file = opts?.fileOverride ?? picFile.value
+  const prompt = (opts?.promptOverride ?? modulePrompt.value)?.trim() || ''
+  const moduleName = (opts?.moduleNameOverride ?? moduleNameRef.value)?.trim() || ''
+  const taskDesc = moduleName
+    ? `【${moduleName}】${prompt}`
+    : (prompt || undefined)
+  const msgPreviewUrl = file ? URL.createObjectURL(file) : undefined
+  if (!opts?.skipUserMessage) {
+    messages.value.push({
+      role: 'user',
+      text: q,
+      picPreview: msgPreviewUrl
+    })
+  }
+  if (!opts?.fileOverride) {
+    modulePrompt.value = ''
+    query.value = ''
+    picFile.value = null
+  }
+  streamingText.value = ''
+
+  loading.value = true
+  streamAbortController.value = new AbortController()
+  const signal = streamAbortController.value.signal
+  let fullText = ''
+
+  try {
+    await aiChatStream(
+      q,
+      file ?? undefined,
+      (chunk) => {
+        fullText += chunk
+        streamingText.value = fullText
+        nextTick(() => {
+          if (!isUserScrolledUp.value && messageListRef.value) {
+            messageListRef.value.scrollTo({
+              top: messageListRef.value.scrollHeight,
+              behavior: 'smooth'
+            })
+          }
+        })
+      },
+      (err) => {
+        ElMessage.error(err || '请求失败')
+      },
+      (payload) => {
+        loading.value = false
+        streamAbortController.value = null
+        streamingText.value = ''
+        const aborted = payload?.aborted
+        if (fullText && !aborted) {
+          messages.value.push({ role: 'assistant', text: cleanAiOutput(fullText) })
+        }
+      },
+      {
+        taskDesc,
+        conversationId: conversationId.value || undefined,
+        onConversationId: (id) => {
+          conversationId.value = id
+        },
+        signal
+      }
+    )
+  } catch (e) {
+    loading.value = false
+    streamAbortController.value = null
+    streamingText.value = ''
+    ElMessage.error('请求异常')
+  }
+}
+
+const handleClosed = () => {
+  if (loading.value) {
+    streamAbortController.value?.abort()
+  }
+  isFullscreen.value = false
+  if (picPreviewUrl.value) {
+    URL.revokeObjectURL(picPreviewUrl.value)
+    picPreviewUrl.value = ''
+  }
+  picFile.value = null
+  query.value = ''
+  streamingText.value = ''
+  // 保留 messages 以实现对话记忆，不 revoke 消息中的 picPreview
+}
+
+// 打开时滚动到底部并应用 initialPayload：有图片+提示词时以对话形式展示，带取消/分析按钮
+watch(visible, (v, prev) => {
+  if (!v || prev) return
+  const payload = props.initialPayload
+  if (!payload) {
+    scrollToBottom()
+    return
+  }
+  if (payload.file && (payload.prompt || payload.moduleName || true)) {
+    // 清除可能存在的孤立待确认消息（上次关闭时未处理）
+    const toRemove: number[] = []
+    messages.value.forEach((m, i) => {
+      if (m.pending) toRemove.push(i)
+    })
+    toRemove.reverse().forEach((i) => {
+      const msg = messages.value[i]
+      if (msg?.picPreview) URL.revokeObjectURL(msg.picPreview)
+      messages.value.splice(i, 1)
+    })
+    pendingMessagesData.value.clear()
+    // 卡片 AI 分析进入：添加待确认消息，对话话术固定为「分析其中的数据」，发送时仍用 prompt 作 taskDesc
+    const picPreview = URL.createObjectURL(payload.file)
+    const pendingText =
+      (payload.pendingUserText && String(payload.pendingUserText).trim()) || '分析其中的数据'
+    messages.value.push({
+      role: 'user',
+      text: pendingText,
+      picPreview,
+      pending: true
+    })
+    const idx = messages.value.length - 1
+    pendingMessagesData.value.set(idx, {
+      file: payload.file,
+      moduleName: payload.moduleName || '',
+      prompt: payload.prompt || ''
+    })
+    if (payload.autoSend && payload.query) {
+      nextTick(() => sendPending(idx))
+    } else if (messages.value.length === 1) {
+      // 仅此条消息时添加欢迎语
+      const greeting = getGreeting()
+      const name = userStore.user?.nickname || userStore.user?.username || '您'
+      messages.value.unshift({
+        role: 'assistant',
+        text: `${greeting}，${name}，请点击「分析」发送给 AI`
+      })
+      // 调整 pending 的 index（欢迎语插到前面）
+      const data = pendingMessagesData.value.get(0)!
+      pendingMessagesData.value.clear()
+      pendingMessagesData.value.set(1, data)
+    }
+    scrollToBottom()
+  } else {
+    // 无图片：仅 prompt 或传统流程
+    picFile.value = payload.file ?? null
+    moduleNameRef.value = payload.moduleName || ''
+    modulePrompt.value = payload.prompt || ''
+    if (payload.query) query.value = payload.query
+    if (payload.autoSend && payload.query) {
+      nextTick(() => send({ skipUserMessage: true }))
+    } else if (messages.value.length === 0) {
+      const greeting = getGreeting()
+      const name = userStore.user?.nickname || userStore.user?.username || '您'
+      messages.value.push({
+        role: 'assistant',
+        text: `${greeting}，${name}，请输入您想了解的信息`
+      })
+    }
+    scrollToBottom()
+  }
+})
+
+function getGreeting(): string {
+  const h = new Date().getHours()
+  if (h < 12) return '早上好'
+  if (h < 18) return '下午好'
+  return '晚上好'
+}
+</script>
+
+<style>
+/* 参考 AIRBT：遮罩毛玻璃；固定定位避免滚动时被挤出屏幕 */
+.ai-chat-overlay.el-overlay {
+  position: fixed !important;
+  inset: 0 !important;
+  width: 100vw !important;
+  height: 100vh !important;
+  max-height: 100vh !important;
+  background: rgba(15, 23, 42, 0.4) !important;
+  backdrop-filter: blur(4px);
+  overflow: hidden !important;
+}
+.ai-chat-overlay .el-drawer-splitter {
+  position: absolute !important;
+  inset: 0 !important;
+  max-height: 100vh !important;
+  height: 100% !important;
+  overflow: hidden !important;
+}
+.ai-chat-overlay .el-drawer-splitter .el-splitter-panel:last-child {
+  max-height: 100vh !important;
+  overflow: hidden !important;
+}
+.ai-chat-overlay .el-drawer-splitter .el-splitter-panel:last-child .el-drawer {
+  max-height: 100vh !important;
+  height: 100% !important;
+  overflow: hidden !important;
+}
+/* 参考 AIRBT：抽屉滑入动画 0.5s cubic-bezier(0.16, 1, 0.3, 1) */
+.ai-chat-overlay .el-drawer-fade-enter-active,
+.ai-chat-overlay .el-drawer-fade-leave-active {
+  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
+}
+.ai-chat-overlay .el-drawer-fade-enter-active .el-splitter-panel,
+.ai-chat-overlay .el-drawer-fade-leave-active .el-splitter-panel {
+  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
+}
+/* 全屏/收缩切换：从右边往左边放大，参考 AIRBT */
+.ai-chat-overlay .el-drawer-splitter .el-splitter-panel:last-child {
+  margin-left: auto !important; /* 锚定右侧，放大时向左展开 */
+  transition: flex-basis 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
+}
+.ai-chat-overlay .el-drawer-splitter .el-splitter-panel:last-child .el-drawer {
+  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
+}
+</style>
+<style scoped>
+.ai-image-chat-dialog :deep(.el-drawer__header) {
+  margin-bottom: 0;
+  padding: 16px 24px;
+  border-bottom: 1px solid #f1f5f9;
+  overflow: visible;
+}
+/* Element Plus 默认给 header 第一个子元素 flex:1，会整体被压缩导致右侧按钮被裁切 */
+.ai-image-chat-dialog :deep(.el-drawer__header > :first-child) {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: visible;
+}
+.ai-image-chat-dialog :deep(.el-drawer__body) {
+  padding: 12px 20px 20px;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+}
+/* 对话框主体：高度 = 视口 - 侧边栏宽度（--left-menu-max-width） - 顶栏；竖屏时取较大值保证输入区在底部 */
+.ai-image-chat-dialog .ai-chat-dialog-body {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  overflow: hidden;
+  height: max(calc(100vh - 120px), calc(100vh - var(--left-menu-max-width, 200px) - 80px));
+  max-height: max(calc(100vh - 120px), calc(100vh - var(--left-menu-max-width, 200px) - 80px));
+}
+.ai-image-chat-dialog.is-fullscreen .ai-chat-dialog-body {
+  height: calc(100vh - 120px) !important;
+  max-height: calc(100vh - 120px) !important;
+}
+.ai-image-chat-dialog.is-fullscreen :deep(.el-drawer) {
+  width: 100% !important;
+}
+.dialog-header-inner {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  min-width: 0;
+  gap: 8px;
+}
+.dialog-title-wrap {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-width: 0;
+  flex: 1;
+  overflow: hidden;
+}
+.dialog-title-icon {
+  width: 40px;
+  height: 40px;
+  background: #2563eb;
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.25);
+}
+.dialog-title-icon :deep(svg),
+.dialog-title-icon :deep(.iconify) {
+  font-size: 18px;
+}
+.dialog-title {
+  font-weight: 700;
+  font-size: 14px;
+  color: #1e293b;
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.header-actions {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  margin-left: auto;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+}
+.clear-btn {
+  font-size: 13px;
+  color: var(--el-text-color-secondary);
+}
+.clear-btn:hover {
+  color: var(--el-color-danger);
+}
+.abort-btn {
+  font-size: 13px;
+}
+.abort-btn:hover {
+  color: var(--el-color-danger);
+}
+.fullscreen-btn {
+  width: 48px;
+  height: 48px;
+  padding: 0;
+  margin: 0;
+  color: var(--el-text-color-regular);
+}
+.fullscreen-btn:hover {
+  color: var(--el-text-color-primary);
+}
+.fullscreen-btn :deep(svg),
+.fullscreen-btn :deep(.iconify) {
+  font-size: 16px;
+}
+.close-btn {
+  width: 36px;
+  height: 36px;
+  padding: 0;
+  margin: 0;
+  color: var(--el-text-color-regular);
+}
+.close-btn:hover {
+  color: var(--el-color-danger);
+  background: rgba(245, 108, 108, 0.1);
+}
+.close-btn :deep(svg),
+.close-btn :deep(.iconify) {
+  font-size: 16px;
+}
+.chat-main {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  overflow: hidden;
+  border: 1px solid #e2e8f0;
+  border-radius: 8px;
+  background: #fbfcfe;
+}
+/* 对话记录：flex 占满剩余空间，内部滚动；输入区 flex-shrink:0 固定底部 */
+.message-list {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  padding: 16px;
+  overscroll-behavior: contain;
+}
+.empty-tip {
+  text-align: center;
+  padding: 40px 20px;
+  color: var(--el-text-color-placeholder);
+}
+.empty-icon {
+  font-size: 40px;
+  margin-bottom: 12px;
+  display: block;
+}
+.message-item {
+  display: flex;
+  gap: 10px;
+  margin-bottom: 16px;
+  align-items: flex-start;
+}
+.message-item.assistant {
+  flex-direction: row;
+  justify-content: flex-start;
+}
+.message-item.user {
+  flex-direction: row-reverse;
+  justify-content: flex-start;
+}
+.message-avatar {
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  background: var(--el-fill-color);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  overflow: hidden;
+}
+.message-avatar .avatar-img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.message-avatar .avatar-fallback {
+  font-size: 14px;
+  font-weight: 500;
+  color: #fff;
+}
+.message-item.user .message-avatar {
+  background: #07c160;
+  color: #fff;
+}
+.message-avatar.assistant-avatar {
+  background: var(--el-fill-color);
+}
+.message-content {
+  max-width: 75%;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  overflow-x: auto;
+}
+.message-item.assistant .message-content {
+  background: #fff;
+  color: #333;
+  padding: 10px 14px;
+  border-radius: 4px 14px 14px 14px;
+  margin-left: 0;
+  border: 1px solid #e8e8e8;
+}
+.message-item.user .message-content {
+  background: #95ec69;
+  color: #333;
+  padding: 10px 14px;
+  border-radius: 14px 4px 14px 14px;
+  margin-right: 0;
+}
+/* 待确认消息：显眼包裹 + 图片与按钮间隙 */
+.message-item.user .message-content.is-pending-card {
+  background: transparent !important;
+  border: none !important;
+  box-shadow: none !important;
+}
+.message-content.is-pending-card {
+  padding: 0;
+  background: transparent;
+}
+.pending-wrap {
+  display: flex;
+  flex-direction: column;
+  border-radius: 12px;
+  overflow: hidden;
+  border: 2px solid #2563eb;
+  box-shadow: 0 4px 16px rgba(37, 99, 235, 0.15);
+  max-width: min(320px, 100%);
+  background: #fff;
+}
+.pending-hint {
+  margin: 0;
+  padding: 10px 12px 0;
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--el-text-color-primary);
+  white-space: normal;
+  word-break: break-word;
+}
+.pending-img-wrap {
+  width: 100%;
+  height: 140px;
+  overflow: hidden;
+  cursor: pointer;
+  margin-bottom: 12px;
+  padding: 12px 12px 0;
+}
+.pending-img-wrap .pending-img {
+  width: 100%;
+  height: 100%;
+  border-radius: 8px;
+}
+.pending-img-wrap :deep(.el-image__inner) {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: 8px;
+}
+.pending-btn-group {
+  display: flex;
+  padding: 0 12px 12px;
+  gap: 10px;
+}
+.pending-btn-group .pending-btn {
+  flex: 1;
+  text-align: center;
+  padding: 10px 16px;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  border: none;
+  border-radius: 8px;
+}
+.pending-btn-group .pending-btn.cancel {
+  background: #f9fafb;
+  color: #6b7280;
+}
+.pending-btn-group .pending-btn.cancel:hover {
+  background: #f3f4f6;
+  color: #4b5563;
+}
+.pending-btn-group .pending-btn.primary {
+  background: #2563eb;
+  color: #fff;
+}
+.pending-btn-group .pending-btn.primary:hover:not(.loading) {
+  background: #1d4ed8;
+}
+.pending-btn-group .pending-btn.primary.loading {
+  opacity: 0.85;
+  cursor: not-allowed;
+}
+.message-images {
+  margin-bottom: 4px;
+}
+.msg-img {
+  max-width: 180px;
+  max-height: 120px;
+  border-radius: 6px;
+  object-fit: cover;
+}
+.msg-img-clickable {
+  cursor: pointer;
+}
+.preview-item .preview-img {
+  width: 100%;
+  height: 100%;
+  border-radius: 6px;
+  cursor: pointer;
+}
+.message-text {
+  line-height: 1.6;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+.message-text.markdown-body :deep(p) {
+  margin: 0 0 8px 0;
+}
+.message-text.markdown-body :deep(p:last-child) {
+  margin-bottom: 0;
+}
+.message-text.markdown-body :deep(ul),
+.message-text.markdown-body :deep(ol) {
+  margin: 4px 0 8px 0;
+  padding-left: 20px;
+}
+.message-text.markdown-body :deep(li) {
+  margin: 2px 0;
+}
+.message-text.markdown-body :deep(h1),
+.message-text.markdown-body :deep(h2),
+.message-text.markdown-body :deep(h3),
+.message-text.markdown-body :deep(h4) {
+  margin: 12px 0 6px 0;
+  font-weight: 600;
+  font-size: 1em;
+}
+.message-text.markdown-body :deep(code) {
+  background: rgba(0, 0, 0, 0.06);
+  padding: 2px 6px;
+  border-radius: 4px;
+  font-size: 0.9em;
+}
+.message-text.markdown-body :deep(strong) {
+  font-weight: 600;
+}
+.message-text.markdown-body :deep(a) {
+  color: var(--el-color-primary);
+  text-decoration: none;
+}
+.message-text.markdown-body :deep(a:hover) {
+  text-decoration: underline;
+}
+.message-text.markdown-body :deep(img) {
+  cursor: pointer;
+  max-width: 100%;
+  border-radius: 4px;
+}
+/* Markdown 表格：ChatGPT 风格 */
+.message-text.markdown-body :deep(table) {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 12px 0;
+  font-size: 14px;
+  border: 1px solid var(--el-border-color);
+  border-radius: 8px;
+  overflow: hidden;
+}
+.message-text.markdown-body :deep(thead) {
+  background: var(--el-fill-color-light);
+}
+.message-text.markdown-body :deep(th) {
+  padding: 10px 12px;
+  text-align: left;
+  font-weight: 600;
+  border-bottom: 1px solid var(--el-border-color);
+  border-right: 1px solid var(--el-border-color);
+}
+.message-text.markdown-body :deep(th:last-child) {
+  border-right: none;
+}
+.message-text.markdown-body :deep(td) {
+  padding: 10px 12px;
+  border-bottom: 1px solid var(--el-border-color-lighter);
+  border-right: 1px solid var(--el-border-color-lighter);
+}
+.message-text.markdown-body :deep(td:last-child) {
+  border-right: none;
+}
+.message-text.markdown-body :deep(tr:last-child td) {
+  border-bottom: none;
+}
+.message-text.markdown-body :deep(tbody tr:hover) {
+  background: var(--el-fill-color-lighter);
+}
+.message-text.streaming {
+  display: inline;
+}
+.cursor {
+  animation: blink 1s step-end infinite;
+}
+@keyframes blink {
+  50% { opacity: 0; }
+}
+.quick-question-tip {
+  padding: 8px 0 10px;
+}
+.quick-question-block {
+  padding: 10px 14px;
+  background: var(--el-fill-color-lighter);
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: 8px;
+  font-size: 13px;
+}
+.quick-label {
+  display: block;
+  margin-bottom: 8px;
+  color: var(--el-text-color-secondary);
+}
+.quick-chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.quick-chip {
+  display: inline-block;
+  padding: 6px 14px;
+  background: var(--el-color-primary-light-9);
+  border: 1px solid var(--el-color-primary-light-5);
+  border-radius: 6px;
+  color: var(--el-color-primary);
+  cursor: pointer;
+  transition: all 0.2s;
+}
+.quick-chip:hover {
+  background: var(--el-color-primary-light-8);
+  border-color: var(--el-color-primary-light-3);
+}
+.input-area {
+  flex-shrink: 0;
+  padding: 12px 16px;
+  border-top: 1px solid var(--el-border-color-lighter);
+}
+.input-extensions {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+}
+.daily-report-entry {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  border: 1px solid var(--el-color-primary-light-5);
+  background: linear-gradient(135deg, #f8fbff 0%, #eef5ff 100%);
+  border-radius: 10px;
+  padding: 10px 12px;
+  cursor: pointer;
+  text-align: left;
+  transition: all 0.2s ease;
+}
+.daily-report-entry:hover {
+  border-color: var(--el-color-primary);
+  box-shadow: 0 4px 12px rgba(64, 158, 255, 0.16);
+  transform: translateY(-1px);
+}
+.daily-report-entry:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+  box-shadow: none;
+  transform: none;
+}
+.daily-report-entry.is-module-required {
+  opacity: 0.55;
+  cursor: not-allowed;
+  filter: grayscale(0.15);
+}
+.daily-report-entry.is-module-required:hover {
+  border-color: var(--el-color-primary-light-5);
+  box-shadow: none;
+  transform: none;
+}
+.entry-icon-wrap {
+  width: 30px;
+  height: 30px;
+  border-radius: 8px;
+  background: var(--el-color-primary);
+  color: #fff;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+.entry-icon-wrap :deep(svg),
+.entry-icon-wrap :deep(.iconify) {
+  font-size: 16px;
+}
+.entry-main {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  flex: 1;
+}
+.entry-title {
+  font-size: 14px;
+  line-height: 1.2;
+  font-weight: 600;
+  color: #1f2d3d;
+}
+.entry-desc {
+  font-size: 12px;
+  line-height: 1.3;
+  color: #64748b;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.entry-arrow {
+  color: var(--el-color-primary);
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+.entry-arrow :deep(svg),
+.entry-arrow :deep(.iconify) {
+  font-size: 15px;
+}
+.preview-images {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+  margin-bottom: 10px;
+}
+.preview-item {
+  position: relative;
+  width: 64px;
+  height: 64px;
+}
+.preview-item :deep(.el-image) {
+  width: 100%;
+  height: 100%;
+  border-radius: 6px;
+  border: 1px solid var(--el-border-color);
+}
+.preview-item :deep(.el-image__inner) {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: 6px;
+}
+.preview-item .remove {
+  position: absolute;
+  top: -6px;
+  right: -6px;
+  width: 18px;
+  height: 18px;
+  background: var(--el-color-danger);
+  color: #fff;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  font-size: 12px;
+  line-height: 1;
+}
+.input-wrap {
+  flex: 1;
+  position: relative;
+  display: flex;
+  align-items: flex-end;
+  gap: 10px;
+  background: #fff;
+  border: 1px solid var(--el-border-color);
+  border-radius: 12px;
+  padding: 10px 14px;
+  transition: border-color 0.2s, box-shadow 0.2s;
+}
+.input-wrap:focus-within {
+  border-color: var(--el-color-primary);
+  box-shadow: 0 0 0 2px var(--el-color-primary-light-7);
+}
+.input-wrap.is-loading {
+  background: var(--el-fill-color-lighter);
+  border-color: var(--el-border-color-lighter);
+}
+.input-wrap.is-loading :deep(.el-textarea__inner),
+.input-wrap.is-loading :deep(.el-input__inner) {
+  cursor: not-allowed;
+}
+.input-wrap :deep(.el-input),
+.input-wrap :deep(.el-textarea) {
+  flex: 1;
+  min-width: 0;
+}
+.input-wrap :deep(.el-textarea__inner),
+.input-wrap :deep(.el-input__inner) {
+  border: none !important;
+  box-shadow: none !important;
+  background: transparent !important;
+  padding: 0 !important;
+  resize: none;
+  min-height: 40px;
+}
+.upload-trigger {
+  flex-shrink: 0;
+}
+.upload-btn {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 8px 14px;
+  border-radius: 8px;
+  background: var(--el-fill-color-light);
+  border: 1px dashed var(--el-border-color);
+  color: var(--el-text-color-regular);
+  transition: all 0.2s;
+}
+.upload-btn:hover {
+  border-color: var(--el-color-primary);
+  color: var(--el-color-primary);
+  background: var(--el-color-primary-light-9);
+}
+.upload-icon {
+  font-size: 18px;
+}
+.send-btn {
+  flex-shrink: 0;
+  padding: 8px 18px;
+  border-radius: 8px;
+  font-weight: 500;
+}
+.abort-send-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+.input-row {
+  display: flex;
+  align-items: flex-end;
+}
+</style>
diff --git a/src/components/AiAssistant/ReportDocumentModal.vue b/src/components/AiAssistant/ReportDocumentModal.vue
new file mode 100644
index 0000000..6489dfa
--- /dev/null
+++ b/src/components/AiAssistant/ReportDocumentModal.vue
@@ -0,0 +1,2571 @@
+<template>
+  <el-dialog
+    v-model="modalVisible"
+    width="92vw"
+    class="report-document-modal report-document-modal--no-title"
+    body-class="report-document-modal-body"
+    align-center
+    :show-close="false"
+    :fullscreen="reportModalFullscreen"
+    :close-on-click-modal="true"
+    destroy-on-close
+    @closed="handleClosed"
+    @opened="loadAllData"
+  >
+    <div
+      class="modal-body"
+      style="min-height: min(70vh, 760px); box-sizing: border-box"
+    >
+      <div class="report-modal-topbar">
+        <h2 class="report-modal-title">每日汇报</h2>
+        <div class="report-modal-header-actions" @click.stop>
+          <el-tooltip :content="reportModalFullscreen ? '退出全屏' : '全屏查看'" placement="bottom">
+            <button
+              type="button"
+              class="report-modal-fs"
+              :aria-label="reportModalFullscreen ? '退出全屏' : '全屏查看'"
+              @click="reportModalFullscreen = !reportModalFullscreen"
+            >
+              <Icon :icon="reportModalFullscreen ? 'ep:copy-document' : 'ep:full-screen'" />
+            </button>
+          </el-tooltip>
+          <el-tooltip content="关闭" placement="bottom">
+            <button type="button" class="report-modal-close" aria-label="关闭" @click="modalVisible = false">
+              <el-icon><Close /></el-icon>
+            </button>
+          </el-tooltip>
+        </div>
+      </div>
+      <el-tabs v-model="activeTab" class="main-tabs" :lazy="false">
+        <!-- Tab1：仅报告内容 -->
+        <el-tab-pane label="撰写报告" name="write">
+          <div class="tab-pane-content tab-write">
+            <div class="write-column">
+              <div class="write-body-scroll">
+                <div class="write-split-row">
+                  <div class="write-main-col">
+                    <div class="section report-section report-section--debrief">
+                      <div class="write-section-title-row">
+                        <span class="write-section-title-num">1.</span>
+                        <span class="write-section-title-text">店长自由述职</span>
+                        <span v-if="currentReportId" class="section-title-hint write-section-hint">
+                          今日已有一条汇报，保存将更新该条
+                        </span>
+                      </div>
+                      <div class="report-write-card">
+                        <div class="textarea-wrap">
+                          <el-input
+                            v-model="reportContent"
+                            type="textarea"
+                            :autosize="false"
+                            :rows="14"
+                            placeholder="请输入述职内容，或通过右侧结构化诊断同步完善…"
+                            class="report-textarea"
+                          />
+                        </div>
+                        <el-button
+                          class="btn-reparse"
+                          :loading="optimizing"
+                          :disabled="!canAiParse"
+                          @click="handleAiParseDiagnosis"
+                        >
+                          ✨ 重新智能拆解
+                        </el-button>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div class="write-detail-col">
+                    <div class="section detail-section detail-section--structured">
+                      <div class="section-title detail-section-title detail-section-title--structured">
+                        <div class="detail-section-title-left">
+                          <el-tag type="success" effect="light" size="small" class="detail-ai-tag">
+                            AI 生成
+                          </el-tag>
+                          <span class="detail-section-heading">2. 结构化诊断确认</span>
+                        </div>
+                        <span class="section-title-hint detail-section-subhint">与左侧述职一对多，确认后一并提交</span>
+                      </div>
+                      <div class="detail-form-list-wrap">
+                        <div class="detail-form-list detail-form-list--grid">
+                  <div
+                    v-for="(row, index) in detailRows"
+                    :key="row._key"
+                    class="detail-form-card"
+                  >
+                    <div class="detail-form-card-header">
+                      <span class="detail-card-index">#{{ index + 1 }}</span>
+                      <input
+                        v-model="row.diagnosisItem"
+                        type="text"
+                        class="detail-title-edit"
+                        placeholder="诊断项目，如 业绩/品类波动"
+                        maxlength="256"
+                      />
+                      <el-button
+                        link
+                        type="danger"
+                        size="small"
+                        :disabled="detailRows.length <= 1"
+                        @click="removeDetailRow(index)"
+                      >
+                        移除
+                      </el-button>
+                    </div>
+                    <el-form
+                      label-position="top"
+                      size="default"
+                      class="detail-vertical-form detail-vertical-form--grid"
+                    >
+                      <el-form-item label="指标异常" class="detail-form-item--half">
+                        <el-input
+                          v-model="row.value1"
+                          type="textarea"
+                          :autosize="false"
+                          :rows="4"
+                          placeholder="请输入指标异常"
+                          class="detail-scroll-textarea"
+                        />
+                      </el-form-item>
+                      <el-form-item label="归因分析" class="detail-form-item--half">
+                        <el-input
+                          v-model="row.value2"
+                          type="textarea"
+                          :autosize="false"
+                          :rows="4"
+                          placeholder="请输入归因分析"
+                          class="detail-scroll-textarea"
+                        />
+                      </el-form-item>
+                      <el-form-item label="改善对策" class="detail-form-item--full">
+                        <el-input
+                          v-model="row.value3"
+                          type="textarea"
+                          :autosize="false"
+                          :rows="4"
+                          placeholder="请输入改善对策"
+                          class="detail-scroll-textarea"
+                        />
+                      </el-form-item>
+                    </el-form>
+                  </div>
+                        </div>
+                      </div>
+                      <div class="detail-section-footer">
+                        <div class="detail-section-footer-main">
+                          <el-button class="btn-manual-add" @click="addDetailRow">
+                            <el-icon class="btn-manual-add-icon"><Plus /></el-icon>
+                            手动添加
+                          </el-button>
+                          <el-button
+                            type="primary"
+                            class="btn-sync-dify"
+                            :loading="saving"
+                            :disabled="!canSave"
+                            @click="handleSyncToDify"
+                          >
+                            保存描述
+                          </el-button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </el-tab-pane>
+
+        <!-- Tab2：左侧日历 + 右侧历史列表 -->
+        <el-tab-pane label="历史报告" name="history">
+          <div class="tab-pane-content tab-history">
+            <div class="history-split">
+              <aside v-loading="dateDetailLoading" class="history-calendar-aside">
+                <div class="section calendar-section calendar-section--inline">
+                  <div class="calendar-inline-hint" role="note">
+                    <span class="hint-legend">
+                      <span class="hint-legend-item">
+                        <span class="hint-swatch hint-swatch--has" aria-hidden="true"></span>
+                        <span>有报告</span>
+                      </span>
+                      <span class="hint-sep" aria-hidden="true">·</span>
+                      <span class="hint-legend-item">
+                        <span class="hint-swatch hint-swatch--miss" aria-hidden="true"></span>
+                        <span>缺失</span>
+                      </span>
+                      <span class="hint-sep" aria-hidden="true">·</span>
+                      <span class="hint-legend-tip">点击有报告日查看详情</span>
+                    </span>
+                  </div>
+                  <div class="calendar-wrapper">
+                    <div class="calendar-header">
+                      <el-button link type="primary" size="small" @click="prevMonth">
+                        <el-icon><ArrowLeft /></el-icon>
+                      </el-button>
+                      <el-date-picker
+                        v-model="viewDate"
+                        type="month"
+                        format="YYYY年MM月"
+                        value-format="YYYY-MM"
+                        placeholder="选择月份"
+                        size="small"
+                        class="calendar-month-picker"
+                        @change="onViewMonthChange"
+                      />
+                      <el-button link type="primary" size="small" @click="nextMonth">
+                        <el-icon><ArrowRight /></el-icon>
+                      </el-button>
+                    </div>
+                    <div class="calendar-grid">
+                      <div class="calendar-weekdays">
+                        <span v-for="w in weekdays" :key="w" class="weekday">{{ w }}</span>
+                      </div>
+                      <div class="calendar-days">
+                        <div
+                          v-for="day in calendarDays"
+                          :key="day.key"
+                          class="calendar-day-cell"
+                          :class="{
+                            'is-today': day.isToday,
+                            'is-past': day.isPast,
+                            'is-future': day.isFuture,
+                            'is-prev-month': day.isPrevMonth,
+                            'is-next-month': day.isNextMonth,
+                            'has-report': day.hasReport,
+                            'clickable': day.clickable
+                          }"
+                          @click="day.clickable ? loadDateDetail(day.dateStr) : null"
+                        >
+                          <span class="day-num">{{ day.dayNum }}</span>
+                          <span v-if="day.inMonth && !day.isFuture" class="day-status">
+                            <span v-if="day.hasReport" class="status-dot has-report"></span>
+                            <span v-else class="status-dot missing"></span>
+                          </span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </aside>
+              <div class="history-main-col">
+                <div class="section history-section">
+                  <div class="history-query">
+                    <el-form :inline="true" size="small" class="query-form">
+                      <el-form-item label="报告时间">
+                        <el-date-picker
+                          v-model="queryDateRange"
+                          type="daterange"
+                          range-separator="-"
+                          start-placeholder="开始日期"
+                          end-placeholder="结束日期"
+                          value-format="YYYY-MM-DD"
+                          size="small"
+                          clearable
+                          :shortcuts="dateShortcuts"
+                        />
+                      </el-form-item>
+                      <el-form-item>
+                        <el-button type="primary" @click="handleQuery">查询</el-button>
+                        <el-button @click="handleResetQuery">重置</el-button>
+                        <el-button link type="primary" size="small" :loading="historyLoading" @click="loadHistoryPage">
+                          刷新
+                        </el-button>
+                      </el-form-item>
+                    </el-form>
+                  </div>
+                  <div v-loading="historyLoading" class="history-list">
+                    <div v-if="historyList.length === 0 && !historyLoading" class="history-empty">暂无历史报告（点击记录可查看详情与截图）</div>
+                    <div
+                      v-for="item in historyList"
+                      :key="item.id"
+                      class="history-item"
+                      @click="openHistoryRecordDetail(item)"
+                    >
+                      <div class="history-item-main">
+                        <div class="history-item-meta">
+                          <span class="history-date">{{ item.reportTime }}</span>
+                          <span v-if="item.moduleName" class="history-module">{{ item.moduleName }}</span>
+                        </div>
+                        <div class="history-item-content">{{ truncateContent(item.reportContent) }}</div>
+                      </div>
+                      <el-button
+                        v-if="canDeleteReportItem(item)"
+                        link
+                        type="danger"
+                        size="small"
+                        class="history-item-delete"
+                        @click.stop="handleDeleteHistoryItem(item)"
+                      >
+                        删除
+                      </el-button>
+                    </div>
+                  </div>
+                  <el-pagination
+                    v-model:current-page="pageNo"
+                    v-model:page-size="pageSize"
+                    :page-sizes="[10, 20, 50]"
+                    :total="historyTotal"
+                    layout="total, sizes, prev, pager, next"
+                    small
+                    class="history-pagination"
+                    @size-change="loadHistoryPage"
+                    @current-change="loadHistoryPage"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </el-tab-pane>
+      </el-tabs>
+    </div>
+  </el-dialog>
+
+  <!-- 日历：当日多条汇报时先选一条，再打开与历史列表相同的全屏报告详情 -->
+  <el-dialog
+    v-model="calendarDayReportPickerVisible"
+    :title="`${selectedDateStr || ''} 当日有多条汇报，请选择要查看的一条`"
+    width="520px"
+    append-to-body
+    align-center
+    class="calendar-day-report-picker-dialog"
+    destroy-on-close
+  >
+    <div class="calendar-picker-list">
+      <button
+        v-for="item in calendarDayReportCandidates"
+        :key="item.id"
+        type="button"
+        class="calendar-picker-item"
+        @click="handlePickCalendarReport(item)"
+      >
+        <div class="calendar-picker-item-head">
+          <span class="calendar-picker-time">{{ item.reportTime }}</span>
+          <span v-if="item.moduleName" class="calendar-picker-mod">{{ item.moduleName }}</span>
+        </div>
+        <div class="calendar-picker-preview">{{ truncateContent(item.reportContent) }}</div>
+      </button>
+    </div>
+  </el-dialog>
+
+  <!-- 历史列表 / 日历选中：单条记录详情（全屏：左正文 / 右 AI 详表 / 下截图） -->
+  <el-dialog
+    v-model="historyRecordDetailVisible"
+    title="报告详情"
+    fullscreen
+    append-to-body
+    align-center
+    class="history-record-detail-dialog"
+    :destroy-on-close="false"
+    @closed="onHistoryRecordDetailDialogClosed"
+  >
+    <template v-if="historyRecordDetail">
+      <div v-loading="historyRecordDetailLoading" class="record-detail-shell">
+        <div class="record-detail-meta">
+          <span>{{ historyRecordDetail.reportTime }}</span>
+          <span v-if="historyRecordDetail.moduleName">{{ historyRecordDetail.moduleName }}</span>
+        </div>
+        <div class="record-detail-split">
+          <div class="record-detail-col record-detail-col--left">
+            <div class="record-detail-section-title">报告内容</div>
+            <div class="record-detail-text">{{ historyRecordDetail.reportContent || '-' }}</div>
+          </div>
+          <div class="record-detail-col record-detail-col--right">
+            <div class="record-detail-section-title">AI经营诊断</div>
+            <div
+              v-if="!historyRecordDetailLoading && historyRecordDetailRows.length === 0"
+              class="record-detail-ai-empty"
+            >
+              暂无 AI 经营诊断
+            </div>
+            <div class="record-detail-ai-list">
+              <div
+                v-for="(row, idx) in historyRecordDetailRows"
+                :key="row.id ?? `r-${idx}`"
+                class="record-detail-ai-card"
+              >
+                <div class="record-detail-ai-card-title">{{ row.diagnosisItem?.trim() || '诊断项' }}</div>
+                <div class="record-detail-ai-grid">
+                  <div class="record-detail-ai-field">
+                    <span class="record-detail-ai-label">指标异常</span>
+                    <div class="record-detail-ai-value">{{ row.value1?.trim() || '—' }}</div>
+                  </div>
+                  <div class="record-detail-ai-field">
+                    <span class="record-detail-ai-label">归因分析</span>
+                    <div class="record-detail-ai-value">{{ row.value2?.trim() || '—' }}</div>
+                  </div>
+                  <div class="record-detail-ai-field record-detail-ai-field--full">
+                    <span class="record-detail-ai-label">改善对策</span>
+                    <div class="record-detail-ai-value">{{ row.value3?.trim() || '—' }}</div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div v-if="resolveMediaUrl(historyRecordDetail.screenshotUrl)" class="record-detail-shot-block">
+          <div class="record-detail-section-title">页面截图</div>
+          <div class="record-detail-shot-wrap">
+            <el-image
+              :src="resolveMediaUrl(historyRecordDetail.screenshotUrl)"
+              :preview-src-list="[resolveMediaUrl(historyRecordDetail.screenshotUrl)]"
+              fit="contain"
+              preview-teleported
+              class="record-detail-shot-img"
+            />
+            <span class="record-detail-shot-tip">点击图片可全屏查看</span>
+          </div>
+        </div>
+        <div class="record-detail-actions">
+          <el-button type="primary" @click="fillWriteFromHistoryRecord">填入撰写区</el-button>
+          <el-button
+            v-if="historyRecordDetail && canDeleteReportItem(historyRecordDetail)"
+            type="danger"
+            plain
+            @click="handleDeleteHistoryItem(historyRecordDetail)"
+          >
+            删除
+          </el-button>
+        </div>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts">
+import type { EChartsOption } from 'echarts'
+import dayjs from 'dayjs'
+import {
+  AiAssistantReportApi,
+  type AiAssistantReportDetailItem,
+  type AiAssistantReportItem,
+  type DifyKbSyncResultVO,
+  type ReportCountByDateItem
+} from '@/api/ydoyun/aiAssistantReport'
+import { useUserStore } from '@/store/modules/user'
+import { ElMessage, ElMessageBox, ElLoading, ElNotification } from 'element-plus'
+import { ArrowLeft, ArrowRight, Close, Plus } from '@element-plus/icons-vue'
+import { Icon } from '@/components/Icon'
+import { AI_ASSISTANT_REPORT_CONTEXT_KEY } from './useAiAssistant'
+import * as FileApi from '@/api/infra/file'
+import Echart from '@/components/Echart/src/Echart.vue'
+import { h } from 'vue'
+import { useRoute } from 'vue-router'
+
+defineOptions({ name: 'ReportDocumentModal' })
+
+const props = defineProps<{
+  modelValue: boolean
+  /** 当前模块名称（来自 initialPayload 或 setPageModuleName） */
+  moduleName?: string
+  /** 当前模块编码（来自 initialPayload 或 setPageModuleCode） */
+  moduleCode?: string
+}>()
+
+const emit = defineEmits<{
+  'update:modelValue': [value: boolean]
+}>()
+
+const modalVisible = computed({
+  get: () => props.modelValue,
+  set: (v) => emit('update:modelValue', v)
+})
+
+const reportContext = inject(AI_ASSISTANT_REPORT_CONTEXT_KEY)
+const userStore = useUserStore()
+const route = useRoute()
+
+/** 当前激活路由上的后台菜单 id（动态路由 generateRoute 写入 meta.menuId） */
+const effectiveMenuId = computed(() => {
+  const matched = route.matched
+  for (let i = matched.length - 1; i >= 0; i--) {
+    const mid = matched[i]?.meta?.menuId
+    if (mid != null && mid !== '') {
+      const n = Number(mid)
+      return Number.isFinite(n) ? n : undefined
+    }
+  }
+  return undefined
+})
+
+const reportContent = ref('')
+/** 当日已存在记录的数据库 id，保存时传入以更新同一条 */
+const currentReportId = ref<number | null>(null)
+/** 详表行（本地编辑，保存时随主表同步提交） */
+interface DetailEditRow {
+  _key: string
+  diagnosisItem: string
+  value1: string
+  value2: string
+  value3: string
+}
+function newDetailRow(): DetailEditRow {
+  return {
+    _key: `d-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
+    diagnosisItem: '',
+    value1: '',
+    value2: '',
+    value3: ''
+  }
+}
+
+const detailRows = ref<DetailEditRow[]>([newDetailRow()])
+
+function addDetailRow() {
+  detailRows.value.push(newDetailRow())
+}
+
+function removeDetailRow(index: number) {
+  if (detailRows.value.length <= 1) return
+  detailRows.value.splice(index, 1)
+}
+
+function resetDetailRows() {
+  detailRows.value = [newDetailRow()]
+}
+
+/** 构建详表保存载荷（全量替换；空行由后端忽略） */
+function buildDetailSavePayload() {
+  return detailRows.value.map((r) => ({
+    diagnosisItem: r.diagnosisItem?.trim() || '',
+    value1: r.value1?.trim() || '',
+    value2: r.value2?.trim() || '',
+    value3: r.value3?.trim() || ''
+  }))
+}
+
+async function loadDetailRows(reportId: number | null) {
+  if (!reportId) {
+    resetDetailRows()
+    return
+  }
+  try {
+    const res = await AiAssistantReportApi.getDetailList(reportId)
+    const list = (res as any)?.data !== undefined ? (res as any).data : res
+    const arr = Array.isArray(list) ? (list as AiAssistantReportDetailItem[]) : []
+    if (arr.length > 0) {
+      detailRows.value = arr.map((r) => ({
+        _key: `s-${r.id ?? Math.random()}`,
+        diagnosisItem: r.diagnosisItem ?? '',
+        value1: r.value1 ?? '',
+        value2: r.value2 ?? '',
+        value3: r.value3 ?? ''
+      }))
+    } else {
+      resetDetailRows()
+    }
+  } catch (e) {
+    console.error('加载详表失败:', e)
+    resetDetailRows()
+  }
+}
+const reportModalFullscreen = ref(false)
+const optimizing = ref(false)
+const saving = ref(false)
+/** 历史列表中单条详情弹窗（全屏：正文 + AI 详表 + 截图） */
+const historyRecordDetailVisible = ref(false)
+const historyRecordDetail = ref<AiAssistantReportItem | null>(null)
+const historyRecordDetailRows = ref<AiAssistantReportDetailItem[]>([])
+const historyRecordDetailLoading = ref(false)
+const historyList = ref<AiAssistantReportItem[]>([])
+const historyLoading = ref(false)
+const historyTotal = ref(0)
+const historyAllList = ref<AiAssistantReportItem[]>([])
+const pageNo = ref(1)
+const pageSize = ref(10)
+/** 查询条件：报告时间范围 */
+const queryDateRange = ref<[string, string] | null>(null)
+const dateShortcuts = [
+  { text: '最近一周', value: () => [dayjs().subtract(7, 'day').format('YYYY-MM-DD'), dayjs().format('YYYY-MM-DD')] },
+  { text: '最近一月', value: () => [dayjs().subtract(1, 'month').format('YYYY-MM-DD'), dayjs().format('YYYY-MM-DD')] },
+  { text: '最近三月', value: () => [dayjs().subtract(3, 'month').format('YYYY-MM-DD'), dayjs().format('YYYY-MM-DD')] }
+]
+/** 有报告的日期集合（来自日历专用接口，覆盖最近12周） */
+const reportDatesSet = ref<Set<string>>(new Set())
+const activeTab = ref('write')
+/** 轨迹图：专用数据（与分页列表解耦） */
+const trajectoryData = ref<ReportCountByDateItem[]>([])
+const trajectoryLoading = ref(false)
+/** 轨迹图：仅在历史 tab 激活且延迟后渲染，避免 tab 切换导致容器 0 尺寸 */
+const trajectoryChartVisible = ref(false)
+const trajectoryChartKey = ref(0)
+const trajectoryChartRef = ref<InstanceType<typeof Echart> | null>(null)
+let trajectoryChartTimer: ReturnType<typeof setTimeout> | null = null
+
+watch(activeTab, async (val) => {
+  if (trajectoryChartTimer) clearTimeout(trajectoryChartTimer)
+  if (val === 'history') {
+    trajectoryChartVisible.value = false
+    loadHistoryPage()
+    await loadTrajectoryData()
+    trajectoryChartTimer = setTimeout(() => {
+      trajectoryChartVisible.value = true
+      trajectoryChartKey.value += 1
+      trajectoryChartTimer = null
+      nextTick(() => {
+        setTimeout(() => trajectoryChartRef.value?.resize?.(), 150)
+      })
+    }, 400)
+  } else {
+    trajectoryChartVisible.value = false
+  }
+})
+
+watch(
+  () => trajectoryData.value,
+  () => {
+    if (trajectoryChartVisible.value && trajectoryData.value.length > 0) {
+      nextTick(() => {
+        setTimeout(() => trajectoryChartRef.value?.resize?.(), 50)
+      })
+    }
+  },
+  { deep: true }
+)
+/** 日历当前查看的月份，默认当前月 */
+const viewDate = ref(dayjs().format('YYYY-MM'))
+
+/** 日历点击：加载当日列表后打开全屏详情，或弹出多条选择器 */
+const calendarDayReportPickerVisible = ref(false)
+const calendarDayReportCandidates = ref<AiAssistantReportItem[]>([])
+const dateDetailLoading = ref(false)
+const selectedDateStr = ref('')
+
+/** 文本长度需大于 10 才能进行 AI 智能解析 */
+const canAiParse = computed(() => {
+  const t = reportContent.value?.trim() || ''
+  return t.length > 10
+})
+
+/** 当前页已注册模块名 + 模块编码（与路由/组件一一对应，用于接口隔离） */
+const hasModuleScope = computed(() => {
+  const n = (effectiveModuleName.value || '').trim()
+  const c = (effectiveModuleCode.value || '').trim()
+  return !!n && !!c
+})
+
+/** 保存需：模块作用域、报告内容；登录账号与报告日期在保存时由当前用户与当天日期写入 */
+const canSave = computed(() => {
+  if (!hasModuleScope.value) return false
+  const content = reportContent.value?.trim()
+  return !!content
+})
+
+const effectiveModuleName = computed(() => {
+  return (props.moduleName || reportContext?.moduleName?.value || '').trim()
+})
+const effectiveModuleCode = computed(() => {
+  return (props.moduleCode || reportContext?.moduleCode?.value || '').trim()
+})
+
+/** 防止接口异常或历史数据混入其它模块：仅保留当前登录人 + 当前模块编码 */
+function filterReportRowsByScope<T extends AiAssistantReportItem>(rows: T[]): T[] {
+  const uid = Number(userStore.user?.id) || 0
+  const code = effectiveModuleCode.value
+  if (!uid || !code) return []
+  return rows.filter((item) => {
+    if (Number(item.reporterId) !== uid) return false
+    return (item.moduleCode || '').trim() === code
+  })
+}
+
+watch(modalVisible, (v) => {
+  if (v && !hasModuleScope.value) {
+    ElMessage.warning('请进入一个模块进行每日汇报')
+    nextTick(() => {
+      modalVisible.value = false
+    })
+  }
+})
+
+/** 截图地址补全（相对路径拼 API 根） */
+function resolveMediaUrl(url?: string | null): string {
+  if (!url || !String(url).trim()) return ''
+  const u = String(url).trim()
+  if (u.startsWith('http') || u.startsWith('data:') || u.startsWith('blob:')) return u
+  const base = import.meta.env.VITE_BASE_URL || ''
+  const path = u.startsWith('/') ? u : `/${u}`
+  return `${base.replace(/\/$/, '')}${path}`
+}
+
+function onHistoryRecordDetailDialogClosed() {
+  historyRecordDetailRows.value = []
+  historyRecordDetailLoading.value = false
+}
+
+async function openHistoryRecordDetail(item: AiAssistantReportItem) {
+  if (!filterReportRowsByScope([item]).length) {
+    ElMessage.warning('该记录不属于当前模块或当前账号')
+    return
+  }
+  historyRecordDetail.value = item
+  historyRecordDetailVisible.value = true
+  historyRecordDetailRows.value = []
+  historyRecordDetailLoading.value = true
+  try {
+    const res = await AiAssistantReportApi.getDetailList(item.id)
+    const list = (res as any)?.data !== undefined ? (res as any).data : res
+    historyRecordDetailRows.value = Array.isArray(list) ? (list as AiAssistantReportDetailItem[]) : []
+  } catch (e) {
+    console.error('加载 AI 经营诊断详表失败:', e)
+    historyRecordDetailRows.value = []
+  } finally {
+    historyRecordDetailLoading.value = false
+  }
+}
+
+/** 仅允许删除「报告日期为今天」且报告人为当前登录用户 */
+function canDeleteReportItem(item: AiAssistantReportItem): boolean {
+  const uid = Number(userStore.user?.id) || 0
+  if (!uid || Number(item.reporterId) !== uid) return false
+  const d = parseDateToStr(item?.reportTime)
+  return !!d && d === dayjs().format('YYYY-MM-DD')
+}
+
+async function handleDeleteHistoryItem(item: AiAssistantReportItem) {
+  if (!canDeleteReportItem(item)) return
+  try {
+    await ElMessageBox.confirm('确定删除该条当日汇报记录吗？删除后无法恢复。', '删除确认', {
+      type: 'warning',
+      confirmButtonText: '删除',
+      cancelButtonText: '取消'
+    })
+  } catch {
+    return
+  }
+  try {
+    await AiAssistantReportApi.deleteMyReportToday(item.id)
+    ElMessage.success('已删除')
+    if (historyRecordDetail.value?.id === item.id) {
+      historyRecordDetailVisible.value = false
+      historyRecordDetail.value = null
+    }
+    await Promise.all([loadHistoryPage(), loadTrajectoryData(), loadAllData()])
+  } catch (e) {
+    console.error('删除汇报失败:', e)
+    ElMessage.error('删除失败，请稍后重试')
+  }
+}
+
+async function fillWriteFromHistoryRecord() {
+  const item = historyRecordDetail.value
+  if (!item) return
+  if (item.reportContent) {
+    reportContent.value = item.reportContent
+  }
+  if (item.id != null) {
+    currentReportId.value = Number(item.id)
+    await loadDetailRows(currentReportId.value)
+  }
+  activeTab.value = 'write'
+  historyRecordDetailVisible.value = false
+  ElMessage.success('已填入撰写区')
+}
+
+const weekdays = ['周日', '周一', '周二', '周三', '周四', '周五', '周六']
+
+
+/** 日历：当前月网格数据（含上月尾、下月头补齐） */
+const calendarDays = computed(() => {
+  const today = dayjs()
+  const [y, m] = (viewDate.value || today.format('YYYY-MM')).split('-').map(Number)
+  const first = dayjs(`${y}-${String(m).padStart(2, '0')}-01`)
+  const last = first.endOf('month')
+  const startWeekday = first.day()
+  const days: { key: string; dayNum: number; dateStr: string; inMonth: boolean; isPrevMonth: boolean; isNextMonth: boolean; isToday: boolean; isPast: boolean; isFuture: boolean; hasReport: boolean; clickable: boolean }[] = []
+
+  const padStart = first.subtract(startWeekday, 'day')
+  let d = padStart
+  let count = 0
+  const maxCells = 42
+  while (count < maxCells) {
+    const dateStr = d.format('YYYY-MM-DD')
+    const inMonth = d.month() === m - 1
+    const isPrevMonth = d.isBefore(first, 'day')
+    const isNextMonth = d.isAfter(last, 'day')
+    const isToday = d.isSame(today, 'day')
+    const isPast = d.isBefore(today, 'day')
+    const isFuture = d.isAfter(today, 'day')
+    const hasReport = inMonth && !isFuture && reportDatesSet.value.has(dateStr)
+    const clickable = inMonth && !isFuture && hasReport
+    days.push({
+      key: dateStr + '-' + count,
+      dayNum: d.date(),
+      dateStr,
+      inMonth,
+      isPrevMonth,
+      isNextMonth,
+      isToday,
+      isPast,
+      isFuture,
+      hasReport,
+      clickable
+    })
+    d = d.add(1, 'day')
+    count++
+  }
+  return days
+})
+
+function prevMonth() {
+  const d = dayjs(viewDate.value + '-01').subtract(1, 'month')
+  viewDate.value = d.format('YYYY-MM')
+  loadReportDatesForMonth(viewDate.value)
+}
+
+function nextMonth() {
+  const d = dayjs(viewDate.value + '-01').add(1, 'month')
+  viewDate.value = d.format('YYYY-MM')
+  loadReportDatesForMonth(viewDate.value)
+}
+
+function onViewMonthChange() {
+  if (viewDate.value) loadReportDatesForMonth(viewDate.value)
+}
+
+/** 将各种日期格式转为 YYYY-MM-DD */
+function parseDateToStr(item: unknown): string {
+  if (item == null) return ''
+  if (typeof item === 'string') return String(item).slice(0, 10)
+  if (typeof item === 'object' && item !== null) {
+    const o = item as Record<string, unknown>
+    const y = o.year ?? o.y
+    const m = o.monthValue ?? o.month ?? 1
+    const d = o.dayOfMonth ?? o.day ?? 1
+    if (y != null) {
+      const mStr = String(m).padStart(2, '0')
+      const dStr = String(d).padStart(2, '0')
+      return `${y}-${mStr}-${dStr}`
+    }
+  }
+  return ''
+}
+
+/** 解析 API 返回的日期列表为 YYYY-MM-DD 字符串集合 */
+function parseReportDates(res: unknown): Set<string> {
+  const raw = (res as any)?.data !== undefined ? (res as any).data : res
+  const arr = Array.isArray(raw) ? raw : raw?.list ?? []
+  const set = new Set<string>()
+  for (const item of arr) {
+    const str = parseDateToStr(item)
+    if (str && str.length >= 10) set.add(str.slice(0, 10))
+  }
+  return set
+}
+
+/** 加载指定月份的 report 日期（用于日历展示） */
+async function loadReportDatesForMonth(ym: string) {
+  const reporterId = Number(userStore.user?.id) || 0
+  if (!reporterId || !hasModuleScope.value) return
+  const [y, m] = ym.split('-').map(Number)
+  const start = dayjs(`${y}-${String(m).padStart(2, '0')}-01`)
+  const end = start.endOf('month')
+  try {
+    const res = await AiAssistantReportApi.getMyReportDates({
+      reporterId,
+      moduleCode: effectiveModuleCode.value || undefined,
+      startDate: start.format('YYYY-MM-DD'),
+      endDate: end.format('YYYY-MM-DD')
+    })
+    const newDates = parseReportDates(res)
+    reportDatesSet.value = new Set([...reportDatesSet.value, ...newDates])
+  } catch (e) {
+    console.error('加载月份报告日期失败:', e)
+  }
+}
+
+/** 报告提交轨迹数据兜底：接口为空时回退到历史列表聚合 */
+const effectiveTrajectoryData = computed<ReportCountByDateItem[]>(() => {
+  if (trajectoryData.value.length > 0) return trajectoryData.value
+  const dateCount = new Map<string, number>()
+  for (const item of historyList.value) {
+    const d = parseDateToStr(item?.reportTime)
+    if (!d) continue
+    dateCount.set(d, (dateCount.get(d) || 0) + 1)
+  }
+  return Array.from(dateCount.entries())
+    .map(([reportTime, count]) => ({ reportTime, count }))
+    .sort((a, b) => a.reportTime.localeCompare(b.reportTime))
+})
+
+/** 报告提交轨迹是否有数据（来自专用接口或历史列表兜底） */
+const hasTrajectoryData = computed(() => effectiveTrajectoryData.value.length > 0)
+
+/** 报告提交轨迹折线图（使用 trajectoryData，按年月日） */
+const trajectoryChartOptions = computed<EChartsOption>(() => {
+  const list = effectiveTrajectoryData.value || []
+  const sorted = [...list].sort((a, b) => (a.reportTime || '').localeCompare(b.reportTime || ''))
+  const xData = sorted.length
+    ? sorted.map((item) => String(item.reportTime || '').slice(0, 10))
+    : ['暂无数据']
+  const yData = sorted.length
+    ? sorted.map((item) => Number(item.count ?? 0))
+    : [0]
+  return {
+    tooltip: { trigger: 'axis', confine: true },
+    grid: { left: 50, right: 24, top: 20, bottom: 36, containLabel: false },
+    xAxis: {
+      type: 'category',
+      data: xData,
+      axisLabel: { rotate: 30 },
+      boundaryGap: true
+    },
+    yAxis: { type: 'value', name: '提交数', minInterval: 1, min: 0 },
+    series: [{
+      type: 'line',
+      data: yData,
+      smooth: true,
+      symbol: 'circle',
+      symbolSize: 8,
+      lineStyle: { color: '#409eff', width: 2 },
+      itemStyle: { color: '#409eff' },
+      areaStyle: { color: 'rgba(64, 158, 255, 0.2)' }
+    }]
+  }
+})
+
+/** 加载轨迹图数据（专用接口，默认最近3个月） */
+async function loadTrajectoryData() {
+  const reporterId = Number(userStore.user?.id) || 0
+  if (!reporterId || !hasModuleScope.value) return
+  trajectoryLoading.value = true
+  try {
+    const end = dayjs()
+    // 默认放宽到最近 12 个月，避免 3 个月窗口导致“看起来没数据”
+    const start = end.subtract(12, 'month')
+    const res = await AiAssistantReportApi.getReportCountByDate({
+      reporterId,
+      moduleCode: effectiveModuleCode.value || undefined,
+      startDate: start.format('YYYY-MM-DD'),
+      endDate: end.format('YYYY-MM-DD')
+    })
+    const raw = (res as any)?.data !== undefined ? (res as any).data : res
+    const arr = Array.isArray(raw) ? raw : raw?.list ?? []
+    trajectoryData.value = arr.map((item: any) => ({
+      reportTime: typeof item?.reportTime === 'string' ? item.reportTime : parseDateToStr(item?.reportTime),
+      count: Number(item?.count ?? item?.cnt ?? 0) || 0
+    })).filter((item: ReportCountByDateItem) => item.reportTime && item.count > 0)
+  } catch (e) {
+    console.warn('加载轨迹图专用接口失败，回退 my-list 聚合:', e)
+    try {
+      const list = await AiAssistantReportApi.getMyList({
+        reporterId,
+        moduleCode: effectiveModuleCode.value || undefined
+      })
+      const rows = filterReportRowsByScope(Array.isArray(list) ? list : [])
+      const dateCount = new Map<string, number>()
+      for (const item of rows) {
+        const d = parseDateToStr(item?.reportTime)
+        if (!d) continue
+        dateCount.set(d, (dateCount.get(d) || 0) + 1)
+      }
+      trajectoryData.value = Array.from(dateCount.entries()).map(([reportTime, count]) => ({ reportTime, count }))
+    } catch (e2) {
+      console.error('回退 my-list 聚合轨迹图也失败:', e2)
+      trajectoryData.value = []
+    }
+  } finally {
+    trajectoryLoading.value = false
+  }
+}
+
+/** 加载历史报告分页 */
+async function loadHistoryPage() {
+  const reporterId = Number(userStore.user?.id) || 0
+  if (!reporterId || !hasModuleScope.value) return
+  historyLoading.value = true
+  try {
+    const [start, end] = queryDateRange.value || [null, null]
+    try {
+      const res = await AiAssistantReportApi.getMyReportPage({
+        reporterId,
+        moduleCode: effectiveModuleCode.value || undefined,
+        reportTimeStart: start || undefined,
+        reportTimeEnd: end || undefined,
+        pageNo: pageNo.value,
+        pageSize: pageSize.value
+      })
+      const result = (res as any)?.data !== undefined ? (res as any).data : res
+      const rawList = result?.list ?? []
+      const scoped = filterReportRowsByScope(rawList)
+      historyList.value = scoped
+      historyTotal.value = result?.total ?? 0
+      historyAllList.value = scoped
+    } catch (e) {
+      // 新分页接口可能被权限拦截(403)，回退老接口并前端分页
+      console.warn('分页接口失败，回退 my-list 前端分页:', e)
+      const list = await AiAssistantReportApi.getMyList({
+        reporterId,
+        moduleCode: effectiveModuleCode.value || undefined
+      })
+      const rows = filterReportRowsByScope(Array.isArray(list) ? list : []).filter((item) => {
+        const d = parseDateToStr(item?.reportTime)
+        if (!d) return false
+        if (start && d < start) return false
+        if (end && d > end) return false
+        return true
+      })
+      rows.sort((a, b) => {
+        const ad = parseDateToStr(a?.reportTime)
+        const bd = parseDateToStr(b?.reportTime)
+        return bd.localeCompare(ad)
+      })
+      historyAllList.value = rows
+      historyTotal.value = rows.length
+      const from = (pageNo.value - 1) * pageSize.value
+      historyList.value = rows.slice(from, from + pageSize.value)
+    }
+  } catch (e) {
+    console.error('加载历史报告失败:', e)
+    historyList.value = []
+    historyTotal.value = 0
+    historyAllList.value = []
+  } finally {
+    historyLoading.value = false
+  }
+}
+
+function handleQuery() {
+  pageNo.value = 1
+  loadHistoryPage()
+}
+
+function handleResetQuery() {
+  queryDateRange.value = null
+  pageNo.value = 1
+  loadHistoryPage()
+}
+
+/** 上传文件并返回 URL */
+async function uploadFileAndGetUrl(file: File): Promise<string> {
+  const res = await FileApi.updateFile({ file, directory: 'ai-assistant-report' })
+  const data = (res as any)?.data
+  const url = typeof data === 'string' ? data : data?.data ?? data?.url
+  if (url) return String(url)
+  throw new Error('上传失败，未返回 URL')
+}
+
+function unwrapApiData<T>(res: unknown): T {
+  const r = res as { data?: T }
+  return r?.data !== undefined ? (r.data as T) : (res as T)
+}
+
+/** 仅落库：截图 → 主表 → 详表，返回汇报主键 */
+async function persistReportToDb(loading: { setText: (s: string) => void }): Promise<number | null> {
+  await nextTick()
+  await new Promise<void>((resolve) => {
+    requestAnimationFrame(() => requestAnimationFrame(() => resolve()))
+  })
+
+  let finalScreenshotUrl = ''
+  const captureScreenshot = reportContext?.captureScreenshot
+  if (captureScreenshot) {
+    loading.setText('正在截取当前页面…')
+    const file = await captureScreenshot()
+    if (file) {
+      loading.setText('正在上传截图…')
+      finalScreenshotUrl = await uploadFileAndGetUrl(file)
+    }
+  }
+
+  loading.setText('正在保存汇报…')
+  const saveRes = await AiAssistantReportApi.save({
+    id: currentReportId.value != null ? currentReportId.value : undefined,
+    moduleName: effectiveModuleName.value,
+    moduleCode: effectiveModuleCode.value || undefined,
+    reporter: userStore.user?.nickname || userStore.user?.username || '未知',
+    reporterId: Number(userStore.user?.id) || 0,
+    reportTime: dayjs().format('YYYY-MM-DD'),
+    reportContent: reportContent.value?.trim(),
+    screenshotUrl: finalScreenshotUrl || undefined
+  })
+  const savedId = (saveRes as any)?.data !== undefined ? (saveRes as any).data : saveRes
+  if (savedId != null && !Number.isNaN(Number(savedId))) {
+    currentReportId.value = Number(savedId)
+  }
+
+  const rid = currentReportId.value
+  if (rid != null) {
+    loading.setText('正在保存AI经营诊断…')
+    await AiAssistantReportApi.saveDetailBatch({
+      reportId: rid,
+      details: buildDetailSavePayload()
+    })
+  }
+  return rid
+}
+
+/** AI 智能解析：正文 → Dify → 右侧「AI经营诊断」 */
+async function handleAiParseDiagnosis() {
+  const text = reportContent.value?.trim()
+  if (!text) {
+    ElMessage.warning('请输入报告内容')
+    return
+  }
+  if (text.length <= 10) {
+    ElMessage.warning('文本长度需要大于10个字才能进行AI智能解析')
+    return
+  }
+
+  optimizing.value = true
+  try {
+    const res = await AiAssistantReportApi.difyParseDiagnosis({ text })
+    const list = (res as any)?.data !== undefined ? (res as any).data : res
+    const arr = Array.isArray(list) ? (list as AiAssistantReportDetailItem[]) : []
+    if (arr.length === 0) {
+      resetDetailRows()
+      ElMessage.success('没有异常')
+      return
+    }
+    detailRows.value = arr.map((r, i) => ({
+      _key: `ai-${Date.now()}-${i}-${Math.random().toString(36).slice(2, 9)}`,
+      diagnosisItem: r.diagnosisItem ?? '',
+      value1: r.value1 ?? '',
+      value2: r.value2 ?? '',
+      value3: r.value3 ?? ''
+    }))
+    ElMessage.success('已解析并写入「AI经营诊断」')
+  } catch (error) {
+    console.error('AI智能解析失败:', error)
+    ElMessage.error('解析失败，请稍后重试')
+  } finally {
+    optimizing.value = false
+  }
+}
+
+/**
+ * 确认并同步 Dify：先落库 → 再请求后端创建/更新当前租户+本页面对应的 Dify 知识库并写入全量历史
+ * （知识库维度与数据范围由后端按 tenantId + moduleCode 实现）
+ */
+async function handleSyncToDify() {
+  if (!canSave.value) return
+  if (!hasModuleScope.value) {
+    ElMessage.warning('请进入一个模块进行每日汇报')
+    return
+  }
+
+  saving.value = true
+  const loading = ElLoading.service({
+    lock: true,
+    text: '正在保存…',
+    background: 'rgba(0, 0, 0, 0.45)'
+  })
+  try {
+    const rid = await persistReportToDb(loading)
+    if (rid == null) {
+      throw new Error('保存失败，未获得汇报主键')
+    }
+
+    loading.setText('正在同步 Dify 知识库（本租户·本页全部店长历史）…')
+    const syncRes = await AiAssistantReportApi.syncDifyKnowledge({
+      reportId: rid,
+      moduleCode: effectiveModuleCode.value || undefined,
+      moduleName: effectiveModuleName.value,
+      menuId: effectiveMenuId.value
+    })
+    const data = unwrapApiData<DifyKbSyncResultVO>(syncRes)
+
+    ElNotification({
+      title: '已保存并同步到 Dify',
+      message: h('div', { class: 'dify-kb-sync-notify' }, [
+        h('p', { style: 'margin:0 0 8px;line-height:1.5' }, '当前租户在本页面的知识库已更新（含本页全部店长的历史汇报，由服务端聚合）。'),
+        data.knowledgeBaseUrl
+          ? h('div', { class: 'dify-kb-sync-notify-links' }, [
+              h(
+                'a',
+                {
+                  href: data.knowledgeBaseUrl,
+                  target: '_blank',
+                  rel: 'noopener noreferrer',
+                  style: 'color: var(--el-color-primary);font-size:13px'
+                },
+                '在新窗口打开 Dify 文档详情 →'
+              )
+            ])
+          : h('p', { style: 'margin:0;font-size:12px;color:var(--el-text-color-secondary)' }, '若未返回链接，请在 Dify 控制台查看对应知识库文档（需在后端配置 console-base-url）。')
+      ]),
+      duration: 0
+    })
+    ElMessage.success(data.message || '保存成功，已同步至 Dify 知识库')
+  } catch (error: unknown) {
+    console.error('保存或同步失败:', error)
+    const err = error as { response?: { data?: { msg?: string } }; message?: string }
+    const msg =
+      err?.response?.data?.msg ||
+      err?.message ||
+      '保存或同步失败。若接口未就绪，请在后端实现 POST /ydoyun/ai-assistant-report/dify-knowledge/sync'
+    ElMessage.error(msg)
+  } finally {
+    loading.close()
+    saving.value = false
+  }
+}
+
+function handleClosed() {
+  reportContent.value = ''
+  currentReportId.value = null
+  resetDetailRows()
+  reportModalFullscreen.value = false
+  historyRecordDetailVisible.value = false
+  historyRecordDetail.value = null
+  historyList.value = []
+  historyTotal.value = 0
+  historyAllList.value = []
+  pageNo.value = 1
+  pageSize.value = 10
+  queryDateRange.value = null
+  trajectoryData.value = []
+  reportDatesSet.value = new Set()
+  viewDate.value = dayjs().format('YYYY-MM')
+  calendarDayReportPickerVisible.value = false
+  calendarDayReportCandidates.value = []
+}
+
+/** 日历多条汇报：选中后打开与历史列表相同的全屏详情 */
+function handlePickCalendarReport(item: AiAssistantReportItem) {
+  calendarDayReportPickerVisible.value = false
+  calendarDayReportCandidates.value = []
+  openHistoryRecordDetail(item)
+}
+
+/** 加载指定日期的报告列表，并进入全屏报告详情（与历史列表一致） */
+async function loadDateDetail(dateStr: string) {
+  const reporterId = Number(userStore.user?.id) || 0
+  if (!reporterId || !hasModuleScope.value) return
+
+  selectedDateStr.value = dateStr
+  dateDetailLoading.value = true
+  calendarDayReportPickerVisible.value = false
+  calendarDayReportCandidates.value = []
+  try {
+    const res = await AiAssistantReportApi.getListByDate({
+      reporterId,
+      moduleCode: effectiveModuleCode.value || undefined,
+      reportDate: dateStr
+    })
+    const list = (res as any)?.data !== undefined ? (res as any).data : res
+    const arr = Array.isArray(list) ? list : []
+    const scoped = filterReportRowsByScope(arr)
+    if (scoped.length === 0) {
+      ElMessage.info('该日暂无报告')
+      return
+    }
+    if (scoped.length === 1) {
+      await openHistoryRecordDetail(scoped[0])
+      return
+    }
+    calendarDayReportCandidates.value = scoped
+    calendarDayReportPickerVisible.value = true
+  } catch (e) {
+    console.error('加载当日报告失败:', e)
+    calendarDayReportCandidates.value = []
+    ElMessage.error('加载当日报告失败，请稍后重试')
+  } finally {
+    dateDetailLoading.value = false
+  }
+}
+
+/** 弹窗打开时：加载当前月日历日期 + 初始化当日报告内容 */
+async function loadAllData() {
+  const reporterId = Number(userStore.user?.id) || 0
+  if (!reporterId || !hasModuleScope.value) return
+
+  viewDate.value = dayjs().format('YYYY-MM')
+  try {
+    const todayStr = dayjs().format('YYYY-MM-DD')
+    const [datesRes, todayRes] = await Promise.all([
+      AiAssistantReportApi.getMyReportDates({
+        reporterId,
+        moduleCode: effectiveModuleCode.value || undefined,
+        startDate: dayjs().startOf('month').format('YYYY-MM-DD'),
+        endDate: dayjs().endOf('month').format('YYYY-MM-DD')
+      }),
+      AiAssistantReportApi.getListByDate({
+        reporterId,
+        moduleCode: effectiveModuleCode.value || undefined,
+        reportDate: todayStr
+      })
+    ])
+
+    const fromApi = parseReportDates(datesRes)
+    const todayList = (todayRes as any)?.data !== undefined ? (todayRes as any).data : todayRes
+    const rawToday = Array.isArray(todayList) ? todayList : []
+    const arr = filterReportRowsByScope(rawToday)
+    const fromToday = new Set<string>()
+    for (const item of arr) {
+      const d = item?.reportTime ? parseDateToStr(item.reportTime) : ''
+      if (d) fromToday.add(d)
+    }
+    reportDatesSet.value = new Set([...fromApi, ...fromToday])
+
+    const todayReport = arr.find(
+      (item: AiAssistantReportItem) => item.reportTime && parseDateToStr(item.reportTime) === todayStr
+    )
+    if (todayReport?.id != null) {
+      currentReportId.value = Number(todayReport.id)
+    } else {
+      currentReportId.value = null
+    }
+    if (todayReport?.reportContent) {
+      reportContent.value = todayReport.reportContent
+    } else {
+      reportContent.value = ''
+    }
+    await loadDetailRows(currentReportId.value)
+  } catch (e) {
+    console.error('加载日历数据失败:', e)
+    reportDatesSet.value = new Set()
+    currentReportId.value = null
+    reportContent.value = ''
+    resetDetailRows()
+  }
+}
+
+/** 截断内容预览 */
+function truncateContent(text?: string, maxLen = 60): string {
+  if (!text || !text.trim()) return '-'
+  const t = text.trim()
+  return t.length <= maxLen ? t : t.slice(0, maxLen) + '...'
+}
+
+</script>
+
+<style scoped>
+/*
+ * 默认弹窗 margin-top: 15vh 会在视口里留出很大空白；align-center 改为垂直居中（margin: auto）。
+ * 同时收紧 .el-dialog 与 body 的上内边距，避免「每日汇报」上方堆叠过多 padding。
+ */
+.report-document-modal.report-document-modal--no-title {
+  padding: 8px 16px 16px;
+  box-sizing: border-box;
+}
+/*
+ * 弹窗 teleport 到 body 后，scoped 无法稳定命中 EP 渲染的 `.el-dialog__body`；
+ * 固定高度与非 scoped 块配合，见文末 `.el-dialog__body.report-document-modal-body`。
+ */
+.report-document-modal.el-dialog:not(.is-fullscreen) {
+  width: min(1000px, 92vw) !important;
+  max-width: min(1000px, calc(100vw - 24px));
+  box-sizing: border-box;
+}
+.report-document-modal.el-dialog.is-fullscreen {
+  display: flex;
+  flex-direction: column;
+  margin: 0 !important;
+  height: 100vh;
+  max-height: 100vh;
+}
+.modal-body {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  flex: 1 1 0;
+  min-height: 0;
+  height: 100%;
+  max-height: 100%;
+  overflow: hidden;
+}
+.report-modal-topbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  flex-shrink: 0;
+  padding-bottom: 10px;
+  margin-bottom: 4px;
+  border-bottom: 1px solid var(--el-border-color-lighter);
+}
+.report-modal-title {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--el-text-color-primary);
+  line-height: 1.35;
+  letter-spacing: 0.02em;
+}
+.report-modal-header-actions {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  flex-shrink: 0;
+}
+.report-modal-fs,
+.report-modal-close {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  border-radius: 4px;
+  background: transparent;
+  color: var(--el-text-color-secondary);
+  cursor: pointer;
+}
+.report-modal-fs:hover,
+.report-modal-close:hover {
+  color: var(--el-color-primary);
+  background: var(--el-fill-color-light);
+}
+.section-title-hint {
+  margin-left: 8px;
+  font-size: 12px;
+  font-weight: 400;
+  color: var(--el-color-warning);
+}
+.detail-section-title {
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: nowrap;
+  gap: 12px;
+}
+/* 结构化诊断标题：允许换行，避免「AI 生成」标签与副标题在窄屏/弹窗内与下方表单重叠 */
+.detail-section-title.detail-section-title--structured {
+  flex-wrap: wrap;
+  align-items: flex-start;
+  align-content: flex-start;
+  width: 100%;
+  min-width: 0;
+  row-gap: 8px;
+  column-gap: 10px;
+}
+.detail-section-title-left {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px;
+  min-width: 0;
+  flex: 1;
+}
+.detail-add-row-btn {
+  flex-shrink: 0;
+  margin-left: auto;
+}
+.section {
+  background: var(--el-fill-color-blank);
+  border-radius: 10px;
+  padding: 14px 16px;
+  border: 1px solid var(--el-border-color-lighter);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
+}
+.section-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--el-text-color-primary);
+  margin-bottom: 12px;
+}
+.title-icon {
+  font-size: 16px;
+}
+.section-subtitle {
+  margin-left: auto;
+  font-size: 12px;
+  font-weight: 400;
+  color: var(--el-text-color-secondary);
+}
+.textarea-wrap {
+  position: relative;
+}
+.report-textarea {
+  width: 100%;
+}
+.report-textarea :deep(.el-textarea__inner) {
+  font-size: 14px;
+  line-height: 1.65;
+  padding: 12px 14px;
+  box-sizing: border-box;
+  resize: none;
+}
+.textarea-ai-actions {
+  position: absolute;
+  right: 10px;
+  bottom: 10px;
+  z-index: 2;
+  pointer-events: auto;
+}
+.textarea-ai-actions :deep(.el-button) {
+  padding: 8px 14px;
+}
+.write-section-title-row {
+  display: flex;
+  align-items: baseline;
+  flex-wrap: wrap;
+  gap: 6px 10px;
+  margin-bottom: 10px;
+}
+.write-section-title-num {
+  font-size: 16px;
+  font-weight: 700;
+  color: var(--el-text-color-primary);
+}
+.write-section-title-text {
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--el-text-color-primary);
+}
+.write-section-hint {
+  flex-basis: 100%;
+  margin-left: 0 !important;
+  margin-top: 2px;
+}
+.report-section--debrief {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  gap: 12px;
+}
+.report-write-card {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  flex: 0 0 auto;
+  min-height: 0;
+  min-width: 0;
+  width: 100%;
+}
+.report-section--debrief .textarea-wrap {
+  flex: 0 0 auto;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+}
+.btn-reparse {
+  width: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+  height: 46px;
+  flex-shrink: 0;
+  margin-top: 0;
+  border: none;
+  border-radius: 8px;
+  font-size: 15px;
+  font-weight: 600;
+  color: #fff !important;
+  background: linear-gradient(135deg, #7c4dff 0%, #5c6bc0 100%) !important;
+  box-shadow: 0 2px 10px rgba(124, 77, 255, 0.38);
+}
+.btn-reparse:hover:not(:disabled) {
+  filter: brightness(1.06);
+  color: #fff !important;
+}
+.btn-reparse:disabled {
+  opacity: 0.55;
+}
+.detail-section-title--structured {
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 0;
+  margin-bottom: 10px;
+}
+.detail-section-title--structured .detail-section-title-left {
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  min-width: 0;
+}
+.detail-section-title--structured .detail-section-heading {
+  flex: 1 1 auto;
+  min-width: 0;
+  line-height: 1.35;
+  word-break: break-word;
+}
+.detail-ai-tag {
+  flex-shrink: 0;
+  font-weight: 600;
+}
+.detail-section-heading {
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--el-text-color-primary);
+}
+.detail-section-subhint {
+  margin-left: 0 !important;
+  margin-top: 0;
+  font-size: 12px;
+  font-weight: 400;
+  color: var(--el-text-color-secondary);
+  width: 100%;
+  flex-basis: 100%;
+  word-break: break-word;
+  line-height: 1.45;
+}
+.detail-section-footer {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 10px;
+  flex-shrink: 0;
+  padding-top: 12px;
+  margin-top: 8px;
+  border-top: 1px solid var(--el-border-color-lighter);
+}
+.detail-section-footer-main {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 12px;
+}
+.btn-manual-add {
+  border: 1px solid var(--el-border-color);
+  background: var(--el-fill-color-blank);
+}
+.btn-manual-add-icon {
+  margin-right: 4px;
+  vertical-align: middle;
+}
+.btn-sync-dify {
+  min-width: 152px;
+  font-weight: 600;
+  --el-button-bg-color: #1a237e;
+  --el-button-border-color: #1a237e;
+  --el-button-hover-bg-color: #283593;
+  --el-button-hover-border-color: #283593;
+  --el-button-active-bg-color: #0d1642;
+  --el-button-active-border-color: #0d1642;
+}
+/* 诊断卡片：固定两列网格，多出的自动换行（勿在 .detail-form-list 上写 display，否则会覆盖 grid） */
+.detail-form-list--grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 12px;
+  align-items: stretch;
+  width: 100%;
+  min-width: 0;
+}
+.detail-form-list--grid .detail-form-card {
+  margin-bottom: 0;
+  min-width: 0;
+}
+.detail-card-index {
+  flex-shrink: 0;
+  font-size: 13px;
+  font-weight: 700;
+  color: var(--el-color-primary);
+  line-height: 1.2;
+}
+.write-footer-actions {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 12px;
+  flex-shrink: 0;
+  padding: 14px 0 2px;
+  border-top: 1px solid var(--el-border-color-lighter);
+}
+.write-footer-actions :deep(.el-button) {
+  min-width: 96px;
+}
+.calendar-section {
+  padding: 10px 12px;
+}
+.calendar-section .section-title {
+  margin-bottom: 8px;
+  font-size: 14px;
+}
+.calendar-section .section-subtitle {
+  font-size: 11px;
+}
+.calendar-wrapper {
+  min-height: 168px;
+  padding: 8px;
+  background: linear-gradient(135deg, #fafbfc 0%, #f6f8fa 100%);
+  border-radius: 8px;
+}
+.calendar-header {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  margin-bottom: 8px;
+}
+.calendar-month-picker {
+  width: 108px;
+}
+.calendar-month-picker :deep(.el-input__inner) {
+  text-align: center;
+}
+.calendar-grid {
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: 6px;
+  overflow: hidden;
+  background: var(--el-fill-color-blank);
+}
+.calendar-weekdays {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  background: var(--el-fill-color-light);
+  font-size: 11px;
+  color: var(--el-text-color-regular);
+  font-weight: 600;
+  border-bottom: 1px solid var(--el-border-color);
+}
+.calendar-weekdays .weekday {
+  padding: 5px 0;
+  text-align: center;
+  border-right: 1px solid var(--el-border-color-lighter);
+}
+.calendar-weekdays .weekday:last-child {
+  border-right: none;
+}
+.calendar-days {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+}
+.calendar-day-cell {
+  min-height: 26px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 2px;
+  font-size: 12px;
+  border-bottom: 1px solid var(--el-border-color-lighter);
+  border-right: 1px solid var(--el-border-color-lighter);
+  position: relative;
+}
+.calendar-day-cell:nth-child(7n) {
+  border-right: none;
+}
+.calendar-day-cell.is-future {
+  color: var(--el-text-color-placeholder);
+  background: var(--el-fill-color-light);
+  cursor: not-allowed;
+}
+.calendar-day-cell:not(.is-future).clickable {
+  cursor: pointer;
+}
+.calendar-day-cell:not(.is-future).clickable:hover {
+  background: var(--el-fill-color-light);
+}
+.calendar-day-cell.is-today {
+  font-weight: 600;
+  color: var(--el-color-primary);
+  box-shadow: inset 0 0 0 2px var(--el-color-primary);
+}
+.calendar-day-cell.is-today.has-report {
+  background: rgba(103, 194, 58, 0.2);
+  color: var(--el-color-success-dark-2);
+}
+.calendar-day-cell.is-past.has-report {
+  background: rgba(103, 194, 58, 0.15);
+}
+.day-num {
+  line-height: 1.2;
+}
+.day-status {
+  margin-top: 1px;
+  display: flex;
+  justify-content: center;
+}
+.status-dot {
+  display: inline-block;
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+}
+.status-dot.has-report {
+  background: var(--el-color-success);
+  box-shadow: 0 0 0 1px rgba(103, 194, 58, 0.35);
+}
+.status-dot.missing {
+  background: var(--el-border-color);
+}
+.calendar-day-cell.is-future .day-status {
+  display: none;
+}
+/* 上个月日期：浅灰背景、更淡文字 */
+.calendar-day-cell.is-prev-month {
+  background: var(--el-fill-color-lighter);
+}
+.calendar-day-cell.is-prev-month .day-num {
+  color: var(--el-text-color-placeholder);
+  opacity: 0.8;
+}
+.calendar-day-cell.is-prev-month .day-status {
+  display: none;
+}
+/* 下个月日期：更浅背景、更淡文字，与上月区分 */
+.calendar-day-cell.is-next-month {
+  background: linear-gradient(135deg, #f5f7fa 0%, #f0f2f5 100%);
+}
+.calendar-day-cell.is-next-month .day-num {
+  color: var(--el-text-color-placeholder);
+  opacity: 0.6;
+}
+.calendar-day-cell.is-next-month .day-status {
+  display: none;
+}
+.calendar-day-cell.is-next-month.is-future {
+  cursor: not-allowed;
+}
+.main-tabs {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 0;
+  min-height: 0;
+  height: 100%;
+  overflow: hidden;
+}
+.main-tabs :deep(.el-tabs__header) {
+  margin: 0 0 12px;
+  flex-shrink: 0;
+}
+.main-tabs :deep(.el-tabs__content) {
+  padding: 12px 0 0;
+  flex: 1 1 0;
+  min-height: 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+/* tab-pane 用 v-show 隐藏非激活项；勿用 display:!important，否则会盖掉 v-show 的 display:none */
+.main-tabs :deep(.el-tab-pane) {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 0;
+  min-height: 0;
+  height: 100%;
+  max-height: 100%;
+  overflow: hidden;
+  box-sizing: border-box;
+}
+.tab-pane-content {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  flex: 1 1 0;
+  min-height: 0;
+  width: 100%;
+  max-width: 100%;
+  overflow: hidden;
+  box-sizing: border-box;
+}
+.write-column {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  flex: 1;
+  min-height: 0;
+}
+.write-body-scroll {
+  flex: 1;
+  min-height: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  padding-bottom: 4px;
+  scrollbar-gutter: stable;
+  -webkit-overflow-scrolling: touch;
+}
+.write-split-row {
+  display: flex;
+  flex-direction: row;
+  /* 必须 stretch：否则右栏 AI 区高度随内容收缩，flex:1 的列表无高度，滚动视口被压成一条 */
+  align-items: stretch;
+  gap: 16px;
+  flex: 1;
+  min-height: 0;
+  min-width: 0;
+  width: 100%;
+}
+.write-main-col {
+  flex: 0 0 33.333%;
+  max-width: 33.333%;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  overflow: hidden;
+  align-self: flex-start;
+}
+.write-detail-col {
+  flex: 1 1 0;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  overflow: hidden;
+}
+/* 弹窗最大约 1000px；视口较窄或分屏时单列上下排。
+ * 左侧述职区固定内容高度；下方 AI 模块 flex:1 占满剩余高度，滚动条只在 .detail-form-list-wrap 内，避免整块被压扁。 */
+@media (max-width: 1320px) {
+  .tab-write .write-body-scroll {
+    align-items: stretch;
+  }
+  .write-split-row {
+    flex-direction: column;
+    flex: 1 1 0;
+    min-height: 0;
+    align-items: stretch;
+    gap: 16px;
+  }
+  .write-main-col {
+    flex: 0 0 auto;
+    flex-shrink: 0;
+    max-width: none;
+    width: 100%;
+    min-height: 0;
+    overflow: hidden;
+    isolation: isolate;
+    align-self: stretch;
+  }
+  .write-detail-col {
+    flex: 1 1 0;
+    min-height: 0;
+    width: 100%;
+    min-width: 0;
+    overflow: hidden;
+    isolation: isolate;
+  }
+  /* 窄屏下明确让列表区吃掉 AI 卡片内除标题/底部外的全部高度，滚动只发生在此处 */
+  .write-detail-col .detail-section.detail-section--structured {
+    flex: 1 1 0;
+    min-height: 0;
+  }
+}
+.write-detail-col .detail-section {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  position: relative;
+}
+.write-detail-col .detail-section > .section-title.detail-section-title {
+  flex-shrink: 0;
+  z-index: 1;
+  background: var(--el-fill-color-blank);
+  padding-bottom: 2px;
+}
+/* AI经营诊断：中间列表区占满卡片内剩余高度，超出时仅在此区域纵向滚动（右侧滚动条） */
+.write-detail-col .detail-form-list-wrap {
+  flex: 1 1 0;
+  min-height: min(320px, 42vh);
+  min-width: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding-right: 6px;
+  scrollbar-gutter: stable;
+  -webkit-overflow-scrolling: touch;
+  overscroll-behavior: contain;
+  position: relative;
+  z-index: 0;
+}
+/* 与 .detail-form-list--grid 同节点时不能写 display:flex，否则会覆盖 grid */
+.detail-form-list {
+  width: 100%;
+  min-width: 0;
+}
+.detail-section {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: 8px;
+  padding: 12px 14px 14px;
+  background: var(--el-fill-color-blank);
+}
+.detail-form-card {
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: 8px;
+  padding: 12px 14px;
+  margin-bottom: 12px;
+  background: var(--el-bg-color);
+}
+.detail-form-card:last-of-type {
+  margin-bottom: 0;
+}
+.detail-form-card-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 8px;
+  padding-bottom: 8px;
+  border-bottom: 1px dashed var(--el-border-color-lighter);
+}
+/* 诊断项目标题：单行可编辑，非多行文本框样式 */
+.detail-title-edit {
+  flex: 1;
+  min-width: 0;
+  border: none;
+  background: transparent;
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--el-text-color-primary);
+  line-height: 1.4;
+  padding: 4px 6px;
+  margin: -4px -6px;
+  border-radius: 4px;
+  outline: none;
+}
+.detail-title-edit::placeholder {
+  font-weight: 500;
+  color: var(--el-text-color-placeholder);
+}
+.detail-title-edit:focus {
+  background: var(--el-fill-color-light);
+}
+.detail-vertical-form :deep(.el-form-item) {
+  margin-bottom: 14px;
+}
+.detail-vertical-form :deep(.el-form-item:last-child) {
+  margin-bottom: 0;
+}
+.detail-vertical-form :deep(.el-form-item__label) {
+  font-weight: 500;
+  padding-bottom: 4px;
+}
+/* 诊断项内：一行两列；文本域固定高度内纵向滚动 */
+.detail-vertical-form--grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 12px 14px;
+  align-items: start;
+}
+.detail-vertical-form--grid :deep(.el-form-item) {
+  margin-bottom: 0;
+}
+.detail-vertical-form--grid .detail-form-item--full {
+  grid-column: 1 / -1;
+}
+.detail-scroll-textarea :deep(.el-textarea__inner) {
+  height: 88px;
+  min-height: 88px;
+  max-height: 88px;
+  overflow-y: auto !important;
+  overflow-x: hidden;
+  resize: none !important;
+  box-sizing: border-box;
+}
+@media (max-width: 1320px) {
+  .detail-vertical-form--grid {
+    grid-template-columns: 1fr;
+  }
+  .detail-vertical-form--grid .detail-form-item--full {
+    grid-column: auto;
+  }
+}
+.tab-pane-content.tab-write {
+  height: 100%;
+  min-height: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.tab-pane-content.tab-history {
+  gap: 0;
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
+}
+/* 左侧述职区按内容高度排版，避免 flex 压缩导致按钮被裁切；整页不足高度时在 .write-body-scroll 内滚动 */
+.tab-write .write-main-col .report-section {
+  flex: 0 0 auto;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+.tab-write .write-main-col .textarea-wrap {
+  flex: 0 0 auto;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+}
+.tab-write .write-main-col .report-textarea {
+  flex: 0 0 auto;
+  width: 100%;
+}
+.tab-write .write-main-col .report-textarea :deep(.el-textarea) {
+  display: block;
+}
+/* 述职正文：固定可视高度，内容在框内滚动 */
+.tab-write .write-main-col .report-textarea :deep(.el-textarea__inner) {
+  height: min(360px, 36vh) !important;
+  min-height: min(360px, 36vh) !important;
+  max-height: min(360px, 36vh) !important;
+  overflow-y: auto !important;
+  overflow-x: hidden;
+  resize: none !important;
+  box-sizing: border-box;
+}
+.tab-write .report-section .section-title {
+  margin-bottom: 10px;
+  flex-shrink: 0;
+}
+
+.history-split {
+  display: flex;
+  align-items: stretch;
+  gap: 14px;
+  min-width: 0;
+  flex: 1;
+  min-height: 0;
+}
+.history-calendar-aside {
+  flex: 0 0 28%;
+  max-width: 260px;
+  min-width: 188px;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+.history-calendar-aside .calendar-section--inline {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+.history-calendar-aside .calendar-wrapper {
+  flex: 1;
+  min-height: 0;
+}
+.history-main-col {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+.history-section {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+.calendar-inline-hint {
+  margin: 0 0 8px;
+  font-size: 11px;
+  line-height: 1.5;
+  color: var(--el-text-color-secondary);
+}
+.hint-legend {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 4px 6px;
+}
+.hint-legend-item {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+.hint-swatch {
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+.hint-swatch--has {
+  background: var(--el-color-success);
+  box-shadow: 0 0 0 1px rgba(103, 194, 58, 0.35);
+}
+.hint-swatch--miss {
+  background: var(--el-border-color);
+  box-shadow: 0 0 0 1px var(--el-border-color-lighter);
+}
+.hint-sep {
+  color: var(--el-text-color-placeholder);
+  user-select: none;
+}
+.hint-legend-tip {
+  color: var(--el-text-color-regular);
+}
+.calendar-section--inline {
+  padding: 8px 10px;
+}
+.history-calendar-aside .calendar-wrapper {
+  min-height: 0;
+  padding: 6px;
+}
+.history-calendar-aside .calendar-header {
+  margin-bottom: 6px;
+  gap: 4px;
+}
+.history-calendar-aside .calendar-month-picker {
+  width: 96px;
+}
+.history-calendar-aside .calendar-weekdays {
+  font-size: 10px;
+}
+.history-calendar-aside .calendar-weekdays .weekday {
+  padding: 3px 0;
+}
+.history-calendar-aside .calendar-day-cell {
+  min-height: 22px;
+  font-size: 11px;
+  padding: 1px;
+}
+.tab-history .trajectory-section .section-title {
+  margin-bottom: 10px;
+}
+.trajectory-wrap {
+  min-height: 200px;
+  min-width: 100%;
+  width: 100%;
+  background: linear-gradient(135deg, #fafbfc 0%, #f6f8fa 100%);
+  border-radius: 8px;
+}
+.trajectory-empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 200px;
+  color: var(--el-text-color-placeholder);
+  font-size: 13px;
+}
+.trajectory-echart {
+  width: 100% !important;
+}
+.history-query {
+  flex-shrink: 0;
+  margin-bottom: 10px;
+}
+.history-query .query-form {
+  margin-bottom: 0;
+}
+.history-pagination {
+  margin-top: 12px;
+  justify-content: flex-end;
+  flex-shrink: 0;
+}
+.history-list {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: 6px;
+  background: var(--el-fill-color-blank);
+}
+.history-empty {
+  padding: 24px;
+  text-align: center;
+  color: var(--el-text-color-placeholder);
+  font-size: 13px;
+}
+.history-item {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 10px 12px;
+  border-bottom: 1px solid var(--el-border-color-lighter);
+  cursor: pointer;
+  transition: background 0.2s;
+}
+.history-item-main {
+  flex: 1;
+  min-width: 0;
+}
+.history-item-delete {
+  flex-shrink: 0;
+  margin-top: -2px;
+}
+.history-item:last-child {
+  border-bottom: none;
+}
+.history-item:hover {
+  background: var(--el-fill-color-light);
+}
+.history-item-meta {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 4px;
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+}
+.history-date {
+  font-weight: 500;
+}
+.history-module {
+  color: var(--el-color-primary);
+}
+.history-item-content {
+  font-size: 13px;
+  color: var(--el-text-color-regular);
+  line-height: 1.5;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.calendar-day-report-picker-dialog :deep(.el-dialog__body) {
+  padding-top: 8px;
+}
+.calendar-picker-list {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  max-height: 56vh;
+  overflow-y: auto;
+}
+.calendar-picker-item {
+  display: block;
+  width: 100%;
+  text-align: left;
+  cursor: pointer;
+  padding: 12px 14px;
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: 8px;
+  background: var(--el-fill-color-blank);
+  transition: background 0.15s ease, border-color 0.15s ease;
+}
+.calendar-picker-item:hover {
+  background: var(--el-fill-color-light);
+  border-color: var(--el-color-primary-light-5);
+}
+.calendar-picker-item-head {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px 12px;
+  margin-bottom: 6px;
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+}
+.calendar-picker-time {
+  font-weight: 500;
+  color: var(--el-text-color-regular);
+}
+.calendar-picker-mod {
+  color: var(--el-color-primary);
+}
+.calendar-picker-preview {
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--el-text-color-regular);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.record-detail-shot-tip {
+  display: block;
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+  margin-top: 6px;
+}
+.history-record-detail-dialog :deep(.el-dialog__body) {
+  padding-top: 8px;
+  box-sizing: border-box;
+}
+.record-detail-shell {
+  display: flex;
+  flex-direction: column;
+  min-height: calc(100vh - 140px);
+  max-width: 1400px;
+  margin: 0 auto;
+}
+.record-detail-meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  margin-bottom: 14px;
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+}
+.record-detail-split {
+  display: flex;
+  flex-wrap: nowrap;
+  gap: 16px;
+  flex: 1;
+  min-height: 240px;
+  align-items: stretch;
+  margin-bottom: 16px;
+}
+.record-detail-col {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: 8px;
+  padding: 12px 14px;
+  background: var(--el-fill-color-blank);
+}
+.record-detail-col--left {
+  flex: 0 0 33.333%;
+  max-width: 33.333%;
+}
+.record-detail-col--right {
+  flex: 1 1 0;
+  min-width: 0;
+}
+.record-detail-section-title {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--el-text-color-primary);
+  margin-bottom: 10px;
+  padding-bottom: 8px;
+  border-bottom: 1px solid var(--el-border-color-lighter);
+}
+.record-detail-text {
+  flex: 1;
+  font-size: 14px;
+  line-height: 1.65;
+  color: var(--el-text-color-regular);
+  white-space: pre-wrap;
+  word-break: break-word;
+  overflow: auto;
+  max-height: min(58vh, 560px);
+  padding-right: 4px;
+}
+.record-detail-ai-list {
+  flex: 1;
+  overflow: auto;
+  max-height: min(58vh, 560px);
+  padding-right: 4px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.record-detail-ai-empty {
+  font-size: 13px;
+  color: var(--el-text-color-secondary);
+  padding: 12px 0;
+}
+.record-detail-ai-card {
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: 8px;
+  padding: 10px 12px;
+  background: var(--el-fill-color-light);
+}
+.record-detail-ai-card-title {
+  font-weight: 600;
+  font-size: 14px;
+  color: var(--el-text-color-primary);
+  margin-bottom: 10px;
+  padding-bottom: 8px;
+  border-bottom: 1px dashed var(--el-border-color-lighter);
+}
+.record-detail-ai-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px 12px;
+  align-items: start;
+}
+.record-detail-ai-field {
+  margin-bottom: 0;
+  min-width: 0;
+}
+.record-detail-ai-field--full {
+  grid-column: 1 / -1;
+}
+.record-detail-ai-label {
+  display: block;
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+  margin-bottom: 4px;
+}
+.record-detail-ai-value {
+  font-size: 13px;
+  line-height: 1.55;
+  color: var(--el-text-color-regular);
+  white-space: pre-wrap;
+  word-break: break-word;
+  max-height: 200px;
+  overflow-y: auto;
+  padding-right: 4px;
+  scrollbar-gutter: stable;
+}
+@media (max-width: 900px) {
+  .record-detail-split {
+    flex-wrap: wrap;
+  }
+  .record-detail-col--left {
+    flex: 1 1 100%;
+    max-width: none;
+  }
+  .record-detail-col--right {
+    flex: 1 1 100%;
+  }
+  .record-detail-ai-grid {
+    grid-template-columns: 1fr;
+  }
+  .record-detail-ai-field--full {
+    grid-column: auto;
+  }
+}
+.record-detail-shot-block {
+  margin-bottom: 16px;
+}
+.record-detail-shot-wrap {
+  margin-top: 8px;
+  border-radius: 6px;
+  overflow: hidden;
+  border: 1px solid var(--el-border-color-lighter);
+  background: var(--el-fill-color-light);
+}
+.record-detail-shot-img {
+  width: 100%;
+  max-width: 100%;
+  max-height: min(42vh, 480px);
+  display: block;
+  cursor: zoom-in;
+}
+.record-detail-shot-img :deep(.el-image__inner) {
+  max-height: min(42vh, 480px);
+  object-fit: contain;
+}
+.record-detail-actions {
+  display: flex;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: auto;
+  padding-top: 8px;
+  border-top: 1px solid var(--el-border-color-lighter);
+}
+</style>
+
+<!--
+  Teleport 到 body 后，scoped 无法命中 EP 渲染的 .el-dialog / .el-dialog__body（无父组件 data-v 链），
+  此处用唯一类名做全局样式，避免主内容区高度为 0、只剩标题栏。
+-->
+<style lang="scss">
+.el-dialog.report-document-modal.report-document-modal--no-title > .el-dialog__header {
+  display: none !important;
+  height: 0 !important;
+  min-height: 0 !important;
+  padding: 0 !important;
+  margin: 0 !important;
+  border: none !important;
+  overflow: hidden !important;
+  line-height: 0 !important;
+}
+
+/* 主弹窗内容区：固定高度 + flex，供内部 .modal-body / .main-tabs 分配剩余空间 */
+.el-dialog__body.report-document-modal-body {
+  min-height: min(800px, calc(100vh - 72px)) !important;
+  height: min(800px, calc(100vh - 72px)) !important;
+  max-height: min(800px, calc(100vh - 72px)) !important;
+  padding: 0 0 4px !important;
+  box-sizing: border-box;
+  overflow: hidden;
+  display: flex !important;
+  flex-direction: column !important;
+  scrollbar-gutter: stable;
+}
+
+.el-dialog.is-fullscreen .el-dialog__body.report-document-modal-body {
+  flex: 1 1 0 !important;
+  min-height: 0 !important;
+  height: auto !important;
+  max-height: none !important;
+  overflow: hidden;
+}
+
+/* 槽位内容铺满 body（避免用 > 以防 EP 插入包裹层） */
+.el-dialog__body.report-document-modal-body .modal-body {
+  flex: 1 1 0;
+  min-height: 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  max-height: 100%;
+}
+</style>
diff --git a/src/components/AiAssistant/index.vue b/src/components/AiAssistant/index.vue
new file mode 100644
index 0000000..8c948a4
--- /dev/null
+++ b/src/components/AiAssistant/index.vue
@@ -0,0 +1,115 @@
+<template>
+  <div class="ai-assistant-wrapper">
+    <!-- 右下角悬浮按钮 -->
+    <div class="ai-assistant-fab" @click="onFabClick">
+      <Icon icon="ep:chat-dot-round" class="fab-icon" />
+      <span class="fab-text">AI助手</span>
+    </div>
+
+    <!-- AI 图片对话弹窗 -->
+    <AiImageChatDialog
+      v-model="dialogVisible"
+      :initial-payload="initialPayload"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import html2canvas from 'html2canvas'
+import { Icon } from '@/components/Icon'
+import AiImageChatDialog from './AiImageChatDialog.vue'
+import { ElMessage } from 'element-plus'
+
+defineOptions({ name: 'AiAssistant' })
+
+const props = withDefaults(
+  defineProps<{
+    /** 截图目标选择器，如 ".product-dashboard" */
+    target?: string
+  }>(),
+  { target: 'body' }
+)
+
+const dialogVisible = ref(false)
+const initialPayload = ref<{ file: File; autoSend?: boolean } | null>(null)
+
+const onFabClick = async () => {
+  const el = document.querySelector(props.target)
+  if (!el || !(el instanceof HTMLElement)) {
+    ElMessage.warning('未找到截图区域')
+    dialogVisible.value = true
+    return
+  }
+
+  try {
+    const canvas = await html2canvas(el, {
+      useCORS: true,
+      allowTaint: true,
+      scale: window.devicePixelRatio || 2,
+      ignoreElements: (node) => {
+        const el = node as HTMLElement
+        return el.classList?.contains('ai-assistant-fab') === true
+      }
+    })
+    canvas.toBlob(
+      (blob) => {
+        if (!blob) {
+          ElMessage.error('截图失败')
+          dialogVisible.value = true
+          return
+        }
+        const file = new File([blob], 'screenshot.png', { type: 'image/png' })
+        initialPayload.value = {
+          file,
+          autoSend: false
+        }
+        dialogVisible.value = true
+      },
+      'image/png',
+      0.95
+    )
+  } catch (e) {
+    console.error('截图失败:', e)
+    ElMessage.error('截图失败，已打开对话框')
+    initialPayload.value = null
+    dialogVisible.value = true
+  }
+}
+
+watch(dialogVisible, (v) => {
+  if (!v) initialPayload.value = null
+})
+</script>
+
+<style scoped>
+.ai-assistant-wrapper {
+  position: relative;
+}
+.ai-assistant-fab {
+  position: fixed;
+  right: 24px;
+  bottom: 24px;
+  z-index: 999;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 20px;
+  background: linear-gradient(135deg, var(--el-color-primary) 0%, var(--el-color-primary-light-3) 100%);
+  color: #fff;
+  border-radius: 28px;
+  box-shadow: 0 4px 16px rgba(64, 158, 255, 0.4);
+  cursor: pointer;
+  transition: transform 0.2s, box-shadow 0.2s;
+}
+.ai-assistant-fab:hover {
+  transform: scale(1.05);
+  box-shadow: 0 6px 20px rgba(64, 158, 255, 0.5);
+}
+.fab-icon {
+  font-size: 22px;
+}
+.fab-text {
+  font-size: 15px;
+  font-weight: 500;
+}
+</style>
diff --git a/src/components/AiAssistant/useAiAssistant.ts b/src/components/AiAssistant/useAiAssistant.ts
new file mode 100644
index 0000000..a8bcc6b
--- /dev/null
+++ b/src/components/AiAssistant/useAiAssistant.ts
@@ -0,0 +1,61 @@
+import type { InjectionKey } from 'vue'
+
+export interface ChatMessage {
+  role: 'user' | 'assistant'
+  text: string
+  picPreview?: string
+  /** 待确认：来自卡片 AI 分析，显示取消/分析按钮，点击分析后才发送 */
+  pending?: boolean
+}
+
+export interface OpenWithScreenshotOptions {
+  /** 模块名称，用于拼接 taskDesc：【模块名】提示词 */
+  moduleName?: string
+  /** 模块编码，如 SupplierPerformance:main */
+  moduleCode?: string
+  /** 模块 AI 提示词，发送时与 moduleName 拼接为 taskDesc 传给 Dify */
+  prompt?: string
+  /** 待确认卡片上的说明文案（默认「分析其中的数据」） */
+  pendingUserText?: string
+}
+
+export interface AiAssistantApi {
+  openWithScreenshot: (target: string | HTMLElement, options?: OpenWithScreenshotOptions) => Promise<void>
+  /** 设置页面查询中状态，为 true 时悬浮框禁用并显示加载动画 */
+  setPageLoading: (loading: boolean) => void
+  /** 设置当前页面的 AI 任务提示词，点击悬浮按钮时代入；离开页面时传 null 清除 */
+  setPagePrompt: (prompt: string | null) => void
+  /** 设置当前页面模块名称，用于报告单据；离开页面时传 null 清除 */
+  setPageModuleName: (moduleName: string | null) => void
+  /** 设置当前页面模块编码，用于报告单据；离开页面时传 null 清除 */
+  setPageModuleCode: (moduleCode: string | null) => void
+  /** 设置当前页面截图目标（选择器或元素），保存报告时自动截取该区域 Y 轴全部内容；离开页面时传 null */
+  setScreenshotTarget: (target: string | HTMLElement | null) => void
+  /**
+   * 是否显示全局「AI 决策助手」悬浮入口；默认 false，仅允许展示的页面在 onMounted 设为 true、onUnmounted 设回 false
+   */
+  setAiAssistantFabEnabled: (enabled: boolean) => void
+}
+
+/** 报告单据上下文：模块名、模块编码、截图文件、截图目标、截图方法（供单据弹窗使用） */
+export interface AiAssistantReportContext {
+  moduleName: Ref<string | null>
+  moduleCode: Ref<string | null>
+  screenshotFile: Ref<File | null>
+  /** 保存时自动截图当前组件页面，返回截图 File，无目标时返回 null */
+  captureScreenshot: () => Promise<File | null>
+}
+export const AI_ASSISTANT_REPORT_CONTEXT_KEY: InjectionKey<AiAssistantReportContext> = Symbol(
+  'AiAssistantReportContext'
+) as InjectionKey<AiAssistantReportContext>
+
+export const AI_ASSISTANT_KEY: InjectionKey<AiAssistantApi> = Symbol('AiAssistant') as InjectionKey<AiAssistantApi>
+export const AI_CHAT_MESSAGES_KEY: InjectionKey<Ref<ChatMessage[]>> = Symbol('AiChatMessages') as InjectionKey<Ref<ChatMessage[]>>
+
+export function useAiAssistant(): AiAssistantApi {
+  const api = inject(AI_ASSISTANT_KEY)
+  if (!api) {
+    throw new Error('useAiAssistant must be used within AiAssistantProvider')
+  }
+  return api
+}
diff --git a/src/hooks/web/useAiModulePromptEditor.ts b/src/hooks/web/useAiModulePromptEditor.ts
new file mode 100644
index 0000000..b08f878
--- /dev/null
+++ b/src/hooks/web/useAiModulePromptEditor.ts
@@ -0,0 +1,15 @@
+import { computed } from 'vue'
+import { useUserStore } from '@/store/modules/user'
+
+/**
+ * 模块 AI 提示词编辑入口：仅 admin / super_admin 可见（与系统 hasRole 中超管逻辑一致）
+ */
+export function useAiModulePromptEditor() {
+  const userStore = useUserStore()
+  const canEditAiModulePrompt = computed(() => {
+    const roles = userStore.getRoles ?? []
+    if (!Array.isArray(roles)) return false
+    return roles.some((r) => r === 'admin' || r === 'super_admin')
+  })
+  return { canEditAiModulePrompt }
+}
diff --git a/src/views/ydoyun/aichat/index.vue b/src/views/ydoyun/aichat/index.vue
new file mode 100644
index 0000000..73ce8d9
--- /dev/null
+++ b/src/views/ydoyun/aichat/index.vue
@@ -0,0 +1,396 @@
+<template>
+  <div class="ai-chat-page">
+    <div class="chat-header">
+      <div class="chat-header-row">
+        <h2>AI 助手</h2>
+        <el-button
+          v-if="loading"
+          link
+          type="danger"
+          @click="abortStream"
+        >
+          <Icon icon="ep:video-pause" />
+          中止
+        </el-button>
+      </div>
+      <p class="hint">粘贴图片（Ctrl+V）或点击上传，输入问题开始与 AI 对话</p>
+    </div>
+
+    <div class="chat-main">
+      <!-- 消息列表 -->
+      <div ref="messageListRef" class="message-list">
+        <div v-if="messages.length === 0 && !loading" class="empty-tip">
+          <Icon icon="ep:chat-dot-round" class="empty-icon" />
+          <p>粘贴图片或上传图片后输入问题，开始对话</p>
+        </div>
+        <div
+          v-for="(msg, idx) in messages"
+          :key="idx"
+          :class="['message-item', msg.role]"
+        >
+          <div class="message-avatar">
+            <Icon v-if="msg.role === 'user'" icon="ep:user" />
+            <Icon v-else icon="ep:chat-line-round" />
+          </div>
+          <div class="message-content">
+            <div v-if="msg.picPreview" class="message-images">
+              <img :src="msg.picPreview" class="msg-img" alt="图片" />
+            </div>
+            <div class="message-text">{{ msg.text }}</div>
+          </div>
+        </div>
+        <div v-if="loading" class="message-item assistant">
+          <div class="message-avatar">
+            <Icon icon="ep:chat-line-round" />
+          </div>
+          <div class="message-content">
+            <div class="message-text streaming">
+              {{ streamingText }}
+              <span class="cursor">|</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 输入区 -->
+      <div class="input-area">
+        <div v-if="picFile" class="preview-images">
+          <div class="preview-item" :class="{ 'is-loading': loading }">
+            <img :src="picPreviewUrl" alt="预览" />
+            <span v-show="!loading" class="remove" @click="clearImage">×</span>
+          </div>
+        </div>
+        <div class="input-row">
+          <div class="input-wrap" :class="{ 'is-loading': loading }">
+            <el-input
+              v-model="query"
+              type="textarea"
+              :rows="3"
+              :placeholder="loading ? 'AI 正在思考中，请稍候...' : '输入问题...（支持 Ctrl+V 粘贴图片）'"
+              :disabled="loading"
+              @keydown.enter.exact.prevent="!loading && send()"
+              @paste="onPaste"
+            />
+            <el-upload
+              class="upload-trigger"
+              :show-file-list="false"
+              accept="image/*"
+              :disabled="loading"
+              :before-upload="onFileSelect"
+            >
+              <el-button type="primary" link :disabled="loading">
+                <Icon icon="ep:upload" /> 上传图片
+              </el-button>
+            </el-upload>
+          </div>
+          <el-button
+            type="primary"
+            :loading="loading"
+            :disabled="loading || !query.trim()"
+            @click="send"
+          >
+            发送
+          </el-button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { aiChatStream } from '@/api/ydoyun/aichat'
+
+defineOptions({ name: 'YdoyunAiChat' })
+
+interface ChatMessage {
+  role: 'user' | 'assistant'
+  text: string
+  picPreview?: string
+}
+
+const messageListRef = ref<HTMLElement>()
+const messages = ref<ChatMessage[]>([])
+const query = ref('')
+const picFile = ref<File | null>(null)
+const picPreviewUrl = ref<string>('')
+const loading = ref(false)
+const streamAbortController = ref<AbortController | null>(null)
+const streamingText = ref('')
+/** 多轮对话会话 ID，由 Dify 返回，后续请求携带以保持上下文 */
+const conversationId = ref<string>('')
+
+watch(picFile, (file) => {
+  if (picPreviewUrl.value) {
+    URL.revokeObjectURL(picPreviewUrl.value)
+    picPreviewUrl.value = ''
+  }
+  if (file) {
+    picPreviewUrl.value = URL.createObjectURL(file)
+  }
+}, { immediate: true })
+
+const onPaste = (e: ClipboardEvent) => {
+  const items = e.clipboardData?.items
+  if (!items) return
+  for (const item of items) {
+    if (item.type.startsWith('image/')) {
+      e.preventDefault()
+      const file = item.getAsFile()
+      if (file) setPicFile(file)
+      break
+    }
+  }
+}
+
+const clearImage = () => {
+  if (loading.value) return
+  picFile.value = null
+}
+
+function abortStream() {
+  streamAbortController.value?.abort()
+}
+
+const setPicFile = (file: File) => {
+  if (!file?.type?.startsWith('image/')) return
+  picFile.value = file
+}
+
+const onFileSelect = (rawFile: { raw?: File } | File) => {
+  if (loading.value) return false
+  const file = typeof rawFile === 'object' && rawFile?.raw ? rawFile.raw : (rawFile as File)
+  setPicFile(file)
+  return false
+}
+
+const send = async () => {
+  if (loading.value) return
+  const q = query.value.trim()
+  if (!q) return
+
+  const file = picFile.value
+  const msgPreviewUrl = file ? URL.createObjectURL(file) : undefined
+  messages.value.push({
+    role: 'user',
+    text: q,
+    picPreview: msgPreviewUrl
+  })
+  query.value = ''
+  picFile.value = null
+  streamingText.value = ''
+
+  loading.value = true
+  streamAbortController.value = new AbortController()
+  const signal = streamAbortController.value.signal
+  let fullText = ''
+
+  try {
+    await aiChatStream(
+      q,
+      file,
+      (chunk) => {
+        fullText += chunk
+        streamingText.value = fullText
+        nextTick(() => {
+          messageListRef.value?.scrollTo({
+            top: messageListRef.value.scrollHeight,
+            behavior: 'smooth'
+          })
+        })
+      },
+      (err) => {
+        ElMessage.error(err || '请求失败')
+      },
+      (payload) => {
+        loading.value = false
+        streamAbortController.value = null
+        streamingText.value = ''
+        const aborted = payload?.aborted
+        if (fullText && !aborted) {
+          messages.value.push({ role: 'assistant', text: fullText })
+        }
+      },
+      {
+        conversationId: conversationId.value || undefined,
+        onConversationId: (id) => {
+          conversationId.value = id
+        },
+        signal
+      }
+    )
+  } catch (e) {
+    loading.value = false
+    streamAbortController.value = null
+    streamingText.value = ''
+    ElMessage.error('请求异常')
+  }
+}
+
+onBeforeUnmount(() => {
+  if (picPreviewUrl.value) URL.revokeObjectURL(picPreviewUrl.value)
+  messages.value.forEach((m) => {
+    if (m.picPreview) URL.revokeObjectURL(m.picPreview)
+  })
+})
+</script>
+
+<style scoped>
+.ai-chat-page {
+  padding: 20px;
+  max-width: 900px;
+  margin: 0 auto;
+  height: calc(100vh - 100px);
+  display: flex;
+  flex-direction: column;
+}
+.chat-header {
+  margin-bottom: 16px;
+}
+.chat-header-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 8px;
+}
+.chat-header h2 {
+  font-size: 20px;
+  margin: 0;
+}
+.hint {
+  font-size: 13px;
+  color: var(--el-text-color-secondary);
+  margin: 0;
+}
+.chat-main {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  border: 1px solid var(--el-border-color);
+  border-radius: 8px;
+  background: var(--el-bg-color-page);
+}
+.message-list {
+  flex: 1;
+  overflow-y: auto;
+  padding: 16px;
+}
+.empty-tip {
+  text-align: center;
+  padding: 60px 20px;
+  color: var(--el-text-color-placeholder);
+}
+.empty-icon {
+  font-size: 48px;
+  margin-bottom: 12px;
+  display: block;
+}
+.message-item {
+  display: flex;
+  gap: 12px;
+  margin-bottom: 20px;
+}
+.message-item.user {
+  flex-direction: row-reverse;
+}
+.message-avatar {
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  background: var(--el-fill-color);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+.message-item.user .message-avatar {
+  background: var(--el-color-primary-light-7);
+}
+.message-content {
+  flex: 1;
+  min-width: 0;
+}
+.message-images {
+  margin-bottom: 8px;
+}
+.msg-img {
+  max-width: 200px;
+  max-height: 150px;
+  border-radius: 6px;
+  object-fit: cover;
+}
+.message-text {
+  line-height: 1.6;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+.message-text.streaming {
+  display: inline;
+}
+.cursor {
+  animation: blink 1s step-end infinite;
+}
+@keyframes blink {
+  50% { opacity: 0; }
+}
+.input-area {
+  padding: 16px;
+  border-top: 1px solid var(--el-border-color-lighter);
+}
+.preview-images {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+  margin-bottom: 12px;
+}
+.preview-item {
+  position: relative;
+  width: 80px;
+  height: 80px;
+}
+.preview-item img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: 6px;
+  border: 1px solid var(--el-border-color);
+}
+.preview-item .remove {
+  position: absolute;
+  top: -6px;
+  right: -6px;
+  width: 20px;
+  height: 20px;
+  background: var(--el-color-danger);
+  color: #fff;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  font-size: 14px;
+  line-height: 1;
+}
+.input-wrap {
+  flex: 1;
+  position: relative;
+}
+.input-wrap.is-loading :deep(.el-textarea__inner) {
+  cursor: not-allowed;
+  background: var(--el-fill-color-lighter);
+}
+.upload-trigger {
+  position: absolute;
+  right: 12px;
+  bottom: 12px;
+}
+.input-row {
+  display: flex;
+  gap: 12px;
+  align-items: flex-end;
+}
+.input-row :deep(.el-textarea) {
+  flex: 1;
+}
+</style>
diff --git a/src/views/ydoyun/difykb/index.vue b/src/views/ydoyun/difykb/index.vue
new file mode 100644
index 0000000..0a5b945
--- /dev/null
+++ b/src/views/ydoyun/difykb/index.vue
@@ -0,0 +1,2270 @@
+<template>
+  <div class="kb-manage-page">
+    <el-tabs v-model="activeTab" class="kb-manage-tabs" type="border-card">
+      <!-- 日志填报 -->
+      <el-tab-pane label="日志填报" name="daily">
+        <div class="log-fill-page">
+          <div class="log-fill-page__body">
+            <!-- 左侧：部门结构 -->
+            <aside class="log-fill-card log-fill-sidebar">
+              <h3 class="log-fill-sidebar__title">
+                <Icon icon="ep:folder-opened" class="log-fill-sidebar__title-icon" />
+                部门结构
+              </h3>
+              <div class="log-fill-sidebar__tree">
+                <DeptTree class="log-dept-tree" @node-click="handleDeptNodeClick" />
+              </div>
+              <div class="log-fill-sidebar__foot">
+                <p v-if="selectedDeptName" class="log-fill-sidebar__hint">当前：{{ selectedDeptName }}</p>
+                <p class="log-fill-sidebar__hint">部门人数：{{ usersInSelectedDept.length }}</p>
+              </div>
+            </aside>
+
+            <!-- 右侧：列表 -->
+            <div class="log-fill-card log-fill-main">
+              <template v-if="!selectedDeptId">
+                <div class="log-fill-main__empty">
+                  <el-empty description="请先在左侧选择部门" :image-size="96" />
+                </div>
+              </template>
+              <template v-else>
+                <div class="log-fill-main__inner">
+                <div class="log-fill-querybar">
+                  <div class="log-fill-querybar__left">
+                    <el-input
+                      v-model="dailyKeywordDraft"
+                      placeholder="姓名/内容模糊，空格分隔多词，回车或点查询"
+                      clearable
+                      class="log-fill-query-control"
+                      @keyup.enter="applyDailyQuery"
+                    />
+                    <el-select
+                      v-model="dailyModuleCode"
+                      placeholder="模块名称（未选表示全部）"
+                      clearable
+                      filterable
+                      class="log-fill-query-control"
+                      @change="onModuleFilterChange"
+                    >
+                      <el-option
+                        v-for="opt in moduleOptions"
+                        :key="opt.moduleCode"
+                        :label="moduleOptionLabel(opt)"
+                        :value="opt.moduleCode"
+                      />
+                    </el-select>
+                    <el-date-picker
+                      v-model="statDate"
+                      type="date"
+                      value-format="YYYY-MM-DD"
+                      placeholder="统计日期"
+                      class="log-fill-query-control"
+                    />
+                    <el-button
+                      type="primary"
+                      class="log-fill-query-btn"
+                      @click="applyDailyQuery"
+                      v-hasPermi="['ydoyun:dify-kb:query']"
+                    >
+                      <Icon icon="ep:search" class="mr-5px" /> 查询
+                    </el-button>
+                  </div>
+                  <el-button
+                    type="primary"
+                    class="log-fill-page__export"
+                    :disabled="filledFiltered.length === 0"
+                    @click="exportSubmitted"
+                    v-hasPermi="['ydoyun:dify-kb:query']"
+                  >
+                    导出已报明细
+                  </el-button>
+                </div>
+                <div class="log-fill-toolbar">
+                  <div class="log-fill-toolbar__tabs">
+                    <button
+                      type="button"
+                      class="log-fill-tab"
+                      :class="{ 'is-active': dailySubTab === 'unfilled' }"
+                      @click="dailySubTab = 'unfilled'"
+                    >
+                      未填报名单 ({{ unfilledCount }})
+                    </button>
+                    <button
+                      type="button"
+                      class="log-fill-tab"
+                      :class="{ 'is-active': dailySubTab === 'filled' }"
+                      @click="dailySubTab = 'filled'"
+                    >
+                      已填报明细 ({{ filledCount }})
+                    </button>
+                  </div>
+                </div>
+
+                <!-- 已填报 -->
+                <div v-show="dailySubTab === 'filled'" v-loading="dailyLoading" class="log-fill-panel">
+                  <div class="log-fill-table-scroll">
+                  <table class="log-fill-table">
+                    <thead>
+                      <tr>
+                        <th class="w-name">姓名</th>
+                        <th class="w-dept">部门</th>
+                        <th>填报内容</th>
+                        <th class="w-status">提交状态</th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr
+                        v-for="row in filledPaged"
+                        :key="row.id ?? `${row.reporterId}-${row.moduleCode}-${row.reportTime}`"
+                        class="log-fill-row"
+                        @click="openDailyDetail(row)"
+                      >
+                        <td>
+                          <div class="log-fill-user">
+                            <span class="log-fill-avatar">{{ nameInitial(row.reporter) }}</span>
+                            <span class="log-fill-user__name">{{ row.reporter || '—' }}</span>
+                          </div>
+                        </td>
+                        <td>
+                          <div class="log-fill-dept-primary">{{ selectedDeptName || '—' }}</div>
+                          <div class="log-fill-dept-sub">{{ row.moduleName || row.moduleCode || '—' }}</div>
+                        </td>
+                        <td>
+                          <div class="log-fill-content-box">
+                            <p class="log-fill-content-cell">{{ row.reportContent?.trim() || '—' }}</p>
+                            <span class="log-fill-content-more">详情 &gt;</span>
+                          </div>
+                        </td>
+                        <td class="text-center">
+                          <span class="log-fill-status">
+                            <Icon icon="ep:circle-check" class="log-fill-status__icon" />
+                            已提交
+                          </span>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                  <div v-if="!filledFiltered.length && !dailyLoading" class="log-fill-inner-empty">
+                    <el-empty description="该日暂无已填报记录" :image-size="80" />
+                  </div>
+                  </div>
+                  <div class="log-fill-footer">
+                    <span class="log-fill-footer__info">
+                      显示 {{ filledRangeText }}，共 {{ filledCount }} 条已填报记录
+                    </span>
+                    <div class="log-fill-pager">
+                      <el-button
+                        :disabled="dailyPageNo <= 1"
+                        size="small"
+                        @click="dailyPageNo--"
+                      >
+                        &lt;
+                      </el-button>
+                      <span class="log-fill-pager__info">{{ dailyPageNo }} / {{ filledTotalPages }}</span>
+                      <el-button
+                        :disabled="dailyPageNo >= filledTotalPages"
+                        size="small"
+                        @click="dailyPageNo++"
+                      >
+                        &gt;
+                      </el-button>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- 未填报 -->
+                <div v-show="dailySubTab === 'unfilled'" v-loading="dailyLoading" class="log-fill-panel">
+                  <div class="log-fill-table-scroll">
+                  <table class="log-fill-table">
+                    <thead>
+                      <tr>
+                        <th class="w-name">姓名</th>
+                        <th class="w-dept">部门</th>
+                        <th>备注</th>
+                        <th class="w-status">状态</th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr v-for="u in unfilledPaged" :key="u.id" class="log-fill-row-unfilled">
+                        <td>
+                          <div class="log-fill-user">
+                            <span class="log-fill-avatar log-fill-avatar--muted">{{
+                              nameInitial(u.nickname)
+                            }}</span>
+                            <span class="log-fill-user__name">{{ u.nickname || '用户' }}</span>
+                          </div>
+                        </td>
+                        <td>
+                          <div class="log-fill-dept-primary">{{ selectedDeptName || '—' }}</div>
+                        </td>
+                        <td>
+                          <span class="log-fill-muted-xs">—</span>
+                        </td>
+                        <td class="text-center">
+                          <span class="log-fill-status log-fill-status--warn">未填报</span>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                  <div v-if="!unfilledFiltered.length && !dailyLoading" class="log-fill-inner-empty">
+                    <el-empty description="该日部门人员均已填报或无待查人员" :image-size="80" />
+                  </div>
+                  </div>
+                  <div class="log-fill-footer">
+                    <span class="log-fill-footer__info">
+                      显示 {{ unfilledRangeText }}，共 {{ unfilledCount }} 条未填报记录
+                    </span>
+                    <div class="log-fill-pager">
+                      <el-button
+                        :disabled="unfilledPageNo <= 1"
+                        size="small"
+                        @click="unfilledPageNo--"
+                      >
+                        &lt;
+                      </el-button>
+                      <span class="log-fill-pager__info">{{ unfilledPageNo }} / {{ unfilledTotalPages }}</span>
+                      <el-button
+                        :disabled="unfilledPageNo >= unfilledTotalPages"
+                        size="small"
+                        @click="unfilledPageNo++"
+                      >
+                        &gt;
+                      </el-button>
+                    </div>
+                  </div>
+                </div>
+                </div>
+              </template>
+            </div>
+          </div>
+        </div>
+      </el-tab-pane>
+
+      <!-- 原：知识库 -->
+      <el-tab-pane label="知识库" name="kb" v-if="showDifyKbTab">
+        <div class="kb-tab-kb-pane" >
+        <ContentWrap>
+          <el-form class="-mb-15px kb-filter-form" :model="queryParams" :inline="true" label-width="88px">
+            <el-form-item label="模块名称">
+              <el-select
+                v-model="queryParams.moduleCode"
+                placeholder="全部（按名称选择）"
+                clearable
+                filterable
+                class="!w-240px"
+              >
+                <el-option
+                  v-for="opt in moduleOptions"
+                  :key="opt.moduleCode"
+                  :label="moduleOptionLabel(opt)"
+                  :value="opt.moduleCode"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="名称模糊">
+              <el-input
+                v-model="queryParams.moduleName"
+                placeholder="模块名称关键字"
+                clearable
+                class="!w-200px"
+                @keyup.enter="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="handleQuery" v-hasPermi="['ydoyun:dify-kb:query']">
+                <Icon icon="ep:search" class="mr-5px" /> 查询
+              </el-button>
+              <el-button @click="resetQuery" v-hasPermi="['ydoyun:dify-kb:query']">
+                <Icon icon="ep:refresh" class="mr-5px" /> 重置
+              </el-button>
+              <el-button @click="loadList" v-hasPermi="['ydoyun:dify-kb:query']">
+                <Icon icon="ep:refresh-right" class="mr-5px" /> 刷新
+              </el-button>
+            </el-form-item>
+          </el-form>
+        </ContentWrap>
+
+        <ContentWrap>
+          <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+            <el-table-column label="模块编码" prop="moduleCode" min-width="120" />
+            <el-table-column label="模块名称" prop="moduleName" min-width="140" />
+            <el-table-column label="知识库名称" prop="datasetName" min-width="180" />
+            <el-table-column label="Dataset ID" prop="datasetId" min-width="220" />
+            <el-table-column label="聚合文档 ID" prop="aggregateDocumentId" min-width="200" />
+            <el-table-column label="Dify 可访问" width="110" align="center">
+              <template #default="{ row }">
+                <el-tag v-if="row.existsOnDify === true" type="success">是</el-tag>
+                <el-tag v-else-if="row.existsOnDify === false" type="warning">否</el-tag>
+                <span v-else>-</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" width="260" align="center" fixed="right">
+              <template #default="{ row }">
+                <el-button
+                  link
+                  type="primary"
+                  @click="openDocDialog(row)"
+                  :disabled="!row.datasetId"
+                  v-hasPermi="['ydoyun:dify-kb:query']"
+                >
+                  文档列表
+                </el-button>
+                <el-button
+                  link
+                  type="danger"
+                  @click="handleDeleteDataset(row)"
+                  :disabled="!row.datasetId"
+                  v-hasPermi="['ydoyun:dify-kb:delete']"
+                >
+                  删除知识库
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </ContentWrap>
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+
+  <!-- 与每日汇报「撰写报告」同布局：左自由述职 + 右结构化诊断（只读）+ 截图 -->
+  <el-dialog
+    v-model="dailyDetailVisible"
+    class="kb-content-dialog daily-detail-dialog daily-detail-report-dialog"
+    width="1000px"
+    align-center
+    destroy-on-close
+    :close-on-click-modal="false"
+    :show-close="false"
+    :fullscreen="dailyDetailFullscreen"
+    @closed="onDailyDetailClosed"
+  >
+    <template #header>
+      <div class="daily-detail-dialog-header">
+        <div class="daily-detail-dialog-header-main">
+          <div class="kb-doc-dialog__title">汇报详情</div>
+          <div v-if="dailyDetailRow" class="kb-doc-dialog__subtitle">
+            {{ dailyDetailRow.reporter }} · {{ dailyDetailRow.reportTime }} · {{ dailyDetailRow.moduleName }}
+          </div>
+        </div>
+        <div class="daily-detail-dialog-header-actions" @click.stop>
+          <el-tooltip :content="dailyDetailFullscreen ? '退出全屏' : '全屏查看'" placement="bottom">
+            <button
+              type="button"
+              class="daily-detail-header-icon-btn"
+              :aria-label="dailyDetailFullscreen ? '退出全屏' : '全屏查看'"
+              @click="dailyDetailFullscreen = !dailyDetailFullscreen"
+            >
+              <Icon :icon="dailyDetailFullscreen ? 'ep:scale-to-original' : 'ep:full-screen'" />
+            </button>
+          </el-tooltip>
+          <el-tooltip content="关闭" placement="bottom">
+            <button
+              type="button"
+              class="daily-detail-header-icon-btn"
+              aria-label="关闭"
+              @click="dailyDetailVisible = false"
+            >
+              <el-icon><Close /></el-icon>
+            </button>
+          </el-tooltip>
+        </div>
+      </div>
+    </template>
+    <div v-if="dailyDetailRow" v-loading="dailyDetailLoading" class="daily-detail-shell">
+      <div class="daily-detail-write-like">
+        <div class="tab-pane-content tab-write">
+          <div class="write-column">
+            <div class="write-body-scroll">
+              <div class="write-split-row">
+                <div class="write-main-col">
+                  <div class="section report-section report-section--debrief">
+                    <div class="write-section-title-row">
+                      <span class="write-section-title-num">1.</span>
+                      <span class="write-section-title-text">店长自由述职</span>
+                    </div>
+                    <div class="report-write-card">
+                      <div class="textarea-wrap">
+                        <el-input
+                          :model-value="dailyDetailText"
+                          type="textarea"
+                          :autosize="false"
+                          :rows="14"
+                          readonly
+                          class="report-textarea"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <div class="write-detail-col">
+                  <div class="section detail-section detail-section--structured">
+                    <div class="section-title detail-section-title detail-section-title--structured">
+                      <div class="detail-section-title-left">
+                        <el-tag type="success" effect="light" size="small" class="detail-ai-tag">
+                          AI 生成
+                        </el-tag>
+                        <span class="detail-section-heading">2. 结构化诊断确认</span>
+                      </div>
+                      <span class="section-title-hint detail-section-subhint">以下为已保存数据，仅查看</span>
+                    </div>
+                    <div class="detail-form-list-wrap">
+                      <div
+                        v-if="!dailyDetailLoading && dailyDetailRows.length === 0"
+                        class="detail-empty-readonly"
+                      >
+                        暂无 AI 经营诊断（未解析或未保存详表）
+                      </div>
+                      <div
+                        v-else-if="dailyDetailRows.length > 0"
+                        class="detail-form-list detail-form-list--grid"
+                      >
+                        <div
+                          v-for="(row, index) in dailyDetailRows"
+                          :key="row.id ?? `d-${index}`"
+                          class="detail-form-card"
+                        >
+                          <div class="detail-form-card-header detail-form-card-header--readonly">
+                            <span class="detail-card-index">#{{ index + 1 }}</span>
+                            <input
+                              class="detail-title-edit"
+                              type="text"
+                              readonly
+                              tabindex="-1"
+                              :value="row.diagnosisItem || ''"
+                              placeholder="诊断项目，如 业绩/品类波动"
+                            />
+                          </div>
+                          <el-form
+                            :model="row"
+                            label-position="top"
+                            size="default"
+                            class="detail-vertical-form detail-vertical-form--grid"
+                          >
+                            <el-form-item label="指标异常" class="detail-form-item--half">
+                              <el-input
+                                :model-value="row.value1 || ''"
+                                type="textarea"
+                                :autosize="false"
+                                :rows="4"
+                                readonly
+                                class="detail-scroll-textarea"
+                              />
+                            </el-form-item>
+                            <el-form-item label="归因分析" class="detail-form-item--half">
+                              <el-input
+                                :model-value="row.value2 || ''"
+                                type="textarea"
+                                :autosize="false"
+                                :rows="4"
+                                readonly
+                                class="detail-scroll-textarea"
+                              />
+                            </el-form-item>
+                            <el-form-item label="改善对策" class="detail-form-item--full">
+                              <el-input
+                                :model-value="row.value3 || ''"
+                                type="textarea"
+                                :autosize="false"
+                                :rows="4"
+                                readonly
+                                class="detail-scroll-textarea"
+                              />
+                            </el-form-item>
+                          </el-form>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div
+        v-if="resolveDailyDetailMediaUrl(dailyDetailRow.screenshotUrl)"
+        class="daily-detail-shot-block"
+      >
+        <div class="daily-detail-shot-title">页面截图</div>
+        <div class="daily-detail-shot-wrap">
+          <el-image
+            :src="resolveDailyDetailMediaUrl(dailyDetailRow.screenshotUrl)"
+            :preview-src-list="[resolveDailyDetailMediaUrl(dailyDetailRow.screenshotUrl)]"
+            fit="contain"
+            preview-teleported
+            class="daily-detail-shot-img"
+          />
+        </div>
+      </div>
+    </div>
+  </el-dialog>
+
+  <!-- 文档列表 -->
+  <el-dialog
+    v-model="docVisible"
+    class="kb-doc-dialog"
+    width="960px"
+    align-center
+    destroy-on-close
+    :close-on-click-modal="false"
+    @closed="onDocClosed"
+  >
+    <template #header>
+      <div class="kb-doc-dialog__title">知识库文档</div>
+      <div v-if="currentKb" class="kb-doc-dialog__subtitle">
+        {{ currentKb.datasetName }}
+      </div>
+    </template>
+    <div v-if="currentKb" class="kb-doc-meta">
+      <span class="kb-doc-meta-label">Dataset ID</span>
+      <span class="kb-doc-meta-value kb-doc-meta-mono">{{ currentKb.datasetId }}</span>
+      <span class="kb-doc-meta-label">模块</span>
+      <span class="kb-doc-meta-value"
+        >{{ currentKb.moduleName || '-' }}（{{ currentKb.moduleCode || '-' }}）</span
+      >
+    </div>
+    <el-table v-loading="docLoading" :data="docList" :stripe="true" border class="kb-doc-table">
+      <el-table-column label="文档名称" prop="name" min-width="180" />
+      <el-table-column label="文档 ID" prop="id" min-width="200">
+        <template #default="{ row }">
+          <span class="kb-doc-meta-mono">{{ row.id }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="创建时间" width="168" align="center">
+        <template #default="{ row }">
+          {{ formatDocTime(row.createdAt) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="索引状态" prop="indexingStatus" width="110" />
+      <el-table-column label="操作" width="150" align="center" fixed="right">
+        <template #default="{ row }">
+          <el-button
+            link
+            type="primary"
+            @click="openContentDialog(row)"
+            v-hasPermi="['ydoyun:dify-kb:query']"
+          >
+            查看内容
+          </el-button>
+          <el-button
+            link
+            type="danger"
+            @click="handleDeleteDocument(row)"
+            v-hasPermi="['ydoyun:dify-kb:delete']"
+          >
+            删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="kb-doc-pagination-wrap">
+      <Pagination
+        :total="docTotal"
+        v-model:page="docQuery.pageNo"
+        v-model:limit="docQuery.pageSize"
+        @pagination="loadDocuments"
+      />
+    </div>
+  </el-dialog>
+
+  <!-- 文档正文 -->
+  <el-dialog
+    v-model="contentVisible"
+    class="kb-content-dialog"
+    width="880px"
+    align-center
+    destroy-on-close
+    :close-on-click-modal="false"
+    @closed="onContentClosed"
+  >
+    <template #header>
+      <div class="kb-doc-dialog__title">文档内容</div>
+      <div v-if="contentTitle" class="kb-doc-dialog__subtitle">{{ contentTitle }}</div>
+    </template>
+    <div v-if="contentMeta.truncated" class="kb-content-tip">
+      <el-alert type="warning" :closable="false" show-icon>
+        正文已按系统上限截断展示；完整内容请在 Dify 控制台查看。
+      </el-alert>
+    </div>
+    <div v-loading="contentLoading" class="kb-content-body">
+      <pre class="kb-doc-pre">{{ contentText }}</pre>
+    </div>
+    <div v-if="contentMeta.segmentPieces != null" class="kb-content-footer">
+      已拼接分段数：{{ contentMeta.segmentPieces }}
+    </div>
+  </el-dialog>
+</template>
+
+<script setup lang="ts">
+import DeptTree from '@/views/system/user/DeptTree.vue'
+import * as DeptApi from '@/api/system/dept'
+import * as UserApi from '@/api/system/user'
+import {
+  AiAssistantReportApi,
+  type AiAssistantReportDetailItem,
+  type AiAssistantReportItem
+} from '@/api/ydoyun/aiAssistantReport'
+import {
+  DifyKbManageApi,
+  type DifyKbManageItem,
+  type DifyKbDocument,
+  type DifyKbModuleOption
+} from '@/api/ydoyun/difyKbManage'
+import { formatDate } from '@/utils/formatTime'
+import { watchDebounced } from '@vueuse/core'
+import { Close } from '@element-plus/icons-vue'
+import { Icon } from '@/components/Icon'
+import { toRaw } from 'vue'
+import { useUserStore } from '@/store/modules/user'
+
+defineOptions({ name: 'YdoyunDifyKbManage' })
+
+/** Dify 知识库选项卡：仅判断 ydoyun:dify-kb:difyquery（与 get-permission-info.permissions 一致） */
+const DIFY_KB_TAB_PERM = 'ydoyun:dify-kb:difyquery'
+
+const userStore = useUserStore()
+
+/**
+ * 是否显示「Dify 知识库」Tab。
+ * Pinia 中 permissions 为字符串 Set；Vue 3.5 下对响应式 Set 迭代或 has 可能触发 WeakMap 报错，故用 toRaw 再判断。
+ */
+const showDifyKbTab = computed(() => {
+  const perms = userStore.permissions
+  const raw = toRaw(perms) as Set<string> | undefined
+  if (!raw?.size) return false
+  if (raw.has('*:*:*')) return true
+  if (raw.has(DIFY_KB_TAB_PERM)) return true
+  for (const p of raw) {
+    if (typeof p === 'string' && p.trim() === DIFY_KB_TAB_PERM) return true
+  }
+  return false
+})
+
+/** 下拉链路展示以模块名称为准（与菜单一致），无名称时回退为模块编码 */
+function moduleOptionLabel(opt: DifyKbModuleOption) {
+  const n = opt.moduleName?.trim()
+  return n || opt.moduleCode
+}
+
+const message = useMessage()
+
+const activeTab = ref<'daily' | 'kb'>('daily')
+
+watch(showDifyKbTab, (ok) => {
+  if (!ok && activeTab.value === 'kb') activeTab.value = 'daily'
+})
+
+/** ---------- 日志填报（对齐 HTML 模版：部门 + 单日 + 已/未填报） ---------- */
+
+const selectedDeptId = ref<number | undefined>(undefined)
+const selectedDeptName = ref('')
+const allSimpleUsers = ref<UserApi.UserVO[]>([])
+/** 精简部门列表（扁平），用于计算「选中部门 + 下级」人员范围，与后端 dept-daily-list 一致 */
+const flatDeptList = ref<DeptApi.DeptVO[]>([])
+
+/** 选中节点及其所有下级部门 id（与后端 DeptService 子部门展开一致） */
+function collectDeptSubtreeIds(rootId: number): Set<number> {
+  const ids = new Set<number>([rootId])
+  const childrenByParent = new Map<number, number[]>()
+  for (const d of flatDeptList.value) {
+    const pid = d.parentId ?? 0
+    if (!childrenByParent.has(pid)) childrenByParent.set(pid, [])
+    childrenByParent.get(pid)!.push(d.id)
+  }
+  let frontier = [rootId]
+  while (frontier.length) {
+    const next: number[] = []
+    for (const pid of frontier) {
+      const ch = childrenByParent.get(pid)
+      if (!ch?.length) continue
+      for (const cid of ch) {
+        if (!ids.has(cid)) {
+          ids.add(cid)
+          next.push(cid)
+        }
+      }
+    }
+    frontier = next
+  }
+  return ids
+}
+
+const usersInSelectedDept = computed(() => {
+  const id = selectedDeptId.value
+  if (id == null) return []
+  const scope = collectDeptSubtreeIds(id)
+  return allSimpleUsers.value.filter((u) => u.deptId != null && scope.has(u.deptId))
+})
+
+const handleDeptNodeClick = (row: { id?: number; name?: string } | undefined) => {
+  if (row == null || row.id == null) {
+    selectedDeptId.value = undefined
+    selectedDeptName.value = ''
+    mergedReports.value = []
+    dailyKeywordDraft.value = ''
+    dailyKeywordApplied.value = ''
+    return
+  }
+  selectedDeptId.value = row.id
+  selectedDeptName.value = row.name || ''
+  mergedReports.value = []
+  dailyKeywordDraft.value = ''
+  dailyKeywordApplied.value = ''
+}
+
+const todayStr = () => {
+  const t = new Date()
+  const y = t.getFullYear()
+  const m = String(t.getMonth() + 1).padStart(2, '0')
+  const d = String(t.getDate()).padStart(2, '0')
+  return `${y}-${m}-${d}`
+}
+
+/** 统计日期（与模版顶部 input[type=date] 一致） */
+const statDate = ref(todayStr())
+
+const dailySubTab = ref<'unfilled' | 'filled'>('filled')
+/** 输入框草稿；仅「查询 / 回车」后写入 dailyKeywordApplied，避免输入即过滤 */
+const dailyKeywordDraft = ref('')
+const dailyKeywordApplied = ref('')
+const dailyModuleCode = ref<string | undefined>(undefined)
+
+const dailyLoading = ref(false)
+const mergedReports = ref<AiAssistantReportItem[]>([])
+
+const nameInitial = (name?: string) => {
+  const s = name?.trim()
+  if (!s) return '?'
+  return s.slice(0, 1)
+}
+
+/** 查询词拆成多个 token（空格分隔），用于名称/内容模糊 AND 匹配 */
+const getSearchTokens = (raw: string): string[] =>
+  raw
+    .trim()
+    .toLowerCase()
+    .split(/\s+/)
+    .filter(Boolean)
+
+/** 模糊：每个 token 均在 target 中子串出现（不区分大小写） */
+const fuzzyMatchAllTokens = (target: string | undefined, tokens: string[]): boolean => {
+  if (!tokens.length) return true
+  const hay = (target || '').toLowerCase()
+  return tokens.every((t) => hay.includes(t))
+}
+
+/** 用户名称模糊：昵称、账号名均参与匹配 */
+const userNameFuzzyMatch = (u: UserApi.UserVO, tokens: string[]): boolean => {
+  if (!tokens.length) return true
+  const hay = [u.nickname, u.username].filter(Boolean).join(' ').toLowerCase()
+  return tokens.every((t) => hay.includes(t))
+}
+
+/** 与 ReportDocumentModal 等一致：兼容 axios 返回整包 { code, data } 或已解包数组 */
+function unwrapApiListPayload<T>(res: unknown): T[] {
+  const raw = (res as { data?: unknown })?.data !== undefined ? (res as { data: unknown }).data : res
+  return Array.isArray(raw) ? (raw as T[]) : []
+}
+
+const filledFiltered = computed(() => {
+  let list = mergedReports.value
+  const tokens = getSearchTokens(dailyKeywordApplied.value)
+  if (tokens.length) {
+    list = list.filter((r) => {
+      const byReporter = fuzzyMatchAllTokens(r.reporter, tokens)
+      const byContent = fuzzyMatchAllTokens(r.reportContent, tokens)
+      return byReporter || byContent
+    })
+  }
+  return [...list].sort((a, b) => {
+    const na = Number(a.createTime)
+    const nb = Number(b.createTime)
+    if (Number.isFinite(na) && Number.isFinite(nb)) {
+      return nb - na
+    }
+    return String(b.createTime ?? '').localeCompare(String(a.createTime ?? ''))
+  })
+})
+
+const filledCount = computed(() => filledFiltered.value.length)
+
+const reportedUserIds = computed(() => {
+  const idSet = new Set<number>()
+  for (const r of mergedReports.value) {
+    if (r.reporterId != null) idSet.add(Number(r.reporterId))
+  }
+  return idSet
+})
+
+const unfilledList = computed(() =>
+  usersInSelectedDept.value.filter((u) => !reportedUserIds.value.has(u.id))
+)
+
+const unfilledFiltered = computed(() => {
+  const tokens = getSearchTokens(dailyKeywordApplied.value)
+  let list = unfilledList.value
+  if (tokens.length) {
+    list = list.filter((u) => userNameFuzzyMatch(u, tokens))
+  }
+  return list
+})
+
+const unfilledCount = computed(() => unfilledFiltered.value.length)
+
+const dailyPageNo = ref(1)
+const dailyPageSize = ref(100)
+
+const filledTotalPages = computed(() =>
+  Math.max(1, Math.ceil(filledFiltered.value.length / dailyPageSize.value) || 1)
+)
+
+const filledPaged = computed(() => {
+  const start = (dailyPageNo.value - 1) * dailyPageSize.value
+  return filledFiltered.value.slice(start, start + dailyPageSize.value)
+})
+
+const filledRangeText = computed(() => {
+  if (filledCount.value === 0) return '0 到 0 条'
+  const start = (dailyPageNo.value - 1) * dailyPageSize.value + 1
+  const end = Math.min(dailyPageNo.value * dailyPageSize.value, filledCount.value)
+  return `${start} 到 ${end} 条`
+})
+
+const unfilledPageNo = ref(1)
+const unfilledPageSize = ref(100)
+
+const unfilledTotalPages = computed(() =>
+  Math.max(1, Math.ceil(unfilledFiltered.value.length / unfilledPageSize.value) || 1)
+)
+
+const unfilledPaged = computed(() => {
+  const start = (unfilledPageNo.value - 1) * unfilledPageSize.value
+  return unfilledFiltered.value.slice(start, start + unfilledPageSize.value)
+})
+
+const unfilledRangeText = computed(() => {
+  if (unfilledFiltered.value.length === 0) return '0 到 0 条'
+  const start = (unfilledPageNo.value - 1) * unfilledPageSize.value + 1
+  const end = Math.min(unfilledPageNo.value * unfilledPageSize.value, unfilledFiltered.value.length)
+  return `${start} 到 ${end} 条`
+})
+
+/** 并发请求代数：只采纳最后一次 reload 的写入，避免连点/连触发导致状态错乱 */
+let reloadGeneration = 0
+
+const clampLogPages = () => {
+  const fMax = Math.max(
+    1,
+    Math.ceil(filledFiltered.value.length / dailyPageSize.value) || 1
+  )
+  if (dailyPageNo.value > fMax) dailyPageNo.value = fMax
+  const uMax = Math.max(
+    1,
+    Math.ceil(unfilledFiltered.value.length / unfilledPageSize.value) || 1
+  )
+  if (unfilledPageNo.value > uMax) unfilledPageNo.value = uMax
+}
+
+/** 合并查询：后端 dept-daily-list 一次查部门+统计日（不再按人 N 次 my-page） */
+const reloadMergedReports = async () => {
+  const gen = ++reloadGeneration
+  if (!selectedDeptId.value || !statDate.value) {
+    if (gen === reloadGeneration) mergedReports.value = []
+    return
+  }
+  dailyLoading.value = true
+  try {
+    const res = await AiAssistantReportApi.listDeptDailyReports({
+      deptId: selectedDeptId.value,
+      reportDate: statDate.value,
+      moduleCode: dailyModuleCode.value || undefined
+    })
+    if (gen !== reloadGeneration) return
+    mergedReports.value = unwrapApiListPayload<AiAssistantReportItem>(res)
+    clampLogPages()
+  } catch {
+    if (gen === reloadGeneration) mergedReports.value = []
+  } finally {
+    if (gen === reloadGeneration) dailyLoading.value = false
+  }
+}
+
+const onModuleFilterChange = () => {
+  dailyPageNo.value = 1
+  unfilledPageNo.value = 1
+  reloadMergedReports()
+}
+
+/** 查询：先按当前部门/模块/日期拉取服务端数据，再应用姓名/内容筛选（避免只改条件未触发拉数导致已填报为空） */
+const applyDailyQuery = async () => {
+  dailyKeywordApplied.value = dailyKeywordDraft.value.trim()
+  dailyPageNo.value = 1
+  unfilledPageNo.value = 1
+  await reloadMergedReports()
+}
+
+/** 部门/统计日变更时拉数；防抖避免日期组件多次写 v-model 导致连续请求 */
+watchDebounced(
+  [selectedDeptId, statDate],
+  () => {
+    dailyPageNo.value = 1
+    unfilledPageNo.value = 1
+    reloadMergedReports()
+  },
+  { debounce: 200, maxWait: 800 }
+)
+
+const escapeCsv = (s: string) => {
+  if (/[",\n]/.test(s)) return `"${s.replace(/"/g, '""')}"`
+  return s
+}
+
+const exportSubmitted = () => {
+  const rows = filledFiltered.value
+  if (!rows.length) {
+    message.warning('暂无已填报数据可导出')
+    return
+  }
+  const header = ['姓名', '部门', '模块名称', '汇报日期', '填报内容', '提交状态']
+  const lines = [
+    header.join(','),
+    ...rows.map((r) =>
+      [
+        escapeCsv(r.reporter || ''),
+        escapeCsv(selectedDeptName.value || ''),
+        escapeCsv(r.moduleName || r.moduleCode || ''),
+        escapeCsv(r.reportTime || ''),
+        escapeCsv((r.reportContent || '').replace(/\r?\n/g, ' ')),
+        escapeCsv('已提交')
+      ].join(',')
+    )
+  ]
+  const blob = new Blob(['\ufeff' + lines.join('\n')], { type: 'text/csv;charset=utf-8' })
+  const url = URL.createObjectURL(blob)
+  const a = document.createElement('a')
+  a.href = url
+  a.download = `已报明细_${statDate.value || 'export'}.csv`
+  a.click()
+  URL.revokeObjectURL(url)
+  message.success('导出成功')
+}
+
+const dailyDetailVisible = ref(false)
+const dailyDetailFullscreen = ref(false)
+const dailyDetailRow = ref<AiAssistantReportItem | null>(null)
+const dailyDetailText = ref('')
+const dailyDetailRows = ref<AiAssistantReportDetailItem[]>([])
+const dailyDetailLoading = ref(false)
+
+/** 汇报详情弹窗内截图地址（与 ReportDocumentModal 一致） */
+function resolveDailyDetailMediaUrl(url?: string | null): string {
+  if (!url || !String(url).trim()) return ''
+  const u = String(url).trim()
+  if (u.startsWith('http') || u.startsWith('data:') || u.startsWith('blob:')) return u
+  const base = import.meta.env.VITE_BASE_URL || ''
+  const path = u.startsWith('/') ? u : `/${u}`
+  return `${base.replace(/\/$/, '')}${path}`
+}
+
+async function openDailyDetail(row: AiAssistantReportItem) {
+  dailyDetailRow.value = row
+  dailyDetailText.value = row.reportContent?.trim() ? row.reportContent : '（无正文）'
+  dailyDetailRows.value = []
+  dailyDetailVisible.value = true
+  dailyDetailLoading.value = true
+  try {
+    const res = await AiAssistantReportApi.getDetailListForManage(row.id)
+    dailyDetailRows.value = unwrapApiListPayload<AiAssistantReportDetailItem>(res)
+  } catch (e) {
+    console.error('加载 AI 经营诊断详表失败:', e)
+    dailyDetailRows.value = []
+  } finally {
+    dailyDetailLoading.value = false
+  }
+}
+
+const onDailyDetailClosed = () => {
+  dailyDetailRow.value = null
+  dailyDetailText.value = ''
+  dailyDetailRows.value = []
+  dailyDetailLoading.value = false
+  dailyDetailFullscreen.value = false
+}
+
+/** ---------- Dify 知识库 ---------- */
+const loading = ref(false)
+const list = ref<DifyKbManageItem[]>([])
+const moduleOptions = ref<DifyKbModuleOption[]>([])
+
+const queryParams = reactive({
+  moduleCode: undefined as string | undefined,
+  moduleName: undefined as string | undefined
+})
+
+const loadModuleOptions = async () => {
+  moduleOptions.value = await DifyKbManageApi.getModuleOptions()
+}
+
+const loadList = async () => {
+  loading.value = true
+  try {
+    list.value = await DifyKbManageApi.listBindings({
+      moduleCode: queryParams.moduleCode || undefined,
+      moduleName: queryParams.moduleName?.trim() || undefined
+    })
+  } finally {
+    loading.value = false
+  }
+}
+
+/** 权限晚于首屏完成时也会拉取；有 Tab 权限即加载（避免仅 onMounted 时 permissions 尚未就绪） */
+watch(
+  showDifyKbTab,
+  async (ok) => {
+    if (!ok) return
+    await loadModuleOptions()
+    await loadList()
+  },
+  { immediate: true }
+)
+
+const handleQuery = () => {
+  loadList()
+}
+
+const resetQuery = () => {
+  queryParams.moduleCode = undefined
+  queryParams.moduleName = undefined
+  loadList()
+}
+
+const docVisible = ref(false)
+const docLoading = ref(false)
+const currentKb = ref<DifyKbManageItem | null>(null)
+const docList = ref<DifyKbDocument[]>([])
+const docTotal = ref(0)
+const docQuery = reactive({
+  pageNo: 1,
+  pageSize: 10
+})
+
+const contentVisible = ref(false)
+const contentLoading = ref(false)
+const contentText = ref('')
+const contentTitle = ref('')
+const contentMeta = reactive({
+  truncated: false,
+  segmentPieces: null as number | null
+})
+
+const formatDocTime = (ts?: number) => {
+  if (ts == null || ts <= 0) return '-'
+  return formatDate(new Date(ts * 1000))
+}
+
+const openDocDialog = (row: DifyKbManageItem) => {
+  currentKb.value = row
+  docQuery.pageNo = 1
+  docVisible.value = true
+  loadDocuments()
+}
+
+const onDocClosed = () => {
+  currentKb.value = null
+  docList.value = []
+  docTotal.value = 0
+}
+
+const loadDocuments = async () => {
+  if (!currentKb.value?.datasetId) return
+  docLoading.value = true
+  try {
+    const data = await DifyKbManageApi.getDocumentPage({
+      datasetId: currentKb.value.datasetId,
+      pageNo: docQuery.pageNo,
+      pageSize: docQuery.pageSize
+    })
+    docList.value = data.list || []
+    docTotal.value = data.total ?? 0
+  } finally {
+    docLoading.value = false
+  }
+}
+
+const openContentDialog = async (row: DifyKbDocument) => {
+  if (!currentKb.value?.datasetId || !row.id) return
+  contentTitle.value = row.name || row.id
+  contentText.value = ''
+  contentMeta.truncated = false
+  contentMeta.segmentPieces = null
+  contentVisible.value = true
+  contentLoading.value = true
+  try {
+    const data = await DifyKbManageApi.getDocumentContent({
+      datasetId: currentKb.value.datasetId,
+      documentId: row.id
+    })
+    contentText.value = data.content ?? ''
+    contentMeta.truncated = !!data.truncated
+    contentMeta.segmentPieces = data.segmentPieces ?? null
+  } finally {
+    contentLoading.value = false
+  }
+}
+
+const onContentClosed = () => {
+  contentTitle.value = ''
+  contentText.value = ''
+  contentMeta.truncated = false
+  contentMeta.segmentPieces = null
+}
+
+const handleDeleteDataset = async (row: DifyKbManageItem) => {
+  if (!row.datasetId) return
+  try {
+    await message.delConfirm('确定删除该 Dify 知识库并解除本地绑定吗？')
+    await DifyKbManageApi.deleteDataset(row.datasetId)
+    message.success('删除成功')
+    await loadList()
+    await loadModuleOptions()
+  } catch {}
+}
+
+const handleDeleteDocument = async (row: DifyKbDocument) => {
+  if (!currentKb.value?.datasetId || !row.id) return
+  try {
+    await message.delConfirm('确定删除该文档吗？')
+    await DifyKbManageApi.deleteDocument(currentKb.value.datasetId, row.id)
+    message.success('删除成功')
+    await loadDocuments()
+    await loadList()
+    await loadModuleOptions()
+  } catch {}
+}
+
+onMounted(async () => {
+  try {
+    allSimpleUsers.value = await UserApi.getSimpleUserList()
+  } catch {
+    allSimpleUsers.value = []
+  }
+  try {
+    flatDeptList.value = await DeptApi.getSimpleDeptList()
+  } catch {
+    flatDeptList.value = []
+  }
+})
+
+/** keep-alive 返回本页时刷新（切换租户后若未整页刷新，可依赖此钩子） */
+onActivated(async () => {
+  try {
+    allSimpleUsers.value = await UserApi.getSimpleUserList()
+  } catch {
+    allSimpleUsers.value = []
+  }
+  try {
+    flatDeptList.value = await DeptApi.getSimpleDeptList()
+  } catch {
+    flatDeptList.value = []
+  }
+  if (showDifyKbTab.value) {
+    await loadModuleOptions()
+    await loadList()
+  }
+})
+</script>
+
+<style scoped lang="scss">
+$antd-blue: #1890ff;
+
+.kb-manage-page {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+}
+
+.kb-manage-tabs {
+  border-radius: 0;
+  overflow: hidden;
+  box-shadow: none;
+  background: #fff;
+
+  :deep(.el-tabs__header) {
+    margin: 0;
+    background: #fff;
+  }
+
+  :deep(.el-tabs__nav-wrap) {
+    padding: 0 8px;
+  }
+
+  :deep(.el-tabs__content) {
+    padding: 0;
+    background: #fff;
+    min-height: calc(100vh - 120px);
+  }
+
+  &.el-tabs--border-card {
+    border: none;
+
+    :deep(.el-tabs__header) {
+      border-bottom: 1px solid #ebeef5;
+    }
+
+    :deep(.el-tabs__item) {
+      border: none;
+    }
+  }
+}
+
+.kb-tab-kb-pane {
+  padding: 8px 8px 12px;
+  background: #fff;
+}
+
+/* ========== 日志填报：纯白、紧凑 ========== */
+.log-fill-page {
+  --log-fill-chrome: 220px;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  padding: 4px 8px 8px;
+  min-height: calc(100vh - 140px);
+  font-family:
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    'Helvetica Neue',
+    Arial,
+    sans-serif;
+  background: #fff;
+}
+
+.log-fill-querybar {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  gap: 8px;
+  padding: 6px 10px;
+  border-bottom: 1px solid #ebeef5;
+  background: #fff;
+}
+
+.log-fill-querybar__left {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+/** 查询区：姓名 / 模块 / 日期 统一宽度与边框（与 Element Plus 默认 input wrapper 一致） */
+.log-fill-query-control {
+  width: 220px;
+  flex-shrink: 0;
+
+  :deep(.el-input__wrapper) {
+    border-radius: var(--el-border-radius-base);
+    background-color: var(--el-fill-color-blank);
+    box-shadow: 0 0 0 1px var(--el-border-color) inset;
+  }
+
+  :deep(.el-input__wrapper:hover) {
+    box-shadow: 0 0 0 1px var(--el-border-color-hover) inset;
+  }
+
+  :deep(.el-input__wrapper.is-focus) {
+    box-shadow: 0 0 0 1px var(--el-color-primary) inset;
+  }
+}
+
+.log-fill-query-btn {
+  flex-shrink: 0;
+}
+
+.log-fill-page__export {
+  --el-button-bg-color: #{$antd-blue};
+  --el-button-border-color: #{$antd-blue};
+  --el-button-hover-bg-color: #40a9ff;
+  --el-button-hover-border-color: #40a9ff;
+  font-weight: 500;
+  box-shadow: 0 1px 2px rgb(0 0 0 / 6%);
+}
+
+.log-fill-page__body {
+  flex: 1;
+  display: flex;
+  gap: 8px;
+  align-items: stretch;
+  min-height: max(420px, calc(100vh - var(--log-fill-chrome)));
+  min-width: 0;
+}
+
+.log-fill-card {
+  background: #fff;
+  border-radius: 4px;
+  border: 1px solid #ebeef5;
+  box-shadow: none;
+}
+
+.log-fill-sidebar {
+  width: 260px;
+  flex-shrink: 0;
+  padding: 6px 8px 8px;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+
+.log-fill-sidebar__title {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin: 0 0 6px;
+  font-size: 13px;
+  font-weight: 700;
+  color: #606266;
+  flex-shrink: 0;
+}
+
+.log-fill-sidebar__title-icon {
+  font-size: 16px;
+  color: $antd-blue;
+}
+
+.log-fill-sidebar__tree {
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+.log-fill-sidebar__foot {
+  flex-shrink: 0;
+  margin-top: 6px;
+  padding-top: 6px;
+  border-top: 1px solid #ebeef5;
+}
+
+.log-fill-sidebar__hint {
+  margin: 4px 0 0;
+  font-size: 12px;
+  color: #909399;
+  line-height: 1.45;
+  word-break: break-all;
+
+  &:first-child {
+    margin-top: 0;
+  }
+}
+
+.log-dept-tree {
+  flex: 1;
+  min-height: 120px;
+  height: 100%;
+  overflow: auto;
+
+  :deep(.head-container .el-input__wrapper) {
+    box-shadow: 0 1px 2px rgb(0 0 0 / 6%);
+  }
+
+  :deep(.el-tree-node__content) {
+    border-radius: 6px;
+    min-height: 36px;
+  }
+
+  :deep(.el-tree-node.is-current > .el-tree-node__content) {
+    border-right: 3px solid $antd-blue;
+    background: #e6f7ff !important;
+    color: $antd-blue;
+    font-weight: 700;
+  }
+}
+
+.log-fill-main {
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.log-fill-main__empty {
+  flex: 1;
+  min-height: max(320px, calc(100vh - var(--log-fill-chrome)));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 12px;
+}
+
+.log-fill-main__inner {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.log-fill-panel {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  position: relative;
+}
+
+.log-fill-table-scroll {
+  flex: 1;
+  min-height: 120px;
+  overflow: auto;
+  position: relative;
+}
+
+.log-fill-toolbar {
+  flex-shrink: 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px;
+  padding: 6px 10px;
+  border-bottom: 1px solid #ebeef5;
+  background: #fff;
+}
+
+.log-fill-toolbar__tabs {
+  display: flex;
+  gap: 18px;
+  flex: 1;
+}
+
+.log-fill-tab {
+  position: relative;
+  padding: 0 0 6px;
+  border: none;
+  background: none;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 500;
+  color: #c0c4cc;
+  transition: color 0.2s;
+
+  &:hover {
+    color: #606266;
+  }
+
+  &.is-active {
+    color: $antd-blue;
+    font-weight: 700;
+
+    &::after {
+      content: '';
+      position: absolute;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      height: 2px;
+      background: $antd-blue;
+      border-radius: 1px;
+    }
+  }
+}
+
+.log-fill-table {
+  width: 100%;
+  border-collapse: collapse;
+  table-layout: fixed;
+  font-size: 13px;
+  text-align: left;
+
+  thead {
+    color: #909399;
+    border-bottom: 1px solid #ebeef5;
+
+    th {
+      position: sticky;
+      top: 0;
+      z-index: 2;
+      padding: 8px 12px;
+      font-weight: 700;
+      background: #fff;
+      box-shadow: 0 1px 0 #ebeef5;
+    }
+  }
+
+  tbody {
+    color: #303133;
+
+    tr {
+      border-bottom: 1px solid #ebeef5;
+    }
+  }
+
+  .w-name {
+    width: 160px;
+  }
+
+  .w-dept {
+    width: 200px;
+  }
+
+  .w-status {
+    width: 112px;
+    text-align: center;
+    font-size: 10px;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+  }
+}
+
+.log-fill-row {
+  cursor: pointer;
+  transition: background 0.15s;
+
+  &:hover {
+    background: #fafafa;
+
+    .log-fill-content-more {
+      opacity: 1;
+    }
+  }
+
+  td {
+    padding: 8px 12px;
+    vertical-align: top;
+  }
+}
+
+.log-fill-row-unfilled {
+  td {
+    padding: 8px 12px;
+    vertical-align: middle;
+  }
+
+  &:hover {
+    background: #fafafa;
+  }
+}
+
+.log-fill-user {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.log-fill-avatar {
+  display: inline-flex;
+  width: 32px;
+  height: 32px;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: #e6f4ff;
+  color: $antd-blue;
+  font-size: 12px;
+  font-weight: 700;
+  box-shadow: 0 1px 2px rgb(0 0 0 / 6%);
+
+  &--muted {
+    background: #f0f2ff;
+    color: #6366f1;
+  }
+}
+
+.log-fill-user__name {
+  font-weight: 600;
+  color: #303133;
+}
+
+.log-fill-dept-primary {
+  font-weight: 600;
+  color: #303133;
+}
+
+.log-fill-dept-sub {
+  margin-top: 4px;
+  font-size: 10px;
+  color: #c0c4cc;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+}
+
+.log-fill-content-box {
+  position: relative;
+  padding: 6px 8px;
+  border-radius: 4px;
+  background: #fff;
+  border: 1px solid #ebeef5;
+  transition:
+    border-color 0.15s,
+    background 0.15s;
+
+  .log-fill-row:hover & {
+    border-color: #dcdfe6;
+    background: #fff;
+  }
+}
+
+.log-fill-content-cell {
+  display: -webkit-box;
+  margin: 0;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 12px;
+  line-height: 1.65;
+  color: #606266;
+}
+
+.log-fill-content-more {
+  position: absolute;
+  right: 8px;
+  bottom: 4px;
+  font-size: 10px;
+  font-weight: 700;
+  color: $antd-blue;
+  opacity: 0;
+  transition: opacity 0.15s;
+  pointer-events: none;
+}
+
+.log-fill-status {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 2px 8px;
+  border-radius: 999px;
+  font-size: 10px;
+  font-weight: 700;
+  background: #f6ffed;
+  color: #52c41a;
+  border: 1px solid #d9f7be;
+
+  &__icon {
+    font-size: 12px;
+  }
+
+  &--warn {
+    background: #fffbe6;
+    color: #d48806;
+    border-color: #ffe58f;
+  }
+}
+
+.log-fill-inner-empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 160px;
+  padding: 12px;
+}
+
+.log-fill-footer {
+  flex-shrink: 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px;
+  padding: 6px 10px;
+  border-top: 1px solid #ebeef5;
+  background: #fff;
+  font-size: 12px;
+  color: #909399;
+}
+
+.log-fill-footer__info {
+  flex: 1;
+  min-width: 200px;
+}
+
+.log-fill-pager {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.log-fill-pager__info {
+  min-width: 72px;
+  text-align: center;
+  font-size: 12px;
+  color: #606266;
+}
+
+.log-fill-muted-xs {
+  font-size: 12px;
+  color: #c0c4cc;
+}
+
+.kb-filter-form :deep(.el-form-item) {
+  margin-bottom: 12px;
+}
+
+.kb-doc-dialog__title {
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 1.4;
+  color: var(--el-text-color-primary);
+}
+
+.kb-doc-dialog__subtitle {
+  margin-top: 6px;
+  font-size: 13px;
+  color: var(--el-text-color-secondary);
+  line-height: 1.45;
+  word-break: break-all;
+}
+
+.kb-doc-meta {
+  display: grid;
+  grid-template-columns: 88px 1fr;
+  gap: 8px 12px;
+  align-items: start;
+  font-size: 13px;
+  padding: 12px 14px;
+  margin-bottom: 16px;
+  background: var(--el-fill-color-light);
+  border-radius: 8px;
+  border: 1px solid var(--el-border-color-lighter);
+}
+
+.kb-doc-meta-label {
+  color: var(--el-text-color-secondary);
+}
+
+.kb-doc-meta-value {
+  color: var(--el-text-color-primary);
+  word-break: break-all;
+}
+
+.kb-doc-meta-mono {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
+    monospace;
+  font-size: 12px;
+}
+
+.kb-doc-table {
+  border-radius: 8px;
+}
+
+.kb-doc-pagination-wrap {
+  margin-top: 16px;
+  display: flex;
+  justify-content: flex-end;
+}
+
+.kb-content-tip {
+  margin-bottom: 12px;
+}
+
+.kb-content-body {
+  min-height: 120px;
+}
+
+.kb-doc-pre {
+  margin: 0;
+  max-height: 62vh;
+  overflow: auto;
+  padding: 14px 16px;
+  font-size: 13px;
+  line-height: 1.65;
+  white-space: pre-wrap;
+  word-break: break-word;
+  background: var(--el-fill-color-blank);
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: 8px;
+}
+
+.kb-content-footer {
+  margin-top: 12px;
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+}
+
+.kb-doc-dialog {
+  :deep(.el-dialog__header) {
+    margin-right: 0;
+    padding-bottom: 14px;
+    border-bottom: 1px solid var(--el-border-color-lighter);
+  }
+  :deep(.el-dialog__body) {
+    padding-top: 16px;
+  }
+}
+
+.kb-content-dialog {
+  :deep(.el-dialog__header) {
+    margin-right: 0;
+    padding-bottom: 12px;
+    border-bottom: 1px solid var(--el-border-color-lighter);
+  }
+  :deep(.el-dialog__body) {
+    padding-top: 14px;
+  }
+}
+
+/* 日志填报 · 汇报详情：对齐每日汇报「撰写报告」版式（结构与 ReportDocumentModal 撰写区一致） */
+.daily-detail-report-dialog {
+  max-width: min(1000px, calc(100vw - 24px)) !important;
+}
+
+.daily-detail-report-dialog.is-fullscreen {
+  max-width: none !important;
+}
+
+.daily-detail-dialog.daily-detail-report-dialog.is-fullscreen :deep(.el-dialog__body) {
+  max-height: calc(100vh - 96px);
+}
+
+.daily-detail-dialog {
+  :deep(.el-dialog__header) {
+    padding-right: 0;
+    margin-right: 0;
+    border-bottom: 1px solid var(--el-border-color-lighter);
+    padding-bottom: 12px;
+  }
+
+  :deep(.el-dialog__body) {
+    max-height: min(88vh, 900px);
+    overflow-y: auto;
+    padding-top: 12px;
+  }
+}
+
+.daily-detail-dialog-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+  width: 100%;
+  padding-right: 4px;
+  box-sizing: border-box;
+}
+
+.daily-detail-dialog-header-main {
+  flex: 1;
+  min-width: 0;
+}
+
+.daily-detail-dialog-header-actions {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  flex-shrink: 0;
+  margin-top: -2px;
+}
+
+.daily-detail-header-icon-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  border-radius: 4px;
+  background: transparent;
+  color: var(--el-text-color-secondary);
+  cursor: pointer;
+}
+
+.daily-detail-header-icon-btn:hover {
+  color: var(--el-color-primary);
+  background: var(--el-fill-color-light);
+}
+
+.daily-detail-shell {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.daily-detail-shot-title {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--el-text-color-primary);
+  margin-bottom: 8px;
+}
+
+.daily-detail-shot-block {
+  padding-top: 4px;
+  border-top: 1px solid var(--el-border-color-lighter);
+}
+
+.daily-detail-shot-wrap {
+  border-radius: 8px;
+  overflow: hidden;
+  border: 1px solid var(--el-border-color-lighter);
+  background: var(--el-fill-color-light);
+  max-width: 480px;
+  margin: 0 auto;
+}
+
+.daily-detail-shot-img {
+  width: 100%;
+  max-width: 100%;
+  max-height: 200px;
+  display: block;
+  cursor: zoom-in;
+}
+
+.daily-detail-shot-img :deep(.el-image__inner) {
+  max-height: 200px;
+  object-fit: contain;
+}
+
+/* —— 以下与 ReportDocumentModal「撰写报告」同构（只读） —— */
+.daily-detail-write-like {
+  .tab-pane-content.tab-write {
+    height: auto;
+    min-height: 0;
+    max-height: min(72vh, 680px);
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .write-column {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    flex: 1;
+    min-height: 0;
+  }
+
+  .write-body-scroll {
+    flex: 1;
+    min-height: min(320px, 40vh);
+    max-height: min(68vh, 640px);
+    overflow-x: hidden;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    padding-bottom: 4px;
+    scrollbar-gutter: stable;
+  }
+
+  .write-split-row {
+    display: flex;
+    flex-direction: row;
+    align-items: stretch;
+    gap: 16px;
+    flex: 1;
+    min-height: 0;
+    min-width: 0;
+    width: 100%;
+  }
+
+  .write-main-col {
+    flex: 0 0 33.333%;
+    max-width: 33.333%;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+    overflow: hidden;
+    align-self: flex-start;
+  }
+
+  .write-detail-col {
+    flex: 1 1 0;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+    overflow: hidden;
+  }
+
+  .section {
+    background: var(--el-fill-color-blank);
+    border-radius: 10px;
+    padding: 14px 16px;
+    border: 1px solid var(--el-border-color-lighter);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
+  }
+
+  .write-section-title-row {
+    display: flex;
+    align-items: baseline;
+    flex-wrap: wrap;
+    gap: 6px 10px;
+    margin-bottom: 10px;
+  }
+
+  .write-section-title-num {
+    font-size: 16px;
+    font-weight: 700;
+    color: var(--el-text-color-primary);
+  }
+
+  .write-section-title-text {
+    font-size: 16px;
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+  }
+
+  .report-section--debrief {
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+    gap: 12px;
+  }
+
+  .report-write-card {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    min-width: 0;
+    width: 100%;
+  }
+
+  .textarea-wrap {
+    position: relative;
+  }
+
+  .report-textarea {
+    width: 100%;
+  }
+
+  .report-textarea :deep(.el-textarea__inner) {
+    font-size: 14px;
+    line-height: 1.65;
+    padding: 12px 14px;
+    box-sizing: border-box;
+    resize: none;
+    cursor: default;
+    color: var(--el-text-color-regular);
+    background: var(--el-fill-color-blank);
+  }
+
+  .detail-section-title.detail-section-title--structured {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 0;
+    margin-bottom: 10px;
+    flex-wrap: wrap;
+    width: 100%;
+    min-width: 0;
+  }
+
+  .detail-section-title-left {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 10px;
+    width: 100%;
+    min-width: 0;
+  }
+
+  .detail-ai-tag {
+    flex-shrink: 0;
+    font-weight: 600;
+  }
+
+  .detail-section-heading {
+    font-size: 15px;
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+    line-height: 1.35;
+    word-break: break-word;
+  }
+
+  .detail-section-subhint {
+    margin-left: 0 !important;
+    margin-top: 6px;
+    font-size: 12px;
+    font-weight: 400;
+    color: var(--el-text-color-secondary);
+    width: 100%;
+    line-height: 1.45;
+  }
+
+  .section-title-hint {
+    margin-left: 8px;
+    font-size: 12px;
+    font-weight: 400;
+    color: var(--el-color-warning);
+  }
+
+  .write-detail-col .detail-section {
+    flex: 1;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    border: 1px solid var(--el-border-color-lighter);
+    border-radius: 8px;
+    padding: 12px 14px 14px;
+    background: var(--el-fill-color-blank);
+    box-shadow: none;
+  }
+
+  .write-detail-col .detail-section > .detail-section-title {
+    flex-shrink: 0;
+    z-index: 1;
+    background: var(--el-fill-color-blank);
+    padding-bottom: 2px;
+    display: flex;
+    align-items: flex-start;
+    gap: 8px;
+    font-size: 15px;
+    font-weight: 600;
+    margin-bottom: 0;
+  }
+
+  .detail-form-list-wrap {
+    flex: 1 1 0;
+    min-height: min(280px, 36vh);
+    min-width: 0;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding-right: 6px;
+    scrollbar-gutter: stable;
+    overscroll-behavior: contain;
+  }
+
+  .detail-empty-readonly {
+    font-size: 13px;
+    color: var(--el-text-color-secondary);
+    padding: 16px 8px;
+    line-height: 1.5;
+  }
+
+  .detail-form-list--grid {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 12px;
+    align-items: stretch;
+    width: 100%;
+    min-width: 0;
+  }
+
+  .detail-form-card {
+    border: 1px solid var(--el-border-color-lighter);
+    border-radius: 8px;
+    padding: 12px 14px;
+    margin-bottom: 12px;
+    background: var(--el-bg-color);
+  }
+
+  .detail-form-list--grid .detail-form-card {
+    margin-bottom: 0;
+    min-width: 0;
+  }
+
+  .detail-form-card-header {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    gap: 12px;
+    margin-bottom: 8px;
+    padding-bottom: 8px;
+    border-bottom: 1px dashed var(--el-border-color-lighter);
+  }
+
+  .detail-form-card-header--readonly .detail-title-edit {
+    cursor: default;
+  }
+
+  .detail-card-index {
+    flex-shrink: 0;
+    font-size: 13px;
+    font-weight: 700;
+    color: var(--el-color-primary);
+    line-height: 1.2;
+  }
+
+  .detail-title-edit {
+    flex: 1;
+    min-width: 0;
+    border: none;
+    background: transparent;
+    font-size: 15px;
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+    line-height: 1.4;
+    padding: 4px 6px;
+    margin: -4px -6px;
+    border-radius: 4px;
+    outline: none;
+  }
+
+  .detail-vertical-form :deep(.el-form-item) {
+    margin-bottom: 14px;
+  }
+
+  .detail-vertical-form--grid :deep(.el-form-item) {
+    margin-bottom: 0;
+  }
+
+  .detail-vertical-form--grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 12px 14px;
+    align-items: start;
+  }
+
+  .detail-vertical-form--grid .detail-form-item--full {
+    grid-column: 1 / -1;
+  }
+
+  .detail-vertical-form :deep(.el-form-item__label) {
+    font-weight: 500;
+    padding-bottom: 4px;
+  }
+
+  .detail-scroll-textarea :deep(.el-textarea__inner) {
+    height: 88px;
+    min-height: 88px;
+    max-height: 88px;
+    overflow-y: auto !important;
+    overflow-x: hidden;
+    resize: none !important;
+    box-sizing: border-box;
+    cursor: default;
+    font-size: 13px;
+    line-height: 1.55;
+  }
+
+  @media (max-width: 1100px) {
+    .write-split-row {
+      flex-direction: column;
+      align-items: stretch;
+    }
+
+    .write-main-col {
+      flex: 0 0 auto;
+      max-width: none;
+      width: 100%;
+    }
+
+    .write-detail-col {
+      flex: 1 1 auto;
+      width: 100%;
+    }
+
+    .detail-form-list--grid {
+      grid-template-columns: 1fr;
+    }
+
+    .detail-vertical-form--grid {
+      grid-template-columns: 1fr;
+    }
+
+    .detail-vertical-form--grid .detail-form-item--full {
+      grid-column: auto;
+    }
+  }
+}
+</style>
diff --git a/src/views/ydoyun/report/lijun/reportpage6/aiModuleConfig.ts b/src/views/ydoyun/report/lijun/reportpage6/aiModuleConfig.ts
new file mode 100644
index 0000000..bf20554
--- /dev/null
+++ b/src/views/ydoyun/report/lijun/reportpage6/aiModuleConfig.ts
@@ -0,0 +1,14 @@
+/**
+ * ProductDashboard AI 可分析模块配置
+ * 定义任务时需列举这些模块供 AI 分析
+ */
+export const PRODUCT_DASHBOARD_COMPONENT = 'ProductDashboard'
+
+export const PRODUCT_DASHBOARD_MODULES = [
+  { key: 'kpi', name: 'KPI 指标卡片', moduleKey: `${PRODUCT_DASHBOARD_COMPONENT}:kpi` },
+  { key: 'supplier', name: '供应商表现 (Top 10)', moduleKey: `${PRODUCT_DASHBOARD_COMPONENT}:supplier` },
+  { key: 'pie', name: '中类销售排名 Top 5', moduleKey: `${PRODUCT_DASHBOARD_COMPONENT}:pie` },
+  { key: 'productList', name: '商品明细列表', moduleKey: `${PRODUCT_DASHBOARD_COMPONENT}:productList` }
+] as const
+
+export type ProductDashboardModuleKey = (typeof PRODUCT_DASHBOARD_MODULES)[number]['key']
diff --git a/src/views/ydoyun/report/lijun/reportpage6/components/AiPromptEditDialog.vue b/src/views/ydoyun/report/lijun/reportpage6/components/AiPromptEditDialog.vue
new file mode 100644
index 0000000..34a2848
--- /dev/null
+++ b/src/views/ydoyun/report/lijun/reportpage6/components/AiPromptEditDialog.vue
@@ -0,0 +1,168 @@
+<template>
+  <el-dialog
+    v-model="visible"
+    :fullscreen="isFullscreen"
+    :width="isFullscreen ? undefined : '560px'"
+    draggable
+    destroy-on-close
+    :class="['ai-prompt-dialog', { 'ai-prompt-resizable': !isFullscreen }]"
+    @closed="handleClosed"
+  >
+    <template #header>
+      <div class="ai-prompt-header">
+        <span class="ai-prompt-title">编辑 AI 提示词 - {{ moduleName }}</span>
+        <el-tooltip :content="isFullscreen ? '退出全屏' : '全屏'" placement="top">
+          <el-button link class="fullscreen-btn" @click="isFullscreen = !isFullscreen">
+            <Icon :icon="isFullscreen ? 'ep:copy-document' : 'ep:full-screen'" />
+          </el-button>
+        </el-tooltip>
+      </div>
+    </template>
+
+    <el-form label-width="100px">
+      <el-form-item label="模块">
+        <span class="module-key-text">{{ moduleKey }}</span>
+      </el-form-item>
+      <el-form-item label="提示词">
+        <el-input
+          v-model="form.prompt"
+          type="textarea"
+          :rows="isFullscreen ? 20 : 8"
+          placeholder="请输入 AI 分析任务定义，例如：请分析当前模块的销售数据，重点关注趋势和异常..."
+        />
+      </el-form-item>
+    </el-form>
+
+    <template #footer>
+      <el-button @click="visible = false">取消</el-button>
+      <el-button type="primary" :loading="saving" @click="handleSave">保存提示词</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ElMessage } from 'element-plus'
+import { Icon } from '@/components/Icon'
+import { AiModulePromptApi } from '@/api/ydoyun/aiModulePrompt'
+
+defineOptions({ name: 'AiPromptEditDialog' })
+
+const props = defineProps<{
+  modelValue: boolean
+  moduleKey: string
+  moduleName: string
+  initialPrompt?: string
+}>()
+
+const emit = defineEmits<{
+  'update:modelValue': [v: boolean]
+  saved: []
+}>()
+
+const visible = computed({
+  get: () => props.modelValue,
+  set: (v) => emit('update:modelValue', v)
+})
+
+const isFullscreen = ref(false)
+const form = reactive({ prompt: '' })
+const saving = ref(false)
+
+watch(
+  () => props.modelValue,
+  (v) => {
+    if (v) {
+      form.prompt = props.initialPrompt || ''
+      isFullscreen.value = false
+    }
+  },
+  { immediate: true }
+)
+
+const handleSave = async () => {
+  saving.value = true
+  try {
+    const componentName = props.moduleKey.split(':')[0] || 'ProductDashboard'
+    await AiModulePromptApi.save({
+      componentName,
+      moduleName: props.moduleName,
+      moduleKey: props.moduleKey,
+      prompt: form.prompt
+    })
+    ElMessage.success('保存成功')
+    visible.value = false
+    emit('saved')
+  } catch (e) {
+    ElMessage.error('保存失败')
+  } finally {
+    saving.value = false
+  }
+}
+
+const handleClosed = () => {
+  form.prompt = ''
+  isFullscreen.value = false
+}
+</script>
+
+<style scoped>
+.ai-prompt-header {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  min-width: 0;
+}
+
+.ai-prompt-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--el-text-color-primary);
+}
+
+.fullscreen-btn {
+  padding: 4px;
+  color: var(--el-text-color-regular);
+  transition: color 0.2s;
+}
+
+.fullscreen-btn:hover {
+  color: var(--el-color-primary);
+}
+
+.module-key-text {
+  font-size: 13px;
+  color: var(--el-text-color-secondary);
+}
+</style>
+
+<style>
+/* 让头部成为 flex 行，使全屏按钮与关闭按钮在同一 Y 轴对齐 */
+.ai-prompt-dialog .el-dialog__header {
+  display: flex;
+  align-items: center;
+  padding-right: var(--el-dialog-padding-primary);
+  margin-right: 0;
+  cursor: move;
+  user-select: none;
+}
+
+/* 关闭按钮随 flex 排列，取消原来的绝对定位偏移 */
+.ai-prompt-dialog .el-dialog__headerbtn {
+  position: static;
+  margin-left: 8px;
+  flex-shrink: 0;
+}
+
+/* 非全屏时启用 resize（右下角拖拽调整大小） */
+.ai-prompt-resizable.el-dialog {
+  resize: both;
+  overflow: hidden;
+  min-width: 400px;
+  min-height: 260px;
+}
+
+.ai-prompt-resizable.el-dialog .el-dialog__body {
+  overflow: auto;
+}
+</style>
diff --git a/src/views/ydoyun/report/salesdaily/index.vue b/src/views/ydoyun/report/salesdaily/index.vue
new file mode 100644
index 0000000..a18c8fc
--- /dev/null
+++ b/src/views/ydoyun/report/salesdaily/index.vue
@@ -0,0 +1,2251 @@
+<template>
+  <div ref="reportPageRootRef" class="sxrb-page">
+    <div class="top-header">
+      <div class="weather-bar">
+        <div ref="weatherPrimaryStackRef" class="weather-primary-stack">
+          <div class="weather-current">
+            <div class="weather-current-icon-wrap">
+              <el-image
+                class="weather-current-icon"
+                :src="weatherCurrent.icon"
+                fit="contain"
+              />
+            </div>
+            <div class="weather-current-body">
+              <div class="weather-current-top">
+                <span class="weather-current-city">{{ weatherCityLabel }}</span>
+                <span class="weather-current-tag">实况</span>
+              </div>
+              <div class="weather-current-bottom">
+                <span class="weather-current-temp">{{ weatherCurrent.temp }}°</span>
+                <span class="weather-current-desc">{{ weatherCurrent.desc }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 与「查询」并行请求高德天气；无数据时展示占位，有数据后替换 -->
+        <div class="weather-three-days" :style="weatherThreeDaysAlignStyle">
+          <div class="weather-three-days-row">
+            <div
+              v-for="(w, idx) in weatherThreeDays"
+              :key="w.date || idx"
+              class="weather-day-card"
+            >
+              <div class="weather-day-icon-wrap">
+                <img
+                  v-if="w.icon"
+                  class="weather-day-icon-img"
+                  :src="w.icon"
+                  alt=""
+                  loading="lazy"
+                  referrerpolicy="no-referrer"
+                />
+                <div v-else class="weather-day-icon-placeholder"></div>
+              </div>
+              <div class="weather-day-text">
+                <div class="weather-day-card-head">
+                  <span class="weather-day-week">{{ w.weekLabel }}</span>
+                  <span class="weather-day-date">{{ w.dateLabel }}</span>
+                </div>
+                <div class="weather-day-range">{{ w.range }}</div>
+                <div class="weather-day-desc" :title="w.desc">{{ w.desc }}</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="header-right">
+        <div class="header-query">
+          <el-form :inline="true" :model="queryParams" class="filter-form">
+            <el-form-item label="门店">
+              <el-select
+                v-model="queryParams.ckdm"
+                placeholder="请选择门店"
+                filterable
+                clearable
+                class="filter-control"
+              >
+                <el-option
+                  v-for="opt in storeSelectOptions"
+                  :key="opt.value"
+                  :label="opt.label"
+                  :value="opt.value"
+                />
+              </el-select>
+            </el-form-item>
+
+            <el-form-item label="日期">
+              <el-date-picker
+                v-model="queryParams.rq"
+                type="date"
+                value-format="YYYY-MM-DD"
+                placeholder="选择日期"
+                class="filter-control"
+                :disabled-date="disabledDate"
+              />
+            </el-form-item>
+
+            <el-form-item>
+              <el-button type="primary" :loading="isQuerying" @click="handleQuery">
+                <Icon icon="ep:search" />
+                查询
+              </el-button>
+            </el-form-item>
+          </el-form>
+        </div>
+        <div class="sxrb-ai-toolbar" aria-label="AI 操作">
+          <el-tooltip v-if="canEditAiModulePrompt" content="编辑提示词" placement="left">
+            <el-button text type="primary" class="sxrb-ai-btn-edit" @click="openPromptEdit">
+              <Icon icon="ep:edit-pen" class="sxrb-ai-btn-icon" />
+              提示词
+            </el-button>
+          </el-tooltip>
+          <el-button type="primary" class="sxrb-ai-btn-analyze" :loading="aiAnalyzeLoading" @click="handleAiAnalyze">
+            AI分析
+          </el-button>
+        </div>
+      </div>
+    </div>
+
+    <div class="sxrb-middle-row">
+      <div
+        class="card summary-card"
+        v-loading="isQuerying"
+        element-loading-text="加载中..."
+      >
+        <div class="card-title">全店销售达成</div>
+
+        <div class="bullet-summary">
+          <div class="bullet-container">
+            <div class="bullet-head">
+              <span class="bullet-label">今日目标完成率</span>
+              <span class="bullet-value">{{ formatPercent(todayGoalRate) }} </span>
+            </div>
+            <div class="bullet-graph">
+              <div
+                class="bullet-bar bullet-bar--today"
+                :style="{ width: clampPercent(todayGoalRate) + '%' }"
+              ></div>
+              <div class="target-marker" :style="{ left: '100%' }"></div>
+            </div>
+            <div class="bullet-time-under" aria-label="日目标金额">
+              <span class="bullet-time-label">日目标</span>
+              <span class="bullet-time-value">{{ formatMoney(todayGoalRmb) }}</span>
+            </div>
+          </div>
+
+          <div class="bullet-container">
+            <div class="bullet-head">
+              <span class="bullet-label">本月累计完成率</span>
+              <span class="bullet-value">{{ formatPercent(monthGoalRate) }}</span>
+            </div>
+            <div class="bullet-graph">
+              <div
+                class="bullet-bar bullet-bar--month"
+                :style="{ width: clampPercent(monthGoalRate) + '%' }"
+              ></div>
+              <div class="time-elapsed-line" :style="{ left: clampPercent(monthTimeProgress) + '%' }"></div>
+              <div class="target-marker" :style="{ left: '100%' }"></div>
+            </div>
+            <div class="bullet-time-under" aria-label="时间进度">
+              <span class="bullet-time-label">时间进度</span>
+              <span class="bullet-time-value">{{ formatPercent(monthTimeProgress) }}</span>
+            </div>
+          </div>
+        </div>
+
+        <div class="summary-grid">
+          <div class="stat-box highlight">
+            <span class="label">当日业绩</span>
+            <div class="value value--drss">
+              <span class="value-main">{{ formatMoney(summary.drss) }}</span>
+              <span
+                v-if="drssYesterdayCompare.show"
+                class="sub-txt stat-drss-compare"
+                :class="drssYesterdayCompare.diffClass"
+              >
+              / {{ drssYesterdayCompare.diffSigned }}
+            </span>
+            </div>
+          </div>
+          <div class="stat-box">
+            <span class="label">昨日业绩</span>
+            <div class="value">{{ formatMoney(summary.zrss) }}</div>
+          </div>
+          <div class="stat-box highlight">
+            <span class="label">当日销量</span>
+            <div class="value">{{ formatNumber(summary.drsl) }}</div>
+          </div>
+          <div class="stat-box">
+            <span class="label">昨日销量</span>
+            <div class="value">{{ formatNumber(summary.zrsl) }}</div>
+          </div>
+
+          <div class="stat-box">
+            <span class="label">同比金额描述</span>
+            <div
+              class="value"
+              :class="
+              summary.tbzz != null && summary.tbzz >= 0 ? 'sxrb-metric-up' : 'sxrb-metric-down'
+            "
+            >
+              {{ formatMoney(summary.tbje) }}<span class="sub-txt">/ {{ formatPercent(summary.tbzz) }}</span>
+            </div>
+          </div>
+          <div class="stat-box">
+            <span class="label">会员消费/会销比</span>
+            <div class="value">
+              {{ formatMoney(summary.hyxf?.member) }}<span class="sub-txt">/ {{ formatPercent(summary.hyxf?.ratio) }}</span>
+            </div>
+          </div>
+          <div class="stat-box">
+            <span class="label">小票总数/客单价</span>
+            <div class="value">
+              {{ formatNumber(summary.xpzs) }}<span class="sub-txt">/ {{ formatMoney(summary.kdj) }}</span>
+            </div>
+          </div>
+          <div class="stat-box">
+            <span class="label">件单价</span>
+            <div class="value">{{ formatMoney(summary.JDJ) }}</div>
+          </div>
+
+          <div class="stat-box">
+            <span class="label">当月累计</span>
+            <div class="value">{{ formatMoney(summary.dylj) }}</div>
+          </div>
+          <div class="stat-box">
+            <span class="label">当月目标</span>
+            <div class="value">{{ formatMoney(summary.dymb) }}</div>
+          </div>
+          <div class="stat-box">
+            <span class="label">毛利率</span>
+            <div class="value">{{ formatPercent(summary.mll) }}</div>
+          </div>
+          <div class="stat-box">
+            <span class="label">标准金额</span>
+            <div class="value">{{ formatMoney(summary.bzje) }}</div>
+          </div>
+        </div>
+      </div>
+
+      <div
+        class="card trend-card"
+        v-loading="isQuerying"
+        element-loading-text="加载中..."
+      >
+        <div class="card-title trend-title">
+          <span class="trend-title-main">时段销售趋势</span>
+          <span class="trend-title-sub">按小时 · 柱状图</span>
+        </div>
+        <div class="trend-chart-wrap">
+          <div class="trend-chart-inner">
+            <Echart
+              :options="timeSlotBarChartOptions"
+              width="100%"
+              height="100%"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div
+      class="card category-container"
+      v-loading="isQuerying"
+      element-loading-text="加载中..."
+    >
+      <div class="card-title category-title">
+        <span class="category-title-main">品类全维度分析</span>
+        <span class="category-title-sub">实收/标准/正价/特价/对比/目标</span>
+      </div>
+
+      <div class="table-scroll">
+        <table class="sxrb-table sxrb-table--sticky">
+          <thead>
+          <tr>
+            <th rowspan="2" class="sxrb-th-sticky sxrb-col-brand">品牌品类</th>
+            <th rowspan="2" class="sxrb-col-day-rate">日目标完成率</th>
+            <th rowspan="2" class="sxrb-col-month-rate">月目标完成率</th>
+            <th rowspan="2" class="sxrb-col-cat-zb">正价占比</th>
+            <th rowspan="2" class="sxrb-col-cat-zb">特价占比</th>
+            <th rowspan="2" class="sxrb-col-cat-mll">毛利率</th>
+            <th rowspan="2" class="sxrb-col-cat-jdj">件单价</th>
+            <th colspan="3">当日概况</th>
+            <th colspan="2">销售分类</th>
+            <th colspan="2">对比昨日</th>
+            <th colspan="3">进度</th>
+          </tr>
+          <tr>
+            <th>总销量</th>
+            <th>总金额</th>
+            <th>标准金额</th>
+            <th>正价(金额/量)</th>
+            <th>特价(金额/量)</th>
+            <th>销量</th>
+            <th>金额</th>
+            <th>月累计金额</th>
+            <th>日目标</th>
+            <th>月目标</th>
+          </tr>
+          </thead>
+          <tbody>
+          <tr v-for="(row, idx) in categoryRows" :key="row.PP || idx">
+            <td class="sxrb-td-sticky sxrb-col-brand">
+              <div class="sxrb-brand-cell">
+                <span class="sxrb-brand-name">{{ row.PP || '-' }}</span>
+                <span class="sxrb-brand-zb">{{ formatCategoryPpzb(row.PPZB) }}</span>
+              </div>
+            </td>
+            <td class="sxrb-col-day-rate">
+              <div class="progress-cell">
+                <div class="progress-bar-bg">
+                  <div class="progress-bar" :style="{ width: clampPercent(row.RMBDB) + '%' }"></div>
+                </div>
+                <span class="progress-text">{{ formatPercent(row.RMBDB) }}</span>
+              </div>
+            </td>
+            <td class="sxrb-col-month-rate">
+              <div class="progress-cell">
+                <div class="progress-bar-bg">
+                  <div class="progress-bar" :style="{ width: clampPercent(row.YMBDB) + '%' }"></div>
+                  <div class="progress-marker" :style="{ left: clampPercent(row.YSJJD) + '%' }"></div>
+                </div>
+                <span class="progress-text">{{ formatPercent(row.YMBDB) }}</span>
+              </div>
+            </td>
+            <td class="sxrb-col-cat-metric">{{ rawCellValue(row.ZJZB ?? row.zjzb) }}</td>
+            <td class="sxrb-col-cat-metric">{{ rawCellValue(row.TJZB ?? row.tjzb) }}</td>
+            <td class="sxrb-col-cat-metric">{{ rawCellValue(row.MLL ?? row.mll) }}</td>
+            <td class="sxrb-col-cat-metric">{{ formatMoney(row.JDJ ?? row.jdj) }}</td>
+            <td>{{ formatNumber(row.SL) }}</td>
+            <td>{{ formatMoney(row.JE) }}</td>
+            <td>{{ formatMoney(row.BZJE) }}</td>
+            <td>
+              <span class="pair pair--money-qty">{{ formatAmountSlashQuantity(row.ZJ) }}</span>
+            </td>
+            <td>
+              <span class="pair pair--money-qty">{{ formatAmountSlashQuantity(row.Tj) }}</span>
+            </td>
+            <td>{{ formatNumber(row.ZRSL) }}</td>
+            <td>{{ formatMoney(row.JE_Z) }}</td>
+            <td>{{ formatMoney(row.ZJE) }}</td>
+            <td>{{ formatMoney(row.RMBE) }}</td>
+            <td>{{ formatMoney(row.PPMB) }}</td>
+          </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+
+    <AiPromptEditDialog
+      v-if="canEditAiModulePrompt"
+      v-model="promptEditVisible"
+      :module-key="SALES_DAILY_MODULE_KEY"
+      :module-name="aiMenuModuleName"
+      :initial-prompt="promptMap[SALES_DAILY_MODULE_KEY]"
+      @saved="onPromptSaved"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import dayjs from 'dayjs'
+import type { EChartsOption } from 'echarts'
+import { useCssVar } from '@vueuse/core'
+import { computed, nextTick, onActivated, onDeactivated, onMounted, onUnmounted, reactive, ref, watch } from 'vue'
+import { useRoute } from 'vue-router'
+import { ReportApi, type ExecuteProcedureParams } from '@/api/ydoyun/report/reportpage'
+import { getWeatherAggregate } from '@/api/ydoyun/weather'
+import { useAppStore } from '@/store/modules/app'
+import { useUserStore } from '@/store/modules/user'
+import { Icon } from '@/components/Icon'
+import Echart from '@/components/Echart/src/Echart.vue'
+import { useAiAssistant } from '@/components/AiAssistant/useAiAssistant'
+import { useAiModulePromptEditor } from '@/hooks/web/useAiModulePromptEditor'
+import { ElMessage } from 'element-plus'
+import { AiModulePromptApi } from '@/api/ydoyun/aiModulePrompt'
+import AiPromptEditDialog from '../lijun/reportpage6/components/AiPromptEditDialog.vue'
+
+defineOptions({ name: 'SalesDailyAiReport' })
+
+/** 与 setPageModuleCode、AiPromptEditDialog 保存逻辑一致：component = moduleKey 冒号前一段 */
+const SALES_DAILY_COMPONENT = 'SalesDaily'
+const SALES_DAILY_MODULE_KEY = `${SALES_DAILY_COMPONENT}:main`
+
+const route = useRoute()
+/** 每日汇报模块名称：与后台菜单名称一致（meta.title），缺省为「销售日报」 */
+const aiMenuModuleName = computed(() => {
+  const t = route.meta?.title
+  return typeof t === 'string' && t.trim() ? t.trim() : '销售日报'
+})
+
+/** 查询时同步 AI 悬浮按钮加载态；每日汇报绑定本页模块 */
+const aiAssistant = useAiAssistant()
+const { setAiAssistantFabEnabled } = aiAssistant
+const { canEditAiModulePrompt } = useAiModulePromptEditor()
+
+watch(
+  aiMenuModuleName,
+  (name) => {
+    aiAssistant.setPageModuleName(name)
+  },
+  { immediate: true }
+)
+const reportPageRootRef = ref<HTMLElement | null>(null)
+
+/** 本页提示词：ydoyun_ai_module_prompt（按组件拉取 map） */
+const promptMap = ref<Record<string, string>>({})
+const promptEditVisible = ref(false)
+const aiAnalyzeLoading = ref(false)
+
+const loadPromptMap = async () => {
+  try {
+    const map = await AiModulePromptApi.getPromptMapByComponent(SALES_DAILY_COMPONENT)
+    promptMap.value = map || {}
+  } catch {
+    promptMap.value = {}
+  }
+  aiAssistant.setPagePrompt(promptMap.value[SALES_DAILY_MODULE_KEY] || null)
+}
+
+/** 每次打开编辑前拉最新，避免多人/多端保存后仍看到旧内容 */
+async function openPromptEdit() {
+  if (!canEditAiModulePrompt.value) return
+  await loadPromptMap()
+  promptEditVisible.value = true
+}
+
+async function onPromptSaved() {
+  await loadPromptMap()
+}
+
+async function handleAiAnalyze() {
+  if (!reportPageRootRef.value) {
+    ElMessage.warning('页面未就绪，请稍后重试')
+    return
+  }
+  /**
+   * 不可在调用 openWithScreenshot 之前 setPageLoading(true)：
+   * AiAssistantProvider.openWithScreenshot 在 pageLoading 为 true 时会直接 return，导致无反应。
+   * 加载态仅用本按钮的 aiAnalyzeLoading 即可。
+   */
+  aiAnalyzeLoading.value = true
+  try {
+    await loadPromptMap()
+    await nextTick()
+    await aiAssistant.openWithScreenshot(reportPageRootRef.value, {
+      moduleName: aiMenuModuleName.value,
+      moduleCode: SALES_DAILY_MODULE_KEY,
+      prompt: promptMap.value[SALES_DAILY_MODULE_KEY] || undefined,
+      pendingUserText:
+        '分析其中数据。'
+    })
+  } catch (e) {
+    console.error('AI 分析截图失败:', e)
+    ElMessage.error('截图失败，请稍后重试')
+  } finally {
+    aiAnalyzeLoading.value = false
+  }
+}
+
+const appStore = useAppStore()
+const isDark = computed(() => appStore.getIsDark)
+
+const userStore = useUserStore()
+const username = computed(() => userStore.user.username || '')
+
+/** 跟随 Element Plus 主题色与文字色（切换主题/暗黑时柱状图同步） */
+const elColorPrimary = useCssVar('--el-color-primary')
+const elTextRegular = useCssVar('--el-text-color-regular')
+const elTextSecondary = useCssVar('--el-text-color-secondary')
+const elBorderColor = useCssVar('--el-border-color')
+const elFillLight = useCssVar('--el-fill-color-light')
+const elBgColor = useCssVar('--el-bg-color')
+
+const queryDateLabel = computed(() =>
+  queryParams.rq ? dayjs(queryParams.rq).format('YYYY/M/D') : '--'
+)
+const todayLabel = computed(() => dayjs().format('YYYY/M/D'))
+
+/** 存储过程 YDY_AI_GET_QX_KEHU（@username）返回门店与城市，无数据时不回退字典 */
+const userStoreRows = ref<Array<{ ckdm: string; ckmc: string; city: string }>>([])
+
+const REPORT_ID = 1
+const PROCEDURE_SECRET = '123'
+const PROC_QX_KEHU = 'YDY_AI_GET_QX_KEHU'
+/** 时段销售趋势柱状图：YDY_AI_GET_SDXSQS(@RQ,@CKDM,@p,@username) */
+const PROC_SDXSQS = 'YDY_AI_GET_SDXSQS'
+
+const queryParams = reactive({
+  ckdm: '',
+  /** 默认查询日期：当前日期的前一天 */
+  rq: dayjs().subtract(1, 'day').format('YYYY-MM-DD')
+})
+
+const storeSelectOptions = computed(() =>
+  userStoreRows.value.map((r) => ({
+    value: r.ckdm,
+    label: r.ckmc || r.ckdm,
+    city: r.city?.trim() || ''
+  }))
+)
+
+watch(
+  storeSelectOptions,
+  (options) => {
+    if (!options.length) {
+      queryParams.ckdm = ''
+      return
+    }
+    const stillValid = options.some((o) => o.value === queryParams.ckdm)
+    if (!queryParams.ckdm || !stillValid) {
+      queryParams.ckdm = options[0].value
+    }
+  },
+  { immediate: true }
+)
+
+const disabledDate = (time: Date) => time.getTime() > Date.now()
+
+const isQuerying = ref(false)
+
+/** 无数据 / 加载中占位（与接口结构一致，有真实数据后整体替换） */
+const WEATHER_DEFAULT_ICON = '/weather-icons/02d.png'
+
+function createDefaultWeatherDays() {
+  const wz = ['日', '一', '二', '三', '四', '五', '六']
+  const out: any[] = []
+  for (let i = 0; i < 3; i++) {
+    const d = new Date()
+    d.setHours(0, 0, 0, 0)
+    d.setDate(d.getDate() + i)
+    const y = d.getFullYear()
+    const m = String(d.getMonth() + 1).padStart(2, '0')
+    const day = String(d.getDate()).padStart(2, '0')
+    out.push({
+      fxDate: `${y}-${m}-${day}`,
+      weekLabel: `周${wz[d.getDay()]}`,
+      dateLabel: `${d.getMonth() + 1}/${d.getDate()}`,
+      range: '—',
+      desc: '多云',
+      icon: WEATHER_DEFAULT_ICON
+    })
+  }
+  return out
+}
+
+function getDefaultWeatherAggregate() {
+  return {
+    cityLabel: '当地',
+    current: {
+      temp: '--',
+      desc: '多云',
+      icon: WEATHER_DEFAULT_ICON
+    },
+    days: createDefaultWeatherDays()
+  }
+}
+
+/** 高德天气聚合：cityLabel + current + days[]（接口原始值；空则交给 displayWeatherAggregate 用占位） */
+const weatherAggregate = ref<any>(null)
+
+/** 左侧「当天实况」整列高度，用于「近三天」区域严格等高（与实况卡片同高） */
+const weatherPrimaryStackRef = ref<HTMLElement | null>(null)
+const weatherPrimaryStackHeightPx = ref(0)
+let weatherPrimaryStackResizeObserver: ResizeObserver | null = null
+
+function updateWeatherPrimaryStackHeight() {
+  const el = weatherPrimaryStackRef.value
+  weatherPrimaryStackHeightPx.value = el ? Math.round(el.getBoundingClientRect().height) : 0
+}
+
+const weatherThreeDaysAlignStyle = computed(() => {
+  const h = weatherPrimaryStackHeightPx.value
+  if (h <= 0) return {}
+  const px = `${h}px`
+  return { height: px, minHeight: px, maxHeight: px }
+})
+
+function bindWeatherPrimaryStackResizeObserver() {
+  weatherPrimaryStackResizeObserver?.disconnect()
+  weatherPrimaryStackResizeObserver = null
+  updateWeatherPrimaryStackHeight()
+  const el = weatherPrimaryStackRef.value
+  if (!el || typeof ResizeObserver === 'undefined') return
+  weatherPrimaryStackResizeObserver = new ResizeObserver(() => updateWeatherPrimaryStackHeight())
+  weatherPrimaryStackResizeObserver.observe(el)
+}
+
+/** 横竖屏切换后布局帧可能晚于 resize，下一帧再量高 */
+function scheduleWeatherPrimaryStackHeight() {
+  requestAnimationFrame(() => {
+    nextTick(() => updateWeatherPrimaryStackHeight())
+  })
+}
+
+function onWeatherWindowResize() {
+  scheduleWeatherPrimaryStackHeight()
+}
+
+async function loadUserStores() {
+  try {
+    const res = await ReportApi.executeProcedureWithData({
+      reportId: REPORT_ID,
+      name: PROC_QX_KEHU,
+      p: PROCEDURE_SECRET,
+      username: username.value
+    } satisfies ExecuteProcedureParams)
+    const list = extractProcedureList(res)
+    const rows = list
+      .map((row: any) => ({
+        ckdm: String(row.CKDM ?? row.ckdm ?? '').trim(),
+        ckmc: String(row.CKMC ?? row.ckmc ?? '').trim(),
+        city: String(row.CITY ?? row.city ?? '').trim()
+      }))
+      .filter((r) => r.ckdm)
+    userStoreRows.value = rows
+  } catch (e) {
+    console.warn('加载用户门店失败:', e)
+    userStoreRows.value = []
+  }
+}
+
+/** 仅在「查询」时与报表接口并行调用，避免切换门店/日期时重复打高德导致 CUQPS 超限 */
+async function loadWeather() {
+  const opt = storeSelectOptions.value.find((o) => o.value === queryParams.ckdm)
+  const city = opt?.city?.trim()
+  if (!city) {
+    weatherAggregate.value = null
+    return
+  }
+  weatherAggregate.value = null
+  try {
+    const res: any = await getWeatherAggregate(city)
+    const payload = res?.data?.current != null ? res.data : res
+    weatherAggregate.value = payload?.current != null ? payload : null
+  } catch (e) {
+    console.warn('天气加载失败:', e)
+    weatherAggregate.value = null
+  }
+}
+
+/** 图标地址：兼容 // 协议相对 URL */
+function normalizeWeatherIconUrl(url: string): string {
+  const u = String(url || '').trim()
+  if (!u) return ''
+  if (u.startsWith('//')) return `https:${u}`
+  return u
+}
+
+/** 展示用：无接口数据或加载中时为占位，有数据后为接口数据 */
+const displayWeatherAggregate = computed(() => {
+  const v = weatherAggregate.value
+  if (!v || v.current == null) {
+    return getDefaultWeatherAggregate()
+  }
+  const days = Array.isArray(v.days) && v.days.length ? v.days : createDefaultWeatherDays()
+  return { ...v, days }
+})
+
+const weatherCityLabel = computed(() => {
+  const opt = storeSelectOptions.value.find((o) => o.value === queryParams.ckdm)
+  const city = opt?.city?.trim()
+  if (city) return city
+  return displayWeatherAggregate.value?.cityLabel || '当地'
+})
+
+const weatherCurrent = computed(() => {
+  const cur = displayWeatherAggregate.value?.current
+  return {
+    temp: cur?.temp ?? '--',
+    desc: String(cur?.desc || '').trim() || '多云',
+    icon: normalizeWeatherIconUrl(String(cur?.icon || WEATHER_DEFAULT_ICON)) || WEATHER_DEFAULT_ICON
+  }
+})
+
+/** 近三天 days[]：日期、周几、图标、最低~最高、简述（后端已格式化） */
+const weatherThreeDays = computed(() => {
+  const days = displayWeatherAggregate.value?.days
+  if (!Array.isArray(days) || !days.length) return []
+  return days.slice(0, 3).map((day: any) => ({
+    date: day.fxDate || '',
+    dateLabel: day.dateLabel || '—',
+    weekLabel: day.weekLabel || '',
+    icon: normalizeWeatherIconUrl(String(day.icon || WEATHER_DEFAULT_ICON)) || WEATHER_DEFAULT_ICON,
+    range: day.range || '—',
+    desc: day.desc || '—'
+  }))
+})
+
+watch(
+  () => [weatherAggregate.value, queryParams.rq],
+  () => nextTick(updateWeatherPrimaryStackHeight),
+  { deep: true }
+)
+
+watch(weatherPrimaryStackRef, () => nextTick(bindWeatherPrimaryStackResizeObserver), {
+  flush: 'post'
+})
+
+onActivated(() => {
+  setAiAssistantFabEnabled(true)
+})
+
+onDeactivated(() => {
+  setAiAssistantFabEnabled(false)
+})
+
+onMounted(async () => {
+  setAiAssistantFabEnabled(true)
+  aiAssistant.setPageModuleCode(SALES_DAILY_MODULE_KEY)
+  await loadPromptMap()
+  await loadUserStores()
+  await nextTick()
+  if (reportPageRootRef.value) aiAssistant.setScreenshotTarget(reportPageRootRef.value)
+  if (queryParams.ckdm && queryParams.rq) {
+    await handleQuery()
+  }
+  nextTick(() => {
+    bindWeatherPrimaryStackResizeObserver()
+    scheduleWeatherPrimaryStackHeight()
+  })
+  window.addEventListener('resize', onWeatherWindowResize)
+  window.addEventListener('orientationchange', onWeatherWindowResize)
+})
+
+onUnmounted(() => {
+  setAiAssistantFabEnabled(false)
+  window.removeEventListener('resize', onWeatherWindowResize)
+  window.removeEventListener('orientationchange', onWeatherWindowResize)
+  weatherPrimaryStackResizeObserver?.disconnect()
+  weatherPrimaryStackResizeObserver = null
+  aiAssistant.setPageModuleName(null)
+  aiAssistant.setPageModuleCode(null)
+  aiAssistant.setScreenshotTarget(null)
+  aiAssistant.setPagePrompt(null)
+  aiAssistant.setPageLoading(false)
+})
+
+const summary = reactive<any>({})
+const categoryRows = ref<any[]>([])
+/** 时段销售趋势：存储过程 YDY_AI_GET_SDXSQS 返回行（单行多列「n时金额」或多行时段+金额） */
+const timeSlotTrendRows = ref<any[]>([])
+
+function clearReactiveObject(obj: Record<string, any>) {
+  Object.keys(obj).forEach((k) => delete obj[k])
+}
+
+function extractProcedureData(res: any): any {
+  return (res as any)?.data !== undefined ? (res as any).data : res
+}
+
+function extractProcedureList(res: any): any[] {
+  const raw = extractProcedureData(res)
+  if (Array.isArray(raw)) return raw
+  if (Array.isArray(raw?.list)) return raw.list
+  if (Array.isArray(raw?.data)) return raw.data
+  return []
+}
+
+function normalizeHyxf(v: any) {
+  // 兼容：可能返回 { member, ratio } 或 "18,100/45.2"
+  if (v == null) return v
+  if (typeof v === 'object') return v
+  if (typeof v === 'string') {
+    const parts = v.split('/')
+    if (parts.length >= 2) {
+      return { member: parts[0]?.trim(), ratio: parts[1]?.trim() }
+    }
+    return { member: v.trim() }
+  }
+  return { member: v }
+}
+
+// ========= 数据获取 =========
+async function handleQuery() {
+  if (!queryParams.ckdm) {
+    ElMessage.warning('请选择门店')
+    return
+  }
+  if (!queryParams.rq) {
+    ElMessage.warning('请选择日期')
+    return
+  }
+
+  isQuerying.value = true
+  aiAssistant.setPageLoading(true)
+  try {
+    await Promise.all([
+      loadSummary(),
+      loadCategoryList(),
+      loadTimeSlotTrend(),
+      loadWeather()
+    ])
+  } catch (e) {
+    console.error('销售日报查询失败:', e)
+    ElMessage.error('销售日报查询失败，请稍后重试')
+  } finally {
+    isQuerying.value = false
+    aiAssistant.setPageLoading(false)
+  }
+}
+
+async function loadSummary() {
+  const res = await ReportApi.executeProcedureWithData({
+    reportId: REPORT_ID,
+    name: 'YDY_AI_GET_SXRB',
+    rq: queryParams.rq,
+    ckdm: queryParams.ckdm,
+    p: PROCEDURE_SECRET,
+    username: username.value
+  } satisfies ExecuteProcedureParams)
+
+  const raw = extractProcedureData(res)
+  const obj = Array.isArray(raw) ? raw[0] : raw
+
+  clearReactiveObject(summary)
+  Object.assign(summary, obj || {})
+  summary.hyxf = normalizeHyxf(summary.hyxf)
+  // 毛利率：YDY_AI_GET_SXRB 可能返回 mll / MLL / ML
+  const anySum = summary as Record<string, unknown>
+  if (anySum.mll == null && anySum.MLL != null) anySum.mll = anySum.MLL
+  if (anySum.mll == null && anySum.ML != null) anySum.mll = anySum.ML
+  // 件单价：JDJ / jdj
+  if (anySum.JDJ == null && anySum.jdj != null) anySum.JDJ = anySum.jdj
+  // 日目标金额：rmb / DRMB / drmb 兼容
+  if (anySum.DRMB == null && anySum.drmb != null) anySum.DRMB = anySum.drmb
+  if (anySum.DRMB == null && anySum.rmb != null) anySum.DRMB = anySum.rmb
+}
+
+async function loadCategoryList() {
+  const res = await ReportApi.executeProcedureWithData({
+    reportId: REPORT_ID,
+    name: 'YDY_AI_GET_PPqwd',
+    rq: queryParams.rq,
+    ckdm: queryParams.ckdm,
+    p: PROCEDURE_SECRET,
+    username: username.value
+  } satisfies ExecuteProcedureParams)
+
+  categoryRows.value = extractProcedureList(res)
+}
+
+async function loadTimeSlotTrend() {
+  try {
+    const res = await ReportApi.executeProcedureWithData({
+      reportId: REPORT_ID,
+      name: PROC_SDXSQS,
+      rq: queryParams.rq,
+      ckdm: queryParams.ckdm,
+      p: PROCEDURE_SECRET,
+      username: username.value
+    } satisfies ExecuteProcedureParams)
+
+    const raw = extractProcedureData(res)
+    if (Array.isArray(raw)) {
+      timeSlotTrendRows.value = raw
+    } else if (raw && typeof raw === 'object') {
+      timeSlotTrendRows.value = [raw]
+    } else {
+      timeSlotTrendRows.value = []
+    }
+  } catch (e) {
+    console.warn('时段销售趋势加载失败:', e)
+    timeSlotTrendRows.value = []
+  }
+}
+
+// ========= 字段归一/展示 =========
+function toFiniteNumber(v: any): number {
+  if (v == null || v === '') return NaN
+  if (typeof v === 'number') return Number.isFinite(v) ? v : NaN
+  const s = String(v).trim()
+  if (!s) return NaN
+  const cleaned = s
+    .replace(/[,\s，]/g, '')
+    .replace(/[¥￥]/g, '')
+    .replace(/%/g, '')
+  const n = Number(cleaned.replace(/[^0-9.+\-Ee]/g, ''))
+  return Number.isFinite(n) ? n : NaN
+}
+
+function normalizePercent(v: any): number {
+  const n = toFiniteNumber(v)
+  if (!Number.isFinite(n)) return 0
+  // 兼容：0.8 => 80%
+  return n <= 1 ? n * 100 : n
+}
+
+const todayGoalRate = computed(() => normalizePercent(summary.jrdcl))
+/** 全店日目标金额（RMB）；接口常见字段 rmb（YDY_AI_GET_SXRB） */
+const todayGoalRmb = computed(() => {
+  const s = summary as Record<string, unknown>
+  return (
+    s.rmb ??
+    s.RMB ??
+    s.DRMB ??
+    s.drmb ??
+    s.JRMB ??
+    s.jrmb ??
+    s.JRMBE ??
+    s.jrmbe ??
+    s.RMBE ??
+    s.rmbe
+  )
+})
+const monthGoalRate = computed(() => normalizePercent(summary.bydcl))
+const monthTimeProgress = computed(() => normalizePercent(summary.bysjjd))
+
+function clampPercent(v: any): number {
+  const n = normalizePercent(v)
+  return Math.min(100, Math.max(0, n))
+}
+
+function formatPercent(v: any): string {
+  const n = normalizePercent(v)
+  if (!Number.isFinite(n)) return '--'
+  return `${n.toFixed(1)}%`
+}
+
+/** 正价占比/特价占比/毛利率等：接口原样展示，不做 normalizePercent、不补 % */
+function rawCellValue(v: any): string {
+  if (v == null || v === '') return '-'
+  return String(v)
+}
+
+/**
+ * 品类行占比 PPZB：接口按「百分比数值」返回（0.71=0.71%、71=71%），
+ * 不可走 normalizePercent（≤1 会 *100，会把 0.71 误显示为 71%）。
+ */
+function formatCategoryPpzb(v: any): string {
+  if (v == null || v === '') return '--'
+  const n = toFiniteNumber(v)
+  if (!Number.isFinite(n)) return '--'
+  const abs = Math.abs(n)
+  if (abs < 10) {
+    return `${n.toFixed(2)}%`
+  }
+  if (n % 1 === 0) {
+    return `${Math.round(n)}%`
+  }
+  return `${n.toFixed(1)}%`
+}
+
+function formatMoney(v: any): string {
+  const n = toFiniteNumber(v)
+  if (!Number.isFinite(n)) return '--'
+  return n.toLocaleString('zh-CN', { maximumFractionDigits: 2 })
+}
+
+function formatNumber(v: any): string {
+  const n = toFiniteNumber(v)
+  if (!Number.isFinite(n)) return '--'
+  return n.toLocaleString('zh-CN', { maximumFractionDigits: 0 })
+}
+
+/** 正价/特价列：接口常为「金额/数量」一段字符串，拆开后分别按金额、件数展示 */
+function formatAmountSlashQuantity(v: any): string {
+  if (v == null || v === '') return '--'
+  if (typeof v === 'number' && Number.isFinite(v)) {
+    return formatMoney(v)
+  }
+  const s = String(v).trim()
+  if (!s) return '--'
+  const idx = s.indexOf('/')
+  if (idx === -1) {
+    return formatMoney(v)
+  }
+  const left = s.slice(0, idx).trim()
+  const right = s.slice(idx + 1).trim()
+  const moneyPart = left === '' ? '--' : formatMoney(left)
+  const qtyPart = right === '' ? '--' : formatNumber(right)
+  if (moneyPart === '--' && qtyPart === '--') return '--'
+  return `${moneyPart}/${qtyPart}`
+}
+
+/** 当日业绩 vs 昨日业绩：/ 后为差额，带 + / - 便于判断涨跌（无箭头） */
+const drssYesterdayCompare = computed(() => {
+  const dr = toFiniteNumber(summary.drss)
+  const zr = toFiniteNumber(summary.zrss)
+  if (!Number.isFinite(dr) || !Number.isFinite(zr)) {
+    return { show: false as const, diffSigned: '', diffClass: '' }
+  }
+  const diff = dr - zr
+  if (Math.abs(diff) < 0.005) {
+    return {
+      show: true as const,
+      diffSigned: formatMoney(0),
+      diffClass: 'stat-compare-flat'
+    }
+  }
+  const signed =
+    diff > 0 ? `+${formatMoney(diff)}` : `-${formatMoney(Math.abs(diff))}`
+  return {
+    show: true as const,
+    diffSigned: signed,
+    diffClass: diff > 0 ? 'sxrb-metric-up' : 'sxrb-metric-down'
+  }
+})
+
+/**
+ * 解析 YDY_AI_GET_SDXSQS 结果：
+ * - 单行：列名含「n时」「n时金额」等（与日报其它页一致）
+ * - 多行：时段列 + 金额列
+ */
+function parseSdxsqsChartData(rows: any[]): { labels: string[]; values: number[] } {
+  const empty = { labels: [] as string[], values: [] as number[] }
+  if (!Array.isArray(rows) || !rows.length) return empty
+  const row0 = rows[0]
+  if (!row0 || typeof row0 !== 'object') return empty
+
+  const pairs: { h: number; v: number }[] = []
+  for (const key of Object.keys(row0)) {
+    const m = key.match(/^(\d{1,2})\s*时/)
+    if (m) {
+      const h = parseInt(m[1], 10)
+      if (h >= 0 && h <= 23) {
+        const v = toFiniteNumber(row0[key])
+        pairs.push({ h, v: Number.isFinite(v) ? v : 0 })
+      }
+    }
+  }
+  if (pairs.length) {
+    pairs.sort((a, b) => a.h - b.h)
+    return {
+      labels: pairs.map((p) => `${p.h}:00`),
+      values: pairs.map((p) => p.v)
+    }
+  }
+
+  const hourKeys = ['SD', 'HOUR', 'sd', 'hour', '时段', 'HH', 'XS_SD']
+  const valKeys = ['JE', 'XSJE', 'JE_', 'je', 'xsje', '金额', 'AMT', '销售额']
+  const multi = rows
+    .map((r) => {
+      if (!r || typeof r !== 'object') return null
+      const hk = hourKeys.find((k) => r[k] != null && r[k] !== '')
+      const vk = valKeys.find((k) => r[k] != null && r[k] !== '')
+      if (!hk || !vk) return null
+      const h = toFiniteNumber(r[hk])
+      const v = toFiniteNumber(r[vk])
+      if (!Number.isFinite(h)) return null
+      return { h, v: Number.isFinite(v) ? v : 0 }
+    })
+    .filter((x): x is { h: number; v: number } => x != null)
+    .sort((a, b) => a.h - b.h)
+  if (multi.length) {
+    return {
+      labels: multi.map((x) => `${Math.trunc(x.h)}:00`),
+      values: multi.map((x) => x.v)
+    }
+  }
+
+  return empty
+}
+
+/** 时段销售柱状图：数据来自 YDY_AI_GET_SDXSQS */
+const timeSlotBarChartOptions = computed<EChartsOption>(() => {
+  const { labels, values } = parseSdxsqsChartData(timeSlotTrendRows.value)
+  const primary = elColorPrimary.value || '#409eff'
+  const textMuted = elTextSecondary.value || '#909399'
+  const textRegular = elTextRegular.value || '#606266'
+  const borderLine = elBorderColor.value || '#dcdfe6'
+  const split = elFillLight.value || '#ebeef5'
+  void isDark.value
+
+  const hours = labels
+  const vals = values
+
+  const series: any = {
+    name: '销售金额',
+    type: 'bar',
+    data: vals,
+    barMaxWidth: 26,
+    itemStyle: {
+      borderRadius: [4, 4, 0, 0],
+      color: primary
+    },
+    label: {
+      show: vals.length > 0,
+      position: 'top',
+      color: textRegular,
+      fontSize: 11,
+      fontWeight: 500,
+      distance: 6,
+      formatter: (params: any) => {
+        const v = params?.value
+        const n = typeof v === 'number' ? v : Number(v)
+        return Number.isFinite(n) ? n.toLocaleString('zh-CN') : ''
+      }
+    }
+  }
+
+  return {
+    backgroundColor: 'transparent',
+    color: [primary],
+    grid: { left: 8, right: 8, top: 32, bottom: 4, containLabel: true },
+    tooltip: {
+      trigger: 'axis',
+      axisPointer: { type: 'shadow' },
+      backgroundColor: elBgColor.value,
+      borderColor: borderLine,
+      textStyle: { color: textRegular, fontSize: 12 }
+    },
+    xAxis: {
+      type: 'category',
+      data: hours,
+      axisLine: { lineStyle: { color: borderLine } },
+      axisTick: { show: false },
+      axisLabel: { color: textMuted, fontSize: 10 }
+    },
+    yAxis: {
+      type: 'value',
+      splitLine: { lineStyle: { type: 'dashed', color: split } },
+      axisLabel: { color: textMuted, fontSize: 10 }
+    },
+    series: [series]
+  }
+})
+</script>
+
+<style scoped>
+/* 布局变量 + Element Plus 主题变量（随主题色/暗黑切换） */
+.sxrb-page {
+  --sxrb-gap: 8px;
+  --sxrb-card-pad: 10px 12px;
+  --sxrb-radius: 6px;
+  /* 品类表：表头两行高度与 sticky 第二行 top 必须一致，否则会露出滚动区底色形成「断层」 */
+  --sxrb-category-thead-row1: 40px;
+  --sxrb-category-thead-row2: 28px;
+  --sxrb-category-thead-h: calc(var(--sxrb-category-thead-row1) + var(--sxrb-category-thead-row2));
+  --sxrb-col-brand-w: 148px;
+
+  background: var(--el-bg-color-page);
+  color: var(--el-text-color-primary);
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  /* 抵消 AppView 的 var(--app-content-padding): 0 20px 20px 20px，避免与页面自身 padding 叠成「双倍留白」 */
+  margin: 0 -20px -20px -20px;
+  padding: 8px 10px;
+  display: grid;
+  grid-template-columns: 1.1fr 0.9fr;
+  /* 品类区随数据行数增高，不占用 1fr 折叠高度；整页纵向滚动 */
+  grid-template-rows: auto auto auto;
+  gap: var(--sxrb-gap);
+  align-items: stretch;
+  min-height: calc(100vh - 84px);
+  overflow-y: auto;
+  box-sizing: border-box;
+}
+
+.top-header {
+  grid-column: 1 / span 2;
+  background: var(--el-bg-color);
+  padding: 8px 12px;
+  border-radius: var(--sxrb-radius);
+  border: 1px solid var(--el-border-color-light);
+  display: flex;
+  justify-content: space-between;
+  /* 与左侧天气同一条带等高：右侧查询+AI 获得相同交叉轴高度 */
+  align-items: stretch;
+  box-shadow: var(--el-box-shadow-light);
+  /* 天气 + 门店/日期/查询/AI 同一行；过窄时横向滚动，不把 AI 挤到下一行 */
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  overflow-y: hidden;
+  gap: 6px 8px;
+  -webkit-overflow-scrolling: touch;
+}
+
+.weather-bar {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  /* 与右侧筛选/AI 同排时：实况 + 近三天保持同一行，避免被挤成上下两行 */
+  flex-wrap: nowrap;
+  min-width: 0;
+  flex: 1 1 auto;
+  align-self: stretch;
+  min-height: 0;
+}
+
+/* 实况区收窄（约 268px 上限），剩余宽度由「近三天」flex 吃掉 */
+.weather-primary-stack {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 6px;
+  flex: 0 1 auto;
+  width: auto;
+  max-width: min(268px, 100%);
+  min-width: 0;
+}
+
+.weather-item {
+  font-size: 12px;
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  padding-right: 15px;
+  border-right: 1px solid var(--el-border-color-lighter);
+}
+
+.weather-item:last-of-type {
+  border-right: none;
+}
+
+.weather-item.today {
+  font-weight: bold;
+  color: var(--el-color-primary);
+}
+
+.weather-meta {
+  color: var(--el-text-color-secondary);
+  font-weight: normal;
+}
+
+.weather-item.today .weather-meta {
+  color: var(--el-color-primary);
+}
+
+.weather-current {
+  display: flex;
+  align-items: stretch;
+  gap: 12px;
+  padding: 10px 14px;
+  width: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+  border-radius: 14px;
+  border: 1px solid var(--el-border-color-lighter);
+  background: linear-gradient(
+    145deg,
+    rgba(64, 158, 255, 0.12) 0%,
+    rgba(144, 147, 153, 0.06) 55%,
+    rgba(103, 194, 58, 0.08) 100%
+  );
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
+}
+
+.weather-current-icon-wrap {
+  flex-shrink: 0;
+  width: 52px;
+  height: 52px;
+  padding: 5px;
+  box-sizing: border-box;
+  border-radius: 14px;
+  overflow: hidden;
+  /* 浅冷色底：镂空/浅灰线稿图标在纯白底上易糊，衬底后轮廓更清晰 */
+  background: linear-gradient(160deg, #d9ebff 0%, #cfe2f8 45%, #c5daf3 100%);
+  border: 1px solid rgba(64, 158, 255, 0.22);
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, 0.65),
+    0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+.weather-current-icon {
+  width: 100%;
+  height: 100%;
+  display: block;
+  object-fit: contain;
+  /* 线稿图标：投影 + 略压暗，避免与浅底融在一起 */
+  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.22)) contrast(1.12) brightness(0.92);
+}
+
+.weather-current-body {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  gap: 6px;
+  min-width: 0;
+  flex: 1;
+}
+
+.weather-current-top {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+
+.weather-current-city {
+  font-size: 14px;
+  font-weight: 700;
+  letter-spacing: 0.02em;
+  color: var(--el-text-color-primary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.weather-current-tag {
+  flex-shrink: 0;
+  padding: 2px 8px;
+  border-radius: 999px;
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--el-color-primary);
+  background: rgba(64, 158, 255, 0.12);
+  border: 1px solid rgba(64, 158, 255, 0.22);
+}
+
+.weather-current-bottom {
+  display: flex;
+  align-items: baseline;
+  gap: 10px;
+  flex-wrap: wrap;
+}
+
+.weather-current-temp {
+  font-size: 22px;
+  font-weight: 800;
+  line-height: 1;
+  letter-spacing: -0.02em;
+  background: linear-gradient(120deg, var(--el-color-primary) 0%, #67c23a 100%);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+}
+
+.weather-current-desc {
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--el-text-color-secondary);
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* 近三天：高度由 weatherThreeDaysAlignStyle 与左侧「当天实况」整列一致，内部行/卡垂直铺满 */
+.weather-three-days {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  /* 略提高基础宽度，三天卡片少被压扁 */
+  flex: 1 1 340px;
+  min-width: 0;
+  min-height: 0;
+  padding-right: 10px;
+  margin-right: 2px;
+  border-right: 1px solid var(--el-border-color-lighter);
+  box-sizing: border-box;
+  overflow: hidden;
+}
+
+.weather-three-days-row {
+  flex: 1 1 auto;
+  display: flex;
+  align-items: stretch;
+  gap: 4px;
+  flex-wrap: nowrap;
+  min-height: 0;
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.weather-day-card {
+  flex: 1 1 0;
+  min-width: 0;
+  max-width: none;
+  align-self: stretch;
+  height: 100%;
+  padding: 5px 6px;
+  border-radius: 8px;
+  background: var(--el-fill-color-blank);
+  border: 1px solid var(--el-border-color-lighter);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 6px;
+  min-height: 0;
+  box-sizing: border-box;
+  transition:
+    transform 0.2s ease,
+    box-shadow 0.2s ease;
+}
+
+.weather-day-card:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.07);
+}
+
+.weather-day-text {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 3px;
+}
+
+.weather-day-card-head {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: 4px 6px;
+  line-height: 1.2;
+}
+
+.weather-day-week {
+  font-size: 10px;
+  font-weight: 700;
+  color: var(--el-text-color-primary);
+  line-height: 1.2;
+}
+
+.weather-day-date {
+  font-size: 9px;
+  font-weight: 500;
+  color: var(--el-text-color-secondary);
+  line-height: 1.2;
+}
+
+.weather-day-icon-wrap {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 32px;
+  height: 32px;
+  padding: 3px;
+  box-sizing: border-box;
+  border-radius: 10px;
+  overflow: hidden;
+  background: linear-gradient(145deg, #dceaf9 0%, #d0e2f5 100%);
+  border: 1px solid rgba(64, 158, 255, 0.18);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
+}
+
+.weather-day-icon-img {
+  width: 100%;
+  height: 100%;
+  display: block;
+  object-fit: contain;
+  border-radius: 6px;
+  vertical-align: middle;
+  filter: drop-shadow(0 1px 1.5px rgba(0, 0, 0, 0.2)) contrast(1.1) brightness(0.92);
+}
+
+.weather-day-icon-placeholder {
+  width: 24px;
+  height: 24px;
+  flex-shrink: 0;
+  border-radius: 10px;
+  background: linear-gradient(135deg, var(--el-fill-color) 0%, var(--el-fill-color-dark) 100%);
+}
+
+.weather-day-range {
+  font-size: 11px;
+  font-weight: 700;
+  text-align: left;
+  color: var(--el-text-color-primary);
+  letter-spacing: 0.01em;
+  line-height: 1.2;
+}
+
+.weather-day-desc {
+  font-size: 9px;
+  line-height: 1.35;
+  color: var(--el-text-color-secondary);
+  text-align: left;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  word-break: break-word;
+}
+
+.header-right {
+  display: flex;
+  align-items: stretch;
+  gap: 10px 12px;
+  /* 与表单、AI 同一行不换行；过窄时随顶栏横向滚动 */
+  flex: 0 1 auto;
+  min-width: 0;
+  min-height: 0;
+  justify-content: flex-start;
+  flex-wrap: nowrap;
+  align-self: stretch;
+}
+
+/* 表单区可略收缩，把一行空间让给查询+AI */
+.header-query {
+  flex: 1 1 auto;
+  min-width: 0;
+  width: auto;
+  max-width: none;
+  display: flex;
+  align-items: center;
+  align-self: stretch;
+  min-height: 0;
+}
+
+.sxrb-ai-toolbar {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 8px;
+  flex: 0 0 auto;
+  width: max-content;
+  max-width: none;
+  margin-left: auto;
+  align-self: stretch;
+  min-height: 0;
+  box-sizing: border-box;
+}
+
+.sxrb-ai-toolbar :deep(.el-button) {
+  white-space: nowrap;
+}
+
+.sxrb-ai-toolbar .sxrb-ai-btn-edit,
+.sxrb-ai-toolbar .sxrb-ai-btn-analyze {
+  width: auto;
+  flex: 0 0 auto;
+  margin: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+  min-width: 0;
+}
+
+.sxrb-ai-btn-edit :deep(.el-button__content),
+.sxrb-ai-toolbar .el-button--primary :deep(.el-button__content) {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.sxrb-ai-btn-icon {
+  font-size: 16px;
+}
+
+.filter-form {
+  margin: 0;
+}
+
+.header-query :deep(.el-form--inline) {
+  width: auto;
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.filter-form :deep(.el-form-item) {
+  margin-bottom: 0;
+  margin-left: 0;
+  margin-right: 0;
+  flex: 0 1 auto;
+  min-width: 0;
+}
+
+.filter-form :deep(.el-form-item:last-child) {
+  flex: 0 0 auto;
+  margin-right: 0;
+}
+
+.filter-form :deep(.el-form-item__label) {
+  color: var(--el-text-color-secondary);
+  font-size: 13px;
+  padding-right: 4px;
+  margin-right: 0;
+}
+
+.filter-form :deep(.el-form-item__content) {
+  margin-left: 0 !important;
+}
+
+.filter-form :deep(.filter-control) {
+  width: min(180px, 100%);
+  max-width: 100%;
+  min-width: 0;
+}
+
+.filter-form :deep(.el-input__wrapper),
+.filter-form :deep(.el-select__wrapper) {
+  border-radius: 2px;
+  box-shadow: 0 0 0 1px var(--el-border-color) inset;
+  min-height: 30px;
+}
+
+.filter-form :deep(.el-input__wrapper:hover),
+.filter-form :deep(.el-select__wrapper:hover) {
+  box-shadow: 0 0 0 1px var(--el-color-primary) inset;
+}
+
+.filter-form :deep(.el-button) {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+.card {
+  background: var(--el-bg-color);
+  border-radius: var(--sxrb-radius);
+  padding: var(--sxrb-card-pad);
+  border: 1px solid var(--el-border-color-light);
+  box-shadow: var(--el-box-shadow-light);
+}
+
+.card-title {
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 1.35;
+  margin: 0 0 10px;
+  padding: 0 0 8px 12px;
+  border-left: 3px solid var(--el-color-primary);
+  border-bottom: 1px solid var(--el-border-color-lighter);
+  color: var(--el-text-color-primary);
+}
+
+/* 中间一行：flex 交叉轴拉伸，左右两卡始终同高 */
+.sxrb-middle-row {
+  grid-column: 1 / span 2;
+  display: flex;
+  align-items: stretch;
+  gap: var(--sxrb-gap);
+  min-width: 0;
+}
+
+.summary-card {
+  flex: 1.1;
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+}
+
+.summary-card .card-title {
+  margin-bottom: 8px;
+  flex-shrink: 0;
+}
+
+.trend-card {
+  flex: 0.9;
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+}
+
+.trend-card > .card-title {
+  flex-shrink: 0;
+}
+
+.trend-title {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: 4px 10px;
+}
+
+.trend-title-main {
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--el-text-color-primary);
+}
+
+.trend-title-sub {
+  font-size: 12px;
+  font-weight: 400;
+  color: var(--el-text-color-secondary);
+  letter-spacing: 0.02em;
+}
+
+.trend-chart-wrap {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  overflow: hidden;
+}
+
+.trend-chart-inner {
+  flex: 1;
+  min-height: 160px;
+  width: 100%;
+  min-width: 0;
+}
+
+.bullet-summary {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px 14px;
+  margin-bottom: 8px;
+  flex-shrink: 0;
+}
+
+.bullet-container {
+  margin-bottom: 0;
+  min-width: 0;
+}
+
+.bullet-head {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+  margin-bottom: 8px;
+}
+
+.bullet-time-under {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 8px;
+  padding-top: 6px;
+  border-top: 1px dashed var(--el-border-color-lighter);
+  min-width: 0;
+}
+
+.bullet-time-label {
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+  font-weight: 500;
+}
+
+.bullet-time-value {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--el-text-color-regular);
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+.bullet-label {
+  font-size: 13px;
+  color: var(--el-text-color-primary);
+}
+
+.bullet-value {
+  color: var(--el-color-primary);
+  font-size: 16px;
+  font-weight: 600;
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+.bullet-graph {
+  position: relative;
+  height: 16px;
+  background: var(--el-fill-color-light);
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  margin-top: 8px;
+  overflow: visible;
+}
+
+.bullet-bar {
+  height: 16px;
+  background: var(--el-color-primary);
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 2;
+  transition: width 0.6s ease;
+  border-radius: 8px;
+}
+
+.bullet-bar--today {
+  box-shadow: 2px 0 8px color-mix(in srgb, var(--el-color-primary) 35%, transparent);
+}
+
+.bullet-bar--month {
+  opacity: 0.85;
+}
+
+.time-elapsed-line {
+  position: absolute;
+  width: 2px;
+  height: 24px;
+  background: var(--el-text-color-regular);
+  z-index: 5;
+  top: -4px;
+  border-radius: 1px;
+}
+
+.target-marker {
+  position: absolute;
+  width: 3px;
+  height: 20px;
+  background: var(--el-color-danger);
+  z-index: 5;
+  top: -2px;
+}
+
+.summary-grid {
+  flex: 1;
+  min-height: 0;
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  /* 12 格 ÷ 4 列 = 3 行，行等高铺满剩余高度 */
+  grid-template-rows: repeat(3, minmax(0, 1fr));
+  gap: 6px;
+  margin-top: 2px;
+  align-content: stretch;
+}
+
+.stat-box {
+  background: var(--el-fill-color-lighter);
+  padding: 8px 10px;
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: 4px;
+  min-height: 0;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-self: stretch;
+  box-sizing: border-box;
+}
+
+.stat-box.highlight {
+  border-color: var(--el-color-primary);
+  background: var(--el-color-primary-light-9);
+}
+
+.label {
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+  display: block;
+  margin-bottom: 4px;
+}
+
+.value {
+  font-size: 18px;
+  font-weight: bold;
+}
+
+.value--drss {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: baseline;
+  gap: 0;
+  min-width: 0;
+}
+
+.value--drss .value-main {
+  font-size: 18px;
+  font-weight: bold;
+  line-height: 1.2;
+  flex-shrink: 0;
+}
+
+.stat-drss-compare {
+  flex-shrink: 0;
+  white-space: nowrap;
+}
+
+.stat-compare-flat {
+  color: var(--el-text-color-secondary) !important;
+  font-weight: 500;
+}
+
+.sxrb-metric-up {
+  color: var(--el-color-danger);
+}
+
+.sxrb-metric-down {
+  color: var(--el-color-primary);
+}
+
+.sub-txt {
+  font-size: 11px;
+  color: var(--el-color-primary);
+  margin-left: 4px;
+  font-weight: normal;
+}
+
+.category-container {
+  grid-column: 1 / span 2;
+  display: flex;
+  flex-direction: column;
+  min-height: auto;
+  flex-shrink: 0;
+  overflow: visible;
+}
+
+.category-title {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: 4px 10px;
+}
+
+.category-title-main {
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--el-text-color-primary);
+}
+
+.category-title-sub {
+  font-size: 12px;
+  font-weight: 400;
+  color: var(--el-text-color-secondary);
+  letter-spacing: 0.02em;
+}
+
+.category-container .card-title {
+  margin-bottom: 8px;
+  flex-shrink: 0;
+}
+
+.table-scroll {
+  width: 100%;
+  flex: none;
+  /* 仅横向滚动宽表；纵向随 tbody 行数完整展开，不出现内部 y 轴滚动条 */
+  overflow-x: auto;
+  overflow-y: visible;
+  border: 1px solid var(--el-border-color-light);
+  border-radius: 4px;
+  background: var(--el-bg-color);
+  margin-top: 0;
+  -webkit-overflow-scrolling: touch;
+}
+
+.sxrb-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 13px;
+  min-width: 1200px;
+}
+
+.sxrb-table th {
+  background: var(--el-fill-color-light);
+  padding: 4px 6px;
+  border: 1px solid var(--el-border-color-lighter);
+  text-align: center;
+  white-space: nowrap;
+  font-weight: 600;
+  box-sizing: border-box;
+  vertical-align: middle;
+}
+
+.sxrb-table td {
+  padding: 5px;
+  border: 1px solid var(--el-border-color-lighter);
+  text-align: center;
+  white-space: nowrap;
+  background: var(--el-bg-color);
+}
+
+/* 表头纵向固定 + 仅「品牌品类」列横向冻结 */
+.sxrb-table--sticky thead tr:first-child th {
+  position: sticky;
+  top: 0;
+  z-index: 3;
+  background-color: var(--el-fill-color-light);
+  background-clip: padding-box;
+}
+
+/* 第一行：非 rowspan 与 rowspan 行高与第二行 sticky 的 top 严格对齐，避免横向滚动时两行之间露底断层 */
+.sxrb-table--sticky thead tr:first-child th[rowspan='2'] {
+  height: var(--sxrb-category-thead-h);
+  vertical-align: middle;
+}
+
+.sxrb-table--sticky thead tr:first-child th:not([rowspan]) {
+  height: var(--sxrb-category-thead-row1);
+  min-height: var(--sxrb-category-thead-row1);
+}
+
+.sxrb-table--sticky thead tr:nth-child(2) th {
+  position: sticky;
+  top: var(--sxrb-category-thead-row1);
+  z-index: 2;
+  background-color: var(--el-fill-color-light);
+  background-clip: padding-box;
+  height: var(--sxrb-category-thead-row2);
+  min-height: var(--sxrb-category-thead-row2);
+  box-sizing: border-box;
+}
+
+.sxrb-table--sticky thead tr:first-child th.sxrb-th-sticky {
+  z-index: 5;
+}
+
+.sxrb-table--sticky .sxrb-th-sticky,
+.sxrb-table--sticky .sxrb-td-sticky {
+  position: sticky;
+  background: var(--el-fill-color-light);
+}
+
+.sxrb-table--sticky tbody .sxrb-td-sticky {
+  background: var(--el-bg-color);
+  z-index: 1;
+}
+
+.sxrb-table--sticky .sxrb-col-brand {
+  left: 0;
+  min-width: var(--sxrb-col-brand-w);
+  max-width: 200px;
+  box-shadow: 2px 0 6px rgba(0, 0, 0, 0.06);
+  vertical-align: middle;
+}
+
+.sxrb-brand-cell {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  gap: 6px;
+  line-height: 1.35;
+  min-width: 0;
+}
+
+.sxrb-brand-name {
+  font-weight: 500;
+  color: var(--el-text-color-primary);
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.sxrb-brand-zb {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  white-space: nowrap;
+  font-size: 11px;
+  font-weight: 600;
+  line-height: 1.2;
+  letter-spacing: 0.02em;
+  color: var(--el-color-primary);
+  background: linear-gradient(
+    180deg,
+    var(--el-color-primary-light-9) 0%,
+    var(--el-fill-color-light) 100%
+  );
+  border: 1px solid var(--el-color-primary-light-5);
+  border-radius: 6px;
+  padding: 1px 6px;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
+}
+
+.sxrb-table--sticky .sxrb-col-day-rate,
+.sxrb-table--sticky .sxrb-col-month-rate {
+  min-width: 108px;
+}
+
+.sxrb-table--sticky .sxrb-col-cat-zb,
+.sxrb-table--sticky .sxrb-col-cat-mll,
+.sxrb-table--sticky .sxrb-col-cat-jdj {
+  min-width: 88px;
+  max-width: 120px;
+  white-space: nowrap;
+  text-align: center;
+}
+
+.sxrb-table--sticky td.sxrb-col-cat-metric {
+  font-size: 13px;
+  text-align: center;
+  color: var(--el-text-color-regular);
+}
+
+.sxrb-table--sticky thead tr:first-child th.sxrb-th-sticky.sxrb-col-brand {
+  z-index: 6;
+}
+
+.pair {
+  display: inline-block;
+  max-width: 150px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* 金额/量 两段，略放宽避免「/」后半段被裁掉 */
+.pair.pair--money-qty {
+  max-width: min(320px, 100%);
+}
+
+.progress-cell {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  min-width: 100px;
+}
+
+.progress-bar-bg {
+  width: 100px;
+  height: 10px;
+  background: var(--el-fill-color-dark);
+  position: relative;
+  margin: 0 auto;
+  border-radius: 1px;
+  overflow: hidden;
+}
+
+.progress-bar {
+  height: 6px;
+  background: var(--el-color-primary);
+  position: absolute;
+  left: 0;
+  top: 2px;
+  border-radius: 1px;
+}
+
+.progress-marker {
+  position: absolute;
+  width: 2px;
+  height: 10px;
+  background: var(--el-text-color-regular);
+  top: 0;
+  transform: translateX(-1px);
+}
+
+.progress-text {
+  font-size: 10px;
+  color: var(--el-text-color-secondary);
+}
+
+/* 顶栏：天气与查询条件在中等宽度下纵向排列，避免挤压 */
+@media (max-width: 1200px) {
+  .top-header {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .weather-bar {
+    width: 100%;
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .weather-primary-stack {
+    max-width: 100%;
+  }
+
+  .weather-three-days {
+    flex: 1 1 auto;
+    min-width: 0;
+    border-right: none;
+    padding-right: 0;
+    margin-right: 0;
+    padding-top: 10px;
+    margin-top: 6px;
+    border-top: 1px solid var(--el-border-color-lighter);
+    /* 竖屏仍与「当天实况」同高：由内联 style + JS 测量，勿用 !important 取消 */
+    box-sizing: border-box;
+  }
+
+  .weather-three-days-row {
+    flex-wrap: wrap;
+    gap: 6px;
+  }
+
+  .weather-day-card {
+    flex: 1 1 calc(33.333% - 6px);
+    min-width: 100px;
+  }
+
+  .header-right {
+    width: 100%;
+    justify-content: flex-start;
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    align-items: stretch;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .header-query {
+    flex: 1 1 auto;
+    min-width: 0;
+    width: auto;
+    max-width: none;
+  }
+
+  /* 与宽屏一致：门店/日期/查询/提示词/AI 同一行，过窄横向滚动 */
+  .header-query :deep(.el-form--inline) {
+    flex-wrap: nowrap;
+  }
+
+  .filter-form {
+    width: auto;
+    min-width: 0;
+    display: flex;
+    flex-wrap: nowrap;
+    align-items: center;
+    gap: 0;
+  }
+
+  .filter-form :deep(.el-form-item) {
+    margin-bottom: 0;
+    margin-left: 0;
+    margin-right: 0;
+    flex: 0 1 auto;
+    min-width: 0;
+  }
+
+  .filter-form :deep(.el-form-item:last-child) {
+    flex: 0 0 auto;
+    margin-right: 0;
+  }
+
+  .filter-form :deep(.filter-control) {
+    width: min(160px, 100%);
+    max-width: 100%;
+    min-width: 0;
+  }
+}
+
+/* 自适应：窄屏下中间两列改为上下堆叠，宫格与子弹图收紧 */
+@media (max-width: 1199px) {
+  .sxrb-page {
+    grid-template-columns: 1fr;
+  }
+
+  .sxrb-middle-row {
+    flex-direction: column;
+  }
+
+  .summary-card,
+  .trend-card {
+    flex: 1 1 auto;
+    width: 100%;
+  }
+}
+
+@media (max-width: 768px) {
+  .sxrb-page {
+    margin: 0 -20px -20px -20px;
+    padding: 8px 10px;
+  }
+
+  .summary-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    grid-template-rows: none;
+    grid-auto-rows: minmax(48px, auto);
+  }
+
+  .bullet-summary {
+    grid-template-columns: 1fr;
+    gap: 12px;
+  }
+
+  .filter-form :deep(.filter-control) {
+    width: 100%;
+    max-width: 100%;
+  }
+}
+
+@media (max-width: 480px) {
+  .summary-grid {
+    grid-template-columns: 1fr;
+    grid-template-rows: none;
+    grid-auto-rows: minmax(48px, auto);
+  }
+
+  .weather-bar {
+    gap: 8px;
+  }
+}
+</style>
+
diff --git a/src/views/ydoyun/tagconfig/EditSqlModal.vue b/src/views/ydoyun/tagconfig/EditSqlModal.vue
new file mode 100644
index 0000000..ad4ef1b
--- /dev/null
+++ b/src/views/ydoyun/tagconfig/EditSqlModal.vue
@@ -0,0 +1,450 @@
+<template>
+  <Dialog :title="'编辑SQL - ' + (tag?.name || '')" v-model="dialogVisible" width="800px" max-height="85vh">
+    <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+      <el-form-item label="标签名称">
+        <el-input :model-value="tag?.name" readonly />
+      </el-form-item>
+      <!-- 标签颜色：与生命周期类一致，显示当前颜色并可编辑 -->
+      <el-form-item label="标签颜色">
+        <div class="color-selector-row">
+          <span class="color-current-label">当前颜色：</span>
+          <span
+            class="color-dot-preview"
+            :class="{ 'no-color': !editableColor }"
+            :style="editableColor ? { backgroundColor: editableColor } : {}"
+            :title="editableColor || '未设置'"
+          ></span>
+          <span class="color-hex-text">{{ editableColor || '-' }}</span>
+          <div class="color-fixed-selector">
+            <div class="dot-group">
+              <span
+                v-for="opt in COLOR_OPTIONS"
+                :key="opt.hex"
+                :class="['color-dot', 'color-dot-clickable', opt.class, { 'color-dot-active': editableColor === opt.hex }]"
+                :title="opt.hex"
+                @click="setEditableColor(opt.hex)"
+              ></span>
+            </div>
+          </div>
+        </div>
+      </el-form-item>
+      <el-form-item label="执行SQL脚本" prop="sqlScript">
+        <div class="param-ref-row">
+          <el-button size="small" type="success" plain @click="insertInsertTemplate">
+            插入 {{ insertTableName }} 模板
+          </el-button>
+          <el-button
+            size="small"
+            class="btn-ref-color"
+            :style="{ backgroundColor: editableColor || '#409EFF', borderColor: editableColor || '#409EFF', color: '#fff' }"
+            @click="insertParamRef('颜色')"
+          >
+            引用颜色
+          </el-button>
+          <template v-if="paramListWithoutColor.length > 0">
+            <span class="param-ref-label">引用参数：</span>
+            <el-button
+              v-for="p in paramListWithoutColor"
+              :key="p"
+              size="small"
+              type="info"
+              plain
+              @click="insertParamRef(p)"
+            >
+              引用{{ p }}
+            </el-button>
+          </template>
+        </div>
+        <el-input
+          ref="sqlTextareaRef"
+          v-model="form.sqlScript"
+          type="textarea"
+          :rows="10"
+          placeholder="请输入标签同步时执行的SQL脚本，支持多行。可使用上方按钮插入参数引用，格式为 ${参数1}、${参数2} 等"
+          class="sql-script-area"
+        />
+        <div class="form-item-hint">该SQL将用于标签计算与同步，请确保语法正确。修改后需点击底部保存按钮统一保存。</div>
+        <!-- SQL 预览：文本框下方，参数代入并高亮 -->
+        <div class="sql-preview-block" v-if="form.sqlScript && paramList.length > 0">
+          <div class="sql-preview-label">SQL 预览（参数已代入）：</div>
+          <div class="sql-preview-content" v-html="previewHtml"></div>
+        </div>
+      </el-form-item>
+      <!-- 参数输入区（颜色由上方标签颜色选择器编辑，此处不重复展示） -->
+      <el-form-item label="参数值" v-if="paramListWithoutColor.length > 0">
+        <div class="preview-params">
+          <div v-for="p in paramListWithoutColor" :key="p" class="preview-param-row">
+            <span class="preview-param-label">{{ p }}：</span>
+            <el-input
+              v-model="previewParamValues[p]"
+              size="small"
+              placeholder="输入值"
+              class="preview-param-input"
+              @input="updatePreview"
+            />
+          </div>
+        </div>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button type="primary" @click="handleConfirm" :disabled="saving">确 定</el-button>
+      <el-button @click="dialogVisible = false">取 消</el-button>
+    </template>
+  </Dialog>
+</template>
+
+<script setup lang="ts">
+import type { Tag } from '@/api/ydoyun/tagconfig'
+import Dialog from '@/components/Dialog/src/Dialog.vue'
+
+defineOptions({ name: 'EditSqlModal' })
+
+const PLACEHOLDER_REG = /\$\{([^}]+)\}/g
+
+const dialogVisible = defineModel<boolean>({ default: false })
+const props = defineProps<{
+  tag: (Tag & { paramDefaults?: Record<string, string>; paramList?: string[] }) | null
+}>()
+const tag = computed(() => props.tag)
+const emit = defineEmits<{
+  (e: 'confirm', tagId: number, sqlScript: string, sqlScriptResolved: string, paramValues?: Record<string, string>): void
+}>()
+
+/** 颜色选项（与 index.vue 生命周期类一致） */
+const COLOR_OPTIONS = [
+  { hex: '#409EFF', class: 'dot-blue' },
+  { hex: '#F56C6C', class: 'dot-red' },
+  { hex: '#E6A23C', class: 'dot-yellow' },
+  { hex: '#67C23A', class: 'dot-green' }
+]
+
+const form = ref({ sqlScript: '' })
+const formRef = ref()
+const sqlTextareaRef = ref()
+const saving = ref(false)
+const editableColor = ref('')
+const previewParamValues = ref<Record<string, string>>({})
+const previewHtml = ref('')
+const rules = {
+  sqlScript: [{ required: true, message: '执行SQL脚本不能为空', trigger: 'blur' }]
+}
+
+/** 颜色以外的参数列表（颜色由上方标签颜色选择器编辑） */
+const paramListWithoutColor = computed(() =>
+  paramList.value.filter((p) => p !== '颜色')
+)
+
+const setEditableColor = (color: string) => {
+  editableColor.value = color
+  previewParamValues.value = { ...previewParamValues.value, '颜色': color }
+  updatePreview()
+}
+
+const INSERT_TABLE_MAP: Record<string, string> = {
+  product: 'ydoyun_tag_product',
+  supplier: 'ydoyun_tag_supplier',
+  store: 'ydoyun_tag_store',
+  member: 'ydoyun_tag_member'
+}
+
+const insertTableName = computed(() => {
+  const t = tag.value
+  const type = t?.type || 'product'
+  return INSERT_TABLE_MAP[type] || 'ydoyun_tag_product'
+})
+
+const paramList = computed(() => {
+  const t = tag.value
+  const fromTag = (t as any)?.paramList?.length
+    ? (t as any).paramList
+    : t?.useParams && t?.params
+      ? (t.params || '').split(',').map((s) => s.trim()).filter(Boolean)
+      : []
+  const sql = form.value.sqlScript || ''
+  const fromSql = new Set<string>()
+  let m: RegExpExecArray | null
+  const re = new RegExp(PLACEHOLDER_REG.source, 'g')
+  while ((m = re.exec(sql)) !== null) fromSql.add(m[1])
+  const combined = new Set([...fromTag, ...fromSql])
+  return Array.from(combined)
+})
+
+const escapeHtml = (s: string) => {
+  const div = document.createElement('div')
+  div.textContent = s
+  return div.innerHTML
+}
+
+const updatePreview = () => {
+  const sql = form.value.sqlScript || ''
+  const values = previewParamValues.value || {}
+  const parts: string[] = []
+  let lastIndex = 0
+  let m: RegExpExecArray | null
+  const re = new RegExp(PLACEHOLDER_REG.source, 'g')
+  while ((m = re.exec(sql)) !== null) {
+    parts.push(escapeHtml(sql.slice(lastIndex, m.index)))
+    const paramName = m[1]
+    const value = values[paramName] ?? ''
+    parts.push(`<mark class="param-value-mark">${escapeHtml(value || '?' + paramName + '?')}</mark>`)
+    lastIndex = m.index + m[0].length
+  }
+  parts.push(escapeHtml(sql.slice(lastIndex)))
+  previewHtml.value = parts.join('') || escapeHtml('（无内容）')
+}
+
+watch(
+  () => tag.value,
+  (t) => {
+    form.value.sqlScript = t?.sqlScript || ''
+    const defaults = (t as any)?.paramDefaults ?? {}
+    const init: Record<string, string> = {}
+    paramList.value.forEach((p) => {
+      init[p] = defaults[p] ?? ''
+    })
+    // 颜色参数：若 SQL 中有 ${颜色} 且未从 defaults 获取到值，则用标签当前颜色
+    if (paramList.value.includes('颜色') && (init['颜色'] === undefined || init['颜色'] === '') && t?.color) {
+      init['颜色'] = t.color
+    }
+    previewParamValues.value = init
+    // 同步到标签颜色选择器（标签颜色字段）
+    editableColor.value = init['颜色'] ?? t?.color ?? '#409EFF'
+    nextTick(updatePreview)
+  },
+  { immediate: true }
+)
+
+watch(
+  () => form.value.sqlScript,
+  () => updatePreview()
+)
+
+const insertAtCursor = (text: string) => {
+  const textarea = sqlTextareaRef.value?.$el?.querySelector('textarea')
+  if (textarea) {
+    const start = textarea.selectionStart
+    const end = textarea.selectionEnd
+    const sql = form.value.sqlScript || ''
+    form.value.sqlScript = sql.slice(0, start) + text + sql.slice(end)
+    nextTick(() => {
+      textarea.focus()
+      const newPos = start + text.length
+      textarea.setSelectionRange(newPos, newPos)
+    })
+  } else {
+    form.value.sqlScript = (form.value.sqlScript || '') + text
+  }
+}
+
+const insertInsertTemplate = () => {
+  const table = insertTableName.value
+  const template = `INSERT INTO ${table} (code, name, color)
+SELECT code, name, '\${颜色}' AS color FROM (
+  -- 在此编写您的查询逻辑，将 code、name 替换为实际字段；color 使用 \${颜色} 参数引用，同步时代入标签颜色
+  SELECT '' AS code, '' AS name FROM (SELECT 1) _ LIMIT 0
+) t
+`
+  const oldScript = form.value.sqlScript || ''
+  form.value.sqlScript = template + (oldScript ? '\n' + oldScript : '')
+  // 颜色参数默认取标签当前颜色
+  const colorVal = tag.value?.color ?? '#409EFF'
+  editableColor.value = colorVal
+  previewParamValues.value = { ...previewParamValues.value, '颜色': colorVal }
+  nextTick(() => {
+    const textarea = sqlTextareaRef.value?.$el?.querySelector('textarea')
+    if (textarea) {
+      textarea.focus()
+      textarea.setSelectionRange(0, 0)
+    }
+    updatePreview()
+  })
+}
+
+const insertParamRef = (paramName: string) => {
+  insertAtCursor(`\${${paramName}}`)
+}
+
+const substituteParams = (sql: string, values: Record<string, string>) => {
+  return sql.replace(PLACEHOLDER_REG, (_, paramName) => values[paramName] ?? '')
+}
+
+const handleConfirm = async () => {
+  await formRef.value?.validate()
+  if (!tag.value?.id) return
+  saving.value = true
+  try {
+    const sqlScript = form.value.sqlScript
+    const paramVals = { ...previewParamValues.value }
+    // 始终带上标签颜色，供父组件更新 tagColorValues 及保存
+    if (editableColor.value) paramVals['颜色'] = editableColor.value
+    const sqlScriptResolved = paramList.value.length > 0
+      ? substituteParams(sqlScript, paramVals)
+      : sqlScript
+    emit('confirm', tag.value.id, sqlScript, sqlScriptResolved, paramVals)
+    dialogVisible.value = false
+  } finally {
+    saving.value = false
+  }
+}
+</script>
+
+<style scoped>
+.param-ref-row {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+.btn-ref-color {
+  color: #fff !important;
+}
+.btn-ref-color:hover,
+.btn-ref-color:focus {
+  opacity: 0.9;
+  filter: brightness(1.1);
+}
+.param-ref-label {
+  font-size: 13px;
+  color: var(--el-text-color-regular);
+}
+.sql-script-area {
+  width: 100%;
+}
+.sql-script-area :deep(textarea) {
+  font-family: 'Monaco', 'Menlo', 'Consolas', monospace;
+  font-size: 13px;
+}
+.form-item-hint {
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+  margin-top: 4px;
+}
+.sql-preview-block {
+  margin-top: 12px;
+  border: 1px solid var(--el-border-color);
+  border-radius: 4px;
+  padding: 12px;
+  background: var(--el-fill-color-light);
+  max-height: 180px;
+  overflow: auto;
+}
+.sql-preview-label {
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+  margin-bottom: 8px;
+}
+.sql-preview-content {
+  font-family: 'Monaco', 'Menlo', 'Consolas', monospace;
+  font-size: 12px;
+  line-height: 1.6;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+.preview-params {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px 24px;
+  margin-bottom: 12px;
+}
+.preview-param-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.preview-param-label {
+  font-size: 13px;
+  color: var(--el-text-color-regular);
+  white-space: nowrap;
+}
+.preview-param-input {
+  width: 140px;
+}
+.preview-result {
+  border: 1px solid var(--el-border-color);
+  border-radius: 4px;
+  padding: 12px;
+  background: var(--el-fill-color-light);
+  max-height: 200px;
+  overflow: auto;
+}
+.preview-result-label {
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+  margin-bottom: 8px;
+}
+.preview-result-content {
+  font-family: 'Monaco', 'Menlo', 'Consolas', monospace;
+  font-size: 12px;
+  line-height: 1.6;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+:deep(.param-value-mark) {
+  background: #fff3cd;
+  color: #856404;
+  padding: 1px 4px;
+  border-radius: 2px;
+  font-weight: 500;
+}
+
+/* 标签颜色选择器（与生命周期类一致） */
+.color-selector-row {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+.color-current-label {
+  font-size: 13px;
+  color: var(--el-text-color-regular);
+}
+.color-dot-preview {
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  border: 2px solid #fff;
+  box-shadow: 0 0 0 1px #d9d9d9;
+  flex-shrink: 0;
+}
+.color-dot-preview.no-color {
+  background: #f0f0f0;
+}
+.color-hex-text {
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+  font-family: monospace;
+}
+.color-fixed-selector {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+.dot-group {
+  display: flex;
+  gap: 8px;
+}
+.color-dot {
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  display: inline-block;
+  border: 2px solid #fff;
+  box-shadow: 0 0 0 1px #d9d9d9;
+  flex-shrink: 0;
+}
+.color-dot.dot-blue { background-color: #2f54eb; }
+.color-dot.dot-red { background-color: #f5222d; }
+.color-dot.dot-yellow { background-color: #fa8c16; }
+.color-dot.dot-green { background-color: #52c41a; }
+.color-dot-clickable {
+  cursor: pointer;
+  transition: transform 0.15s;
+}
+.color-dot-clickable:hover {
+  transform: scale(1.15);
+}
+.color-dot-active {
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--el-color-primary);
+}
+</style>
diff --git a/src/views/ydoyun/tagconfig/报表库标签表建表.sql b/src/views/ydoyun/tagconfig/报表库标签表建表.sql
new file mode 100644
index 0000000..5c54b83
--- /dev/null
+++ b/src/views/ydoyun/tagconfig/报表库标签表建表.sql
@@ -0,0 +1,45 @@
+-- ========== 报表库标签表建表脚本（SQL Server 语法）==========
+-- 同步时由 initTagTables 执行，也可手动执行。color 用于保存标签颜色。
+-- ============================================================
+
+-- 删除旧表（可选，会清空数据）
+-- DROP TABLE IF EXISTS ydoyun_tag_product;
+-- DROP TABLE IF EXISTS ydoyun_tag_supplier;
+-- DROP TABLE IF EXISTS ydoyun_tag_store;
+-- DROP TABLE IF EXISTS ydoyun_tag_member;
+
+-- 创建产品标签表
+CREATE TABLE ydoyun_tag_product (
+    id BIGINT IDENTITY(1,1) PRIMARY KEY,
+    code NVARCHAR(64) NOT NULL,
+    name NVARCHAR(128) NOT NULL,
+    color NVARCHAR(32) NULL,
+    create_time DATETIME NOT NULL DEFAULT GETDATE()
+);
+
+-- 创建供货商标签表
+CREATE TABLE ydoyun_tag_supplier (
+    id BIGINT IDENTITY(1,1) PRIMARY KEY,
+    code NVARCHAR(64) NOT NULL,
+    name NVARCHAR(128) NOT NULL,
+    color NVARCHAR(32) NULL,
+    create_time DATETIME NOT NULL DEFAULT GETDATE()
+);
+
+-- 创建门店标签表
+CREATE TABLE ydoyun_tag_store (
+    id BIGINT IDENTITY(1,1) PRIMARY KEY,
+    code NVARCHAR(64) NOT NULL,
+    name NVARCHAR(128) NOT NULL,
+    color NVARCHAR(32) NULL,
+    create_time DATETIME NOT NULL DEFAULT GETDATE()
+);
+
+-- 创建会员标签表
+CREATE TABLE ydoyun_tag_member (
+    id BIGINT IDENTITY(1,1) PRIMARY KEY,
+    code NVARCHAR(64) NOT NULL,
+    name NVARCHAR(128) NOT NULL,
+    color NVARCHAR(32) NULL,
+    create_time DATETIME NOT NULL DEFAULT GETDATE()
+);
diff --git a/src/views/ydoyun/tagconfig/表结构.sql b/src/views/ydoyun/tagconfig/表结构.sql
new file mode 100644
index 0000000..da5ddc6
--- /dev/null
+++ b/src/views/ydoyun/tagconfig/表结构.sql
@@ -0,0 +1,168 @@
+-- ========== 变更说明 ==========
+-- ydoyun_tag: 【新增】sql_script_resolved；【删除】无
+-- ydoyun_tag_config: 【新增】auto_sync、product_category_ids、sync_warehouse_ids；【删除】无
+-- ydoyun_tag_sync_history: 同步主表，记录每次同步任务；【删除】无
+-- ydoyun_tag_sync_detail: 【新增】同步详情表，记录每条标签的执行情况（同步了哪些标签、执行了哪些脚本、成功与否）
+-- =============================
+
+-- ----------------------------
+-- 1. 标准标签表
+-- ----------------------------
+create table ydoyun_tag
+(
+    id                 bigint auto_increment comment '主键ID'
+        primary key,
+    name               varchar(50)                           not null comment '标签名称',
+    type               varchar(20)                           not null comment '标签类型(product/store/supplier/member)',
+    expression         varchar(200)                          null comment '标签表达式',
+    color              varchar(20)                          null comment '标签颜色',
+    sql_script         text                                 null comment 'SQL脚本(含${参数}占位符)',
+    sql_script_resolved text                                 null comment '已拼接参数的SQL，执行时直接使用',  -- 【新增】
+    use_params         tinyint(1)  default 0                 not null comment '是否代入参数(0否 1是)',
+    params             varchar(255)                         null comment '参数列表(逗号分隔)',
+    param_values       text                                 null comment '参数值 JSON，如 {"参数1":"28","参数2":"90"}',
+    creator            varchar(64) default ''               null comment '创建者',
+    create_time        datetime   default CURRENT_TIMESTAMP  not null comment '创建时间',
+    updater            varchar(64) default ''               null comment '更新者',
+    update_time        datetime   default CURRENT_TIMESTAMP  not null on update CURRENT_TIMESTAMP comment '更新时间',
+    deleted            bit        default b'0'              not null comment '是否删除',
+    tenant_id          bigint     default 0                  not null comment '租户编号',
+    constraint uk_tenant_name_type unique (tenant_id, name, type)
+) comment '标准标签表';
+
+create index idx_tenant_id on ydoyun_tag (tenant_id);
+create index idx_type on ydoyun_tag (type);
+
+-- ----------------------------
+-- 2. 标签同步配置表
+-- ----------------------------
+create table ydoyun_tag_config
+(
+    id                   bigint auto_increment comment '主键ID'
+        primary key,
+    database_id          bigint                                not null comment '同步数据源ID（ydoyun_report_database.id）',
+    cron_expression      varchar(100)                          null comment '定时任务表达式(CRON)',
+    auto_sync            tinyint(1)  default 0                 not null comment '是否开启自动同步(0否 1是)',  -- 【新增】
+    product_category_ids varchar(500)                          null comment '剔除大类(多选，逗号分隔)',  -- 【新增】
+    sync_warehouse_ids   varchar(500)                          null comment '剔除仓库(多选，逗号分隔)',  -- 【新增】
+    last_sync_time       datetime                              null comment '上次同步时间',
+    next_sync_time       datetime                              null comment '下次预计同步时间',
+    creator              varchar(64) default ''               null comment '创建者',
+    create_time          datetime   default CURRENT_TIMESTAMP  not null comment '创建时间',
+    updater              varchar(64) default ''               null comment '更新者',
+    update_time          datetime   default CURRENT_TIMESTAMP  not null on update CURRENT_TIMESTAMP comment '更新时间',
+    deleted              bit        default b'0'               not null comment '是否删除',
+    tenant_id            bigint     default 0                  not null comment '租户编号'
+) comment '标签同步配置表';
+
+create index idx_database_id on ydoyun_tag_config (database_id);
+create index idx_tenant_id on ydoyun_tag_config (tenant_id);
+
+-- ----------------------------
+-- 3. 标签同步记录表（主表）
+-- ----------------------------
+create table ydoyun_tag_sync_history
+(
+    id            bigint auto_increment comment '主键ID'
+        primary key,
+    tag_config_id bigint                                not null comment '标签同步配置ID（ydoyun_tag_config.id）',
+    sync_type     varchar(20) default 'manual'          not null comment '同步类型(manual手动/cron定时)',
+    sync_time     datetime   default CURRENT_TIMESTAMP   not null comment '同步时间',
+    sync_status   varchar(20)                            not null comment '同步状态(success成功/fail失败/partial部分成功)',
+    total_count   int        default 0                   null comment '本次同步标签总数',
+    success_count int        default 0                   null comment '成功数',
+    fail_count    int        default 0                   null comment '失败数',
+    record_count  bigint     default 0                    null comment '同步记录总数',
+    error_message varchar(500)                           null comment '汇总错误信息（如有）',
+    creator       varchar(64) default ''                null comment '创建者',
+    create_time   datetime   default CURRENT_TIMESTAMP   not null comment '创建时间',
+    updater       varchar(64) default ''                 null comment '更新者',
+    update_time   datetime   default CURRENT_TIMESTAMP   not null on update CURRENT_TIMESTAMP comment '更新时间',
+    deleted       bit        default b'0'                not null comment '是否删除',
+    tenant_id     bigint     default 0                   not null comment '租户编号'
+) comment '标签同步记录表（主表）';
+
+create index idx_sync_time on ydoyun_tag_sync_history (sync_time);
+create index idx_tag_config_id on ydoyun_tag_sync_history (tag_config_id);
+create index idx_tenant_id on ydoyun_tag_sync_history (tenant_id);
+
+-- ----------------------------
+-- 4. 标签同步详情表（每条标签的执行明细）
+-- ----------------------------
+create table ydoyun_tag_sync_detail
+(
+    id              bigint auto_increment comment '主键ID'
+        primary key,
+    sync_history_id bigint                                not null comment '同步记录ID（ydoyun_tag_sync_history.id）',
+    tag_id          bigint                                not null comment '标签ID（ydoyun_tag.id）',
+    tag_name        varchar(50)                           null comment '标签名称',
+    tag_type        varchar(20)                           null comment '标签类型',
+    sql_executed    text                                  null comment '实际执行的SQL脚本',
+    exec_status     varchar(20)                           not null comment '执行状态(success/fail)',
+    record_count    bigint     default 0                   null comment '影响记录数',
+    error_message   varchar(1000)                         null comment '错误信息（失败时）',
+    exec_order      int        default 0                   null comment '执行顺序',
+    creator         varchar(64) default ''                null comment '创建者',
+    create_time     datetime   default CURRENT_TIMESTAMP   not null comment '创建时间',
+    updater         varchar(64) default ''                 null comment '更新者',
+    update_time     datetime   default CURRENT_TIMESTAMP   not null on update CURRENT_TIMESTAMP comment '更新时间',
+    deleted         bit        default b'0'               not null comment '是否删除',
+    tenant_id       bigint     default 0                  not null comment '租户编号'
+) comment '标签同步详情表（每条标签的执行明细）';
+
+create index idx_sync_history_id on ydoyun_tag_sync_detail (sync_history_id);
+create index idx_tag_id on ydoyun_tag_sync_detail (tag_id);
+create index idx_tenant_id on ydoyun_tag_sync_detail (tenant_id);
+
+
+-- ========== 已有表时的增量修改 SQL ==========
+
+-- ydoyun_tag 【新增】sql_script_resolved
+ALTER TABLE ydoyun_tag ADD COLUMN sql_script_resolved text null comment '已拼接参数的SQL，执行时直接使用' AFTER sql_script;
+
+-- ydoyun_tag 【新增】param_values
+ALTER TABLE ydoyun_tag ADD COLUMN param_values text null comment '参数值 JSON，如 {"参数1":"28","参数2":"90"}' AFTER params;
+
+-- ydoyun_tag_config 【新增】auto_sync、product_category_ids、sync_warehouse_ids
+ALTER TABLE ydoyun_tag_config ADD COLUMN auto_sync tinyint(1) default 0 not null comment '是否开启自动同步(0否 1是)' AFTER cron_expression;
+ALTER TABLE ydoyun_tag_config ADD COLUMN product_category_ids varchar(500) null comment '剔除大类(多选，逗号分隔)' AFTER auto_sync;
+ALTER TABLE ydoyun_tag_config ADD COLUMN sync_warehouse_ids varchar(500) null comment '剔除仓库(多选，逗号分隔)' AFTER auto_sync;
+
+-- ydoyun_tag_sync_history 【新增】total_count、success_count、fail_count（若原表无则添加）
+ALTER TABLE ydoyun_tag_sync_history ADD COLUMN total_count int default 0 null comment '本次同步标签总数' AFTER sync_status;
+ALTER TABLE ydoyun_tag_sync_history ADD COLUMN success_count int default 0 null comment '成功数' AFTER total_count;
+ALTER TABLE ydoyun_tag_sync_history ADD COLUMN fail_count int default 0 null comment '失败数' AFTER success_count;
+
+-- ydoyun_tag_sync_detail 【新增】整张表（若不存在则执行下方建表）
+-- 若已有 ydoyun_tag_sync_history，需先执行上方的 ALTER，再执行下方建表
+CREATE TABLE IF NOT EXISTS ydoyun_tag_sync_detail
+(
+    id              bigint auto_increment comment '主键ID' primary key,
+    sync_history_id bigint       not null comment '同步记录ID（ydoyun_tag_sync_history.id）',
+    tag_id          bigint       not null comment '标签ID（ydoyun_tag.id）',
+    tag_name        varchar(50)  null comment '标签名称',
+    tag_type        varchar(20)  null comment '标签类型',
+    sql_executed    text         null comment '实际执行的SQL脚本',
+    exec_status     varchar(20)  not null comment '执行状态(success/fail)',
+    record_count    bigint default 0 null comment '影响记录数',
+    error_message   varchar(1000) null comment '错误信息（失败时）',
+    exec_order      int default 0 null comment '执行顺序',
+    creator         varchar(64) default '' null comment '创建者',
+    create_time     datetime default CURRENT_TIMESTAMP not null comment '创建时间',
+    updater         varchar(64) default '' null comment '更新者',
+    update_time     datetime default CURRENT_TIMESTAMP not null on update CURRENT_TIMESTAMP comment '更新时间',
+    deleted         bit default b'0' not null comment '是否删除',
+    tenant_id       bigint default 0 not null comment '租户编号'
+) comment '标签同步详情表（每条标签的执行明细）';
+CREATE INDEX idx_sync_history_id ON ydoyun_tag_sync_detail (sync_history_id);
+CREATE INDEX idx_tag_id ON ydoyun_tag_sync_detail (tag_id);
+CREATE INDEX idx_tenant_id ON ydoyun_tag_sync_detail (tenant_id);
+
+
+-- ========== 报表库标签表（ydoyun_tag_*）新增 color 字段 ==========
+-- 以下表在报表数据库中，用于同步标签数据。若表已存在且需保留数据，可执行以下 SQL Server 语法：
+-- ALTER TABLE ydoyun_tag_product ADD color NVARCHAR(32) NULL;
+-- ALTER TABLE ydoyun_tag_supplier ADD color NVARCHAR(32) NULL;
+-- ALTER TABLE ydoyun_tag_store ADD color NVARCHAR(32) NULL;
+-- ALTER TABLE ydoyun_tag_member ADD color NVARCHAR(32) NULL;
+-- 注：执行「初始化标签库」会删除并重建这些表，新表已包含 color 字段。
diff --git a/src/views/ydoyun/日报表 - 副本1.HTML b/src/views/ydoyun/日报表 - 副本1.HTML
new file mode 100644
index 0000000..c133289
--- /dev/null
+++ b/src/views/ydoyun/日报表 - 副本1.HTML	
@@ -0,0 +1,297 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <title>销售日报</title>
+    <style>
+        :root {
+            --bg: #f0f2f5;
+            --panel: #ffffff;
+            --primary: #1890ff; 
+            --target: #ff4d4f; /* 最终目标线 */
+            --time-marker: #262626; /* 时间进度线 */
+            --text-main: #262626;
+            --text-sub: #8c8c8c;
+            --border: #f0f0f0;
+        }
+
+        body {
+            background: var(--bg);
+            color: var(--text-main);
+            font-family: -apple-system, sans-serif;
+            margin: 0; padding: 15px;
+            display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 15px;
+        }
+
+        /* 顶部导航优化 */
+        .top-header {
+            grid-column: 1 / span 2;
+            background: var(--panel);
+            padding: 8px 15px;
+            border-radius: 4px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            box-shadow: 0 1px 4px rgba(0,0,0,0.05);
+            margin-bottom: -10px;
+        }
+
+        .weather-bar {
+            display: flex;
+            align-items: center;
+            gap: 15px;
+        }
+
+        .weather-item {
+            font-size: 12px;
+            display: flex;
+            align-items: center;
+            gap: 5px;
+            padding-right: 15px;
+            border-right: 1px solid var(--border);
+        }
+        .weather-item:last-child { border-right: none; }
+        .weather-item.today { font-weight: bold; color: var(--primary); }
+
+        .header-right {
+            display: flex;
+            align-items: center;
+            gap: 15px;
+        }
+
+        .filter-select {
+            padding: 4px 8px;
+            border: 1px solid #d9d9d9;
+            border-radius: 2px;
+            font-size: 13px;
+            outline: none;
+        }
+
+        .card { background: var(--panel); border-radius: 4px; padding: 10px; box-shadow: 0 1px 4px rgba(0,0,0,0.05); }
+        .card-title { font-size: 1rem; font-weight: bold; margin-bottom: 15px; border-left: 4px solid var(--primary); padding-left: 10px; }
+
+        /* 子弹图样式 */
+        .bullet-container { margin-bottom: 20px; }
+        .bullet-graph {
+            position: relative; height: 26px;  
+            border-radius: 2px; display: flex; align-items: center; margin-top: 8px;
+        }
+        .bullet-bar {
+            height: 14px; background: var(--primary); position: absolute; left: 0; 
+            z-index: 2; transition: width 0.6s ease;
+        }
+        .time-elapsed-line {
+            position: absolute; width: 3px; height: 26px; background: var(--time-marker);
+            z-index: 5; top: 0;
+        }
+        .target-marker {
+            position: absolute; width: 3px; height: 22px; background: var(--target);
+            z-index: 5; top: 2px;
+        }
+        .bullet-labels { display: flex; justify-content: space-between; font-size: 11px; color: var(--text-sub); margin-top: 5px; }
+
+        /* 12宫格 */
+        .summary-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
+        .stat-box { background: #fafafa; padding: 10px; border: 1px solid var(--border); border-radius: 2px; }
+        .stat-box.highlight { border-color: var(--primary); background: #e6f7ff; }
+        .label { font-size: 12px; color: var(--text-sub); display: block; margin-bottom: 4px; }
+        .value { font-size: 18px; font-weight: bold; }
+        .sub-txt { font-size: 11px; color: var(--primary); margin-left: 4px; font-weight: normal; }
+
+        /* 品类表格 */
+        .category-container { grid-column: 1 / span 2; }
+        table { width: 100%; border-collapse: collapse; font-size: 13px; }
+        th { background: #fafafa; padding: 1px; border: 1px solid var(--border); }
+        td { padding: 5px; border: 1px solid var(--border); text-align: center; }
+    </style>
+</head>
+<body>
+
+<div class="top-header">
+    <div class="weather-bar">    <h2 style="margin:0; color: var(--primary); font-size: 1.2rem; margin-right: 10px;">销售日报</h2>
+        <div class="weather-item"><span>昨日</span> <span>12/18° ☁️</span></div>
+        <div class="weather-item today"><span>今日</span> <span>14/22° ☀️</span></div>
+        <div class="weather-item"><span>3/25</span> <span>15/24° 🌧️</span></div>
+        <div class="weather-item"><span>3/26</span> <span>11/19° ☁️</span></div>
+        <div class="weather-item"><span>3/27</span> <span>10/17° ⛅</span></div>
+    </div>
+    
+    <div class="header-right">
+    
+        <select class="filter-select">
+            <option>全部店铺 (衣世界)</option>
+        </select>
+        <input type="date" class="filter-select" value="2026-03-24">
+        
+    </div>
+</div>
+<div class="card">
+    <div class="card-title">全店销售达成</div>
+    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 60px; ">
+        
+        <div class="bullet-container">
+            <div style="display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 8px;">
+                <span style="font-size: 13px; color: var(--text-main);">今日目标完成率</span>
+                <span style="color: var(--primary); font-size: 16px; font-weight: 600; font-family: 'Arial';">80.1%</span>
+            </div>
+            <div class="bullet-graph" style="background: #f5f5f5; height: 16px; border-radius: 8px;">
+                <div class="bullet-bar" style="width: 80.1%; height: 16px; border-radius: 8px; box-shadow: 2px 0 4px rgba(24,144,255,0.2);"></div>
+                <div class="time-elapsed-line" style="left: 75%; height: 24px; top: -4px; background: #595959; width: 2px; border-radius: 1px;"></div> 
+                <div class="target-marker" style="left: 100%; height: 20px; top: -2px; background: var(--target); width: 3px;"></div> 
+            </div>
+            <div class="bullet-labels" style="margin-top: 10px;">
+                <span>0</span>
+                <span style="background: #eee; padding: 2px 6px; border-radius: 10px;">时间进度: 75%</span>
+                <span style="color: var(--target)">目标: 100%</span>
+            </div>
+        </div>
+
+        <div class="bullet-container">
+            <div style="display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 8px;">
+                <span style="font-size: 13px; color: var(--text-main);">本月累计完成率</span>
+                <span style="color: var(--primary); font-size: 16px; font-weight: 600; font-family: 'Arial';">52.4%</span>
+            </div>
+            <div class="bullet-graph" style="background: #f5f5f5; height: 16px; border-radius: 8px;">
+                <div class="bullet-bar" style="width: 52.4%; height: 16px; border-radius: 8px; opacity: 0.85;"></div>
+                <div class="time-elapsed-line" style="left: 77%; height: 24px; top: -4px; background: #595959; width: 2px; border-radius: 1px;"></div>
+                <div class="target-marker" style="left: 100%; height: 20px; top: -2px; background: var(--target); width: 3px;"></div>
+            </div>
+            <div class="bullet-labels" style="margin-top: 10px;">
+                <span>0</span>
+                <span style="background: #eee; padding: 2px 6px; border-radius: 10px;">时间进度: 77%</span>
+                <span style="color: var(--target)">目标: 100%</span>
+            </div>
+        </div>
+    </div>
+
+    <div class="summary-grid">
+        <div class="stat-box highlight"><span class="label">当日实收</span><div class="value">40,042</div></div>
+        <div class="stat-box"><span class="label">昨日实收</span><div class="value">42,935</div></div>
+        <div class="stat-box highlight"><span class="label">当日销量</span><div class="value">1,751</div></div>
+        <div class="stat-box"><span class="label">昨日销量</span><div class="value">1,925</div></div>
+
+        <div class="stat-box"><span class="label">同比增长</span><div class="value" style="color:#f5222d">+11.4%</div></div>
+        <div class="stat-box"><span class="label">会员消费 / 会销比</span><div class="value">18,100<span class="sub-txt">/ 45.2%</span></div></div>
+        <div class="stat-box"><span class="label">小票总数 / 客单价</span><div class="value">648<span class="sub-txt">/ ¥61.8</span></div></div>
+        <div class="stat-box"><span class="label">去年同期</span><div class="value">35,946</div></div>
+
+        <div class="stat-box"><span class="label">标准金额</span><div class="value">49,218</div></div>
+        <div class="stat-box"><span class="label">当月累计</span><div class="value">629,412</div></div>
+        <div class="stat-box"><span class="label">当月目标</span><div class="value">1,200,000</div></div>
+        <div class="stat-box"><span class="label">毛利预估</span><div class="value">--</div></div>
+    </div>
+</div>
+
+<div class="card">
+    <div class="card-title">时段销售趋势 (平滑曲线图)</div>
+    <div style="position: relative; height: 180px;">
+        <svg viewBox="0 0 1000 120" preserveAspectRatio="none" style="width: 100%; height: 100%;">
+            <defs>
+                <linearGradient id="area" x1="0%" y1="0%" x2="0%" y2="100%">
+                    <stop offset="0%" style="stop-color:#1890ff; stop-opacity:0.3" />
+                    <stop offset="100%" style="stop-color:#1890ff; stop-opacity:0" />
+                </linearGradient>
+            </defs>
+            <path d="M0,120 C150,120 250,30 350,25 C450,20 550,110 650,45 C750,-10 850,120 1000,120 L1000,120 L0,120 Z" fill="url(#area)" />
+            <path d="M0,120 C150,120 250,30 350,25 C450,20 550,110 650,45 C750,-10 850,120 1000,120" stroke="#1890ff" stroke-width="3" fill="none" />
+            <line x1="750" y1="0" x2="750" y2="120" stroke="var(--time-marker)" stroke-dasharray="4" stroke-width="1" />
+        </svg>
+        <div style="display:flex; justify-content:space-between; font-size:10px; color:#8c8c8c; margin-top:10px;">
+            <span>8:00</span><span>11:00</span><span>14:00</span><span>17:00 (18:30处线)</span><span>20:00</span><span>23:00</span>
+        </div>
+    </div>
+</div>
+ 
+<div class="card category-container">
+    <div class="card-title">品类全维度深度分析 (实收/标准/正价/特价/对比/目标)</div>
+    <table>
+        <thead>
+            <tr>
+                <th rowspan="2">品牌品类</th>
+                <th colspan="4">当日概况</th>
+                <th colspan="2">销售分类</th>
+                <th colspan="2">对比昨日</th>
+                <th colspan="4">进度</th>
+            </tr>
+            <tr>
+                <th>总销量</th>
+                <th>总金额</th>
+                <th>标准金额</th>
+                <th>成本</th>
+                <th>正价(金额/量)</th>
+                <th>特价(金额/量)</th>
+                <th>销量</th>
+                <th>金额</th>
+                <th>月累计金额</th>
+                <th>日目标</th>
+                <th>日目标对比</th>
+                <th>月目标</th>
+                <th>月目标对比</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <td>女装</td><td>193</td><td>10,799</td><td>15,105</td><td>--</td>
+                <td>9,152 / 137</td><td>1,647 / 56</td>
+                <td>185</td><td>9,726</td><td>163,826</td><td>252,000</td>
+                <td>
+                    <div style="width:100px; height:10px; background:#eee; position:relative; margin:0 auto;">
+                        <div style="width:65%; height:6px; background:var(--primary); margin-top:2px; position:absolute;"></div>
+                        <div style="width:2px; height:10px; background:var(--time-marker); position:absolute; left:77%;"></div>
+                    </div>
+                </td><td>252,000</td>
+                <td>
+                    <div style="width:100px; height:10px; background:#eee; position:relative; margin:0 auto;">
+                        <div style="width:65%; height:6px; background:var(--primary); margin-top:2px; position:absolute;"></div>
+                        <div style="width:2px; height:10px; background:var(--time-marker); position:absolute; left:77%;"></div>
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td>男装</td><td>132</td><td>8,908</td><td>10,714</td><td>--</td>
+                <td>6,969 / 79</td><td>1,939 / 53</td>
+                <td>156</td><td>9,299</td><td>136,944</td><td>318,000</td>
+                <td>
+                    <div style="width:100px; height:10px; background:#eee; position:relative; margin:0 auto;">
+                        <div style="width:43%; height:6px; background:var(--primary); margin-top:2px; position:absolute;"></div>
+                        <div style="width:2px; height:10px; background:var(--time-marker); position:absolute; left:77%;"></div>
+                    </div>
+                </td><td>252,000</td>
+                <td>
+                    <div style="width:100px; height:10px; background:#eee; position:relative; margin:0 auto;">
+                        <div style="width:65%; height:6px; background:var(--primary); margin-top:2px; position:absolute;"></div>
+                        <div style="width:2px; height:10px; background:var(--time-marker); position:absolute; left:77%;"></div>
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td>童装</td><td>137</td><td>5,978</td><td>6,914</td><td>--</td>
+                <td>4,666 / 82</td><td>1,196 / 51</td>
+                <td>158</td><td>6,926</td><td>54,634</td><td>120,000</td>
+                <td>
+                    <div style="width:100px; height:10px; background:#eee; position:relative; margin:0 auto;">
+                        <div style="width:45%; height:6px; background:var(--primary); margin-top:2px; position:absolute;"></div>
+                        <div style="width:2px; height:10px; background:var(--time-marker); position:absolute; left:77%;"></div>
+                    </div>
+                </td><td>252,000</td>
+                <td>
+                    <div style="width:100px; height:10px; background:#eee; position:relative; margin:0 auto;">
+                        <div style="width:65%; height:6px; background:var(--primary); margin-top:2px; position:absolute;"></div>
+                        <div style="width:2px; height:10px; background:var(--time-marker); position:absolute; left:77%;"></div>
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td style="font-weight: bold">总计</td>
+                <td style="font-weight: bold">1,751</td>
+                <td style="font-weight: bold">40,042</td>
+                <td>--</td><td>--</td>
+                <td>31,617</td><td>8,425</td>
+                <td>1,925</td><td>42,935</td>
+                <td>629,412</td><td>1,200,000</td><td>--</td>
+            </tr>
+        </tbody>
+    </table>
+</div>
+</body>
+</html>
\ No newline at end of file