补充客户信息性别和年龄

src/views/customer/index.vue

@@ -199,10 +199,10 @@
     <el-dialog
       :title="dialogTitle"
       :visible.sync="dialogVisible"
-      width="600px"
+      width="680px"
       @close="handleDialogClose"
     >
-      <el-form ref="customerForm" :model="customerForm" :rules="customerRules" label-width="100px">
+      <el-form ref="customerForm" :model="customerForm" :rules="customerRules" label-width="120px">
         <el-form-item label="客户姓名" prop="customerName">
           <el-input v-model="customerForm.customerName" placeholder="请输入客户姓名" />
         </el-form-item>
@@ -230,7 +230,12 @@
           </el-select>
         </el-form-item>
         <el-form-item label="客户意向" prop="intendedModel">
-          <el-input v-model="customerForm.intendedModel" placeholder="请输入客户意向" />
+          <el-select v-model="customerForm.intendedModel" placeholder="请选择客户意向" clearable style="width: 100%">
+            <el-option label="高" value="高" />
+            <el-option label="中" value="中" />
+            <el-option label="低" value="低" />
+            <el-option label="线索" value="线索" />
+          </el-select>
         </el-form-item>
         <el-form-item label="客户详细地址" prop="detailedAddress">
           <el-input
@@ -240,6 +245,33 @@
             placeholder="请输入客户详细地址"
           />
         </el-form-item>
+        <el-form-item label="性别" prop="gender">
+          <el-select v-model="customerForm.gender" placeholder="请选择性别" clearable style="width: 100%">
+            <el-option label="男" value="男" />
+            <el-option label="女" value="女" />
+            <el-option label="其他" value="其他" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="年龄" prop="age">
+          <el-input-number
+            v-model="customerForm.age"
+            :min="0"
+            :max="150"
+            :precision="0"
+            controls-position="right"
+            placeholder="请输入年龄"
+            style="width: 100%"
+          />
+        </el-form-item>
+        <el-form-item label="正面照片URL" prop="frontPhotoUrl">
+          <el-input v-model="customerForm.frontPhotoUrl" placeholder="请输入正面照片 URL" />
+        </el-form-item>
+        <el-form-item label="侧面照片URL" prop="sidePhotoUrl">
+          <el-input v-model="customerForm.sidePhotoUrl" placeholder="请输入侧面照片 URL" />
+        </el-form-item>
+        <el-form-item label="生活照URL" prop="lifePhotoUrl">
+          <el-input v-model="customerForm.lifePhotoUrl" placeholder="请输入生活照 URL" />
+        </el-form-item>
         <el-form-item label="备注" prop="remark">
           <el-input
             v-model="customerForm.remark"
@@ -304,6 +336,44 @@
             </div>
           </el-col>
         </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <div class="detail-item">
+              <label>性别:</label>
+              <span>{{ currentCustomer.gender || '-' }}</span>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div class="detail-item">
+              <label>年龄:</label>
+              <span>{{ currentCustomer.age != null && currentCustomer.age !== '' ? currentCustomer.age : '-' }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row v-if="currentCustomer.frontPhotoUrl" :gutter="20">
+          <el-col :span="24">
+            <div class="detail-item">
+              <label>正面照片URL:</label>
+              <span>{{ currentCustomer.frontPhotoUrl }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row v-if="currentCustomer.sidePhotoUrl" :gutter="20">
+          <el-col :span="24">
+            <div class="detail-item">
+              <label>侧面照片URL:</label>
+              <span>{{ currentCustomer.sidePhotoUrl }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row v-if="currentCustomer.lifePhotoUrl" :gutter="20">
+          <el-col :span="24">
+            <div class="detail-item">
+              <label>生活照URL:</label>
+              <span>{{ currentCustomer.lifePhotoUrl }}</span>
+            </div>
+          </el-col>
+        </el-row>
         <el-row v-if="currentCustomer.detailedAddress" :gutter="20">
           <el-col :span="24">
             <div class="detail-item">
@@ -473,6 +543,11 @@ export default {
         salesId: '',
         intendedModel: '',
         detailedAddress: '',
+        gender: '',
+        age: undefined,
+        frontPhotoUrl: '',
+        sidePhotoUrl: '',
+        lifePhotoUrl: '',
         remark: ''
       },
       customerRules: {
@@ -697,6 +772,11 @@ export default {
         salesId: '',
         intendedModel: '',
         detailedAddress: '',
+        gender: '',
+        age: undefined,
+        frontPhotoUrl: '',
+        sidePhotoUrl: '',
+        lifePhotoUrl: '',
         remark: ''
       }
       this.dialogVisible = true