From ac29a24199f1289adee7cadb028b6d9136a56d71 Mon Sep 17 00:00:00 2001
From: Agent <agent@openclaw.ai>
Date: Sun, 29 Mar 2026 05:25:08 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=A2=E6=88=B7=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E7=A7=8D=E7=B1=BB=E9=80=89=E6=8B=A9=EF=BC=88=E9=A1=BE=E5=AE=A2?=
 =?UTF-8?q?/=E6=9C=A8=E5=8C=A0/=E8=A3=85=E4=BF=AE=E5=85=AC=E5=8F=B8?=
 =?UTF-8?q?=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/customer/create.vue | 49 +++++++++++++++++++++++++++++++++++
 src/pages/customer/list.vue   | 27 ++++++++++++++++---
 2 files changed, 73 insertions(+), 3 deletions(-)

diff --git a/src/pages/customer/create.vue b/src/pages/customer/create.vue
index 192e9b6..13f775f 100644
--- a/src/pages/customer/create.vue
+++ b/src/pages/customer/create.vue
@@ -1,6 +1,15 @@
 <template>
   <view class="page">
     <view class="form-card">
+      <view class="form-item">
+        <text class="label">客户种类 *</text>
+        <picker :range="typeOptions" range-key="label" @change="onTypeChange">
+          <view class="picker-input">
+            <text :class="form.type ? '' : 'placeholder'">{{ form.typeLabel || '请选择客户种类' }}</text>
+            <text class="arrow">›</text>
+          </view>
+        </picker>
+      </view>
       <view class="form-item">
         <text class="label">手机号 *</text>
         <input class="input" v-model="form.phone" placeholder="请输入手机号" type="number" />
@@ -27,7 +36,14 @@ export default {
   data() {
     return {
       customerId: '',
+      typeOptions: [
+        { label: '顾客', value: 'customer' },
+        { label: '木匠', value: 'carpenter' },
+        { label: '装修公司', value: 'company' }
+      ],
       form: {
+        type: '',
+        typeLabel: '',
         phone: '',
         name: '',
         wechat: ''
@@ -42,13 +58,24 @@ export default {
   onLoad(options) {
     if (options.id) {
       this.customerId = options.id
+      this.form.type = options.type || ''
+      this.form.typeLabel = options.typeLabel || ''
       this.form.phone = options.phone || ''
       this.form.name = options.name || ''
       this.form.wechat = options.wechat || ''
     }
   },
   methods: {
+    onTypeChange(e) {
+      const idx = e.detail.value
+      this.form.type = this.typeOptions[idx].value
+      this.form.typeLabel = this.typeOptions[idx].label
+    },
     async submit() {
+      if (!this.form.type) {
+        uni.showToast({ title: '请选择客户种类', icon: 'none' })
+        return
+      }
       if (!this.form.phone) {
         uni.showToast({ title: '请输入手机号', icon: 'none' })
         return
@@ -126,6 +153,28 @@ export default {
   box-sizing: border-box;
 }
 
+.picker-input {
+  width: 100%;
+  height: 80rpx;
+  background: #f5f5f5;
+  border-radius: 12rpx;
+  padding: 0 20rpx;
+  font-size: 28rpx;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  box-sizing: border-box;
+}
+
+.picker-input .placeholder {
+  color: #999;
+}
+
+.arrow {
+  font-size: 32rpx;
+  color: #999;
+}
+
 .submit-btn {
   margin-top: 40rpx;
   height: 88rpx;
diff --git a/src/pages/customer/list.vue b/src/pages/customer/list.vue
index 963721a..6050231 100644
--- a/src/pages/customer/list.vue
+++ b/src/pages/customer/list.vue
@@ -12,7 +12,10 @@
         @click="viewDetail(item)"
       >
         <view class="info">
-          <text class="name">{{ item.name }}</text>
+          <view class="name-row">
+            <text class="name">{{ item.name }}</text>
+            <text class="type-tag" v-if="item.type">{{ typeLabelMap[item.type] }}</text>
+          </view>
           <text class="phone">{{ item.phone }}</text>
           <text class="wechat" v-if="item.wechat">{{ item.wechat }}</text>
         </view>
@@ -30,7 +33,8 @@ export default {
   data() {
     return {
       keyword: '',
-      customers: []
+      customers: [],
+      typeLabelMap: { customer: '顾客', carpenter: '木匠', company: '装修公司' }
     }
   },
   onLoad() {
@@ -49,7 +53,10 @@ export default {
       this.loadCustomers()
     },
     viewDetail(item) {
-      uni.navigateTo({ url: `/pages/customer/create?id=${item.customerId}&name=${item.name}&phone=${item.phone}&wechat=${item.wechat || ''}` })
+      const typeLabelMap = { customer: '顾客', carpenter: '木匠', company: '装修公司' }
+      uni.navigateTo({ 
+        url: `/pages/customer/create?id=${item.customerId}&type=${item.type}&typeLabel=${typeLabelMap[item.type] || ''}&name=${item.name}&phone=${item.phone}&wechat=${item.wechat || ''}` 
+      })
     }
   }
 }
@@ -105,6 +112,20 @@ export default {
   color: #333;
 }
 
+.name-row {
+  display: flex;
+  align-items: center;
+}
+
+.type-tag {
+  font-size: 22rpx;
+  color: #fff;
+  background: #1890ff;
+  padding: 4rpx 12rpx;
+  border-radius: 20rpx;
+  margin-left: 12rpx;
+}
+
 .phone, .wechat {
   font-size: 24rpx;
   color: #999;