优化

src/modules/customers/pages/CustomersView.test.ts

@@ -34,6 +34,7 @@ vi.mock('vue-router', async (importOriginal) => ({
 vi.mock('@/modules/iam', () => ({
   approveEnterpriseReview: vi.fn(),
   changePlatformTenantStatus: vi.fn(),
+  checkPlatformTenantContactPhone: vi.fn().mockResolvedValue(true),
   createPlatformTenant: vi.fn(),
   downloadTenantQualification: vi.fn(),
   getPlatformTenant: vi.fn(),

src/modules/customers/pages/CustomersView.vue

@@ -8,6 +8,7 @@ import { createPlatformExportTask } from '@/modules/downloads'
 import {
   approveEnterpriseReview,
   changePlatformTenantStatus,
+  checkPlatformTenantContactPhone,
   createPlatformTenant,
   downloadTenantQualification,
   getPlatformTenant,
@@ -112,7 +113,10 @@ const rules: FormRules = {
   legalRepresentative: [{ required: true, message: '请输入法定代表人姓名', trigger: 'blur' }],
   unifiedSocialCreditCode: [{ pattern: /^[0-9A-Z]{18}$/, message: '请输入 18 位大写字母或数字', trigger: 'blur' }],
   contactName: [{ required: true, message: '请输入联系人姓名', trigger: 'blur' }],
-  contactPhone: [{ required: true, message: '请输入联系电话', trigger: 'blur' }],
+  contactPhone: [
+    { required: true, message: '请输入联系电话', trigger: 'blur' },
+    { pattern: /^[0-9-]{4,32}$/, message: '请输入 4-32 位数字或连字符，联系电话将作为登录用户名', trigger: 'blur' },
+  ],
   contactEmail: [{ type: 'email', message: '请输入有效邮箱地址', trigger: 'blur' }],
   servicePackage: [{ required: true, message: '请选择客户套餐', trigger: 'change' }],
   paymentTermDays: [{ required: true, message: '请输入账期天数', trigger: 'change' }],
@@ -490,6 +494,18 @@ async function uploadSelectedQualifications(tenantId: string) {
 
 async function saveCustomer() {
   if (!formRef.value || !(await formRef.value.validate().catch(() => false))) return
+  if (!editingId.value) {
+    try {
+      const available = await checkPlatformTenantContactPhone(form.value.contactPhone.trim())
+      if (!available) {
+        ElMessage.error('联系电话已被其他客户使用，请更换后再提交')
+        return
+      }
+    } catch (error) {
+      ElMessage.error(getApiErrorMessage(error, '联系电话唯一性校验失败，请稍后重试'))
+      return
+    }
+  }
   const qualificationPackageTouched = hasSelectedQualifications.value || Boolean(form.value.unifiedSocialCreditCode)
   if (qualificationPackageTouched && !requiredQualificationPackageComplete.value) {
     ElMessage.warning(`请完整保存必填业务项：${missingQualificationPackageItems.value.join('、')}`)
@@ -693,7 +709,7 @@ onMounted(async () => {
 
         <div class="form-section"><h3>联系与商务</h3><div class="form-grid two-cols">
           <el-form-item label="联系人" prop="contactName" required><el-input v-model="form.contactName" placeholder="请输入主要联系人姓名" maxlength="64" /></el-form-item>
-          <el-form-item label="联系电话" prop="contactPhone" required><el-input v-model="form.contactPhone" placeholder="请输入手机号或固定电话" maxlength="32" /></el-form-item>
+          <el-form-item label="联系电话（登录用户名）" prop="contactPhone" required><el-input v-model="form.contactPhone" :disabled="['ACTIVE', 'DISABLED'].includes(editorStatus || '')" placeholder="请输入手机号或固定电话" maxlength="32" /><small v-if="['ACTIVE', 'DISABLED'].includes(editorStatus || '')" class="field-hint">客户已开户，联系电话作为登录用户名不可修改</small></el-form-item>
           <el-form-item label="联系邮箱" prop="contactEmail"><el-input v-model="form.contactEmail" placeholder="如：contact@example.com" maxlength="128" /></el-form-item>
           <el-form-item label="联系微信" prop="contactWechat"><el-input v-model="form.contactWechat" placeholder="请输入联系人微信号" maxlength="64" /></el-form-item>
           <!-- <el-form-item label="客户套餐" prop="servicePackage" required><el-select v-model="form.servicePackage"><el-option label="基础版" value="基础版" /><el-option label="专业版" value="专业版" /><el-option label="企业版" value="企业版" /></el-select></el-form-item> -->
@@ -764,7 +780,7 @@ onMounted(async () => {
 .customer-company-cell { display:flex; min-width:0; align-items:center; gap:10px; } .customer-company-cell > span { display:grid; width:34px; height:34px; flex:0 0 auto; place-items:center; border-radius:7px; background:#eef4ff; color:var(--cc-primary); } .customer-company-cell strong { overflow:hidden; text-overflow:ellipsis; }
 .capital-input { display:grid; grid-template-columns:minmax(0,1fr) 130px; width:100%; gap:8px; } .capital-input :deep(.el-input-number),.capital-input :deep(.el-select) { width:100%; }
 .qualification-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; } .qualification-heading h3 { margin-bottom:4px; } .qualification-heading p,.qualification-hint { margin:0; color:var(--cc-muted); font-size:12px; line-height:1.6; } .qualification-hint { margin-top:12px; } .qualification-hint span,.qualification-label > span { color:var(--el-color-danger); }
-.qualification-credit-code { max-width:420px; margin-top:16px; } .qualification-credit-code small { display:block; margin-top:6px; color:var(--cc-muted); font-size:11px; line-height:1.5; }
+.qualification-credit-code { max-width:420px; margin-top:16px; } .qualification-credit-code small,.field-hint { display:block; margin-top:6px; color:var(--cc-muted); font-size:11px; line-height:1.5; }
 .qualification-table { overflow:hidden; margin-top:14px; border:1px solid var(--cc-border); border-radius:8px; } .qualification-row { display:grid; grid-template-columns:180px minmax(300px,1fr) 180px; min-width:0; border-top:1px solid var(--cc-border); } .qualification-row:first-child { border-top:0; } .qualification-row > * { display:flex; min-width:0; min-height:68px; align-items:center; padding:12px 14px; } .qualification-header { min-height:44px; background:#f7f8fc; color:var(--cc-muted); font-size:12px; font-weight:600; } .qualification-header > * { min-height:44px; }
 .qualification-label { gap:5px; font-weight:600; } .qualification-label svg { margin-left:auto; color:var(--el-color-success); }
 .qualification-optional { padding:2px 5px; border-radius:4px; background:var(--el-fill-color-light); color:var(--cc-muted); font-size:10px; font-weight:500; line-height:1.4; }