客户列表页面布局优化

This commit is contained in:
WindowBird 2025-11-12 11:44:29 +08:00
parent 1f8102732f
commit c8997aa71d
2 changed files with 21 additions and 27 deletions

View File

@ -62,7 +62,7 @@
<CustomerSummaryBrief
:name="customer.name"
:intents="customer.intents"
:intent-level="customer.intentLevel"
:status="customer.status"
:show-edit="true"
@edit="handleEdit(customer)"
@ -71,18 +71,18 @@
<!-- 客户详细信息区域 -->
<view class="customer-details">
<!-- 备注 -->
<view class="detail-row">
<view class="detail-row" v-if="customer.remark">
<text class="detail-label">备注</text>
<text class="detail-value">{{ customer.remark || '--' }}</text>
</view>
<!-- 微信号 -->
<view class="detail-row">
<text class="detail-label">微信号</text>
<text class="detail-value">{{ customer.wechat || '--' }}</text>
</view>
<!-- <view class="detail-row">-->
<!-- <text class="detail-label">微信号</text>-->
<!-- <text class="detail-value">{{ customer.wechat || '&#45;&#45;' }}</text>-->
<!-- </view>-->
<!-- 手机号 -->
<view class="detail-row">
<view class="detail-row" v-if="customer.mobile">
<text class="detail-label">手机号</text>
<text class="detail-value">{{ customer.mobile || '--' }}</text>
</view>
@ -96,10 +96,10 @@
<!-- 最后跟进时间 -->
<view class="detail-row" v-if="customer.lastFollowTime">
<text class="detail-label">最后跟进</text>
<text class="detail-value">{{ formatDateTime(customer.lastFollowTime) }}</text>
</view>
<!-- <view class="detail-row" v-if="customer.lastFollowTime">-->
<!-- <text class="detail-label">最后跟进</text>-->
<!-- <text class="detail-value">{{ formatDateTime(customer.lastFollowTime) }}</text>-->
<!-- </view>-->
<!-- 下次跟进时间 -->
<view class="detail-row" v-if="customer.nextFollowTime">
@ -108,7 +108,7 @@
</view>
<!-- 分配用户 -->
<view class="detail-row">
<view class="detail-row" v-if="customer.followName">
<text class="detail-label">跟进人</text>
<text class="detail-value">{{ customer.followName || '--' }}</text>
</view>
@ -125,7 +125,7 @@
<text class="action-text">任务</text>
</view>
<view class="action-item" @click.stop="handleCall(customer)">
<text class="action-icon"></text>
<text class="action-icon">📞</text>
<text class="action-text">电话</text>
</view>
<view class="action-item" @click.stop="handleMore(customer)">
@ -728,9 +728,7 @@ defineExpose({
flex: 1;
word-break: break-all;
&.follow-content {
color: #606266;
}
}
/* 操作按钮 */

View File

@ -1,21 +1,17 @@
<template>
<view class="summary-brief">
<!-- 名称区域与列表页一致支持可选编辑按钮 -->
<view class="customer-header">
<view class="customer-name-wrapper">
<text class="customer-name">{{ displayName }}</text>
<text
v-if="showEdit"
class="edit-icon"
@click.stop="$emit('edit')"
></text>
</view>
</view>
<!-- <view class="customer-header">-->
<!-- </view>-->
<!-- 标签区域与列表页一致 -->
<view class="tags-section">
<!-- 状态标签 -->
<view class="customer-name-wrapper">
<text class="customer-name">{{ displayName }}</text>
</view>
<view
class="status-tag"
:class="getStatusTagClass(status)"