+
-
-
-
- {{ currentRecord.advisorAggressivenessScore || 0 }}分
-
-
-
-
- {{ currentRecord.advisorConsistencyScore || 0 }}分
-
-
-
-
- {{ currentRecord.greetingReceptionScore || 0 }}分
-
-
+
+
基本信息
+
+
+ 总用时：
+ {{ currentRecord.elapsedTime }}秒
+
+
+ 综合评分：
+
+ {{ getOverallScore(currentRecord) }}
+
+
+
+
-
-
-
- {{ currentRecord.brandIntroductionScore || 0 }}分
-
-
-
-
- {{ currentRecord.safetyIntroductionScore || 0 }}分
-
-
-
-
- {{ currentRecord.healthEnvironmentIntroductionScore || 0 }}分
-
-
-
-
- {{ currentRecord.technologyIntroductionScore || 0 }}分
-
-
+
+
对话内容
+
+
+
+ {{ getSpeakerLabel(line) }}
+ {{ getSpeakerContent(line) }}
+
+
+
+
-
-
-
- {{ currentRecord.customerNeedsUnderstandingScore || 0 }}分
-
-
-
-
- {{ currentRecord.budgetUnderstandingScore || 0 }}分
-
-
-
-
- {{ currentRecord.recommendationScore || 0 }}分
-
-
-
-
-
-
- {{ currentRecord.testDriveInvitationScore || 0 }}分
-
-
-
-
- {{ currentRecord.negotiationDealScore || 0 }}分
-
-
-
{{ currentRecord.elapsedTime }}
-
{{ currentRecord.createdAt }}
-
-
-
-
+
@@ -686,6 +622,122 @@ export default {
// 详情对话框关闭
handleDetailDialogClose() {
this.currentRecord = null
+ },
+
+ // 复制内容
+ copyContent() {
+ if (!this.currentRecord || !this.currentRecord.srcContent) {
+ this.$message.warning('暂无内容可复制')
+ return
+ }
+
+ // 创建临时文本区域
+ const textArea = document.createElement('textarea')
+ textArea.value = this.currentRecord.srcContent
+ document.body.appendChild(textArea)
+ textArea.select()
+
+ try {
+ document.execCommand('copy')
+ this.$message.success('内容已复制到剪贴板')
+ } catch (err) {
+ this.$message.error('复制失败，请手动复制')
+ } finally {
+ document.body.removeChild(textArea)
+ }
+ },
+
+ // 获取格式化的文本行数组
+ getFormattedLines(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]
+ // 尝试识别说话人模式：销售：xxx 客户：xxx
+ const speakerPattern = /(销售|客户|顾问)[:：]/g
+ const matches = []
+ let match
+ while ((match = speakerPattern.exec(textContent)) !== null) {
+ matches.push({
+ speaker: match[1],
+ index: match.index
+ })
+ }
+
+ if (matches.length > 0) {
+ lines = []
+ for (let i = 0; i < matches.length; i++) {
+ const currentMatch = matches[i]
+ const nextMatch = matches[i + 1]
+ const startIndex = currentMatch.index
+ const endIndex = nextMatch ? nextMatch.index : textContent.length
+ const content = textContent.substring(startIndex, endIndex).trim()
+ if (content) {
+ lines.push(content)
+ }
+ }
+ }
+ }
+
+ return lines.map(line => {
+ const trimmedLine = line.trim()
+ if (trimmedLine === '') {
+ return { type: 'empty', content: '' }
+ }
+
+ // 检查是否是说话人格式
+ if (trimmedLine.match(/^(销售|客户|顾问)[:：]/)) {
+ const speakerMatch = trimmedLine.match(/^(销售|客户|顾问)[:：](.*)/)
+ if (speakerMatch) {
+ return {
+ type: 'speaker',
+ speaker: speakerMatch[1],
+ content: speakerMatch[2].trim()
+ }
+ }
+ }
+
+ return {
+ type: 'text',
+ content: trimmedLine
+ }
+ })
+ },
+
+ // 获取行的CSS类
+ getLineClass(line) {
+ if (line.type === 'speaker') {
+ return `speaker ${line.speaker === '销售' || line.speaker === '顾问' ? 'sales' : 'customer'}`
+ }
+ if (line.type === 'empty') {
+ return 'no-text'
+ }
+ return 'text-line'
+ },
+
+ // 获取说话人标签
+ getSpeakerLabel(line) {
+ if (line.type === 'speaker') {
+ return line.speaker + '：'
+ }
+ return null
+ },
+
+ // 获取说话人内容
+ getSpeakerContent(line) {
+ if (line.type === 'speaker') {
+ return line.content || ''
+ }
+ if (line.type === 'empty') {
+ return line.content
+ }
+ return line.content || ''
}
}
}
@@ -724,4 +776,208 @@ export default {
.el-table .el-button--text:hover {
color: #409EFF;
}
+
+/* 详情弹窗样式 - 参考录音管理页面 */
+.detail-view-container {
+ padding: 20px 0;
+}
+
+.detail-header {
+ margin-bottom: 20px;
+ padding: 15px;
+ background-color: #f5f7fa;
+ border-radius: 4px;
+ border-left: 4px solid #409eff;
+}
+
+.detail-header h3 {
+ margin: 0 0 10px 0;
+ color: #303133;
+ font-size: 18px;
+}
+
+.detail-header p {
+ margin: 5px 0;
+ color: #606266;
+ font-size: 14px;
+}
+
+.basic-info {
+ margin-bottom: 20px;
+}
+
+.basic-info h4 {
+ margin: 0 0 15px 0;
+ color: #303133;
+ font-size: 16px;
+ border-bottom: 2px solid #409eff;
+ padding-bottom: 8px;
+}
+
+.info-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+ gap: 12px;
+}
+
+.info-item {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 12px 16px;
+ background-color: #f8f9fa;
+ border-radius: 6px;
+ border: 1px solid #e4e7ed;
+}
+
+.info-label {
+ font-weight: 500;
+ color: #606266;
+ margin-right: 8px;
+}
+
+.info-value {
+ font-weight: 600;
+ color: #303133;
+}
+
+.original-content {
+ margin-bottom: 20px;
+}
+
+.original-content h4 {
+ margin: 0 0 15px 0;
+ color: #303133;
+ font-size: 16px;
+ border-bottom: 2px solid #409eff;
+ padding-bottom: 8px;
+}
+
+.content-display {
+ border: 1px solid #e4e7ed;
+ border-radius: 8px;
+ padding: 20px;
+ background-color: #fff;
+ max-height: 500px;
+ overflow-y: auto;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.formatted-content {
+ line-height: 1.8;
+ font-size: 15px;
+ color: #333;
+}
+
+.formatted-content .speaker {
+ margin-bottom: 16px;
+ padding: 12px 16px;
+ border-radius: 8px;
+ border-left: 4px solid;
+ background-color: #f8f9fa;
+ transition: all 0.2s ease;
+}
+
+.formatted-content .speaker:hover {
+ transform: translateX(2px);
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.formatted-content .speaker.sales {
+ background-color: #f0f9ff;
+ border-left-color: #409eff;
+}
+
+.formatted-content .speaker.customer {
+ background-color: #f0f9f0;
+ border-left-color: #67c23a;
+}
+
+.formatted-content .speaker.other {
+ background-color: #f5f5f5;
+ border-left-color: #909399;
+}
+
+.formatted-content .speaker-label {
+ font-weight: 600;
+ color: #333;
+ margin-right: 8px;
+ font-size: 14px;
+ display: inline-block;
+ min-width: 50px;
+}
+
+.formatted-content .speaker.sales .speaker-label {
+ color: #409eff;
+}
+
+.formatted-content .speaker.customer .speaker-label {
+ color: #67c23a;
+}
+
+.formatted-content .speaker-content {
+ color: #555;
+ line-height: 1.6;
+ word-wrap: break-word;
+}
+
+.formatted-content .text-line {
+ margin-bottom: 12px;
+ padding: 8px 12px;
+ color: #666;
+ background-color: #f8f9fa;
+ border-radius: 6px;
+ border-left: 3px solid #e4e7ed;
+}
+
+.formatted-content .no-text {
+ text-align: center;
+ color: #999;
+ font-style: italic;
+ padding: 40px 20px;
+ background-color: #f8f9fa;
+ border-radius: 8px;
+ border: 2px dashed #ddd;
+}
+
+.detail-actions {
+ text-align: center;
+ padding-top: 15px;
+ border-top: 1px solid #e4e7ed;
+}
+
+.detail-actions .el-button {
+ margin: 0 8px;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+ .info-grid {
+ grid-template-columns: 1fr;
+ }
+
+ .info-item {
+ flex-direction: column;
+ align-items: flex-start;
+ }
+
+ .info-label {
+ margin-bottom: 4px;
+ }
+
+ .content-display {
+ padding: 15px;
+ max-height: 400px;
+ }
+
+ .formatted-content .speaker {
+ padding: 10px 12px;
+ margin-bottom: 12px;
+ }
+
+ .formatted-content .speaker-label {
+ display: block;
+ margin-bottom: 4px;
+ }
+}
diff --git a/src/views/sales/intelligent-pickup.vue b/src/views/sales/intelligent-pickup.vue
new file mode 100644
index 0000000..59eefdd
--- /dev/null
+++ b/src/views/sales/intelligent-pickup.vue
@@ -0,0 +1,725 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 查询
+ 重置
+ 刷新数据
+
+
+
+
+
+
+
+
+
+
+
{{ totalCount }}
+
总记录数
+
+
{{ highConfidenceCount }}
+
高置信度
+
+
{{ highPriorityCount }}
+
高优先级
+
+
{{ salesRelatedCount }}
+
购车相关
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ scope.row.mainCategory }}
+
+
+
+
+
+
+
+ {{ scope.row.subCategory }}
+
+
+
+
+
+
+
+ {{ scope.row.confidence }}
+
+
+
+
+
+
+
+ {{ scope.row.priority }}
+
+
+
+
+
+
+
+
+
+ {{ scope.row.involvedVehicleModels }}
+
+ -
+
+
+
+
+
+ {{ formatDate(scope.row.createdAt) }}
+
+
+
+
+
+
+ 详情
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ currentRecord.mainCategory }}
+
+
+
+
+
+
+ {{ currentRecord.subCategory }}
+
+
+
+
+
+
+
+
+
+ {{ currentRecord.confidence }}
+
+
+
+
+
+
+
+ {{ currentRecord.priority }}
+
+
+
+
+
+
+
+
{{ currentRecord.userDemand }}
+
+
+
+
+
{{ currentRecord.consultingContent }}
+
+
+
+
+
+
+ {{ currentRecord.involvedVehicleModels }}
+
+ 无
+
+
+
+
+
+
{{ currentRecord.knowledgeGap }}
+
+
+
+
+
{{ currentRecord.remarks }}
+
+
+
+
+
+
+ {{ formatDate(currentRecord.createdAt) }}
+
+
+
+
+
+ {{ formatDate(currentRecord.updatedAt) }}
+
+
+
+
+
+
+
+
+