WindowBird/OfficeSystem
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

客户列表页面布局优化

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
components/CustomerManagement.vue
View File

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

18
components/customer/CustomerSummaryBrief.vue
View File

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