From 89f3c5bfcc8cb9a20baf80ff08719af134eb9ba3 Mon Sep 17 00:00:00 2001
From: ZLI263 <zhonghua.li.2@volvocars.com>
Date: Wed, 1 Oct 2025 17:55:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=AD=A3=E9=94=80=E5=94=AE=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E5=92=8C=E5=BD=95=E9=9F=B3=E7=AE=A1=E7=90=86=E7=9A=84?=
 =?UTF-8?q?=E8=B7=AF=E5=BE=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/audio.js          |   2 +-
 src/api/sales.js          |  17 ++
 src/router/index.js       |   6 +
 src/views/audio/index.vue | 415 +++++++++++++++++++++++++++-----------
 src/views/sales/index.vue |  78 ++++++-
 5 files changed, 391 insertions(+), 127 deletions(-)

diff --git a/src/api/audio.js b/src/api/audio.js
index 264c524..461cb95 100644
--- a/src/api/audio.js
+++ b/src/api/audio.js
@@ -13,7 +13,7 @@ export function getAudioList(params) {
       dealershipId: params.dealershipId,
       intentionLevel: params.intentionLevel,
       projectId: params.projectId,
-      salesId: params.salesId,
+      salesPhone: params.salesPhone,
       customerName: params.customerName,
       editStatus: params.editStatus,
       maxDuration: params.maxDuration,
diff --git a/src/api/sales.js b/src/api/sales.js
index 2762c93..6b4c5b0 100644
--- a/src/api/sales.js
+++ b/src/api/sales.js
@@ -9,6 +9,7 @@ export function getSalesList(params) {
       current: params.pageNum || 1,
       size: params.pageSize || 10,
       salesName: params.salesName,
+      salesPhone: params.salesPhone,
       loginAccount: params.loginAccount,
       dealershipId: params.storeId,
       status: params.status,
@@ -76,3 +77,19 @@ export function getSalesStatistics() {
     method: 'get'
   })
 }
+
+// 分页查询TopSales评分结果
+export function getTopSalesPage(params) {
+  return request({
+    url: '/topsales/page',
+    method: 'get',
+    params: {
+      current: params.current || 1,
+      size: params.size || 10,
+      workflowId: params.workflowId,
+      status: params.status,
+      salesName: params.salesName,
+      dealershipName: params.dealershipName
+    }
+  })
+}
diff --git a/src/router/index.js b/src/router/index.js
index 5bd3557..7bd782c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -98,6 +98,12 @@ export const constantRoutes = [
         name: 'SalesAudio',
         component: () => import('@/views/audio/index'),
         meta: { title: '录音管理', icon: 'el-icon-microphone' }
+      },
+      {
+        path: 'dimension-analysis',
+        name: 'DimensionAnalysis',
+        component: () => import('@/views/sales/dimension-analysis'),
+        meta: { title: '维度分析', icon: 'el-icon-data-analysis' }
       }
     ]
   },
diff --git a/src/views/audio/index.vue b/src/views/audio/index.vue
index 56782d7..46e9d01 100644
--- a/src/views/audio/index.vue
+++ b/src/views/audio/index.vue
@@ -26,15 +26,13 @@
           </el-select>
         </el-form-item>
 
-        <el-form-item label="所属销售">
-          <el-select v-model="queryParams.salesId" placeholder="请选择销售" clearable>
-            <el-option
-              v-for="item in salesOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
-          </el-select>
+        <el-form-item label="销售电话">
+          <el-input
+            v-model="queryParams.salesPhone"
+            placeholder="请输入销售电话"
+            clearable
+            style="width: 200px"
+          />
         </el-form-item>
 
         <el-form-item label="录音名称">
@@ -148,8 +146,30 @@
         <el-table-column type="selection" width="55" />
         <el-table-column label="序号" type="index" width="50" />
         <el-table-column label="录音名称" prop="recordingName" min-width="150" />
+        <el-table-column label="录音文本" prop="recordingText" min-width="150">
+          <template slot-scope="scope">
+            <div v-if="scope.row.recordingText && scope.row.recordingText.trim()">
+              <span class="recording-text-preview">
+                {{ getTextPreview(scope.row.recordingText) }}
+              </span>
+              <el-button
+                type="text"
+                size="mini"
+                icon="el-icon-view"
+                style="margin-left: 8px;"
+                @click="handleViewText(scope.row)"
+              >
+                查看
+              </el-button>
+            </div>
+            <div v-else>
+              <span style="color: #999;">暂无文本</span>
+            </div>
+          </template>
+        </el-table-column>
         <el-table-column label="录音时间" prop="recordingTime" min-width="150" />
         <el-table-column label="所属销售" prop="salesName" min-width="120" />
+        <el-table-column label="销售电话" prop="salesPhone" min-width="120" />
         <el-table-column label="录音时长" prop="duration" min-width="100">
           <template slot-scope="scope">
             {{ scope.row.duration }} 分钟
@@ -189,30 +209,6 @@
             </el-tag>
           </template>
         </el-table-column>
-        <el-table-column label="录音文本" prop="recordingText" min-width="150">
-          <template slot-scope="scope">
-            <div v-if="scope.row.recordingText && scope.row.recordingText.trim()">
-              <span class="recording-text-preview">
-                {{ getTextPreview(scope.row.recordingText) }}
-              </span>
-              <el-button
-                type="text"
-                size="mini"
-                icon="el-icon-view"
-                style="margin-left: 8px;"
-                @click="handleViewText(scope.row)"
-              >
-                查看
-              </el-button>
-            </div>
-            <div v-else>
-              <el-tag type="info" size="mini">
-                <i class="el-icon-warning" />
-                无文本
-              </el-tag>
-            </div>
-          </template>
-        </el-table-column>
         <el-table-column label="音频文件" prop="audioFileUrl" min-width="250">
           <template slot-scope="scope">
             <div v-if="scope.row.audioFileUrl">
@@ -666,7 +662,12 @@
         <div class="text-content">
           <h4>录音文本：</h4>
           <div class="text-display">
-            <pre>{{ currentTextRow.recordingText }}</pre>
+            <div class="formatted-text">
+              <div v-for="(line, index) in getFormattedLines(currentTextRow.recordingText)" :key="index" :class="getLineClass(line)">
+                <span v-if="getSpeakerLabel(line)" class="speaker-label">{{ getSpeakerLabel(line) }}</span>
+                <span class="speaker-content">{{ getSpeakerContent(line) }}</span>
+              </div>
+            </div>
           </div>
         </div>
 
@@ -1017,11 +1018,11 @@ export default {
       // 查询参数
       queryParams: {
         current: 1,
-        size: 20,
+        size: 10,
         recordingName: '',
         dealershipId: '',
         projectId: '',
-        salesId: '',
+        salesPhone: '',
         customerName: '',
         customerPhone: '',
         editStatus: '',
@@ -1032,6 +1033,10 @@ export default {
         recordingTimeRange: [],
         keyword: ''
       },
+      // 待处理的分支机构名称（从URL参数传入）
+      pendingDealershipName: '',
+      // 标记是否需要在选项加载完成后自动查询
+      autoQueryAfterOptionsLoaded: false,
       // 分配项目表单
       allocateProjectForm: {
         audioIds: [],
@@ -1107,12 +1112,40 @@ export default {
     }
   },
   created() {
+    // 检查URL参数，如果是从销售管理页面跳转过来的
+    this.handleUrlParams()
     this.getList()
     this.getDealershipOptions()
     this.getProjectOptions()
     this.getSalesOptions()
   },
   methods: {
+    // 处理URL参数
+    handleUrlParams() {
+      const { salesPhone, salesName, dealershipName } = this.$route.query
+
+      if (salesPhone) {
+        // 直接设置销售电话查询条件
+        this.queryParams.salesPhone = salesPhone
+
+        // 如果有分支机构名称，设置到门店选择中
+        if (dealershipName) {
+          // 这里需要根据分支机构名称找到对应的ID
+          // 暂时先设置一个标识，等门店选项加载完成后再处理
+          this.pendingDealershipName = dealershipName
+        }
+
+        console.log('从销售管理页面跳转，查询参数：', {
+          salesPhone,
+          salesName,
+          dealershipName
+        })
+
+        // 设置查询条件后，标记需要自动查询
+        this.autoQueryAfterOptionsLoaded = true
+      }
+    },
+
     // 获取列表数据
     getList() {
       this.loading = true
@@ -1132,94 +1165,48 @@ export default {
         }
       })
 
+      console.log('发送给后端的查询参数:', params)
+
       getAudioList(params).then(response => {
         console.log('API响应:', response)
         if (response.code === 20000) {
           this.audioList = response.data.records || response.data.data || response.data || []
           this.total = response.data.total || response.data.length || 0
+          console.log('查询到的录音数量:', this.audioList.length)
         } else {
           this.$message.error(response.message || '查询失败')
         }
         this.loading = false
       }).catch((error) => {
-        console.log('API错误:', error)
-        // 开发环境使用模拟数据
-        this.audioList = [
-          {
-            id: '1',
-            recordingName: '销售录音_001',
-            recordingTime: '2025-08-08 10:30:15',
-            salesName: '销冠【普通】',
-            duration: 15,
-            customerName: '张先生',
-            customerPhone: '13800138000',
-            uploadTime: '2025-08-08 10:35:20',
-            intentionLevel: 'A',
-            dealershipName: '销售演示-上汽',
-            projectName: '电话接访话术',
-            speechModel: 'GPT-4',
-            uploadStatus: '已上传',
-            syncStatus: '已同步',
-            isMerged: false,
-            audioFileUrl: '/api/audio/1953606689980715010_db3c711d-e581-49bb-814f-4709c0431021.mp3',
-            audioFileOriginalName: 'kk 2024-08-29 10-活动.mp3',
-            audioFileExtension: 'mp3',
-            audioFileSize: 79488,
-            remarks: '客户对产品价格比较关注，需要进一步跟进',
-            recordingText: '销售：您好，我是XX汽车销售顾问小王，很高兴为您服务。请问您今天是想了解哪款车型呢？客户：我想看看你们的新款SUV，听说性价比不错。销售：好的，这款车确实很受欢迎。请问您平时用车主要是家庭出行还是商务用途？客户：主要是家庭用，周末会带家人出去玩。销售：那这款车的空间和舒适性很适合您。您比较关注哪些方面？是动力、油耗还是配置？客户：油耗比较重要，现在油价这么高。销售：理解您的考虑。这款车搭载了最新的混动技术，百公里油耗只有6.5升，比同级别车型省油30%。而且还有智能驾驶辅助系统，让您开车更安全。客户：听起来不错，价格怎么样？销售：现在有优惠活动，原价25万，现在只要22.8万，还送3年免费保养。您觉得怎么样？'
-          },
-          {
-            id: '2',
-            recordingName: '客户咨询录音_002',
-            recordingTime: '2025-08-08 11:20:30',
-            salesName: '粤语销售',
-            duration: 25,
-            customerName: '李女士',
-            customerPhone: '13900139000',
-            uploadTime: '2025-08-08 11:25:45',
-            intentionLevel: 'B',
-            dealershipName: 'DCC演示',
-            projectName: '广丰项目',
-            speechModel: 'GPT-3.5',
-            uploadStatus: '已上传',
-            syncStatus: '已同步',
-            isMerged: true,
-            audioFileUrl: '/api/audio/1953606689980715011_db3c711d-e581-49bb-814f-4709c0431022.mp3',
-            audioFileOriginalName: '客户咨询录音_002.mp3',
-            audioFileExtension: 'mp3',
-            audioFileSize: 125000,
-            remarks: '客户对产品功能很感兴趣，有购买意向',
-            recordingText: '销售：欢迎光临，我是销售顾问小李。请问您今天想了解什么车型？客户：我想看看你们的中型轿车，预算在20万左右。销售：好的，我推荐您看看这款新上市的B级车，正好在您的预算范围内。客户：这车有什么特点？销售：这款车最大的亮点是安全配置，配备了8个安全气囊、主动刹车系统，还有360度全景影像。而且内饰用料很考究，真皮座椅，12.3寸大屏。客户：听起来不错，试驾需要预约吗？销售：不需要，现在就可以安排。您有驾照吗？客户：有的。销售：那太好了，我这就去拿钥匙，您稍等。试驾过程中我会详细介绍各项功能。'
-          },
-          {
-            id: '3',
-            recordingName: '产品介绍录音_003',
-            recordingTime: '2025-08-08 14:15:45',
-            salesName: '上海销售',
-            duration: 18,
-            customerName: '王先生',
-            customerPhone: '13700137000',
-            uploadTime: '2025-08-08 14:20:10',
-            intentionLevel: 'C',
-            dealershipName: '销售演示-奔驰',
-            projectName: '销售部',
-            speechModel: 'GPT-4',
-            uploadStatus: '上传中',
-            syncStatus: '未同步',
-            isMerged: false,
-            audioFileUrl: '',
-            audioFileOriginalName: '',
-            audioFileExtension: '',
-            audioFileSize: 0,
-            remarks: '客户需要更多产品详细信息',
-            recordingText: ''
-          }
-        ]
-        this.total = this.audioList.length
+        console.error('API调用失败:', error)
+        this.$message.error('查询录音失败，请检查网络连接')
+        this.audioList = []
+        this.total = 0
         this.loading = false
       })
     },
 
+    // 处理待处理的分支机构名称
+    handlePendingDealershipName() {
+      if (!this.pendingDealershipName) return
+
+      // 根据分支机构名称找到对应的ID
+      const matchedDealership = this.dealershipOptions.find(
+        item => item.label === this.pendingDealershipName
+      )
+
+      if (matchedDealership) {
+        this.queryParams.dealershipId = matchedDealership.value
+        console.log('已设置分支机构ID:', matchedDealership.value, matchedDealership.label)
+      } else {
+        console.warn('未找到匹配的分支机构:', this.pendingDealershipName)
+        this.$message.warning(`未找到分支机构"${this.pendingDealershipName}"，请手动选择`)
+      }
+
+      // 清除待处理的分支机构名称
+      this.pendingDealershipName = ''
+    },
+
     // 获取门店选项
     getDealershipOptions() {
       getDealershipList({ size: 1000 }).then(response => {
@@ -1231,6 +1218,18 @@ export default {
             value: item.id,
             label: item.dealershipName || item.name
           }))
+
+          // 处理待处理的分支机构名称
+          if (this.pendingDealershipName) {
+            this.handlePendingDealershipName()
+          }
+
+          // 检查是否需要自动查询
+          if (this.autoQueryAfterOptionsLoaded) {
+            this.autoQueryAfterOptionsLoaded = false
+            console.log('选项加载完成，自动执行查询')
+            this.getList()
+          }
         } else {
           console.error('获取门店选项失败:', response.message)
         }
@@ -1243,6 +1242,13 @@ export default {
           { value: '3', label: '销售演示-奔驰' },
           { value: '4', label: '销售演示-比亚迪' }
         ]
+
+        // 检查是否需要自动查询
+        if (this.autoQueryAfterOptionsLoaded) {
+          this.autoQueryAfterOptionsLoaded = false
+          console.log('选项加载完成（模拟数据），自动执行查询')
+          this.getList()
+        }
       })
     },
 
@@ -1262,9 +1268,7 @@ export default {
         console.error('获取项目选项错误:', error)
         // 开发环境使用模拟数据
         this.projectOptions = [
-          { value: '1', label: '电话接访话术' },
-          { value: '2', label: '广丰项目' },
-          { value: '3', label: '销售部' }
+          { value: '1', label: '电话接访话术' }
         ]
       })
     },
@@ -1301,6 +1305,7 @@ export default {
 
     // 筛选查询
     handleQuery() {
+      console.log('点击筛选按钮，当前查询参数:', this.queryParams)
       this.queryParams.current = 1
       this.getList()
     },
@@ -1310,11 +1315,11 @@ export default {
       this.$refs.queryForm.resetFields()
       this.queryParams = {
         current: 1,
-        size: 20,
+        size: 10,
         recordingName: '',
         dealershipId: '',
         projectId: '',
-        salesId: '',
+        salesPhone: '',
         customerName: '',
         customerPhone: '',
         editStatus: '',
@@ -2242,6 +2247,133 @@ export default {
       this.textViewVisible = true
     },
 
+    // 获取格式化的文本行数组
+    getFormattedLines(text) {
+      console.log('格式化录音文本:', text)
+      if (!text || text.trim() === '') {
+        return [{ type: 'empty', content: '暂无录音文本内容' }]
+      }
+
+      // 先尝试按换行符分割
+      let lines = text.split('\n').filter(line => line.trim() !== '')
+
+      // 如果没有换行符，按说话人模式分割
+      if (lines.length === 1) {
+        const textContent = lines[0]
+        console.log('文本没有换行符，按说话人模式分割:', textContent)
+
+        // 使用更精确的正则表达式来分割
+        // 匹配 "销售顾问："、"客户：" 等说话人标签
+        const speakerRegex = /(销售顾问[：:]|顾问[：:]|客户[：:])/g
+        const matches = []
+        let lastIndex = 0
+        let match
+
+        // 找到所有说话人标签的位置
+        while ((match = speakerRegex.exec(textContent)) !== null) {
+          matches.push({
+            index: match.index,
+            speaker: match[0],
+            text: textContent.substring(lastIndex, match.index).trim()
+          })
+          lastIndex = match.index
+        }
+
+        // 添加最后一段
+        if (lastIndex < textContent.length) {
+          matches.push({
+            index: lastIndex,
+            speaker: '',
+            text: textContent.substring(lastIndex).trim()
+          })
+        }
+
+        // 重新组织为完整的对话行
+        lines = []
+        for (let i = 0; i < matches.length; i++) {
+          const current = matches[i]
+          if (current.speaker) {
+            // 找到下一个说话人标签，确定当前说话人的内容范围
+            let content = ''
+            if (i + 1 < matches.length) {
+              content = textContent.substring(current.index + current.speaker.length, matches[i + 1].index).trim()
+            } else {
+              content = textContent.substring(current.index + current.speaker.length).trim()
+            }
+
+            // 只有当内容不为空时才添加这一行
+            if (content && content.length > 0) {
+              lines.push(current.speaker + content)
+            }
+          }
+        }
+      }
+
+      console.log('分割后的行数:', lines.length)
+      console.log('分割后的内容:', lines)
+
+      return lines.map(line => {
+        line = line.trim()
+        console.log('处理行:', line)
+
+        // 识别说话人类型
+        if (line.startsWith('销售顾问：') || line.startsWith('销售顾问:') || line.startsWith('顾问：') || line.startsWith('顾问:')) {
+          const content = line.replace(/^(销售顾问[：:]|顾问[：:])/, '')
+          return {
+            type: 'sales',
+            speaker: '销售顾问：',
+            content: content
+          }
+        } else if (line.startsWith('客户：') || line.startsWith('客户:')) {
+          console.log('识别为客户文本:', line)
+          const content = line.replace(/^客户[：:]/, '')
+          return {
+            type: 'customer',
+            speaker: '客户：',
+            content: content
+          }
+        } else if (line.includes('：') || line.includes(':')) {
+          // 其他说话人
+          const colonIndex = line.indexOf('：') !== -1 ? line.indexOf('：') : line.indexOf(':')
+          if (colonIndex !== -1) {
+            const speaker = line.substring(0, colonIndex + 1)
+            const content = line.substring(colonIndex + 1)
+            return {
+              type: 'other',
+              speaker: speaker,
+              content: content
+            }
+          }
+        }
+
+        // 普通文本行
+        return {
+          type: 'text',
+          speaker: '',
+          content: line
+        }
+      })
+    },
+
+    // 获取行的CSS类
+    getLineClass(line) {
+      if (line.type === 'empty') return 'no-text'
+      if (line.type === 'sales') return 'speaker sales'
+      if (line.type === 'customer') return 'speaker customer'
+      if (line.type === 'other') return 'speaker other'
+      return 'text-line'
+    },
+
+    // 获取说话人标签
+    getSpeakerLabel(line) {
+      return line.speaker || ''
+    },
+
+    // 获取说话内容
+    getSpeakerContent(line) {
+      return line.content || ''
+    },
+
     // 复制文本
     copyText() {
       if (!this.currentTextRow.recordingText) {
@@ -2724,6 +2856,59 @@ export default {
   white-space: nowrap;
 }
 
+/* 格式化录音文本样式 */
+.formatted-text {
+  line-height: 1.6;
+  font-size: 14px;
+  color: #333;
+}
+
+.formatted-text .speaker {
+  margin-bottom: 12px;
+  padding: 8px 12px;
+  border-radius: 6px;
+  border-left: 4px solid;
+}
+
+.formatted-text .speaker.sales {
+  background-color: #f0f9ff;
+  border-left-color: #409eff;
+}
+
+.formatted-text .speaker.customer {
+  background-color: #f0f9f0;
+  border-left-color: #67c23a;
+}
+
+.formatted-text .speaker.other {
+  background-color: #f5f5f5;
+  border-left-color: #909399;
+}
+
+.formatted-text .speaker-label {
+  font-weight: 600;
+  color: #333;
+  margin-right: 8px;
+}
+
+.formatted-text .speaker-content {
+  color: #555;
+  line-height: 1.5;
+}
+
+.formatted-text .text-line {
+  margin-bottom: 8px;
+  padding: 4px 0;
+  color: #666;
+}
+
+.formatted-text .no-text {
+  text-align: center;
+  color: #999;
+  font-style: italic;
+  padding: 20px;
+}
+
 .text-view-container {
   padding: 20px 0;
 }
diff --git a/src/views/sales/index.vue b/src/views/sales/index.vue
index 0ac9e73..b26c3ce 100644
--- a/src/views/sales/index.vue
+++ b/src/views/sales/index.vue
@@ -3,8 +3,16 @@
     <!-- 查询条件区域 -->
     <el-card class="filter-container" shadow="never">
       <el-form ref="queryForm" :model="queryParams" :inline="true" label-width="100px">
-        <el-form-item label="选择门店">
-          <el-select v-model="queryParams.storeId" placeholder="请选择所属门店" clearable>
+        <el-form-item label="选择分支机构">
+          <el-select
+            v-model="queryParams.storeId"
+            placeholder="请选择或输入分支机构名称"
+            clearable
+            filterable
+            allow-create
+            default-first-option
+            style="width: 200px"
+          >
             <el-option
               v-for="item in storeOptions"
               :key="item.value"
@@ -23,6 +31,15 @@
           />
         </el-form-item>
 
+        <el-form-item label="销售电话">
+          <el-input
+            v-model="queryParams.salesPhone"
+            placeholder="请输入销售电话"
+            clearable
+            style="width: 200px"
+          />
+        </el-form-item>
+
         <el-form-item label="销售创建时间">
           <el-date-picker
             v-model="queryParams.createTimeRange"
@@ -36,7 +53,15 @@
         </el-form-item>
 
         <el-form-item label="所属项目">
-          <el-select v-model="queryParams.projectId" placeholder="请选择所属项目" clearable>
+          <el-select
+            v-model="queryParams.projectId"
+            placeholder="请选择或输入项目名称"
+            clearable
+            filterable
+            allow-create
+            default-first-option
+            style="width: 200px"
+          >
             <el-option
               v-for="item in projectOptions"
               :key="item.value"
@@ -93,7 +118,7 @@
         <el-table-column label="平均录音时间(分钟)" prop="avgRecordingTime" sortable min-width="150" />
         <el-table-column label="录音总时长(小时)" prop="totalRecordingTime" sortable min-width="150" />
         <el-table-column label="所属项目" prop="projectName" min-width="150" />
-        <el-table-column label="所属门店" prop="dealershipName" min-width="150" />
+        <el-table-column label="所属分支机构" prop="dealershipName" min-width="150" />
         <el-table-column label="角色" prop="role" min-width="100" />
         <el-table-column label="创建时间" prop="createTime" min-width="150" />
         <el-table-column label="最近录音时间" prop="lastRecordingTime" min-width="150" />
@@ -143,7 +168,14 @@
           <el-input v-model="salesForm.loginAccount" placeholder="请输入登录账号" />
         </el-form-item>
         <el-form-item label="所属项目" prop="projectId">
-          <el-select v-model="salesForm.projectId" placeholder="请选择项目" style="width: 100%">
+          <el-select
+            v-model="salesForm.projectId"
+            placeholder="请选择或输入项目名称"
+            style="width: 100%"
+            filterable
+            allow-create
+            default-first-option
+          >
             <el-option
               v-for="item in projectOptions"
               :key="item.value"
@@ -152,8 +184,15 @@
             />
           </el-select>
         </el-form-item>
-        <el-form-item label="所属门店" prop="dealershipId">
-          <el-select v-model="salesForm.dealershipId" placeholder="请选择所属门店" style="width: 100%">
+        <el-form-item label="所属分支机构" prop="dealershipId">
+          <el-select
+            v-model="salesForm.dealershipId"
+            placeholder="请选择或输入分支机构名称"
+            style="width: 100%"
+            filterable
+            allow-create
+            default-first-option
+          >
             <el-option
               v-for="item in storeOptions"
               :key="item.value"
@@ -200,13 +239,14 @@ export default {
         pageNum: 1,
         pageSize: 10,
         salesName: '',
+        salesPhone: '',
         storeId: '',
         projectId: '',
         status: '',
         createTimeRange: [],
         recordingTimeRange: []
       },
-      // 门店选项
+      // 分支机构选项
       storeOptions: [],
       // 项目选项
       projectOptions: [],
@@ -225,7 +265,7 @@ export default {
       salesRules: {
         salesName: [{ required: true, message: '请输入销售名称', trigger: 'blur' }],
         loginAccount: [{ required: true, message: '请输入登录账号', trigger: 'blur' }],
-        dealershipId: [{ required: true, message: '请选择所属门店', trigger: 'change' }],
+        dealershipId: [{ required: true, message: '请选择所属分支机构', trigger: 'change' }],
         role: [{ required: true, message: '请选择角色', trigger: 'change' }],
         status: [{ required: true, message: '请选择销售状态', trigger: 'change' }]
       }
@@ -311,7 +351,7 @@ export default {
       })
     },
 
-    // 获取门店选项
+    // 获取分支机构选项
     getStoreOptions() {
       getDealershipList().then(response => {
         this.storeOptions = response.data.map(item => ({
@@ -359,6 +399,7 @@ export default {
         pageNum: 1,
         pageSize: 10,
         salesName: '',
+        salesPhone: '',
         storeId: '',
         projectId: '',
         status: '',
@@ -388,7 +429,22 @@ export default {
     // 查看录音
     handleViewRecordings(row) {
       console.log('查看录音', row)
-      this.$message.info('查看录音功能待实现')
+
+      // 检查是否有销售电话
+      if (!row.loginAccount || row.loginAccount.trim() === '') {
+        this.$message.warning('该销售暂无电话信息，无法查看录音')
+        return
+      }
+
+      // 跳转到录音管理页面，并传递销售电话参数
+      this.$router.push({
+        path: '/sales/audio',
+        query: {
+          salesPhone: row.loginAccount,
+          salesName: row.salesName || '',
+          dealershipName: row.dealershipName || ''
+        }
+      })
     },
 
     // 编辑