中小电话销售管理系统必看：新一代系统低成本落地路径

// 客户模型定义
public class Customer
{
    public int Id { get; set; }
    public string Name { get; set; }
    public string Phone { get; set; }
    public string Company { get; set; }
    public DateTime LastContactDate { get; set; }
    public int ContactCount { get; set; }
}

// 客户服务接口
public interface ICustomerService
{
    Task<Customer> GetCustomerByIdAsync(int id);
    Task<List<Customer>> SearchCustomersAsync(string keyword);
    Task AddOrUpdateCustomerAsync(Customer customer);
    Task DeleteCustomerAsync(int id);
}

// 客户搜索功能前端实现
class CustomerSearch {
  constructor() {
    this.searchInput = document.getElementById('search-input');
    this.resultsContainer = document.getElementById('results-container');
    this.initEvents();
  }

  initEvents() {
    this.searchInput.addEventListener('input', 
      this.debounce(this.handleSearch.bind(this), 300));
  }

  async handleSearch() {
    const keyword = this.searchInput.value.trim();
    if (keyword.length < 2) return;

    try {
      const response = await fetch(`/api/customers/search?keyword=${encodeURIComponent(keyword)}`);
      const customers = await response.json();
      this.renderResults(customers);
    } catch (error) {
      console.error('搜索失败:', error);
    }
  }

  renderResults(customers) {
    // 渲染搜索结果
  }

  debounce(func, wait) {
    let timeout;
    return function executedFunction(...args) {
      const later = () => {
        clearTimeout(timeout);
        func(...args);
      };
      clearTimeout(timeout);
      timeout = setTimeout(later, wait);
    };
  }
}