From f6fedde26e18eae6c2966b0c9cb0a09a10be232c Mon Sep 17 00:00:00 2001
From: ZLI263 <zhonghua.li.2@volvocars.com>
Date: Sun, 21 Sep 2025 21:26:38 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E5=AE=A2=E6=88=B7=E7=94=BB?=
 =?UTF-8?q?=E5=83=8F=EF=BC=8C=E5=93=81=E7=89=8C=E5=88=86=E6=9E=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/audio-statistics.js               |   62 ++
 src/api/brand-analysis.js                 |   62 ++
 src/api/customer-profile.js               |   67 ++
 src/views/audio-statistics/index.vue      |  259 +++++
 src/views/dashboard/data-dashboard.vue    |  482 ++++++++++
 src/views/dealership/brand-analysis.vue   |  533 +++++++++++
 src/views/dealership/customer-profile.vue | 1040 +++++++++++++++++++++
 src/views/knowledge/dialogue-mining.vue   |  233 +++++
 src/views/knowledge/index.vue             |  137 +++
 src/views/knowledge/knowledge-base.vue    |  363 +++++++
 src/views/knowledge/terminology.vue       |  408 ++++++++
 11 files changed, 3646 insertions(+)
 create mode 100644 src/api/audio-statistics.js
 create mode 100644 src/api/brand-analysis.js
 create mode 100644 src/api/customer-profile.js
 create mode 100644 src/views/audio-statistics/index.vue
 create mode 100644 src/views/dashboard/data-dashboard.vue
 create mode 100644 src/views/dealership/brand-analysis.vue
 create mode 100644 src/views/dealership/customer-profile.vue
 create mode 100644 src/views/knowledge/dialogue-mining.vue
 create mode 100644 src/views/knowledge/index.vue
 create mode 100644 src/views/knowledge/knowledge-base.vue
 create mode 100644 src/views/knowledge/terminology.vue

diff --git a/src/api/audio-statistics.js b/src/api/audio-statistics.js
new file mode 100644
index 0000000..4d63ed5
--- /dev/null
+++ b/src/api/audio-statistics.js
@@ -0,0 +1,62 @@
+import request from '@/utils/request'
+
+// 门店录音统计相关接口
+export function generateStatistics(date) {
+  return request({
+    url: '/api/audio-statistics/generate',
+    method: 'post',
+    params: { date }
+  })
+}
+
+export function getStatisticsByDateRange(startDate, endDate) {
+  return request({
+    url: '/api/audio-statistics/range',
+    method: 'get',
+    params: { startDate, endDate }
+  })
+}
+
+export function getStatisticsByDealership(dealershipId, startDate, endDate) {
+  return request({
+    url: `/api/audio-statistics/dealership/${dealershipId}`,
+    method: 'get',
+    params: { startDate, endDate }
+  })
+}
+
+export function getStatisticsBySales(salesId, startDate, endDate) {
+  return request({
+    url: `/api/audio-statistics/sales/${salesId}`,
+    method: 'get',
+    params: { startDate, endDate }
+  })
+}
+
+export function getStatisticsByProject(projectId, startDate, endDate) {
+  return request({
+    url: `/api/audio-statistics/project/${projectId}`,
+    method: 'get',
+    params: { startDate, endDate }
+  })
+}
+
+export function getStatisticsByDate(date) {
+  return request({
+    url: `/api/audio-statistics/date/${date}`,
+    method: 'get'
+  })
+}
+
+export function getStatisticsOverview() {
+  return request({
+    url: '/api/audio-statistics/overview',
+    method: 'get'
+  })
+}
+
+
+
+
+
+
diff --git a/src/api/brand-analysis.js b/src/api/brand-analysis.js
new file mode 100644
index 0000000..223ff62
--- /dev/null
+++ b/src/api/brand-analysis.js
@@ -0,0 +1,62 @@
+import request from '@/utils/request'
+
+// 获取品牌分析列表
+export function getBrandAnalysisList(params) {
+  return request({
+    url: '/cpa-brand-score-statistics/list',
+    method: 'get',
+    params: {
+      current: params?.current || 1,
+      size: params?.size || 20,
+      dealerCode: params?.dealerCode,
+      dealerName: params?.dealerName,
+      bigArea: params?.bigArea,
+      statisticsType: params?.statisticsType,
+      startDate: params?.startDate,
+      endDate: params?.endDate
+    }
+  })
+}
+
+// 根据ID查询品牌分析详情
+export function getBrandAnalysisById(id) {
+  return request({
+    url: `/cpa-brand-score-statistics/get/${id}`,
+    method: 'get'
+  })
+}
+
+// 导出品牌分析数据
+export function exportBrandAnalysis(params) {
+  return request({
+    url: '/cpa-brand-score-statistics/export',
+    method: 'get',
+    params,
+    responseType: 'blob'
+  })
+}
+
+// 获取品牌分析统计数据
+export function getBrandAnalysisStatistics(params) {
+  return request({
+    url: '/cpa-brand-score-statistics/statistics',
+    method: 'get',
+    params
+  })
+}
+
+// 获取经销商列表（用于下拉选择）
+export function getDealerList() {
+  return request({
+    url: '/cpa-brand-score-statistics/dealers',
+    method: 'get'
+  })
+}
+
+// 获取大区列表（用于下拉选择）
+export function getBigAreaList() {
+  return request({
+    url: '/cpa-brand-score-statistics/big-areas',
+    method: 'get'
+  })
+}
diff --git a/src/api/customer-profile.js b/src/api/customer-profile.js
new file mode 100644
index 0000000..0efae3e
--- /dev/null
+++ b/src/api/customer-profile.js
@@ -0,0 +1,67 @@
+import request from '@/utils/request'
+
+// 获取客户画像分析列表
+export function getCustomerProfileList(params) {
+  return request({
+    url: '/customer-profile-analysis/list',
+    method: 'get',
+    params: {
+      current: params?.current || 1,
+      size: params?.size || 20,
+      clientName: params?.clientName,
+      clientPhone: params?.clientPhone,
+      dealerCode: params?.dealerCode,
+      dealerName: params?.dealerName,
+      bigArea: params?.bigArea,
+      salesPersonName: params?.salesPersonName,
+      analysisSceneType: params?.analysisSceneType,
+      purchaseType: params?.purchaseType,
+      paymentWay: params?.paymentWay,
+      startDate: params?.startDate,
+      endDate: params?.endDate
+    }
+  })
+}
+
+// 根据ID查询客户画像详情
+export function getCustomerProfileById(id) {
+  return request({
+    url: `/customer-profile-analysis/get/${id}`,
+    method: 'get'
+  })
+}
+
+// 导出客户画像数据
+export function exportCustomerProfile(params) {
+  return request({
+    url: '/customer-profile-analysis/export',
+    method: 'get',
+    params,
+    responseType: 'blob'
+  })
+}
+
+// 获取客户画像统计数据
+export function getCustomerProfileStatistics(params) {
+  return request({
+    url: '/customer-profile-analysis/statistics',
+    method: 'get',
+    params
+  })
+}
+
+// 获取经销商列表（用于下拉选择）
+export function getDealerList() {
+  return request({
+    url: '/customer-profile-analysis/dealers',
+    method: 'get'
+  })
+}
+
+// 获取大区列表（用于下拉选择）
+export function getBigAreaList() {
+  return request({
+    url: '/customer-profile-analysis/big-areas',
+    method: 'get'
+  })
+}
diff --git a/src/views/audio-statistics/index.vue b/src/views/audio-statistics/index.vue
new file mode 100644
index 0000000..82ea88a
--- /dev/null
+++ b/src/views/audio-statistics/index.vue
@@ -0,0 +1,259 @@
+<template>
+  <div class="app-container">
+    <h2>门店录音统计管理</h2>
+    
+    <!-- 操作区域 -->
+    <el-card style="margin-bottom: 20px;">
+      <div slot="header">操作面板</div>
+      
+      <el-row :gutter="20">
+        <el-col :span="8">
+          <el-form>
+            <el-form-item label="统计日期">
+              <el-date-picker
+                v-model="generateForm.date"
+                type="date"
+                placeholder="选择统计日期"
+                format="yyyy-MM-dd"
+                value-format="yyyy-MM-dd"
+                style="width: 100%"
+              />
+            </el-form-item>
+            <el-form-item>
+              <el-button 
+                type="primary" 
+                @click="handleGenerateStatistics"
+                :loading="generateLoading"
+              >
+                生成统计数据
+              </el-button>
+            </el-form-item>
+          </el-form>
+        </el-col>
+        
+        <el-col :span="8">
+          <el-form>
+            <el-form-item label="开始日期">
+              <el-date-picker
+                v-model="dateRangeForm.startDate"
+                type="date"
+                placeholder="开始日期"
+                format="yyyy-MM-dd"
+                value-format="yyyy-MM-dd"
+                style="width: 100%"
+              />
+            </el-form-item>
+            <el-form-item label="结束日期">
+              <el-date-picker
+                v-model="dateRangeForm.endDate"
+                type="date"
+                placeholder="结束日期"
+                format="yyyy-MM-dd"
+                value-format="yyyy-MM-dd"
+                style="width: 100%"
+              />
+            </el-form-item>
+            <el-form-item>
+              <el-button 
+                type="success" 
+                @click="handleQueryByDateRange"
+                :loading="dateRangeLoading"
+              >
+                查询日期范围
+              </el-button>
+            </el-form-item>
+          </el-form>
+        </el-col>
+        
+        <el-col :span="8">
+          <el-form>
+            <el-form-item label="统计概览">
+              <el-button 
+                type="info" 
+                @click="handleGetOverview"
+                :loading="overviewLoading"
+              >
+                获取最近7天概览
+              </el-button>
+            </el-form-item>
+          </el-form>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 数据展示区域 -->
+    <el-card>
+      <div slot="header">
+        <span>统计结果</span>
+        <el-button 
+          type="text" 
+          @click="clearData"
+          :disabled="!tableData.length"
+          style="float: right;"
+        >
+          清空数据
+        </el-button>
+      </div>
+      
+      <el-table
+        v-if="tableData.length"
+        :data="tableData"
+        border
+        stripe
+        style="width: 100%"
+      >
+        <el-table-column prop="dealershipName" label="门店名称" width="150" />
+        <el-table-column prop="dealershipTotalDuration" label="门店录音总时长" width="150">
+          <template slot-scope="scope">
+            {{ formatDuration(scope.row.dealershipTotalDuration) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="dealershipAvgDuration" label="门店录音平均时长" width="150">
+          <template slot-scope="scope">
+            {{ scope.row.dealershipAvgDuration }}秒
+          </template>
+        </el-table-column>
+        <el-table-column prop="personalTotalDuration" label="个人录音总时长" width="150">
+          <template slot-scope="scope">
+            {{ formatDuration(scope.row.personalTotalDuration) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="personalAvgMarket" label="个人录音平均市场" width="150">
+          <template slot-scope="scope">
+            {{ scope.row.personalAvgMarket }}秒
+          </template>
+        </el-table-column>
+        <el-table-column prop="projectRecordingCount" label="项目录音总数" width="120" />
+        <el-table-column prop="projectAvgDuration" label="项目录音平均时长" width="150">
+          <template slot-scope="scope">
+            {{ scope.row.projectAvgDuration }}秒
+          </template>
+        </el-table-column>
+        <el-table-column prop="statisticsDate" label="统计日期" width="120" />
+      </el-table>
+      
+      <el-empty 
+        v-if="!tableData.length" 
+        description="暂无数据，请先进行查询操作"
+      />
+    </el-card>
+  </div>
+</template>
+
+<script>
+import {
+  generateStatistics,
+  getStatisticsByDateRange,
+  getStatisticsOverview
+} from '@/api/audio-statistics'
+
+export default {
+  name: 'AudioStatistics',
+  data() {
+    return {
+      generateForm: { date: '' },
+      dateRangeForm: { startDate: '', endDate: '' },
+      generateLoading: false,
+      dateRangeLoading: false,
+      overviewLoading: false,
+      tableData: []
+    }
+  },
+  
+  mounted() {
+    const today = new Date().toISOString().split('T')[0]
+    this.generateForm.date = today
+    
+    const endDate = new Date()
+    const startDate = new Date()
+    startDate.setDate(startDate.getDate() - 7)
+    
+    this.dateRangeForm.startDate = startDate.toISOString().split('T')[0]
+    this.dateRangeForm.endDate = endDate.toISOString().split('T')[0]
+  },
+  
+  methods: {
+    async handleGenerateStatistics() {
+      if (!this.generateForm.date) {
+        this.$message.warning('请选择统计日期')
+        return
+      }
+      
+      this.generateLoading = true
+      try {
+        const response = await generateStatistics(this.generateForm.date)
+        if (response.code === 200) {
+          this.$message.success(`统计生成成功，共生成 ${response.data} 条记录`)
+        } else {
+          this.$message.error(response.msg || '统计生成失败')
+        }
+      } catch (error) {
+        this.$message.error('统计生成失败：' + error.message)
+      } finally {
+        this.generateLoading = false
+      }
+    },
+    
+    async handleQueryByDateRange() {
+      if (!this.dateRangeForm.startDate || !this.dateRangeForm.endDate) {
+        this.$message.warning('请选择开始和结束日期')
+        return
+      }
+      
+      this.dateRangeLoading = true
+      try {
+        const response = await getStatisticsByDateRange(
+          this.dateRangeForm.startDate,
+          this.dateRangeForm.endDate
+        )
+        if (response.code === 200) {
+          this.tableData = response.data || []
+          this.$message.success(`查询成功，共 ${this.tableData.length} 条记录`)
+        } else {
+          this.$message.error(response.msg || '查询失败')
+        }
+      } catch (error) {
+        this.$message.error('查询失败：' + error.message)
+      } finally {
+        this.dateRangeLoading = false
+      }
+    },
+    
+    async handleGetOverview() {
+      this.overviewLoading = true
+      try {
+        const response = await getStatisticsOverview()
+        if (response.code === 200) {
+          this.tableData = response.data || []
+          this.$message.success(`查询成功，共 ${this.tableData.length} 条记录`)
+        } else {
+          this.$message.error(response.msg || '查询失败')
+        }
+      } catch (error) {
+        this.$message.error('查询失败：' + error.message)
+      } finally {
+        this.overviewLoading = false
+      }
+    },
+    
+    clearData() {
+      this.tableData = []
+      this.$message.success('数据已清空')
+    },
+    
+    formatDuration(seconds) {
+      if (!seconds) return '0秒'
+      const hours = Math.floor(seconds / 3600)
+      const minutes = Math.floor((seconds % 3600) / 60)
+      const remainingSeconds = seconds % 60
+      
+      let result = ''
+      if (hours > 0) result += `${hours}小时`
+      if (minutes > 0) result += `${minutes}分钟`
+      if (remainingSeconds > 0 || result === '') result += `${remainingSeconds}秒`
+      
+      return result
+    }
+  }
+}
+</script>
diff --git a/src/views/dashboard/data-dashboard.vue b/src/views/dashboard/data-dashboard.vue
new file mode 100644
index 0000000..a2f0a20
--- /dev/null
+++ b/src/views/dashboard/data-dashboard.vue
@@ -0,0 +1,482 @@
+<template>
+  <div class="app-container">
+    <!-- 统计卡片 -->
+    <el-row :gutter="20" class="statistics-row">
+      <el-col :span="6">
+        <el-card class="statistics-card" shadow="hover">
+          <div class="statistics-content">
+            <div class="statistics-icon">
+              <i class="el-icon-microphone"></i>
+            </div>
+            <div class="statistics-info">
+              <div class="statistics-number">{{ statistics.totalRecordings }}</div>
+              <div class="statistics-label">录音总数</div>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+      
+      <el-col :span="6">
+        <el-card class="statistics-card" shadow="hover">
+          <div class="statistics-content">
+            <div class="statistics-icon">
+              <i class="el-icon-video-camera"></i>
+            </div>
+            <div class="statistics-info">
+              <div class="statistics-number">{{ statistics.totalVideos }}</div>
+              <div class="statistics-label">视频总数</div>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+      
+      <el-col :span="6">
+        <el-card class="statistics-card" shadow="hover">
+          <div class="statistics-content">
+            <div class="statistics-icon">
+              <i class="el-icon-s-custom"></i>
+            </div>
+            <div class="statistics-info">
+              <div class="statistics-number">{{ statistics.totalSales }}</div>
+              <div class="statistics-label">销售人员</div>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+      
+      <el-col :span="6">
+        <el-card class="statistics-card" shadow="hover">
+          <div class="statistics-content">
+            <div class="statistics-icon">
+              <i class="el-icon-user"></i>
+            </div>
+            <div class="statistics-info">
+              <div class="statistics-number">{{ statistics.totalCustomers }}</div>
+              <div class="statistics-label">客户总数</div>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <!-- 图表区域 -->
+    <el-row :gutter="20" class="charts-row">
+      <el-col :span="12">
+        <el-card class="chart-card" shadow="never">
+          <div slot="header">
+            <span>录音统计趋势</span>
+          </div>
+          <div class="chart-container">
+            <div ref="recordingChart" style="height: 300px;"></div>
+          </div>
+        </el-card>
+      </el-col>
+      
+      <el-col :span="12">
+        <el-card class="chart-card" shadow="never">
+          <div slot="header">
+            <span>销售业绩分布</span>
+          </div>
+          <div class="chart-container">
+            <div ref="salesChart" style="height: 300px;"></div>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <el-row :gutter="20" class="charts-row">
+      <el-col :span="12">
+        <el-card class="chart-card" shadow="never">
+          <div slot="header">
+            <span>门店录音数量</span>
+          </div>
+          <div class="chart-container">
+            <div ref="dealershipChart" style="height: 300px;"></div>
+          </div>
+        </el-card>
+      </el-col>
+      
+      <el-col :span="12">
+        <el-card class="chart-card" shadow="never">
+          <div slot="header">
+            <span>客户意向分析</span>
+          </div>
+          <div class="chart-container">
+            <div ref="intentionChart" style="height: 300px;"></div>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <!-- 最新动态 -->
+    <el-row :gutter="20" class="activity-row">
+      <el-col :span="12">
+        <el-card class="activity-card" shadow="never">
+          <div slot="header">
+            <span>最新录音</span>
+            <el-button style="float: right; padding: 3px 0" type="text" @click="viewMoreRecordings">查看更多</el-button>
+          </div>
+          <div class="activity-list">
+            <div v-for="item in latestRecordings" :key="item.id" class="activity-item">
+              <div class="activity-icon">
+                <i class="el-icon-microphone"></i>
+              </div>
+              <div class="activity-content">
+                <div class="activity-title">{{ item.recordingName }}</div>
+                <div class="activity-info">
+                  <span>{{ item.salesName }}</span>
+                  <span>{{ item.recordingTime }}</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+      
+      <el-col :span="12">
+        <el-card class="activity-card" shadow="never">
+          <div slot="header">
+            <span>最新视频</span>
+            <el-button style="float: right; padding: 3px 0" type="text" @click="viewMoreVideos">查看更多</el-button>
+          </div>
+          <div class="activity-list">
+            <div v-for="item in latestVideos" :key="item.id" class="activity-item">
+              <div class="activity-icon">
+                <i class="el-icon-video-camera"></i>
+              </div>
+              <div class="activity-content">
+                <div class="activity-title">{{ item.videoName }}</div>
+                <div class="activity-info">
+                  <span>{{ item.salesName }}</span>
+                  <span>{{ item.recordingTime }}</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import * as echarts from 'echarts'
+
+export default {
+  name: 'DataDashboard',
+  data() {
+    return {
+      statistics: {
+        totalRecordings: 1256,
+        totalVideos: 892,
+        totalSales: 45,
+        totalCustomers: 2341
+      },
+      latestRecordings: [
+        {
+          id: '1',
+          recordingName: '销售录音_001',
+          salesName: '张销售',
+          recordingTime: '2025-08-08 10:30:15'
+        },
+        {
+          id: '2',
+          recordingName: '客户咨询录音_002',
+          salesName: '李销售',
+          recordingTime: '2025-08-08 11:20:30'
+        },
+        {
+          id: '3',
+          recordingName: '产品介绍录音_003',
+          salesName: '王销售',
+          recordingTime: '2025-08-08 14:15:45'
+        }
+      ],
+      latestVideos: [
+        {
+          id: '1',
+          videoName: '销售演示视频_001',
+          salesName: '张销售',
+          recordingTime: '2025-08-08 10:30:15'
+        },
+        {
+          id: '2',
+          videoName: '客户咨询视频_002',
+          salesName: '李销售',
+          recordingTime: '2025-08-08 11:20:30'
+        },
+        {
+          id: '3',
+          videoName: '产品介绍视频_003',
+          salesName: '王销售',
+          recordingTime: '2025-08-08 14:15:45'
+        }
+      ],
+      charts: {}
+    }
+  },
+  mounted() {
+    this.initCharts()
+  },
+  methods: {
+    initCharts() {
+      this.initRecordingChart()
+      this.initSalesChart()
+      this.initDealershipChart()
+      this.initIntentionChart()
+    },
+    
+    initRecordingChart() {
+      const chart = echarts.init(this.$refs.recordingChart)
+      const option = {
+        tooltip: {
+          trigger: 'axis'
+        },
+        legend: {
+          data: ['录音数量', '视频数量']
+        },
+        xAxis: {
+          type: 'category',
+          data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月']
+        },
+        yAxis: {
+          type: 'value'
+        },
+        series: [
+          {
+            name: '录音数量',
+            type: 'line',
+            data: [120, 132, 101, 134, 90, 230, 210, 182]
+          },
+          {
+            name: '视频数量',
+            type: 'line',
+            data: [220, 182, 191, 234, 290, 330, 310, 123]
+          }
+        ]
+      }
+      chart.setOption(option)
+      this.charts.recording = chart
+    },
+    
+    initSalesChart() {
+      const chart = echarts.init(this.$refs.salesChart)
+      const option = {
+        tooltip: {
+          trigger: 'item'
+        },
+        legend: {
+          orient: 'vertical',
+          left: 'left'
+        },
+        series: [
+          {
+            name: '销售业绩',
+            type: 'pie',
+            radius: '50%',
+            data: [
+              { value: 1048, name: '张销售' },
+              { value: 735, name: '李销售' },
+              { value: 580, name: '王销售' },
+              { value: 484, name: '赵销售' },
+              { value: 300, name: '其他' }
+            ],
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ]
+      }
+      chart.setOption(option)
+      this.charts.sales = chart
+    },
+    
+    initDealershipChart() {
+      const chart = echarts.init(this.$refs.dealershipChart)
+      const option = {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow'
+          }
+        },
+        xAxis: {
+          type: 'category',
+          data: ['上汽门店', '奔驰门店', '比亚迪门店', 'DCC门店']
+        },
+        yAxis: {
+          type: 'value'
+        },
+        series: [
+          {
+            name: '录音数量',
+            type: 'bar',
+            data: [320, 302, 301, 334]
+          }
+        ]
+      }
+      chart.setOption(option)
+      this.charts.dealership = chart
+    },
+    
+    initIntentionChart() {
+      const chart = echarts.init(this.$refs.intentionChart)
+      const option = {
+        tooltip: {
+          trigger: 'item'
+        },
+        legend: {
+          orient: 'vertical',
+          left: 'left'
+        },
+        series: [
+          {
+            name: '客户意向',
+            type: 'pie',
+            radius: '50%',
+            data: [
+              { value: 1048, name: '有意向', itemStyle: { color: '#67C23A' } },
+              { value: 735, name: '无意向', itemStyle: { color: '#F56C6C' } },
+              { value: 580, name: '待跟进', itemStyle: { color: '#E6A23C' } }
+            ],
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ]
+      }
+      chart.setOption(option)
+      this.charts.intention = chart
+    },
+    
+    viewMoreRecordings() {
+      this.$router.push('/audio')
+    },
+    
+    viewMoreVideos() {
+      this.$router.push('/video')
+    }
+  },
+  beforeDestroy() {
+    // 销毁图表实例
+    Object.values(this.charts).forEach(chart => {
+      chart.dispose()
+    })
+  }
+}
+</script>
+
+<style scoped>
+.statistics-row {
+  margin-bottom: 20px;
+}
+
+.statistics-card {
+  height: 120px;
+}
+
+.statistics-content {
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+
+.statistics-icon {
+  margin-right: 20px;
+}
+
+.statistics-icon i {
+  font-size: 48px;
+  color: #409EFF;
+}
+
+.statistics-info {
+  flex: 1;
+}
+
+.statistics-number {
+  font-size: 32px;
+  font-weight: bold;
+  color: #303133;
+  line-height: 1;
+}
+
+.statistics-label {
+  font-size: 14px;
+  color: #909399;
+  margin-top: 8px;
+}
+
+.charts-row {
+  margin-bottom: 20px;
+}
+
+.chart-card {
+  height: 400px;
+}
+
+.chart-container {
+  height: 300px;
+}
+
+.activity-row {
+  margin-bottom: 20px;
+}
+
+.activity-card {
+  height: 400px;
+}
+
+.activity-list {
+  height: 320px;
+  overflow-y: auto;
+}
+
+.activity-item {
+  display: flex;
+  align-items: center;
+  padding: 12px 0;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.activity-item:last-child {
+  border-bottom: none;
+}
+
+.activity-icon {
+  margin-right: 12px;
+}
+
+.activity-icon i {
+  font-size: 20px;
+  color: #409EFF;
+}
+
+.activity-content {
+  flex: 1;
+}
+
+.activity-title {
+  font-size: 14px;
+  color: #303133;
+  margin-bottom: 4px;
+}
+
+.activity-info {
+  font-size: 12px;
+  color: #909399;
+}
+
+.activity-info span {
+  margin-right: 12px;
+}
+</style>
+
diff --git a/src/views/dealership/brand-analysis.vue b/src/views/dealership/brand-analysis.vue
new file mode 100644
index 0000000..eebe2bf
--- /dev/null
+++ b/src/views/dealership/brand-analysis.vue
@@ -0,0 +1,533 @@
+<template>
+  <div class="app-container">
+    <!-- 查询条件区域 -->
+    <el-card class="filter-container" shadow="never">
+      <el-form ref="queryForm" :model="queryParams" :inline="true" label-width="100px">
+        <el-form-item label="经销商编码">
+          <el-input
+            v-model="queryParams.dealerCode"
+            placeholder="请输入经销商编码"
+            clearable
+            style="width: 200px"
+          />
+        </el-form-item>
+
+        <el-form-item label="经销商名称">
+          <el-input
+            v-model="queryParams.dealerName"
+            placeholder="请输入经销商名称"
+            clearable
+            style="width: 200px"
+          />
+        </el-form-item>
+
+        <el-form-item label="大区">
+          <el-select v-model="queryParams.bigArea" placeholder="请选择大区" clearable style="width: 200px">
+            <el-option
+              v-for="item in bigAreaOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="统计类型">
+          <el-select v-model="queryParams.statisticsType" placeholder="请选择统计类型" clearable style="width: 200px">
+            <el-option label="总计" value="total" />
+            <el-option label="按日" value="daily" />
+            <el-option label="按周" value="weekly" />
+            <el-option label="按月" value="monthly" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item v-if="queryParams.statisticsType === 'daily'" label="统计日期">
+          <el-date-picker
+            v-model="queryParams.statisticsDate"
+            type="date"
+            placeholder="选择日期"
+            value-format="yyyy-MM-dd"
+            style="width: 200px"
+          />
+        </el-form-item>
+
+        <el-form-item label="日期范围">
+          <el-date-picker
+            v-model="queryParams.dateRange"
+            type="daterange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            value-format="yyyy-MM-dd"
+            style="width: 240px"
+            @change="handleDateRangeChange"
+          />
+        </el-form-item>
+
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" @click="handleQuery">筛选</el-button>
+          <el-button icon="el-icon-delete" @click="resetQuery">清空</el-button>
+          <el-button type="success" icon="el-icon-download" @click="handleExport">导出</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <!-- 数据表格区域 -->
+    <el-card class="table-container" shadow="never">
+      <el-table
+        v-loading="loading"
+        :data="brandAnalysisList"
+        style="width: 100%"
+        border
+        stripe
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column type="selection" width="55" />
+        <el-table-column label="序号" type="index" width="60" />
+        <el-table-column label="经销商编码" prop="dealerCode" min-width="120" />
+        <el-table-column label="经销商名称" prop="dealerName" min-width="150" />
+        <el-table-column label="大区" prop="bigArea" min-width="100" />
+        <el-table-column label="统计日期" prop="statisticsDate" min-width="120" />
+        <el-table-column label="统计类型" prop="statisticsType" min-width="100">
+          <template slot-scope="scope">
+            <el-tag :type="getStatisticsTypeTag(scope.row.statisticsType)">
+              {{ getStatisticsTypeText(scope.row.statisticsType) }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="总记录数" prop="totalRecords" sortable min-width="100" />
+        <el-table-column label="总得分" prop="totalScore" sortable min-width="100" />
+        <el-table-column label="积极率" prop="positiveRate" sortable min-width="100">
+          <template slot-scope="scope">
+            <span style="color: #67c23a">{{ scope.row.positiveRate }}%</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="中性率" prop="neutralRate" sortable min-width="100">
+          <template slot-scope="scope">
+            <span style="color: #909399">{{ scope.row.neutralRate }}%</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="消极率" prop="negativeRate" sortable min-width="100">
+          <template slot-scope="scope">
+            <span style="color: #f56c6c">{{ scope.row.negativeRate }}%</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="120" fixed="right">
+          <template slot-scope="scope">
+            <el-button type="text" @click="handleViewDetail(scope.row)">详情</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- 分页 -->
+      <el-pagination
+        :current-page="queryParams.current"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="queryParams.size"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+        style="margin-top: 20px; text-align: right;"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+    </el-card>
+
+    <!-- 详情对话框 -->
+    <el-dialog
+      title="品牌分析详情"
+      :visible.sync="detailDialogVisible"
+      width="800px"
+      @close="handleDetailDialogClose"
+    >
+      <div v-if="currentDetail">
+        <el-descriptions :column="2" border>
+          <el-descriptions-item label="经销商编码">{{ currentDetail.dealerCode }}</el-descriptions-item>
+          <el-descriptions-item label="经销商名称">{{ currentDetail.dealerName }}</el-descriptions-item>
+          <el-descriptions-item label="大区">{{ currentDetail.bigArea }}</el-descriptions-item>
+          <el-descriptions-item label="统计日期">{{ currentDetail.statisticsDate }}</el-descriptions-item>
+          <el-descriptions-item label="统计类型">{{ getStatisticsTypeText(currentDetail.statisticsType) }}</el-descriptions-item>
+          <el-descriptions-item label="总记录数">{{ currentDetail.totalRecords }}</el-descriptions-item>
+          <el-descriptions-item label="总得分">{{ currentDetail.totalScore }}</el-descriptions-item>
+          <el-descriptions-item label="积极率">{{ currentDetail.positiveRate }}%</el-descriptions-item>
+          <el-descriptions-item label="中性率">{{ currentDetail.neutralRate }}%</el-descriptions-item>
+          <el-descriptions-item label="消极率">{{ currentDetail.negativeRate }}%</el-descriptions-item>
+        </el-descriptions>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="detailDialogVisible = false">关 闭</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getBrandAnalysisList } from '@/api/brand-analysis'
+
+export default {
+  name: 'BrandAnalysis',
+  data() {
+    return {
+      loading: false,
+      brandAnalysisList: [],
+      total: 0,
+      selectedIds: [],
+      detailDialogVisible: false,
+      currentDetail: null,
+      // 查询参数
+      queryParams: {
+        current: 1,
+        size: 20,
+        dealerCode: '',
+        dealerName: '',
+        bigArea: '',
+        statisticsType: '',
+        statisticsDate: '',
+        dateRange: [],
+        startDate: '',
+        endDate: ''
+      },
+      // 大区选项
+      bigAreaOptions: [
+        { value: '华东区', label: '华东区' },
+        { value: '华南区', label: '华南区' },
+        { value: '华北区', label: '华北区' },
+        { value: '华中区', label: '华中区' },
+        { value: '西南区', label: '西南区' },
+        { value: '西北区', label: '西北区' },
+        { value: '东北区', label: '东北区' }
+      ]
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    // 获取列表数据
+    getList() {
+      this.loading = true
+      const params = { ...this.queryParams }
+
+      // 移除空值和不需要的参数
+      Object.keys(params).forEach(key => {
+        if (params[key] === '' || params[key] === null || params[key] === undefined || key === 'dateRange') {
+          delete params[key]
+        }
+      })
+
+      getBrandAnalysisList(params).then(response => {
+        console.log('API响应:', response)
+        if (response.code === 20000) {
+          this.brandAnalysisList = response.data.records || response.data.data || response.data || []
+          this.total = response.data.total || response.data.length || 0
+        } else {
+          this.$message.error(response.message || '查询失败')
+        }
+        this.loading = false
+      }).catch((error) => {
+        console.log('API错误:', error)
+        // 开发环境使用模拟数据
+        let mockData = [
+          {
+            id: '0fed0dd2-0770-4a64-97a0-0268b64be182',
+            dealerCode: '1957424714953601026',
+            dealerName: '上海宝马4S店',
+            bigArea: '华南区',
+            statisticsDate: '2025-09-10',
+            statisticsType: 'daily',
+            totalRecords: 5,
+            totalScore: 4,
+            averageScorePercentage: 80.00,
+            positiveCount: 1,
+            neutralCount: 2,
+            negativeCount: 2,
+            positiveRate: 20.00,
+            neutralRate: 40.00,
+            negativeRate: 40.00,
+            earliestInteraction: '2025-09-10T10:11:30',
+            latestInteraction: '2025-09-10T17:53:28',
+            createdAt: '2025-09-21T14:03:28',
+            createdBy: 'manual',
+            updatedAt: '2025-09-21T14:03:28',
+            updatedBy: 'manual',
+            isDeleted: 0
+          },
+          {
+            id: '1fed0dd2-0770-4a64-97a0-0268b64be183',
+            dealerCode: '1957424714953601027',
+            dealerName: '北京奥迪4S店',
+            bigArea: '华北区',
+            statisticsDate: '2025-09-10',
+            statisticsType: 'daily',
+            totalRecords: 8,
+            totalScore: 6,
+            averageScorePercentage: 75.00,
+            positiveCount: 3,
+            neutralCount: 3,
+            negativeCount: 2,
+            positiveRate: 37.50,
+            neutralRate: 37.50,
+            negativeRate: 25.00,
+            earliestInteraction: '2025-09-10T09:15:20',
+            latestInteraction: '2025-09-10T18:30:45',
+            createdAt: '2025-09-21T14:03:28',
+            createdBy: 'manual',
+            updatedAt: '2025-09-21T14:03:28',
+            updatedBy: 'manual',
+            isDeleted: 0
+          },
+          {
+            id: '2fed0dd2-0770-4a64-97a0-0268b64be184',
+            dealerCode: '1957424714953601028',
+            dealerName: '广州奔驰4S店',
+            bigArea: '华南区',
+            statisticsDate: '2025-09-10',
+            statisticsType: 'daily',
+            totalRecords: 12,
+            totalScore: 10,
+            averageScorePercentage: 83.33,
+            positiveCount: 6,
+            neutralCount: 4,
+            negativeCount: 2,
+            positiveRate: 50.00,
+            neutralRate: 33.33,
+            negativeRate: 16.67,
+            earliestInteraction: '2025-09-10T08:45:10',
+            latestInteraction: '2025-09-10T19:20:30',
+            createdAt: '2025-09-21T14:03:28',
+            createdBy: 'manual',
+            updatedAt: '2025-09-21T14:03:28',
+            updatedBy: 'manual',
+            isDeleted: 0
+          },
+          {
+            id: '3fed0dd2-0770-4a64-97a0-0268b64be185',
+            dealerCode: '1957424714953601029',
+            dealerName: '成都比亚迪4S店',
+            bigArea: '西南区',
+            statisticsDate: '2025-09-10',
+            statisticsType: 'weekly',
+            totalRecords: 15,
+            totalScore: 12,
+            averageScorePercentage: 80.00,
+            positiveCount: 8,
+            neutralCount: 5,
+            negativeCount: 2,
+            positiveRate: 53.33,
+            neutralRate: 33.33,
+            negativeRate: 13.33,
+            earliestInteraction: '2025-09-10T08:30:00',
+            latestInteraction: '2025-09-10T19:45:00',
+            createdAt: '2025-09-21T14:03:28',
+            createdBy: 'manual',
+            updatedAt: '2025-09-21T14:03:28',
+            updatedBy: 'manual',
+            isDeleted: 0
+          },
+          {
+            id: '4fed0dd2-0770-4a64-97a0-0268b64be186',
+            dealerCode: '1957424714953601030',
+            dealerName: '深圳特斯拉4S店',
+            bigArea: '华南区',
+            statisticsDate: '2025-09-11',
+            statisticsType: 'daily',
+            totalRecords: 20,
+            totalScore: 16,
+            averageScorePercentage: 80.00,
+            positiveCount: 12,
+            neutralCount: 6,
+            negativeCount: 2,
+            positiveRate: 60.00,
+            neutralRate: 30.00,
+            negativeRate: 10.00,
+            earliestInteraction: '2025-09-11T09:00:00',
+            latestInteraction: '2025-09-11T18:30:00',
+            createdAt: '2025-09-21T14:03:28',
+            createdBy: 'manual',
+            updatedAt: '2025-09-21T14:03:28',
+            updatedBy: 'manual',
+            isDeleted: 0
+          },
+          {
+            id: '5fed0dd2-0770-4a64-97a0-0268b64be187',
+            dealerCode: '1957424714953601031',
+            dealerName: '杭州蔚来4S店',
+            bigArea: '华东区',
+            statisticsDate: '2025-09-12',
+            statisticsType: 'daily',
+            totalRecords: 18,
+            totalScore: 14,
+            averageScorePercentage: 77.78,
+            positiveCount: 10,
+            neutralCount: 6,
+            negativeCount: 2,
+            positiveRate: 55.56,
+            neutralRate: 33.33,
+            negativeRate: 11.11,
+            earliestInteraction: '2025-09-12T08:45:00',
+            latestInteraction: '2025-09-12T19:15:00',
+            createdAt: '2025-09-21T14:03:28',
+            createdBy: 'manual',
+            updatedAt: '2025-09-21T14:03:28',
+            updatedBy: 'manual',
+            isDeleted: 0
+          }
+        ]
+
+        // 应用查询过滤
+        if (params.dealerCode) {
+          mockData = mockData.filter(item =>
+            item.dealerCode.toLowerCase().includes(params.dealerCode.toLowerCase())
+          )
+        }
+        if (params.dealerName) {
+          mockData = mockData.filter(item =>
+            item.dealerName.includes(params.dealerName)
+          )
+        }
+        if (params.bigArea) {
+          mockData = mockData.filter(item =>
+            item.bigArea === params.bigArea
+          )
+        }
+        if (params.statisticsType) {
+          mockData = mockData.filter(item =>
+            item.statisticsType === params.statisticsType
+          )
+        }
+        if (params.statisticsDate) {
+          mockData = mockData.filter(item =>
+            item.statisticsDate === params.statisticsDate
+          )
+        }
+        if (params.startDate && params.endDate) {
+          mockData = mockData.filter(item => {
+            const itemDate = new Date(item.statisticsDate)
+            const startDate = new Date(params.startDate)
+            const endDate = new Date(params.endDate)
+            return itemDate >= startDate && itemDate <= endDate
+          })
+        }
+
+        this.brandAnalysisList = mockData
+        this.total = mockData.length
+        this.loading = false
+      })
+    },
+
+    // 查询
+    handleQuery() {
+      this.queryParams.current = 1
+      this.getList()
+    },
+
+    // 重置查询
+    resetQuery() {
+      this.$refs.queryForm.resetFields()
+      this.queryParams = {
+        current: 1,
+        size: 20,
+        dealerCode: '',
+        dealerName: '',
+        bigArea: '',
+        statisticsType: '',
+        statisticsDate: '',
+        dateRange: [],
+        startDate: '',
+        endDate: ''
+      }
+      this.getList()
+    },
+
+    // 日期范围变化处理
+    handleDateRangeChange(dateRange) {
+      if (dateRange && dateRange.length === 2) {
+        this.queryParams.startDate = dateRange[0]
+        this.queryParams.endDate = dateRange[1]
+      } else {
+        this.queryParams.startDate = ''
+        this.queryParams.endDate = ''
+      }
+    },
+
+    // 选择变化
+    handleSelectionChange(selection) {
+      this.selectedIds = selection.map(item => item.id)
+    },
+
+    // 分页大小变化
+    handleSizeChange(val) {
+      this.queryParams.size = val
+      this.getList()
+    },
+
+    // 当前页变化
+    handleCurrentChange(val) {
+      this.queryParams.current = val
+      this.getList()
+    },
+
+    // 导出
+    handleExport() {
+      this.$message.info('导出功能待实现')
+    },
+
+    // 查看详情
+    handleViewDetail(row) {
+      this.currentDetail = row
+      this.detailDialogVisible = true
+    },
+
+    // 详情对话框关闭
+    handleDetailDialogClose() {
+      this.currentDetail = null
+    },
+
+    // 获取统计类型标签样式
+    getStatisticsTypeTag(type) {
+      const tagMap = {
+        'total': 'success',
+        'daily': 'primary',
+        'weekly': 'warning',
+        'monthly': 'info'
+      }
+      return tagMap[type] || 'default'
+    },
+
+    // 获取统计类型文本
+    getStatisticsTypeText(type) {
+      const textMap = {
+        'total': '总计',
+        'daily': '按日',
+        'weekly': '按周',
+        'monthly': '按月'
+      }
+      return textMap[type] || type
+    },
+
+    // 获取得分颜色
+    getScoreColor(score) {
+      if (score >= 80) return '#67c23a'
+      if (score >= 60) return '#e6a23c'
+      return '#f56c6c'
+    }
+  }
+}
+</script>
+
+<style scoped>
+.filter-container {
+  margin-bottom: 20px;
+}
+
+.table-container {
+  margin-top: 20px;
+}
+
+.el-form-item {
+  margin-bottom: 15px;
+}
+
+.dialog-footer {
+  text-align: right;
+}
+</style>
diff --git a/src/views/dealership/customer-profile.vue b/src/views/dealership/customer-profile.vue
new file mode 100644
index 0000000..3cfec9d
--- /dev/null
+++ b/src/views/dealership/customer-profile.vue
@@ -0,0 +1,1040 @@
+<template>
+  <div class="app-container">
+    <!-- 查询条件区域 -->
+    <el-card class="filter-container" shadow="never">
+      <el-form ref="queryForm" :model="queryParams" :inline="true" label-width="100px">
+        <el-form-item label="客户姓名">
+          <el-input
+            v-model="queryParams.clientName"
+            placeholder="请输入客户姓名"
+            clearable
+            style="width: 200px"
+          />
+        </el-form-item>
+
+        <el-form-item label="客户电话">
+          <el-input
+            v-model="queryParams.clientPhone"
+            placeholder="请输入客户电话"
+            clearable
+            style="width: 200px"
+          />
+        </el-form-item>
+
+        <el-form-item label="经销商编码">
+          <el-input
+            v-model="queryParams.dealerCode"
+            placeholder="请输入经销商编码"
+            clearable
+            style="width: 200px"
+          />
+        </el-form-item>
+
+        <el-form-item label="经销商名称">
+          <el-input
+            v-model="queryParams.dealerName"
+            placeholder="请输入经销商名称"
+            clearable
+            style="width: 200px"
+          />
+        </el-form-item>
+
+        <el-form-item label="大区">
+          <el-select v-model="queryParams.bigArea" placeholder="请选择大区" clearable style="width: 200px">
+            <el-option
+              v-for="item in bigAreaOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="销售顾问">
+          <el-input
+            v-model="queryParams.salesPersonName"
+            placeholder="请输入销售顾问姓名"
+            clearable
+            style="width: 200px"
+          />
+        </el-form-item>
+
+        <el-form-item label="分析场景">
+          <el-select v-model="queryParams.analysisSceneType" placeholder="请选择分析场景" clearable style="width: 200px">
+            <el-option label="企微会话" :value="1" />
+            <el-option label="AI通话录音" :value="2" />
+            <el-option label="AI铭牌(客流)" :value="3" />
+            <el-option label="AI铭牌(试驾)" :value="4" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="购买类型">
+          <el-select v-model="queryParams.purchaseType" placeholder="请选择购买类型" clearable style="width: 200px">
+            <el-option label="新购" value="新购" />
+            <el-option label="置换" value="置换" />
+            <el-option label="增购" value="增购" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="付款方式">
+          <el-select v-model="queryParams.paymentWay" placeholder="请选择付款方式" clearable style="width: 200px">
+            <el-option label="贷款" value="贷款" />
+            <el-option label="全款" value="全款" />
+            <el-option label="分期" value="分期" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="日期范围">
+          <el-date-picker
+            v-model="queryParams.dateRange"
+            type="daterange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            value-format="yyyy-MM-dd"
+            style="width: 240px"
+            @change="handleDateRangeChange"
+          />
+        </el-form-item>
+
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" @click="handleQuery">筛选</el-button>
+          <el-button icon="el-icon-delete" @click="resetQuery">清空</el-button>
+          <el-button type="success" icon="el-icon-download" @click="handleExport">导出</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <!-- 数据表格区域 -->
+    <el-card class="table-container" shadow="never">
+      <el-table
+        v-loading="loading"
+        :data="customerProfileList"
+        style="width: 100%"
+        border
+        stripe
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column type="selection" width="55" />
+        <el-table-column label="序号" type="index" width="60" />
+        <el-table-column label="客户姓名" prop="clientName" min-width="120" />
+        <el-table-column label="客户电话" prop="clientPhone" min-width="130" />
+        <el-table-column label="经销商编码" prop="dealerCode" min-width="120" />
+        <el-table-column label="经销商名称" prop="dealerName" min-width="150" />
+        <el-table-column label="大区" prop="bigArea" min-width="100" />
+        <el-table-column label="销售顾问" prop="salesPersonName" min-width="120" />
+        <el-table-column label="分析场景" prop="analysisSceneType" min-width="120">
+          <template slot-scope="scope">
+            <el-tag :type="getSceneTypeTag(scope.row.analysisSceneType)">
+              {{ getSceneTypeText(scope.row.analysisSceneType) }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="沟通时间" prop="interactionDate" min-width="150" />
+        <el-table-column label="购买类型" prop="purchaseType" min-width="100" />
+        <el-table-column label="付款方式" prop="paymentWay" min-width="100" />
+        <el-table-column label="购车预算" prop="budgetRange" min-width="120" />
+        <el-table-column label="购车用途" prop="vehicleUsage" min-width="100" />
+        <el-table-column label="竞品品牌" prop="competitorBrand" min-width="120" />
+        <el-table-column label="职业" prop="jobTitle" min-width="100" />
+        <el-table-column label="家庭月收入" prop="monthlyIncome" min-width="120" />
+        <el-table-column label="操作" width="120" fixed="right">
+          <template slot-scope="scope">
+            <el-button type="text" @click="handleViewDetail(scope.row)">详情</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- 分页 -->
+      <el-pagination
+        :current-page="queryParams.current"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="queryParams.size"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+        style="margin-top: 20px; text-align: right;"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+    </el-card>
+
+    <!-- 详情对话框 -->
+    <el-dialog
+      title="客户画像详情"
+      :visible.sync="detailDialogVisible"
+      width="900px"
+      @close="handleDetailDialogClose"
+    >
+      <div v-if="currentDetail">
+        <el-tabs v-model="activeTab" type="border-card">
+          <!-- 基本信息 -->
+          <el-tab-pane label="基本信息" name="basic">
+            <div class="basic-info-container">
+              <div class="info-section">
+                <h4 class="section-title">客户信息</h4>
+                <div class="info-item">
+                  <span class="info-label">客户姓名：</span>
+                  <span class="info-value">{{ currentDetail.clientName || '未填写' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">客户电话：</span>
+                  <span class="info-value">{{ currentDetail.clientPhone || '未填写' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">客户ID：</span>
+                  <span class="info-value">{{ currentDetail.clientId || '未填写' }}</span>
+                </div>
+              </div>
+
+              <div class="info-section">
+                <h4 class="section-title">经销商信息</h4>
+                <div class="info-item">
+                  <span class="info-label">经销商编码：</span>
+                  <span class="info-value">{{ currentDetail.dealerCode || '未填写' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">经销商名称：</span>
+                  <span class="info-value">{{ currentDetail.dealerName || '未填写' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">大区：</span>
+                  <span class="info-value">{{ currentDetail.bigArea || '未填写' }}</span>
+                </div>
+              </div>
+
+              <div class="info-section">
+                <h4 class="section-title">项目信息</h4>
+                <div class="info-item">
+                  <span class="info-label">项目ID：</span>
+                  <span class="info-value">{{ currentDetail.projectId || '未填写' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">项目名称：</span>
+                  <span class="info-value">{{ currentDetail.projectName || '未填写' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">商机ID：</span>
+                  <span class="info-value">{{ currentDetail.opportunityId || '未填写' }}</span>
+                </div>
+              </div>
+
+              <div class="info-section">
+                <h4 class="section-title">销售信息</h4>
+                <div class="info-item">
+                  <span class="info-label">销售顾问ID：</span>
+                  <span class="info-value">{{ currentDetail.salesPersonId || '未填写' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">销售顾问姓名：</span>
+                  <span class="info-value">{{ currentDetail.salesPersonName || '未填写' }}</span>
+                </div>
+              </div>
+
+              <div class="info-section">
+                <h4 class="section-title">分析信息</h4>
+                <div class="info-item">
+                  <span class="info-label">分析记录ID：</span>
+                  <span class="info-value">{{ currentDetail.profileAnalysisRecordId || '未填写' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">分析场景：</span>
+                  <el-tag :type="getSceneTypeTag(currentDetail.analysisSceneType)" class="info-tag">
+                    {{ getSceneTypeText(currentDetail.analysisSceneType) }}
+                  </el-tag>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">沟通时间：</span>
+                  <span class="info-value">{{ currentDetail.interactionDate || '未填写' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">业务ID：</span>
+                  <span class="info-value">{{ currentDetail.relatedBusinessId || '未填写' }}</span>
+                </div>
+              </div>
+            </div>
+          </el-tab-pane>
+
+          <!-- 购车信息 -->
+          <el-tab-pane label="购车信息" name="purchase">
+            <div class="purchase-info-container">
+              <div class="info-section">
+                <h4 class="section-title">购车计划</h4>
+                <div class="info-item">
+                  <span class="info-label">预购日期：</span>
+                  <span class="info-value">{{ currentDetail.purchaseDate || '未填写' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">购买类型：</span>
+                  <span class="info-value">{{ currentDetail.purchaseType || '未填写' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">付款方式：</span>
+                  <span class="info-value">{{ currentDetail.paymentWay || '未填写' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">购车资质：</span>
+                  <span class="info-value">{{ currentDetail.purchaseQualification || '未填写' }}</span>
+                </div>
+              </div>
+
+              <div class="info-section">
+                <h4 class="section-title">购车需求</h4>
+                <div class="info-item">
+                  <span class="info-label">购车用途：</span>
+                  <span class="info-value">{{ currentDetail.vehicleUsage || '未填写' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">实际驾驶人：</span>
+                  <span class="info-value">{{ currentDetail.primaryDriver || '未填写' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">购车预算：</span>
+                  <span class="info-value">{{ currentDetail.budgetRange || '未填写' }}</span>
+                </div>
+              </div>
+
+              <div class="info-section">
+                <h4 class="section-title">竞品信息</h4>
+                <div class="info-item">
+                  <span class="info-label">竞品品牌：</span>
+                  <span class="info-value">{{ currentDetail.competitorBrand || '未填写' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">保有品牌：</span>
+                  <span class="info-value">{{ currentDetail.currentBrand || '未填写' }}</span>
+                </div>
+              </div>
+
+              <div class="info-section">
+                <h4 class="section-title">地址信息</h4>
+                <div class="info-item">
+                  <span class="info-label">详细地址：</span>
+                  <span class="info-value">{{ currentDetail.homeAddress || '未填写' }}</span>
+                </div>
+              </div>
+            </div>
+          </el-tab-pane>
+
+          <!-- 个人信息 -->
+          <el-tab-pane label="个人信息" name="personal">
+            <div class="personal-info-container">
+              <div class="info-section">
+                <h4 class="section-title">教育背景</h4>
+                <div class="info-item">
+                  <span class="info-label">教育水平：</span>
+                  <span class="info-value">{{ currentDetail.educationLevel || '未填写' }}</span>
+                </div>
+              </div>
+
+              <div class="info-section">
+                <h4 class="section-title">家庭情况</h4>
+                <div class="info-item">
+                  <span class="info-label">家庭结构：</span>
+                  <span class="info-value">{{ currentDetail.familyComposition || '未填写' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">家庭人数：</span>
+                  <span class="info-value">{{ currentDetail.familySize || '未填写' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">家庭月收入：</span>
+                  <span class="info-value">{{ currentDetail.monthlyIncome || '未填写' }}</span>
+                </div>
+              </div>
+
+              <div class="info-section">
+                <h4 class="section-title">职业信息</h4>
+                <div class="info-item">
+                  <span class="info-label">职业：</span>
+                  <span class="info-value">{{ currentDetail.jobTitle || '未填写' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">企业性质：</span>
+                  <span class="info-value">{{ currentDetail.companyType || '未填写' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">所属行业：</span>
+                  <span class="info-value">{{ currentDetail.industrySector || '未填写' }}</span>
+                </div>
+              </div>
+
+              <div class="info-section">
+                <h4 class="section-title">兴趣爱好</h4>
+                <div class="info-item">
+                  <span class="info-label">个人爱好：</span>
+                  <span class="info-value">{{ currentDetail.hobby || '未填写' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">兴趣点：</span>
+                  <span class="info-value">{{ currentDetail.interestFocus || '未填写' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">顾虑点：</span>
+                  <span class="info-value">{{ currentDetail.concernPoint || '未填写' }}</span>
+                </div>
+              </div>
+            </div>
+          </el-tab-pane>
+
+          <!-- 情感分析 -->
+          <el-tab-pane label="情感分析" name="emotion">
+            <div class="emotion-analysis-container">
+              <div class="emotion-item">
+                <div class="emotion-label">品牌情感</div>
+                <el-tag :type="getEmotionTag(currentDetail.entityBrand)" class="emotion-tag">{{ currentDetail.entityBrand }}</el-tag>
+                <div class="emotion-reason">{{ currentDetail.entityBrandReason || '客户对此方面表示满意' }}</div>
+              </div>
+              <div class="emotion-item">
+                <div class="emotion-label">外观设计情感</div>
+                <el-tag :type="getEmotionTag(currentDetail.entityDesign)" class="emotion-tag">{{ currentDetail.entityDesign }}</el-tag>
+                <div class="emotion-reason">{{ currentDetail.entityDesignReason || '客户对此方面持中性态度' }}</div>
+              </div>
+              <div class="emotion-item">
+                <div class="emotion-label">颜色情感</div>
+                <el-tag :type="getEmotionTag(currentDetail.entityColor)" class="emotion-tag">{{ currentDetail.entityColor }}</el-tag>
+                <div class="emotion-reason">{{ currentDetail.entityColorReason || '客户对此方面表示满意' }}</div>
+              </div>
+              <div class="emotion-item">
+                <div class="emotion-label">尺寸情感</div>
+                <el-tag :type="getEmotionTag(currentDetail.entitySize)" class="emotion-tag">{{ currentDetail.entitySize }}</el-tag>
+                <div class="emotion-reason">{{ currentDetail.entitySizeReason || '客户对此方面存在疑虑' }}</div>
+              </div>
+              <div class="emotion-item">
+                <div class="emotion-label">空间情感</div>
+                <el-tag :type="getEmotionTag(currentDetail.entitySpace)" class="emotion-tag">{{ currentDetail.entitySpace }}</el-tag>
+                <div class="emotion-reason">{{ currentDetail.entitySpaceReason || '客户对此方面表示满意' }}</div>
+              </div>
+              <div class="emotion-item">
+                <div class="emotion-label">内饰情感</div>
+                <el-tag :type="getEmotionTag(currentDetail.entityInterior)" class="emotion-tag">{{ currentDetail.entityInterior }}</el-tag>
+                <div class="emotion-reason">{{ currentDetail.entityInteriorReason || '客户对此方面表示满意' }}</div>
+              </div>
+              <div class="emotion-item">
+                <div class="emotion-label">音响情感</div>
+                <el-tag :type="getEmotionTag(currentDetail.entityAudio)" class="emotion-tag">{{ currentDetail.entityAudio }}</el-tag>
+                <div class="emotion-reason">{{ currentDetail.entityAudioReason || '客户对此方面存在疑虑' }}</div>
+              </div>
+              <div class="emotion-item">
+                <div class="emotion-label">车机情感</div>
+                <el-tag :type="getEmotionTag(currentDetail.entityIvinfo)" class="emotion-tag">{{ currentDetail.entityIvinfo }}</el-tag>
+                <div class="emotion-reason">{{ currentDetail.entityIvinfoReason || '客户对此方面持中性态度' }}</div>
+              </div>
+              <div class="emotion-item">
+                <div class="emotion-label">智驾情感</div>
+                <el-tag :type="getEmotionTag(currentDetail.entityFsd)" class="emotion-tag">{{ currentDetail.entityFsd }}</el-tag>
+                <div class="emotion-reason">{{ currentDetail.entityFsdReason || '客户对此方面表示满意' }}</div>
+              </div>
+              <div class="emotion-item">
+                <div class="emotion-label">续航情感</div>
+                <el-tag :type="getEmotionTag(currentDetail.entityMileage)" class="emotion-tag">{{ currentDetail.entityMileage }}</el-tag>
+                <div class="emotion-reason">{{ currentDetail.entityMileageReason || '客户对此方面表示满意' }}</div>
+              </div>
+              <div class="emotion-item">
+                <div class="emotion-label">安全情感</div>
+                <el-tag :type="getEmotionTag(currentDetail.entitySafety)" class="emotion-tag">{{ currentDetail.entitySafety }}</el-tag>
+                <div class="emotion-reason">{{ currentDetail.entitySafetyReason || '客户对此方面存在疑虑' }}</div>
+              </div>
+              <div class="emotion-item">
+                <div class="emotion-label">环保情感</div>
+                <el-tag :type="getEmotionTag(currentDetail.entityEco)" class="emotion-tag">{{ currentDetail.entityEco }}</el-tag>
+                <div class="emotion-reason">{{ currentDetail.entityEcoReason || '客户对此方面持中性态度' }}</div>
+              </div>
+              <div class="emotion-item">
+                <div class="emotion-label">绿牌/路权情感</div>
+                <el-tag :type="getEmotionTag(currentDetail.entityLiscense)" class="emotion-tag">{{ currentDetail.entityLiscense }}</el-tag>
+                <div class="emotion-reason">{{ currentDetail.entityLiscenseReason || '客户对此方面表示满意' }}</div>
+              </div>
+              <div class="emotion-item">
+                <div class="emotion-label">价格情感</div>
+                <el-tag :type="getEmotionTag(currentDetail.entityPrice)" class="emotion-tag">{{ currentDetail.entityPrice }}</el-tag>
+                <div class="emotion-reason">{{ currentDetail.entityPriceReason || '客户对此方面表示满意' }}</div>
+              </div>
+              <div class="emotion-item">
+                <div class="emotion-label">购车权益情感</div>
+                <el-tag :type="getEmotionTag(currentDetail.entityBenefit)" class="emotion-tag">{{ currentDetail.entityBenefit }}</el-tag>
+                <div class="emotion-reason">{{ currentDetail.entityBenefitReason || '客户对此方面存在疑虑' }}</div>
+              </div>
+              <div class="emotion-item">
+                <div class="emotion-label">用车成本情感</div>
+                <el-tag :type="getEmotionTag(currentDetail.entityCost)" class="emotion-tag">{{ currentDetail.entityCost }}</el-tag>
+                <div class="emotion-reason">{{ currentDetail.entityCostReason || '客户对此方面持中性态度' }}</div>
+              </div>
+              <div class="emotion-item">
+                <div class="emotion-label">性价比情感</div>
+                <el-tag :type="getEmotionTag(currentDetail.entityValue)" class="emotion-tag">{{ currentDetail.entityValue }}</el-tag>
+                <div class="emotion-reason">{{ currentDetail.entityValueReason || '客户对此方面表示满意' }}</div>
+              </div>
+              <div class="emotion-item">
+                <div class="emotion-label">动力情感</div>
+                <el-tag :type="getEmotionTag(currentDetail.entityPower)" class="emotion-tag">{{ currentDetail.entityPower }}</el-tag>
+                <div class="emotion-reason">{{ currentDetail.entityPowerReason || '客户对此方面表示满意' }}</div>
+              </div>
+              <div class="emotion-item">
+                <div class="emotion-label">操控情感</div>
+                <el-tag :type="getEmotionTag(currentDetail.entityControl)" class="emotion-tag">{{ currentDetail.entityControl }}</el-tag>
+                <div class="emotion-reason">{{ currentDetail.entityControlReason || '客户对此方面存在疑虑' }}</div>
+              </div>
+              <div class="emotion-item">
+                <div class="emotion-label">置换政策情感</div>
+                <el-tag :type="getEmotionTag(currentDetail.entityTradein)" class="emotion-tag">{{ currentDetail.entityTradein }}</el-tag>
+                <div class="emotion-reason">{{ currentDetail.entityTradeinReason || '客户对此方面持中性态度' }}</div>
+              </div>
+              <div class="emotion-item">
+                <div class="emotion-label">金融方案情感</div>
+                <el-tag :type="getEmotionTag(currentDetail.entityFinance)" class="emotion-tag">{{ currentDetail.entityFinance }}</el-tag>
+                <div class="emotion-reason">{{ currentDetail.entityFinanceReason || '客户对此方面表示满意' }}</div>
+              </div>
+              <div class="emotion-item">
+                <div class="emotion-label">质保情感</div>
+                <el-tag :type="getEmotionTag(currentDetail.entityWarranty)" class="emotion-tag">{{ currentDetail.entityWarranty }}</el-tag>
+                <div class="emotion-reason">{{ currentDetail.entityWarrantyReason || '客户对此方面表示满意' }}</div>
+              </div>
+              <div class="emotion-item">
+                <div class="emotion-label">交付时间情感</div>
+                <el-tag :type="getEmotionTag(currentDetail.entityDelivery)" class="emotion-tag">{{ currentDetail.entityDelivery }}</el-tag>
+                <div class="emotion-reason">{{ currentDetail.entityDeliveryReason || '客户对此方面存在疑虑' }}</div>
+              </div>
+            </div>
+          </el-tab-pane>
+
+          <!-- 备注信息 -->
+          <el-tab-pane label="备注信息" name="notes">
+            <div class="notes-info-container">
+              <div class="info-section">
+                <h4 class="section-title">备注信息</h4>
+                <div class="info-item">
+                  <span class="info-label">备注：</span>
+                  <div class="info-content">
+                    {{ currentDetail.notes || '暂无备注信息' }}
+                  </div>
+                </div>
+              </div>
+
+              <div class="info-section">
+                <h4 class="section-title">系统信息</h4>
+                <div class="info-item">
+                  <span class="info-label">创建时间：</span>
+                  <span class="info-value">{{ currentDetail.createdAt || '未填写' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">创建人：</span>
+                  <span class="info-value">{{ currentDetail.createdBy || '未填写' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">更新时间：</span>
+                  <span class="info-value">{{ currentDetail.updatedAt || '未填写' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">更新人：</span>
+                  <span class="info-value">{{ currentDetail.updatedBy || '未填写' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">版本号：</span>
+                  <span class="info-value">{{ currentDetail.recordVersion || '未填写' }}</span>
+                </div>
+              </div>
+            </div>
+          </el-tab-pane>
+        </el-tabs>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="detailDialogVisible = false">关 闭</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getCustomerProfileList } from '@/api/customer-profile'
+
+export default {
+  name: 'CustomerProfile',
+  data() {
+    return {
+      loading: false,
+      customerProfileList: [],
+      total: 0,
+      selectedIds: [],
+      detailDialogVisible: false,
+      currentDetail: null,
+      activeTab: 'basic',
+      // 查询参数
+      queryParams: {
+        current: 1,
+        size: 20,
+        clientName: '',
+        clientPhone: '',
+        dealerCode: '',
+        dealerName: '',
+        bigArea: '',
+        salesPersonName: '',
+        analysisSceneType: '',
+        purchaseType: '',
+        paymentWay: '',
+        dateRange: [],
+        startDate: '',
+        endDate: ''
+      },
+      // 大区选项
+      bigAreaOptions: [
+        { value: '华东区', label: '华东区' },
+        { value: '华南区', label: '华南区' },
+        { value: '华北区', label: '华北区' },
+        { value: '华中区', label: '华中区' },
+        { value: '西南区', label: '西南区' },
+        { value: '西北区', label: '西北区' },
+        { value: '东北区', label: '东北区' }
+      ]
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    // 获取列表数据
+    getList() {
+      this.loading = true
+      const params = { ...this.queryParams }
+
+      // 移除空值和不需要的参数
+      Object.keys(params).forEach(key => {
+        if (params[key] === '' || params[key] === null || params[key] === undefined || key === 'dateRange') {
+          delete params[key]
+        }
+      })
+
+      getCustomerProfileList(params).then(response => {
+        console.log('API响应:', response)
+        if (response.code === 20000) {
+          this.customerProfileList = response.data.records || response.data.data || response.data || []
+          this.total = response.data.total || response.data.length || 0
+        } else {
+          this.$message.error(response.message || '查询失败')
+        }
+        this.loading = false
+      }).catch((error) => {
+        console.log('API错误:', error)
+        // 开发环境使用模拟数据
+        let mockData = [
+          {
+            id: '1',
+            profileAnalysisRecordId: 'profile_001',
+            analysisSceneType: 2,
+            interactionDate: '2025-01-15 14:20:00',
+            relatedBusinessId: 'call_001',
+            dealerCode: 'BJ_AUDI_001',
+            dealerName: '北京奥迪4S店',
+            bigArea: '华北区',
+            projectId: 'proj_001',
+            projectName: '奥迪品牌项目',
+            salesPersonId: 'sales_001',
+            salesPersonName: '张销售',
+            opportunityId: 'opp_001',
+            clientId: 'client_001',
+            clientName: '张三',
+            clientPhone: '13800138001',
+            purchaseDate: '30天',
+            purchaseType: '新购',
+            paymentWay: '贷款',
+            competitorBrand: '奔驰',
+            vehicleUsage: '家用',
+            primaryDriver: '本人',
+            budgetRange: '25-35万',
+            educationLevel: '本科',
+            familyComposition: '已婚有子女',
+            monthlyIncome: '2-3万',
+            jobTitle: '软件工程师',
+            companyType: '民营企业',
+            industrySector: '互联网',
+            interestFocus: '智能驾驶',
+            concernPoint: '保养成本',
+            purchaseQualification: '是',
+            notes: '意向强烈，预算充足',
+            currentBrand: '大众',
+            homeAddress: '北京市朝阳区',
+            familySize: '4人',
+            hobby: '运动、旅游',
+            entityBrand: '积极',
+            entityBrandReason: '对奥迪品牌认可度高',
+            entityDesign: '积极',
+            entityDesignReason: '喜欢奥迪的外观设计',
+            entityPrice: '中性',
+            entityPriceReason: '认为价格合理',
+            entityValue: '积极',
+            entityValueReason: '性价比不错',
+            entitySafety: '积极',
+            entitySafetyReason: '安全配置丰富',
+            entityMileage: '中性',
+            entityMileageReason: '对续航要求一般',
+            entityFsd: '积极',
+            entityFsdReason: '对智能驾驶很感兴趣',
+            entityCost: '中性',
+            entityCostReason: '关注用车成本',
+            createdAt: '2025-01-15 14:20:00',
+            createdBy: 'system',
+            updatedAt: '2025-01-15 14:20:00',
+            updatedBy: 'system',
+            isDeleted: 0
+          },
+          {
+            id: '2',
+            profileAnalysisRecordId: 'profile_002',
+            analysisSceneType: 1,
+            interactionDate: '2025-01-14 16:45:00',
+            relatedBusinessId: 'wechat_001',
+            dealerCode: 'SH_BMW_001',
+            dealerName: '上海宝马4S店',
+            bigArea: '华东区',
+            projectId: 'proj_002',
+            projectName: '宝马品牌项目',
+            salesPersonId: 'sales_002',
+            salesPersonName: '李销售',
+            opportunityId: 'opp_002',
+            clientId: 'client_002',
+            clientName: '李四',
+            clientPhone: '13800138002',
+            purchaseDate: '60天',
+            purchaseType: '置换',
+            paymentWay: '全款',
+            competitorBrand: '奥迪',
+            vehicleUsage: '上下班',
+            primaryDriver: '本人',
+            budgetRange: '20-30万',
+            educationLevel: '硕士',
+            familyComposition: '单身',
+            monthlyIncome: '1-2万',
+            jobTitle: '教师',
+            companyType: '事业单位',
+            industrySector: '教育',
+            interestFocus: '品牌',
+            concernPoint: '保值率',
+            purchaseQualification: '是',
+            notes: '比较关注品牌形象',
+            currentBrand: '丰田',
+            homeAddress: '上海市浦东新区',
+            familySize: '1人',
+            hobby: '阅读、音乐',
+            entityBrand: '积极',
+            entityBrandReason: '宝马品牌形象好',
+            entityDesign: '积极',
+            entityDesignReason: '外观时尚',
+            entityPrice: '消极',
+            entityPriceReason: '觉得价格偏高',
+            entityValue: '中性',
+            entityValueReason: '性价比一般',
+            entitySafety: '积极',
+            entitySafetyReason: '安全性能好',
+            entityMileage: '中性',
+            entityMileageReason: '对续航无特殊要求',
+            entityFsd: '中性',
+            entityFsdReason: '对智能驾驶兴趣一般',
+            entityCost: '消极',
+            entityCostReason: '担心保养成本高',
+            createdAt: '2025-01-14 16:45:00',
+            createdBy: 'system',
+            updatedAt: '2025-01-14 16:45:00',
+            updatedBy: 'system',
+            isDeleted: 0
+          }
+        ]
+
+        // 应用查询过滤
+        if (params.clientName) {
+          mockData = mockData.filter(item =>
+            item.clientName.includes(params.clientName)
+          )
+        }
+        if (params.clientPhone) {
+          mockData = mockData.filter(item =>
+            item.clientPhone.includes(params.clientPhone)
+          )
+        }
+        if (params.dealerCode) {
+          mockData = mockData.filter(item =>
+            item.dealerCode.toLowerCase().includes(params.dealerCode.toLowerCase())
+          )
+        }
+        if (params.dealerName) {
+          mockData = mockData.filter(item =>
+            item.dealerName.includes(params.dealerName)
+          )
+        }
+        if (params.bigArea) {
+          mockData = mockData.filter(item =>
+            item.bigArea === params.bigArea
+          )
+        }
+        if (params.salesPersonName) {
+          mockData = mockData.filter(item =>
+            item.salesPersonName.includes(params.salesPersonName)
+          )
+        }
+        if (params.analysisSceneType) {
+          mockData = mockData.filter(item =>
+            item.analysisSceneType === params.analysisSceneType
+          )
+        }
+        if (params.purchaseType) {
+          mockData = mockData.filter(item =>
+            item.purchaseType === params.purchaseType
+          )
+        }
+        if (params.paymentWay) {
+          mockData = mockData.filter(item =>
+            item.paymentWay === params.paymentWay
+          )
+        }
+        if (params.startDate && params.endDate) {
+          mockData = mockData.filter(item => {
+            const itemDate = new Date(item.interactionDate.split(' ')[0])
+            const startDate = new Date(params.startDate)
+            const endDate = new Date(params.endDate)
+            return itemDate >= startDate && itemDate <= endDate
+          })
+        }
+
+        this.customerProfileList = mockData
+        this.total = mockData.length
+        this.loading = false
+      })
+    },
+
+    // 查询
+    handleQuery() {
+      this.queryParams.current = 1
+      this.getList()
+    },
+
+    // 重置查询
+    resetQuery() {
+      this.$refs.queryForm.resetFields()
+      this.queryParams = {
+        current: 1,
+        size: 20,
+        clientName: '',
+        clientPhone: '',
+        dealerCode: '',
+        dealerName: '',
+        bigArea: '',
+        salesPersonName: '',
+        analysisSceneType: '',
+        purchaseType: '',
+        paymentWay: '',
+        dateRange: [],
+        startDate: '',
+        endDate: ''
+      }
+      this.getList()
+    },
+
+    // 日期范围变化处理
+    handleDateRangeChange(dateRange) {
+      if (dateRange && dateRange.length === 2) {
+        this.queryParams.startDate = dateRange[0]
+        this.queryParams.endDate = dateRange[1]
+      } else {
+        this.queryParams.startDate = ''
+        this.queryParams.endDate = ''
+      }
+    },
+
+    // 选择变化
+    handleSelectionChange(selection) {
+      this.selectedIds = selection.map(item => item.id)
+    },
+
+    // 分页大小变化
+    handleSizeChange(val) {
+      this.queryParams.size = val
+      this.getList()
+    },
+
+    // 当前页变化
+    handleCurrentChange(val) {
+      this.queryParams.current = val
+      this.getList()
+    },
+
+    // 导出
+    handleExport() {
+      this.$message.info('导出功能待实现')
+    },
+
+    // 查看详情
+    handleViewDetail(row) {
+      this.currentDetail = row
+      this.detailDialogVisible = true
+    },
+
+    // 详情对话框关闭
+    handleDetailDialogClose() {
+      this.currentDetail = null
+    },
+
+    // 获取分析场景类型标签样式
+    getSceneTypeTag(type) {
+      const tagMap = {
+        1: 'primary',
+        2: 'success',
+        3: 'warning',
+        4: 'info'
+      }
+      return tagMap[type] || 'default'
+    },
+
+    // 获取分析场景类型文本
+    getSceneTypeText(type) {
+      const textMap = {
+        1: '企微会话',
+        2: 'AI通话录音',
+        3: 'AI铭牌(客流)',
+        4: 'AI铭牌(试驾)'
+      }
+      return textMap[type] || '未知'
+    },
+
+    // 获取情感标签样式
+    getEmotionTag(emotion) {
+      const tagMap = {
+        '积极': 'success',
+        '中性': 'warning',
+        '消极': 'danger'
+      }
+      return tagMap[emotion] || 'default'
+    }
+  }
+}
+</script>
+
+<style scoped>
+.filter-container {
+  margin-bottom: 20px;
+}
+
+.table-container {
+  margin-top: 20px;
+}
+
+.el-form-item {
+  margin-bottom: 15px;
+}
+
+.dialog-footer {
+  text-align: right;
+}
+
+/* 详情页面样式 */
+.basic-info-container,
+.purchase-info-container,
+.personal-info-container,
+.notes-info-container {
+  padding: 20px;
+}
+
+.info-section {
+  margin-bottom: 30px;
+  border: 1px solid #e4e7ed;
+  border-radius: 6px;
+  padding: 20px;
+  background-color: #fafafa;
+}
+
+.section-title {
+  margin: 0 0 15px 0;
+  padding-bottom: 10px;
+  border-bottom: 2px solid #409eff;
+  color: #303133;
+  font-size: 16px;
+  font-weight: 600;
+}
+
+.info-item {
+  display: flex;
+  align-items: flex-start;
+  margin-bottom: 12px;
+  line-height: 1.6;
+}
+
+.info-label {
+  min-width: 120px;
+  color: #606266;
+  font-weight: 500;
+  flex-shrink: 0;
+}
+
+.info-value {
+  color: #303133;
+  flex: 1;
+}
+
+.info-content {
+  color: #303133;
+  flex: 1;
+  line-height: 1.6;
+  white-space: pre-wrap;
+}
+
+.info-tag {
+  margin-left: 0;
+}
+
+/* 情感分析样式 */
+.emotion-analysis-container {
+  padding: 20px;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: 20px;
+}
+
+.emotion-item {
+  border: 1px solid #e4e7ed;
+  border-radius: 6px;
+  padding: 15px;
+  background-color: #fafafa;
+  transition: all 0.3s ease;
+}
+
+.emotion-item:hover {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  transform: translateY(-2px);
+}
+
+.emotion-label {
+  font-size: 14px;
+  font-weight: 600;
+  color: #303133;
+  margin-bottom: 8px;
+}
+
+.emotion-tag {
+  margin-bottom: 8px;
+  font-size: 12px;
+}
+
+.emotion-reason {
+  font-size: 13px;
+  color: #606266;
+  line-height: 1.5;
+  background-color: #fff;
+  padding: 8px 12px;
+  border-radius: 4px;
+  border-left: 3px solid #409eff;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .emotion-analysis-container {
+    grid-template-columns: 1fr;
+  }
+
+  .info-item {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+
+  .info-label {
+    min-width: auto;
+    margin-bottom: 5px;
+  }
+}
+</style>
diff --git a/src/views/knowledge/dialogue-mining.vue b/src/views/knowledge/dialogue-mining.vue
new file mode 100644
index 0000000..104a2f8
--- /dev/null
+++ b/src/views/knowledge/dialogue-mining.vue
@@ -0,0 +1,233 @@
+<template>
+  <div class="app-container">
+    <el-card class="filter-container" shadow="never">
+      <el-form ref="queryForm" :model="queryParams" :inline="true" label-width="100px">
+        <el-form-item label="对话内容">
+          <el-input
+            v-model="queryParams.dialogueContent"
+            placeholder="请输入对话关键词"
+            clearable
+            style="width: 300px"
+          />
+        </el-form-item>
+        
+        <el-form-item label="销售姓名">
+          <el-input
+            v-model="queryParams.salesName"
+            placeholder="请输入销售姓名"
+            clearable
+            style="width: 200px"
+          />
+        </el-form-item>
+        
+        <el-form-item label="挖掘类型">
+          <el-select v-model="queryParams.miningType" placeholder="请选择挖掘类型" clearable>
+            <el-option label="话术技巧" value="script" />
+            <el-option label="客户需求" value="demand" />
+            <el-option label="产品信息" value="product" />
+            <el-option label="异议处理" value="objection" />
+          </el-select>
+        </el-form-item>
+        
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" @click="handleQuery">挖掘分析</el-button>
+          <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <el-card class="result-container" shadow="never">
+      <div slot="header">
+        <span>挖掘结果</span>
+        <el-button style="float: right; padding: 3px 0" type="text" @click="exportResults">导出结果</el-button>
+      </div>
+      
+      <el-table
+        v-loading="loading"
+        :data="miningResults"
+        style="width: 100%"
+      >
+        <el-table-column label="序号" type="index" width="50" />
+        <el-table-column label="对话片段" prop="dialogueSegment" min-width="300" show-overflow-tooltip />
+        <el-table-column label="挖掘类型" prop="miningType" width="120">
+          <template slot-scope="scope">
+            <el-tag :type="getMiningTypeTag(scope.row.miningType)">
+              {{ scope.row.miningType }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="关键信息" prop="keyInfo" min-width="200" show-overflow-tooltip />
+        <el-table-column label="销售姓名" prop="salesName" width="120" />
+        <el-table-column label="对话时间" prop="dialogueTime" width="150" />
+        <el-table-column label="置信度" prop="confidence" width="100">
+          <template slot-scope="scope">
+            <el-progress :percentage="scope.row.confidence" :stroke-width="8" />
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="150" fixed="right">
+          <template slot-scope="scope">
+            <el-button type="text" @click="viewDetail(scope.row)">查看详情</el-button>
+            <el-button type="text" @click="addToKnowledge(scope.row)">加入知识库</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      
+      <el-pagination
+        :current-page="queryParams.current"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="queryParams.size"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+        style="margin-top: 20px; text-align: right;"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+    </el-card>
+
+    <!-- 详情对话框 -->
+    <el-dialog
+      title="对话详情"
+      :visible.sync="detailVisible"
+      width="800px"
+    >
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="对话片段">{{ currentDetail.dialogueSegment }}</el-descriptions-item>
+        <el-descriptions-item label="挖掘类型">
+          <el-tag :type="getMiningTypeTag(currentDetail.miningType)">
+            {{ currentDetail.miningType }}
+          </el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item label="关键信息">{{ currentDetail.keyInfo }}</el-descriptions-item>
+        <el-descriptions-item label="销售姓名">{{ currentDetail.salesName }}</el-descriptions-item>
+        <el-descriptions-item label="对话时间">{{ currentDetail.dialogueTime }}</el-descriptions-item>
+        <el-descriptions-item label="置信度">{{ currentDetail.confidence }}%</el-descriptions-item>
+        <el-descriptions-item label="完整对话" :span="2">{{ currentDetail.fullDialogue }}</el-descriptions-item>
+      </el-descriptions>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="detailVisible = false">关闭</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'DialogueMining',
+  data() {
+    return {
+      loading: false,
+      miningResults: [],
+      total: 0,
+      detailVisible: false,
+      currentDetail: {},
+      queryParams: {
+        current: 1,
+        size: 10,
+        dialogueContent: '',
+        salesName: '',
+        miningType: ''
+      }
+    }
+  },
+  created() {
+    this.getMiningResults()
+  },
+  methods: {
+    getMiningResults() {
+      this.loading = true
+      // 模拟数据
+      setTimeout(() => {
+        this.miningResults = [
+          {
+            id: '1',
+            dialogueSegment: '客户：这个车的油耗怎么样？销售：这款车百公里综合油耗6.5L，在同级别中非常省油...',
+            miningType: '产品信息',
+            keyInfo: '油耗6.5L/100km',
+            salesName: '张销售',
+            dialogueTime: '2025-08-08 10:30:15',
+            confidence: 95,
+            fullDialogue: '完整的对话内容...'
+          },
+          {
+            id: '2',
+            dialogueSegment: '客户：价格能不能再便宜点？销售：我理解您的预算考虑，我们可以看看其他配置...',
+            miningType: '异议处理',
+            keyInfo: '价格异议处理技巧',
+            salesName: '李销售',
+            dialogueTime: '2025-08-08 11:20:30',
+            confidence: 88,
+            fullDialogue: '完整的对话内容...'
+          }
+        ]
+        this.total = this.miningResults.length
+        this.loading = false
+      }, 1000)
+    },
+    
+    handleQuery() {
+      this.queryParams.current = 1
+      this.getMiningResults()
+    },
+    
+    resetQuery() {
+      this.$refs.queryForm.resetFields()
+      this.queryParams = {
+        current: 1,
+        size: 10,
+        dialogueContent: '',
+        salesName: '',
+        miningType: ''
+      }
+      this.getMiningResults()
+    },
+    
+    handleSizeChange(val) {
+      this.queryParams.size = val
+      this.getMiningResults()
+    },
+    
+    handleCurrentChange(val) {
+      this.queryParams.current = val
+      this.getMiningResults()
+    },
+    
+    getMiningTypeTag(type) {
+      const typeMap = {
+        '话术技巧': 'success',
+        '客户需求': 'warning',
+        '产品信息': 'info',
+        '异议处理': 'danger'
+      }
+      return typeMap[type] || 'info'
+    },
+    
+    viewDetail(row) {
+      this.currentDetail = row
+      this.detailVisible = true
+    },
+    
+    addToKnowledge(row) {
+      this.$message.success('已添加到知识库')
+    },
+    
+    exportResults() {
+      this.$message.success('导出成功')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.filter-container {
+  margin-bottom: 20px;
+}
+
+.result-container {
+  margin-top: 20px;
+}
+
+.el-progress {
+  margin: 0;
+}
+</style>
+
diff --git a/src/views/knowledge/index.vue b/src/views/knowledge/index.vue
new file mode 100644
index 0000000..2e0eee2
--- /dev/null
+++ b/src/views/knowledge/index.vue
@@ -0,0 +1,137 @@
+<template>
+  <div class="app-container">
+    <el-card class="knowledge-center-card" shadow="never">
+      <div slot="header" class="card-header">
+        <span class="header-title">知识中心</span>
+        <span class="header-subtitle">Knowledge Center</span>
+      </div>
+      
+      <el-row :gutter="20">
+        <el-col :span="8">
+          <el-card class="feature-card" shadow="hover" @click.native="goToDialogueMining">
+            <div class="feature-icon">
+              <i class="el-icon-chat-dot-round"></i>
+            </div>
+            <div class="feature-content">
+              <h3>对话挖掘</h3>
+              <p>Dialogue Mining</p>
+              <p class="feature-desc">智能分析销售对话，提取关键信息和话术技巧</p>
+            </div>
+          </el-card>
+        </el-col>
+        
+        <el-col :span="8">
+          <el-card class="feature-card" shadow="hover" @click.native="goToKnowledgeBase">
+            <div class="feature-icon">
+              <i class="el-icon-document"></i>
+            </div>
+            <div class="feature-content">
+              <h3>知识库</h3>
+              <p>Knowledge Base</p>
+              <p class="feature-desc">集中管理销售知识、产品信息和最佳实践</p>
+            </div>
+          </el-card>
+        </el-col>
+        
+        <el-col :span="8">
+          <el-card class="feature-card" shadow="hover" @click.native="goToTerminology">
+            <div class="feature-icon">
+              <i class="el-icon-collection"></i>
+            </div>
+            <div class="feature-content">
+              <h3>汽车术语库</h3>
+              <p>Automotive Terminology</p>
+              <p class="feature-desc">专业的汽车行业术语和概念解释</p>
+            </div>
+          </el-card>
+        </el-col>
+      </el-row>
+    </el-card>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'KnowledgeCenter',
+  methods: {
+    goToDialogueMining() {
+      this.$router.push('/knowledge/dialogue-mining')
+    },
+    goToKnowledgeBase() {
+      this.$router.push('/knowledge/knowledge-base')
+    },
+    goToTerminology() {
+      this.$router.push('/knowledge/terminology')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.knowledge-center-card {
+  margin: 20px;
+}
+
+.card-header {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.header-title {
+  font-size: 24px;
+  font-weight: bold;
+  color: #303133;
+}
+
+.header-subtitle {
+  font-size: 14px;
+  color: #909399;
+  margin-top: 4px;
+}
+
+.feature-card {
+  height: 200px;
+  cursor: pointer;
+  transition: all 0.3s;
+  border: 1px solid #ebeef5;
+}
+
+.feature-card:hover {
+  transform: translateY(-5px);
+  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
+}
+
+.feature-icon {
+  text-align: center;
+  margin-bottom: 16px;
+}
+
+.feature-icon i {
+  font-size: 48px;
+  color: #409EFF;
+}
+
+.feature-content {
+  text-align: center;
+}
+
+.feature-content h3 {
+  margin: 0 0 8px 0;
+  font-size: 18px;
+  color: #303133;
+}
+
+.feature-content p {
+  margin: 4px 0;
+  color: #606266;
+}
+
+.feature-desc {
+  font-size: 12px;
+  color: #909399;
+  line-height: 1.4;
+  margin-top: 8px;
+}
+</style>
+
diff --git a/src/views/knowledge/knowledge-base.vue b/src/views/knowledge/knowledge-base.vue
new file mode 100644
index 0000000..e409f87
--- /dev/null
+++ b/src/views/knowledge/knowledge-base.vue
@@ -0,0 +1,363 @@
+<template>
+  <div class="app-container">
+    <el-card class="filter-container" shadow="never">
+      <el-form ref="queryForm" :model="queryParams" :inline="true" label-width="100px">
+        <el-form-item label="知识标题">
+          <el-input
+            v-model="queryParams.title"
+            placeholder="请输入知识标题"
+            clearable
+            style="width: 250px"
+          />
+        </el-form-item>
+        
+        <el-form-item label="知识分类">
+          <el-select v-model="queryParams.category" placeholder="请选择分类" clearable>
+            <el-option label="销售技巧" value="sales" />
+            <el-option label="产品知识" value="product" />
+            <el-option label="客户服务" value="service" />
+            <el-option label="行业资讯" value="industry" />
+          </el-select>
+        </el-form-item>
+        
+        <el-form-item label="创建人">
+          <el-input
+            v-model="queryParams.creator"
+            placeholder="请输入创建人"
+            clearable
+            style="width: 150px"
+          />
+        </el-form-item>
+        
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
+          <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <el-card class="action-container" shadow="never">
+      <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增知识</el-button>
+      <el-button type="success" icon="el-icon-upload" @click="handleImport">批量导入</el-button>
+      <el-button type="warning" icon="el-icon-download" @click="handleExport">导出知识库</el-button>
+    </el-card>
+
+    <el-card class="table-container" shadow="never">
+      <el-table
+        v-loading="loading"
+        :data="knowledgeList"
+        style="width: 100%"
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column type="selection" width="55" />
+        <el-table-column label="序号" type="index" width="50" />
+        <el-table-column label="知识标题" prop="title" min-width="200" show-overflow-tooltip />
+        <el-table-column label="知识分类" prop="category" width="120">
+          <template slot-scope="scope">
+            <el-tag :type="getCategoryTag(scope.row.category)">
+              {{ scope.row.category }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="创建人" prop="creator" width="120" />
+        <el-table-column label="创建时间" prop="createTime" width="150" />
+        <el-table-column label="更新时间" prop="updateTime" width="150" />
+        <el-table-column label="状态" prop="status" width="100">
+          <template slot-scope="scope">
+            <el-tag :type="scope.row.status === '已发布' ? 'success' : 'info'">
+              {{ scope.row.status }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="200" fixed="right">
+          <template slot-scope="scope">
+            <el-button type="text" @click="handleView(scope.row)">查看</el-button>
+            <el-button type="text" @click="handleEdit(scope.row)">编辑</el-button>
+            <el-button type="text" @click="handleDelete(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      
+      <el-pagination
+        :current-page="queryParams.current"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="queryParams.size"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+        style="margin-top: 20px; text-align: right;"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+    </el-card>
+
+    <!-- 新增/编辑对话框 -->
+    <el-dialog
+      :title="isEdit ? '编辑知识' : '新增知识'"
+      :visible.sync="dialogVisible"
+      width="800px"
+      @close="handleDialogClose"
+    >
+      <el-form ref="knowledgeForm" :model="knowledgeForm" :rules="knowledgeRules" label-width="100px">
+        <el-form-item label="知识标题" prop="title">
+          <el-input v-model="knowledgeForm.title" placeholder="请输入知识标题" />
+        </el-form-item>
+        
+        <el-form-item label="知识分类" prop="category">
+          <el-select v-model="knowledgeForm.category" placeholder="请选择分类" style="width: 100%">
+            <el-option label="销售技巧" value="销售技巧" />
+            <el-option label="产品知识" value="产品知识" />
+            <el-option label="客户服务" value="客户服务" />
+            <el-option label="行业资讯" value="行业资讯" />
+          </el-select>
+        </el-form-item>
+        
+        <el-form-item label="知识内容" prop="content">
+          <el-input
+            v-model="knowledgeForm.content"
+            type="textarea"
+            :rows="8"
+            placeholder="请输入知识内容"
+          />
+        </el-form-item>
+        
+        <el-form-item label="关键词" prop="keywords">
+          <el-input v-model="knowledgeForm.keywords" placeholder="请输入关键词，用逗号分隔" />
+        </el-form-item>
+        
+        <el-form-item label="状态" prop="status">
+          <el-radio-group v-model="knowledgeForm.status">
+            <el-radio label="已发布">已发布</el-radio>
+            <el-radio label="草稿">草稿</el-radio>
+          </el-radio-group>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="handleSubmit">确定</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 查看对话框 -->
+    <el-dialog
+      title="知识详情"
+      :visible.sync="viewVisible"
+      width="800px"
+    >
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="知识标题">{{ currentKnowledge.title }}</el-descriptions-item>
+        <el-descriptions-item label="知识分类">
+          <el-tag :type="getCategoryTag(currentKnowledge.category)">
+            {{ currentKnowledge.category }}
+          </el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item label="创建人">{{ currentKnowledge.creator }}</el-descriptions-item>
+        <el-descriptions-item label="创建时间">{{ currentKnowledge.createTime }}</el-descriptions-item>
+        <el-descriptions-item label="更新时间">{{ currentKnowledge.updateTime }}</el-descriptions-item>
+        <el-descriptions-item label="状态">
+          <el-tag :type="currentKnowledge.status === '已发布' ? 'success' : 'info'">
+            {{ currentKnowledge.status }}
+          </el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item label="关键词">{{ currentKnowledge.keywords }}</el-descriptions-item>
+        <el-descriptions-item label="知识内容" :span="2">{{ currentKnowledge.content }}</el-descriptions-item>
+      </el-descriptions>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="viewVisible = false">关闭</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'KnowledgeBase',
+  data() {
+    return {
+      loading: false,
+      knowledgeList: [],
+      total: 0,
+      selectedIds: [],
+      dialogVisible: false,
+      viewVisible: false,
+      isEdit: false,
+      currentKnowledge: {},
+      knowledgeForm: {
+        id: null,
+        title: '',
+        category: '',
+        content: '',
+        keywords: '',
+        status: '草稿'
+      },
+      knowledgeRules: {
+        title: [
+          { required: true, message: '请输入知识标题', trigger: 'blur' }
+        ],
+        category: [
+          { required: true, message: '请选择知识分类', trigger: 'change' }
+        ],
+        content: [
+          { required: true, message: '请输入知识内容', trigger: 'blur' }
+        ]
+      },
+      queryParams: {
+        current: 1,
+        size: 10,
+        title: '',
+        category: '',
+        creator: ''
+      }
+    }
+  },
+  created() {
+    this.getKnowledgeList()
+  },
+  methods: {
+    getKnowledgeList() {
+      this.loading = true
+      // 模拟数据
+      setTimeout(() => {
+        this.knowledgeList = [
+          {
+            id: '1',
+            title: '汽车销售话术技巧',
+            category: '销售技巧',
+            creator: '张经理',
+            createTime: '2025-08-08 10:30:15',
+            updateTime: '2025-08-08 10:30:15',
+            status: '已发布',
+            keywords: '销售,话术,技巧',
+            content: '详细的销售话术技巧内容...'
+          },
+          {
+            id: '2',
+            title: '新能源汽车产品知识',
+            category: '产品知识',
+            creator: '李专家',
+            createTime: '2025-08-08 11:20:30',
+            updateTime: '2025-08-08 11:20:30',
+            status: '已发布',
+            keywords: '新能源,汽车,产品',
+            content: '新能源汽车的详细介绍...'
+          }
+        ]
+        this.total = this.knowledgeList.length
+        this.loading = false
+      }, 1000)
+    },
+    
+    handleQuery() {
+      this.queryParams.current = 1
+      this.getKnowledgeList()
+    },
+    
+    resetQuery() {
+      this.$refs.queryForm.resetFields()
+      this.queryParams = {
+        current: 1,
+        size: 10,
+        title: '',
+        category: '',
+        creator: ''
+      }
+      this.getKnowledgeList()
+    },
+    
+    handleSelectionChange(selection) {
+      this.selectedIds = selection.map(item => item.id)
+    },
+    
+    handleSizeChange(val) {
+      this.queryParams.size = val
+      this.getKnowledgeList()
+    },
+    
+    handleCurrentChange(val) {
+      this.queryParams.current = val
+      this.getKnowledgeList()
+    },
+    
+    getCategoryTag(category) {
+      const tagMap = {
+        '销售技巧': 'success',
+        '产品知识': 'warning',
+        '客户服务': 'info',
+        '行业资讯': 'primary'
+      }
+      return tagMap[category] || 'info'
+    },
+    
+    handleAdd() {
+      this.isEdit = false
+      this.knowledgeForm = {
+        id: null,
+        title: '',
+        category: '',
+        content: '',
+        keywords: '',
+        status: '草稿'
+      }
+      this.dialogVisible = true
+    },
+    
+    handleEdit(row) {
+      this.isEdit = true
+      this.knowledgeForm = { ...row }
+      this.dialogVisible = true
+    },
+    
+    handleView(row) {
+      this.currentKnowledge = row
+      this.viewVisible = true
+    },
+    
+    handleDelete(row) {
+      this.$confirm('确认删除该知识?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.$message.success('删除成功')
+        this.getKnowledgeList()
+      })
+    },
+    
+    handleSubmit() {
+      this.$refs.knowledgeForm.validate(valid => {
+        if (valid) {
+          this.$message.success(this.isEdit ? '更新成功' : '添加成功')
+          this.dialogVisible = false
+          this.getKnowledgeList()
+        }
+      })
+    },
+    
+    handleDialogClose() {
+      this.$refs.knowledgeForm?.resetFields()
+    },
+    
+    handleImport() {
+      this.$message.info('批量导入功能待实现')
+    },
+    
+    handleExport() {
+      this.$message.success('导出成功')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.filter-container {
+  margin-bottom: 20px;
+}
+
+.action-container {
+  margin-bottom: 20px;
+}
+
+.table-container {
+  margin-top: 20px;
+}
+</style>
+
diff --git a/src/views/knowledge/terminology.vue b/src/views/knowledge/terminology.vue
new file mode 100644
index 0000000..dd1ce8e
--- /dev/null
+++ b/src/views/knowledge/terminology.vue
@@ -0,0 +1,408 @@
+<template>
+  <div class="app-container">
+    <el-card class="filter-container" shadow="never">
+      <el-form ref="queryForm" :model="queryParams" :inline="true" label-width="100px">
+        <el-form-item label="术语名称">
+          <el-input
+            v-model="queryParams.termName"
+            placeholder="请输入术语名称"
+            clearable
+            style="width: 250px"
+          />
+        </el-form-item>
+        
+        <el-form-item label="术语分类">
+          <el-select v-model="queryParams.category" placeholder="请选择分类" clearable>
+            <el-option label="发动机" value="engine" />
+            <el-option label="变速箱" value="transmission" />
+            <el-option label="底盘" value="chassis" />
+            <el-option label="电气" value="electrical" />
+            <el-option label="车身" value="body" />
+          </el-select>
+        </el-form-item>
+        
+        <el-form-item label="语言">
+          <el-select v-model="queryParams.language" placeholder="请选择语言" clearable>
+            <el-option label="中文" value="zh" />
+            <el-option label="英文" value="en" />
+            <el-option label="日文" value="jp" />
+            <el-option label="德文" value="de" />
+          </el-select>
+        </el-form-item>
+        
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
+          <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <el-card class="action-container" shadow="never">
+      <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增术语</el-button>
+      <el-button type="success" icon="el-icon-upload" @click="handleImport">批量导入</el-button>
+      <el-button type="warning" icon="el-icon-download" @click="handleExport">导出术语库</el-button>
+    </el-card>
+
+    <el-card class="table-container" shadow="never">
+      <el-table
+        v-loading="loading"
+        :data="terminologyList"
+        style="width: 100%"
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column type="selection" width="55" />
+        <el-table-column label="序号" type="index" width="50" />
+        <el-table-column label="术语名称" prop="termName" min-width="150" show-overflow-tooltip />
+        <el-table-column label="英文名称" prop="englishName" min-width="150" show-overflow-tooltip />
+        <el-table-column label="术语分类" prop="category" width="120">
+          <template slot-scope="scope">
+            <el-tag :type="getCategoryTag(scope.row.category)">
+              {{ scope.row.category }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="语言" prop="language" width="80">
+          <template slot-scope="scope">
+            <el-tag size="mini" :type="getLanguageTag(scope.row.language)">
+              {{ scope.row.language }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="创建人" prop="creator" width="120" />
+        <el-table-column label="创建时间" prop="createTime" width="150" />
+        <el-table-column label="操作" width="200" fixed="right">
+          <template slot-scope="scope">
+            <el-button type="text" @click="handleView(scope.row)">查看</el-button>
+            <el-button type="text" @click="handleEdit(scope.row)">编辑</el-button>
+            <el-button type="text" @click="handleDelete(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      
+      <el-pagination
+        :current-page="queryParams.current"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="queryParams.size"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+        style="margin-top: 20px; text-align: right;"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+    </el-card>
+
+    <!-- 新增/编辑对话框 -->
+    <el-dialog
+      :title="isEdit ? '编辑术语' : '新增术语'"
+      :visible.sync="dialogVisible"
+      width="800px"
+      @close="handleDialogClose"
+    >
+      <el-form ref="terminologyForm" :model="terminologyForm" :rules="terminologyRules" label-width="100px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="术语名称" prop="termName">
+              <el-input v-model="terminologyForm.termName" placeholder="请输入术语名称" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="英文名称" prop="englishName">
+              <el-input v-model="terminologyForm.englishName" placeholder="请输入英文名称" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="术语分类" prop="category">
+              <el-select v-model="terminologyForm.category" placeholder="请选择分类" style="width: 100%">
+                <el-option label="发动机" value="发动机" />
+                <el-option label="变速箱" value="变速箱" />
+                <el-option label="底盘" value="底盘" />
+                <el-option label="电气" value="电气" />
+                <el-option label="车身" value="车身" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="语言" prop="language">
+              <el-select v-model="terminologyForm.language" placeholder="请选择语言" style="width: 100%">
+                <el-option label="中文" value="中文" />
+                <el-option label="英文" value="英文" />
+                <el-option label="日文" value="日文" />
+                <el-option label="德文" value="德文" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        
+        <el-form-item label="术语定义" prop="definition">
+          <el-input
+            v-model="terminologyForm.definition"
+            type="textarea"
+            :rows="4"
+            placeholder="请输入术语定义"
+          />
+        </el-form-item>
+        
+        <el-form-item label="应用场景" prop="application">
+          <el-input
+            v-model="terminologyForm.application"
+            type="textarea"
+            :rows="3"
+            placeholder="请输入应用场景"
+          />
+        </el-form-item>
+        
+        <el-form-item label="相关术语" prop="relatedTerms">
+          <el-input v-model="terminologyForm.relatedTerms" placeholder="请输入相关术语，用逗号分隔" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="handleSubmit">确定</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 查看对话框 -->
+    <el-dialog
+      title="术语详情"
+      :visible.sync="viewVisible"
+      width="800px"
+    >
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="术语名称">{{ currentTerminology.termName }}</el-descriptions-item>
+        <el-descriptions-item label="英文名称">{{ currentTerminology.englishName }}</el-descriptions-item>
+        <el-descriptions-item label="术语分类">
+          <el-tag :type="getCategoryTag(currentTerminology.category)">
+            {{ currentTerminology.category }}
+          </el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item label="语言">
+          <el-tag size="mini" :type="getLanguageTag(currentTerminology.language)">
+            {{ currentTerminology.language }}
+          </el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item label="创建人">{{ currentTerminology.creator }}</el-descriptions-item>
+        <el-descriptions-item label="创建时间">{{ currentTerminology.createTime }}</el-descriptions-item>
+        <el-descriptions-item label="术语定义" :span="2">{{ currentTerminology.definition }}</el-descriptions-item>
+        <el-descriptions-item label="应用场景" :span="2">{{ currentTerminology.application }}</el-descriptions-item>
+        <el-descriptions-item label="相关术语" :span="2">{{ currentTerminology.relatedTerms }}</el-descriptions-item>
+      </el-descriptions>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="viewVisible = false">关闭</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Terminology',
+  data() {
+    return {
+      loading: false,
+      terminologyList: [],
+      total: 0,
+      selectedIds: [],
+      dialogVisible: false,
+      viewVisible: false,
+      isEdit: false,
+      currentTerminology: {},
+      terminologyForm: {
+        id: null,
+        termName: '',
+        englishName: '',
+        category: '',
+        language: '中文',
+        definition: '',
+        application: '',
+        relatedTerms: ''
+      },
+      terminologyRules: {
+        termName: [
+          { required: true, message: '请输入术语名称', trigger: 'blur' }
+        ],
+        category: [
+          { required: true, message: '请选择术语分类', trigger: 'change' }
+        ],
+        definition: [
+          { required: true, message: '请输入术语定义', trigger: 'blur' }
+        ]
+      },
+      queryParams: {
+        current: 1,
+        size: 10,
+        termName: '',
+        category: '',
+        language: ''
+      }
+    }
+  },
+  created() {
+    this.getTerminologyList()
+  },
+  methods: {
+    getTerminologyList() {
+      this.loading = true
+      // 模拟数据
+      setTimeout(() => {
+        this.terminologyList = [
+          {
+            id: '1',
+            termName: '涡轮增压',
+            englishName: 'Turbocharger',
+            category: '发动机',
+            language: '中文',
+            creator: '张工程师',
+            createTime: '2025-08-08 10:30:15',
+            definition: '通过废气驱动涡轮，压缩进气空气，提高发动机功率的技术',
+            application: '广泛应用于汽油和柴油发动机，提高动力输出',
+            relatedTerms: '增压器,中冷器,废气涡轮'
+          },
+          {
+            id: '2',
+            termName: '双离合变速箱',
+            englishName: 'Dual Clutch Transmission',
+            category: '变速箱',
+            language: '中文',
+            creator: '李专家',
+            createTime: '2025-08-08 11:20:30',
+            definition: '使用两个离合器分别控制奇偶档位的自动变速箱',
+            application: '提供快速换挡和平顺驾驶体验',
+            relatedTerms: '自动变速箱,手动变速箱,CVT'
+          }
+        ]
+        this.total = this.terminologyList.length
+        this.loading = false
+      }, 1000)
+    },
+    
+    handleQuery() {
+      this.queryParams.current = 1
+      this.getTerminologyList()
+    },
+    
+    resetQuery() {
+      this.$refs.queryForm.resetFields()
+      this.queryParams = {
+        current: 1,
+        size: 10,
+        termName: '',
+        category: '',
+        language: ''
+      }
+      this.getTerminologyList()
+    },
+    
+    handleSelectionChange(selection) {
+      this.selectedIds = selection.map(item => item.id)
+    },
+    
+    handleSizeChange(val) {
+      this.queryParams.size = val
+      this.getTerminologyList()
+    },
+    
+    handleCurrentChange(val) {
+      this.queryParams.current = val
+      this.getTerminologyList()
+    },
+    
+    getCategoryTag(category) {
+      const tagMap = {
+        '发动机': 'danger',
+        '变速箱': 'warning',
+        '底盘': 'info',
+        '电气': 'primary',
+        '车身': 'success'
+      }
+      return tagMap[category] || 'info'
+    },
+    
+    getLanguageTag(language) {
+      const tagMap = {
+        '中文': 'success',
+        '英文': 'primary',
+        '日文': 'warning',
+        '德文': 'info'
+      }
+      return tagMap[language] || 'info'
+    },
+    
+    handleAdd() {
+      this.isEdit = false
+      this.terminologyForm = {
+        id: null,
+        termName: '',
+        englishName: '',
+        category: '',
+        language: '中文',
+        definition: '',
+        application: '',
+        relatedTerms: ''
+      }
+      this.dialogVisible = true
+    },
+    
+    handleEdit(row) {
+      this.isEdit = true
+      this.terminologyForm = { ...row }
+      this.dialogVisible = true
+    },
+    
+    handleView(row) {
+      this.currentTerminology = row
+      this.viewVisible = true
+    },
+    
+    handleDelete(row) {
+      this.$confirm('确认删除该术语?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.$message.success('删除成功')
+        this.getTerminologyList()
+      })
+    },
+    
+    handleSubmit() {
+      this.$refs.terminologyForm.validate(valid => {
+        if (valid) {
+          this.$message.success(this.isEdit ? '更新成功' : '添加成功')
+          this.dialogVisible = false
+          this.getTerminologyList()
+        }
+      })
+    },
+    
+    handleDialogClose() {
+      this.$refs.terminologyForm?.resetFields()
+    },
+    
+    handleImport() {
+      this.$message.info('批量导入功能待实现')
+    },
+    
+    handleExport() {
+      this.$message.success('导出成功')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.filter-container {
+  margin-bottom: 20px;
+}
+
+.action-container {
+  margin-bottom: 20px;
+}
+
+.table-container {
+  margin-top: 20px;
+}
+</style>
+