|
|
@@ -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; }
|