后台获取各类添加客户的状态

2025-11-07 14:56:40 +08:00 · 2025-11-07 14:56:40 +08:00 · 1c33bd6c42
commit 1c33bd6c42
parent f9799d2057
3 changed files with 334 additions and 105 deletions
--- a/App.vue
+++ b/App.vue
@ -8,7 +8,7 @@
 			// 如果还没有 token，则设置一个测试 token
 			const token = uni.getStorageSync('token')
 			if (!token) {
-				const testToken = 'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6ImQ0ODJhYzdlLTBiYzgtNGFhNC1hMDI2LWVkMWU4YWQ3YmJkYiJ9._m4s6mcpjAHtk4u9r6LMMfIQHSCXDPCTfiWVOTyopZfbsxVFiLkY4ovec3M3u2E9KKm_jIH2fLhAduW4rfAZHQ'
+				const testToken = 'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6IjlkN2JjOTU3LTllMTYtNGI5ZC04NWZiLThiZjJlZDI3MjRjNiJ9.hJ0Tf691DnryIMp4TAsKILSy9ueN8SgeMZdp0HwxbgGOIhYl5vOUu9H64tA02jpXkB-Sg5owrBjjJxUG17yA7g'
 				uni.setStorageSync('token', testToken)
 				console.log('已设置测试 token:', testToken)
 			}
--- a/common/api/customer.js
+++ b/common/api/customer.js
@ -164,3 +164,63 @@ export const createCustomer = (data) => {
  });
 };

+/**
+ * 获取客户意向字典数据
+ * @returns {Promise} 返回字典数据数组，包含 dictLabel 和 dictValue
+ */
+export const getCustomerIntentDict = () => {
+  return uni.$uv.http.get(`system/dict/data/type/customer_intent`, {
+    custom: {
+      auth: true
+    }
+  });
+};
+
+/**
+ * 获取客户意向强度字典数据
+ * @returns {Promise} 返回字典数据数组，包含 dictLabel 和 dictValue
+ */
+export const getCustomerIntentLevelDict = () => {
+  return uni.$uv.http.get(`system/dict/data/type/customer_intent_level`, {
+    custom: {
+      auth: true
+    }
+  });
+};
+
+/**
+ * 获取客户来源字典数据
+ * @returns {Promise} 返回字典数据数组，包含 dictLabel 和 dictValue
+ */
+export const getCustomerSourceDict = () => {
+  return uni.$uv.http.get(`system/dict/data/type/customer_source`, {
+    custom: {
+      auth: true
+    }
+  });
+};
+
+/**
+ * 获取客户类型字典数据
+ * @returns {Promise} 返回字典数据数组，包含 dictLabel 和 dictValue
+ */
+export const getCustomerTypeDict = () => {
+  return uni.$uv.http.get(`system/dict/data/type/customer_type`, {
+    custom: {
+      auth: true
+    }
+  });
+};
+
+/**
+ * 获取客户状态字典数据
+ * @returns {Promise} 返回字典数据数组，包含 dictLabel 和 dictValue
+ */
+export const getCustomerStatusDict = () => {
+  return uni.$uv.http.get(`system/dict/data/type/customer_status`, {
+    custom: {
+      auth: true
+    }
+  });
+};
+
--- a/pages/customer/add/index.vue
+++ b/pages/customer/add/index.vue
@ -17,26 +17,10 @@
          <view class="section-title">客户信息</view>
          
          <!-- 客户类型 -->
-          <view class="form-item">
-            <text class="form-label">客户类型</text>
-            <view class="radio-group">
-              <view 
-                class="radio-item" 
-                :class="{ active: formData.customerType === '个人' }"
-                @click="formData.customerType = '个人'"
-              >
-                <view class="radio-dot" :class="{ checked: formData.customerType === '个人' }"></view>
-                <text>个人</text>
-              </view>
-              <view 
-                class="radio-item" 
-                :class="{ active: formData.customerType === '企业' }"
-                @click="formData.customerType = '企业'"
-              >
-                <view class="radio-dot" :class="{ checked: formData.customerType === '企业' }"></view>
-                <text>企业</text>
-              </view>
-            </view>
+          <view class="form-item clickable-item" @click="openCustomerTypePicker">
+            <text v-if="formData.customerType" class="form-value">{{ getCustomerTypeText(formData.customerType) }}</text>
+            <text v-else class="form-placeholder">选择客户类型</text>
+            <text class="arrow">›</text>
          </view>

          <!-- 客户名称 -->
@ -71,29 +55,16 @@
          </view>

          <!-- 客户来源 -->
-          <view class="form-item">
-            <input 
-              v-model="formData.source" 
-              class="form-input" 
-              placeholder="输入客户来源" 
-              placeholder-style="color: #999;"
-            />
+          <view class="form-item clickable-item" @click="openSourcePicker">
+            <text v-if="formData.source" class="form-value">{{ formData.source }}</text>
+            <text v-else class="form-placeholder">选择客户来源</text>
+            <text class="arrow">›</text>
          </view>

          <!-- 客户意向 -->
-          <view class="form-item">
-            <input 
-              v-model="formData.intents" 
-              class="form-input" 
-              placeholder="输入客户意向" 
-              placeholder-style="color: #999;"
-            />
-          </view>
-
-          <!-- 客户状态 -->
-          <view class="form-item clickable-item" @click="openStatusPicker">
-            <text v-if="formData.status" class="form-value">{{ getStatusText(formData.status) }}</text>
-            <text v-else class="form-placeholder">选择客户状态</text>
+          <view class="form-item clickable-item" @click="openIntentPicker">
+            <text v-if="formData.intents && formData.intents.length > 0" class="form-value">{{ formData.intents.join('、') }}</text>
+            <text v-else class="form-placeholder">选择客户意向（可多选）</text>
            <text class="arrow">›</text>
          </view>

@ -104,6 +75,13 @@
            <text class="arrow">›</text>
          </view>

+          <!-- 客户状态 -->
+          <view class="form-item clickable-item" @click="openCustomerStatusPicker">
+            <text v-if="formData.customerStatus" class="form-value">{{ getCustomerStatusText(formData.customerStatus) }}</text>
+            <text v-else class="form-placeholder">选择客户状态</text>
+            <text class="arrow">›</text>
+          </view>
+
          <!-- 客户地区 -->
          <view class="form-item clickable-item" @click="openRegionPicker" @tap="openRegionPicker">
            <text v-if="formData.region" class="form-value">{{ formData.region }}</text>
@ -207,25 +185,71 @@
      <button class="save-button" @click="handleSave" :disabled="saving">保存</button>
    </view>

-    <!-- 客户状态选择弹窗 -->
-    <view v-if="showStatusPicker" class="modal-mask" @click="showStatusPicker = false">
+    <!-- 客户类型选择弹窗 -->
+    <view v-if="showCustomerTypePicker" class="modal-mask" @click="showCustomerTypePicker = false">
      <view class="modal-content" @click.stop>
-        <view class="modal-title">选择客户状态</view>
+        <view class="modal-title">选择客户类型</view>
        <view class="picker-options">
          <view 
-            v-for="item in statusOptions" 
+            v-for="item in customerTypeOptions" 
            :key="item.value"
            class="picker-option"
-            :class="{ active: tempStatus === item.value }"
-            @click="selectStatus(item.value)"
+            :class="{ active: tempCustomerType === item.value }"
+            @click="selectCustomerType(item.value)"
          >
            <text>{{ item.label }}</text>
-            <text v-if="tempStatus === item.value" class="check">✓</text>
+            <text v-if="tempCustomerType === item.value" class="check">✓</text>
          </view>
        </view>
        <view class="modal-buttons">
-          <button class="modal-btn" @click="showStatusPicker = false">取消</button>
-          <button class="modal-btn primary" @click="confirmStatus">确定</button>
+          <button class="modal-btn" @click="showCustomerTypePicker = false">取消</button>
+          <button class="modal-btn primary" @click="confirmCustomerType">确定</button>
+        </view>
+      </view>
+    </view>
+
+    <!-- 客户来源选择弹窗 -->
+    <view v-if="showSourcePicker" class="modal-mask" @click="showSourcePicker = false">
+      <view class="modal-content" @click.stop>
+        <view class="modal-title">选择客户来源</view>
+        <view class="picker-options">
+          <view 
+            v-for="item in sourceOptions" 
+            :key="item.value"
+            class="picker-option"
+            :class="{ active: tempSource === item.label }"
+            @click="selectSource(item.label)"
+          >
+            <text>{{ item.label }}</text>
+            <text v-if="tempSource === item.label" class="check">✓</text>
+          </view>
+        </view>
+        <view class="modal-buttons">
+          <button class="modal-btn" @click="showSourcePicker = false">取消</button>
+          <button class="modal-btn primary" @click="confirmSource">确定</button>
+        </view>
+      </view>
+    </view>
+
+    <!-- 客户意向选择弹窗（多选） -->
+    <view v-if="showIntentPicker" class="modal-mask" @click="showIntentPicker = false">
+      <view class="modal-content" @click.stop>
+        <view class="modal-title">选择客户意向（可多选）</view>
+        <view class="picker-options">
+          <view 
+            v-for="item in intentOptions" 
+            :key="item.value"
+            class="picker-option"
+            :class="{ active: tempIntents.includes(item.label) }"
+            @click="toggleIntent(item.label)"
+          >
+            <text>{{ item.label }}</text>
+            <text v-if="tempIntents.includes(item.label)" class="check">✓</text>
+          </view>
+        </view>
+        <view class="modal-buttons">
+          <button class="modal-btn" @click="showIntentPicker = false">取消</button>
+          <button class="modal-btn primary" @click="confirmIntent">确定</button>
        </view>
      </view>
    </view>
@ -253,6 +277,29 @@
      </view>
    </view>

+    <!-- 客户状态选择弹窗 -->
+    <view v-if="showCustomerStatusPicker" class="modal-mask" @click="showCustomerStatusPicker = false">
+      <view class="modal-content" @click.stop>
+        <view class="modal-title">选择客户状态</view>
+        <view class="picker-options">
+          <view 
+            v-for="item in customerStatusOptions" 
+            :key="item.value"
+            class="picker-option"
+            :class="{ active: tempCustomerStatus === item.value }"
+            @click="selectCustomerStatus(item.value)"
+          >
+            <text>{{ item.label }}</text>
+            <text v-if="tempCustomerStatus === item.value" class="check">✓</text>
+          </view>
+        </view>
+        <view class="modal-buttons">
+          <button class="modal-btn" @click="showCustomerStatusPicker = false">取消</button>
+          <button class="modal-btn primary" @click="confirmCustomerStatus">确定</button>
+        </view>
+      </view>
+    </view>
+
    <!-- 客户地区选择器 - uv-picker -->
    <uv-picker
      ref="regionPicker"
@ -318,19 +365,27 @@

 <script setup>
 import { ref, computed, onMounted } from 'vue';
-import { createCustomer, getRegionTree } from '@/common/api';
+import { 
+  createCustomer, 
+  getRegionTree,
+  getCustomerIntentDict,
+  getCustomerIntentLevelDict,
+  getCustomerSourceDict,
+  getCustomerTypeDict,
+  getCustomerStatusDict
+} from '@/common/api';
 import { useUserStore } from '@/store/user';

 // 表单数据
 const formData = ref({
-  customerType: '个人', // 客户类型：个人/企业
+  customerType: '', // 客户类型（dictValue）
  name: '', // 客户名称
  mobile: '', // 联系电话
  wechat: '', // 微信号
-  source: '', // 客户来源
-  intents: '', // 客户意向（字符串，提交时转换为数组）
-  status: '', // 客户状态
-  intentLevel: '', // 意向强度
+  source: '', // 客户来源（dictLabel）
+  intents: [], // 客户意向（数组，dictLabel）
+  intentLevel: '', // 意向强度（dictValue）
+  customerStatus: '', // 客户状态（dictValue）
  region: '', // 客户地区（显示名称，如：北京/北京/朝阳）
  regionIds: [], // 客户地区ID数组 [省ID, 市ID, 区ID]
  workWechat: '', // 工作微信（显示名称）
@ -346,18 +401,31 @@ const formData = ref({

 // 显示状态
 const saving = ref(false);
-const showStatusPicker = ref(false);
+const showCustomerTypePicker = ref(false);
+const showSourcePicker = ref(false);
+const showIntentPicker = ref(false);
 const showIntentLevelPicker = ref(false);
+const showCustomerStatusPicker = ref(false);
 const showWorkWechatPicker = ref(false);
 const showNextFollowTimePicker = ref(false);

 // 临时选择值
-const tempStatus = ref('');
+const tempCustomerType = ref('');
+const tempSource = ref('');
+const tempIntents = ref([]);
 const tempIntentLevel = ref('');
+const tempCustomerStatus = ref('');
 const tempWorkWechat = ref('');
 const tempNextFollowDate = ref('');
 const tempNextFollowTime = ref('');

+// 字典数据
+const customerTypeOptions = ref([]); // 客户类型选项
+const sourceOptions = ref([]); // 客户来源选项
+const intentOptions = ref([]); // 客户意向选项
+const intentLevelOptions = ref([]); // 意向强度选项
+const customerStatusOptions = ref([]); // 客户状态选项
+
 // 地区树数据
 const regionTree = ref([]);
 // uv-picker 的列数据
@ -374,20 +442,63 @@ const addressList = computed(() => {
  return [provinces.value, citys.value, areas.value];
 });

-// 客户状态选项
-const statusOptions = [
-  { label: '潜在', value: '1' },
-  { label: '意向', value: '2' },
-  { label: '成交', value: '3' },
-  { label: '失效', value: '4' }
-];
-
-// 意向强度选项
-const intentLevelOptions = [
-  { label: '高', value: '1' },
-  { label: '中', value: '2' },
-  { label: '低', value: '3' }
-];
+// 加载字典数据
+const loadDictData = async () => {
+  try {
+    // 并行加载所有字典数据
+    const [typeRes, sourceRes, intentRes, intentLevelRes, statusRes] = await Promise.all([
+      getCustomerTypeDict(),
+      getCustomerSourceDict(),
+      getCustomerIntentDict(),
+      getCustomerIntentLevelDict(),
+      getCustomerStatusDict()
+    ]);
+    
+    // 处理客户类型数据
+    customerTypeOptions.value = (typeRes || []).map(item => ({
+      label: item.dictLabel,
+      value: item.dictValue
+    }));
+    
+    // 处理客户来源数据
+    sourceOptions.value = (sourceRes || []).map(item => ({
+      label: item.dictLabel,
+      value: item.dictValue
+    }));
+    
+    // 处理客户意向数据
+    intentOptions.value = (intentRes || []).map(item => ({
+      label: item.dictLabel,
+      value: item.dictValue
+    }));
+    
+    // 处理意向强度数据
+    intentLevelOptions.value = (intentLevelRes || []).map(item => ({
+      label: item.dictLabel,
+      value: item.dictValue
+    }));
+    
+    // 处理客户状态数据
+    customerStatusOptions.value = (statusRes || []).map(item => ({
+      label: item.dictLabel,
+      value: item.dictValue
+    }));
+    
+    console.log('字典数据加载成功:', {
+      customerType: customerTypeOptions.value,
+      source: sourceOptions.value,
+      intent: intentOptions.value,
+      intentLevel: intentLevelOptions.value,
+      customerStatus: customerStatusOptions.value
+    });
+  } catch (err) {
+    console.error('加载字典数据失败:', err);
+    uni.showToast({
+      title: '加载字典数据失败',
+      icon: 'none'
+    });
+  }
+};

 // 加载地区树数据
 const loadRegionTree = async () => {
@ -466,32 +577,78 @@ const workWechatOptions = [
  { label: '工作微信4', value: '工作微信4', id: '4' }
 ];

-// 获取状态文本
-const getStatusText = (status) => {
-  const option = statusOptions.find(opt => opt.value === status);
+// 获取客户类型文本
+const getCustomerTypeText = (value) => {
+  const option = customerTypeOptions.value.find(opt => opt.value === value);
  return option ? option.label : '';
 };

 // 获取意向强度文本
-const getIntentLevelText = (level) => {
-  return level || '';
+const getIntentLevelText = (value) => {
+  const option = intentLevelOptions.value.find(opt => opt.value === value);
+  return option ? option.label : '';
 };

-// 打开状态选择器
-const openStatusPicker = () => {
-  tempStatus.value = formData.value.status;
-  showStatusPicker.value = true;
+// 获取客户状态文本
+const getCustomerStatusText = (value) => {
+  const option = customerStatusOptions.value.find(opt => opt.value === value);
+  return option ? option.label : '';
 };

-// 选择状态
-const selectStatus = (value) => {
-  tempStatus.value = value;
+// 打开客户类型选择器
+const openCustomerTypePicker = () => {
+  tempCustomerType.value = formData.value.customerType;
+  showCustomerTypePicker.value = true;
 };

-// 确认状态
-const confirmStatus = () => {
-  formData.value.status = tempStatus.value;
-  showStatusPicker.value = false;
+// 选择客户类型
+const selectCustomerType = (value) => {
+  tempCustomerType.value = value;
+};
+
+// 确认客户类型
+const confirmCustomerType = () => {
+  formData.value.customerType = tempCustomerType.value;
+  showCustomerTypePicker.value = false;
+};
+
+// 打开客户来源选择器
+const openSourcePicker = () => {
+  tempSource.value = formData.value.source;
+  showSourcePicker.value = true;
+};
+
+// 选择客户来源
+const selectSource = (label) => {
+  tempSource.value = label;
+};
+
+// 确认客户来源
+const confirmSource = () => {
+  formData.value.source = tempSource.value;
+  showSourcePicker.value = false;
+};
+
+// 打开客户意向选择器
+const openIntentPicker = () => {
+  tempIntents.value = [...formData.value.intents];
+  showIntentPicker.value = true;
+};
+
+// 切换客户意向（多选）
+const toggleIntent = (label) => {
+  const index = tempIntents.value.indexOf(label);
+  if (index > -1) {
+    tempIntents.value.splice(index, 1);
+  } else {
+    tempIntents.value.push(label);
+  }
+};
+
+// 确认客户意向
+const confirmIntent = () => {
+  formData.value.intents = [...tempIntents.value];
+  showIntentPicker.value = false;
 };

 // 打开意向强度选择器
@ -511,6 +668,23 @@ const confirmIntentLevel = () => {
  showIntentLevelPicker.value = false;
 };

+// 打开客户状态选择器
+const openCustomerStatusPicker = () => {
+  tempCustomerStatus.value = formData.value.customerStatus;
+  showCustomerStatusPicker.value = true;
+};
+
+// 选择客户状态
+const selectCustomerStatus = (value) => {
+  tempCustomerStatus.value = value;
+};
+
+// 确认客户状态
+const confirmCustomerStatus = () => {
+  formData.value.customerStatus = tempCustomerStatus.value;
+  showCustomerStatusPicker.value = false;
+};
+
 // 打开地区选择器
 const openRegionPicker = () => {
  console.log('openRegionPicker called');
@ -679,9 +853,10 @@ const handleCancel = () => {
  uni.navigateBack();
 };

-// 组件挂载时加载地区树数据
+// 组件挂载时加载地区树数据和字典数据
 onMounted(() => {
  loadRegionTree();
+  loadDictData();
 });

 // 保存
@ -721,11 +896,8 @@ const handleSave = async () => {
      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
    };
    
-    // 处理意向设备数组（如果输入的是逗号分隔的字符串，转换为数组）
-    let intentsArray = [];
-    if (formData.value.intents && formData.value.intents.trim()) {
-      intentsArray = formData.value.intents.split(',').map(item => item.trim()).filter(item => item);
-    }
+    // 处理意向数组（已经是数组格式，包含dictLabel）
+    const intentsArray = Array.isArray(formData.value.intents) ? formData.value.intents : [];
    
    // 处理地区ID数组（使用已选择的regionIds）
    const regionIdsArray = formData.value.regionIds || [];
@ -739,11 +911,11 @@ const handleSave = async () => {
      intentLevel: null,
      mobile: formData.value.mobile.trim(),
      wechat: formData.value.wechat.trim() || null,
-      source: formData.value.source.trim() || null,
-      intents: intentsArray, // 数组格式
+      source: formData.value.source || null, // 使用dictLabel
+      intents: intentsArray, // 数组格式，使用dictLabel
      followId: userId, // 跟进人ID
      remark: formData.value.remark.trim() || null,
-      type: '2', // 固定为2
+      type: formData.value.customerType || '2', // 使用dictValue
      workWechatId: formData.value.workWechatId || null,
      regionIds: regionIdsArray, // 数组格式
      // 添加关注点、顾虑点、需求点、痛点字段
@ -754,12 +926,12 @@ const handleSave = async () => {
      follow: {
        followTime: formatDateTime(now), // 当前时间作为跟进时间
        nextFollowTime: formData.value.nextFollowTime || null,
-        customerStatus: formData.value.status || '1',
-        customerIntentLevel: formData.value.intentLevel || null
+        customerIntentLevel: formData.value.intentLevel || null, // 使用dictValue
+        customerStatus: formData.value.customerStatus || null // 使用dictValue
      },
-      customerStatus: formData.value.status || '1',
      nextFollowTime: formData.value.nextFollowTime || null,
-      customerIntentLevel: formData.value.intentLevel || null
+      customerIntentLevel: formData.value.intentLevel || null, // 使用dictValue
+      customerStatus: formData.value.customerStatus || null // 使用dictValue
    };

    // 调用API创建客户
@ -770,10 +942,7 @@ const handleSave = async () => {
      icon: 'success'
    });

-    // 延迟返回上一页
-    setTimeout(() => {
-      uni.navigateBack();
-    }, 1500);
+    // 保存成功后不清空表单，留在当前页面
  } catch (error) {
    console.error('创建客户失败:', error);
    uni.showToast({