Browse Source

优化跟进弹窗

KH
Trae AI 3 days ago
parent
commit
38388a674d
  1. 85
      web/src/main/resources/static/index.html

85
web/src/main/resources/static/index.html

@ -5302,6 +5302,9 @@
// 为客户类型选择添加事件监听器
document.getElementById('followupType').addEventListener('change', function() {
var selectedType = this.value;
var modalContent = document.querySelector('#followupModal > div');
var fields = modalContent.querySelectorAll('div');
if (selectedType === '其他类型') {
// 设置跟进内容为非鸡蛋行业客户
document.getElementById('followupContent').value = '非鸡蛋行业客户';
@ -5313,6 +5316,27 @@
document.getElementById('followupRegionDisplay').style.color = '#999';
document.getElementById('followupDetailedAddress').value = '';
document.getElementById('followupCompany').value = '';
// 隐藏其他字段
fields.forEach(function(field) {
var label = field.querySelector('label');
if (label) {
var labelText = label.textContent;
if (labelText.includes('客户等级') || labelText.includes('客户需求') || labelText.includes('客户地区') || labelText.includes('详细地址') || labelText.includes('客户公司')) {
field.style.display = 'none';
}
}
});
} else {
// 显示所有字段
fields.forEach(function(field) {
var label = field.querySelector('label');
if (label) {
var labelText = label.textContent;
if (labelText.includes('客户等级') || labelText.includes('客户需求') || labelText.includes('客户地区') || labelText.includes('详细地址') || labelText.includes('客户公司')) {
field.style.display = 'block';
}
}
});
}
});
@ -5913,6 +5937,34 @@
}
function openFollowupModal(userId, userName, phone) {
// 重置所有表单字段
document.getElementById('followupUserId').value = '';
document.getElementById('followupUserName').value = '';
document.getElementById('followupPhone').value = '';
document.getElementById('followupType').value = '';
document.getElementById('followupLevel').value = '';
document.getElementById('followupDemand').value = '';
document.getElementById('followupRegion').value = '';
document.getElementById('followupRegionDisplay').textContent = '请选择客户地区';
document.getElementById('followupRegionDisplay').style.color = '#999';
document.getElementById('followupDetailedAddress').value = '';
document.getElementById('followupCompany').value = '';
document.getElementById('followupContent').value = '';
// 显示所有字段
var modalContent = document.querySelector('#followupModal > div');
var fields = modalContent.querySelectorAll('div');
fields.forEach(function(field) {
var label = field.querySelector('label');
if (label) {
var labelText = label.textContent;
if (labelText.includes('客户等级') || labelText.includes('客户需求') || labelText.includes('客户地区') || labelText.includes('详细地址') || labelText.includes('客户公司')) {
field.style.display = 'block';
}
}
});
// 填充基本信息
document.getElementById('followupUserId').value = userId;
document.getElementById('followupUserName').value = userName;
document.getElementById('followupPhone').value = phone;
@ -6010,8 +6062,18 @@
// 跟进内容
document.getElementById('followupContent').value = user.followup || '';
} else {
// 如果没有找到用户数据,清空表单
}
document.getElementById('followupModal').style.display = 'block';
// 防止背景滚动
document.body.style.overflow = 'hidden';
}
function closeFollowupModal() {
// 重置表单字段
document.getElementById('followupUserId').value = '';
document.getElementById('followupUserName').value = '';
document.getElementById('followupPhone').value = '';
document.getElementById('followupType').value = '';
document.getElementById('followupLevel').value = '';
document.getElementById('followupDemand').value = '';
@ -6021,14 +6083,23 @@
document.getElementById('followupDetailedAddress').value = '';
document.getElementById('followupCompany').value = '';
document.getElementById('followupContent').value = '';
}
document.getElementById('followupModal').style.display = 'block';
// 防止背景滚动
document.body.style.overflow = 'hidden';
// 显示所有字段 - 使用基于ID的选择器
var modalContent = document.querySelector('#followupModal > div');
var allFields = modalContent.querySelectorAll('div');
allFields.forEach(function(field) {
// 检查字段是否包含需要显示的标签
var label = field.querySelector('label');
if (label) {
var labelText = label.textContent;
if (labelText.includes('客户等级') || labelText.includes('客户需求') || labelText.includes('客户地区') || labelText.includes('详细地址') || labelText.includes('客户公司')) {
field.style.display = 'block';
}
}
});
function closeFollowupModal() {
// 关闭弹窗
document.getElementById('followupModal').style.display = 'none';
// 恢复背景滚动
document.body.style.overflow = 'auto';

Loading…
Cancel
Save