Parcourir la source

修改有效客户页面

沐梦. il y a 2 semaines
Parent
commit
fa907976ca

+ 17 - 14
src/views/customer/valid/detail.vue

@@ -401,24 +401,19 @@
     <!-- 联系人编辑抽屉 -->
     <el-drawer
       v-model="contactVisible"
-      :title="contactForm.id ? '编辑客户联系人' : '新建客户联系人'"
       size="70%"
       direction="rtl"
       destroy-on-close
+      :with-header="false"
       class="contact-edit-drawer"
     >
-      <template #header>
-        <div class="drawer-header-compact" style="height: 40px; padding: 0 16px; border-bottom: 1px solid #e2e8f0; display: flex; justify-content: space-between; align-items: center; background: #fff;">
-          <span style="font-size: 15px; font-weight: 600; color: #333;">{{ contactForm.id ? '编辑客户联系人' : '新建客户联系人' }}</span>
-          <el-icon @click="contactVisible = false" style="cursor: pointer; font-size: 18px; color: #94a3b8;"><Close /></el-icon>
-        </div>
-      </template>
+      <div class="drawer-header-compact" style="height: 40px; padding: 0 16px; border-bottom: 1px solid #e2e8f0; display: flex; justify-content: space-between; align-items: center; background: #fff;">
+        <span style="font-size: 15px; font-weight: 600; color: #333;">{{ contactForm.id ? '编辑客户联系人' : '新建客户联系人' }}</span>
+        <el-icon @click="contactVisible = false" style="cursor: pointer; font-size: 18px; color: #94a3b8;"><Close /></el-icon>
+      </div>
 
-      <div class="drawer-body-custom" v-loading="contactLoading">
-        <style>
-          .custom-form :deep(.el-form-item) { margin-bottom: 18px !important; }
-        </style>
-        <el-form :model="contactForm" :rules="contactRules" ref="contactFormRef" label-width="100px" class="custom-form">
+      <div class="drawer-body-custom" v-loading="contactLoading" style="padding: 24px; overflow-y: auto; height: calc(100% - 120px);">
+        <el-form :model="contactForm" :rules="contactRules" ref="contactFormRef" label-width="100px" label-position="right" class="no-bold-label">
           <div class="form-title-blue">基本信息</div>
           <div class="form-section-custom">
             <el-row :gutter="20">
@@ -447,7 +442,7 @@
             <el-row :gutter="20">
               <el-col :span="8">
                 <el-form-item label="年龄" prop="age">
-                  <el-input v-model="contactForm.age" placeholder="请输入年龄" />
+                  <el-input v-model="contactForm.age" type="number" placeholder="请输入年龄" />
                 </el-form-item>
               </el-col>
               <el-col :span="8">
@@ -587,6 +582,11 @@
           </div>
         </el-form>
       </div>
+
+      <div class="drawer-footer-standard" style="padding: 16px 24px; border-top: 1px solid #f0f0f0; text-align: right;">
+        <el-button @click="contactVisible = false">取 消</el-button>
+        <el-button type="primary" @click="submitContact" :loading="contactSubmitting">确 定</el-button>
+      </div>
     </el-drawer>
 
     <!-- 新建客户关怀弹窗 (Dialog) -->
@@ -1528,7 +1528,10 @@ defineExpose({ open });
   margin: 24px 0 16px; border-left: 4px solid #409eff; font-weight: 400;
 }
 
-.form-section-custom { padding: 0 16px; }
+.form-section-custom { 
+  padding: 0 16px; 
+  :deep(.el-form-item) { margin-bottom: 18px !important; }
+}
 
 .contact-edit-drawer {
   :deep(.el-drawer__header) { margin-bottom: 0; padding: 0; }

+ 5 - 2
src/views/saleManage/platformSelection/detail.vue

@@ -294,7 +294,7 @@
           </el-row>
           <el-row :gutter="20">
             <el-col :span="8">
-              <el-form-item label="年龄" prop="age"><el-input v-model="projectContactForm.age" placeholder="请输入" /></el-form-item>
+              <el-form-item label="年龄" prop="age"><el-input v-model="projectContactForm.age" type="number" placeholder="请输入" /></el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="籍贯" prop="nativePlace"><el-input v-model="projectContactForm.nativePlace" placeholder="请输入" /></el-form-item>
@@ -1248,6 +1248,9 @@ const displayDeptName = computed(() => {
 
 /* 抽屉标准样式 */
 .section-group-title-bar { font-size: 14px; color: #409eff; padding: 8px 16px; background-color: #F8F9FA; margin-bottom: 20px; border-radius: 4px; }
-.form-section-group { margin-bottom: 32px; }
+.form-section-group {
+  margin-bottom: 32px;
+  :deep(.el-form-item) { margin-bottom: 18px !important; }
+}
 .dialog-footer { display: flex; justify-content: flex-end; gap: 12px; padding-top: 20px; }
 </style>