完成第一个任务，和老师review代码（Day：23）

[XJQ124]

完成第一个增删改查的task

---

1、今天主要是完成了剩余的内容以及把之前剩下的几个问题修复了

实现查找功能

 const { Search } = Input;
  const onSearch = (value, _e, info) => {
    console.log(info?.source, value);
    setSearchText(value)
  }
  //模糊查找部分 filter 过滤器
  const filterData = dataSource.filter(item => 
    item.name.includes(searchText) || item.address.includes(searchText)
    );

2、实现drawer两种打开方式的不同切换

//首先
const [drawerTitle,setDrawerTitle] = useState('添加企业用户')

//其次
  <Drawer
        title={drawerTitle} //使用动态的 drawerTitle
        placement="right" 
        closable={true}   
        onClose={() => {
          setOpen(false)
          setDrawerTitle('添加企业用户：')
        }}
        open={open}
        width={400}
      >

//第三步
  const handleAdd = () =>{
    setOpen(true);
    setDrawerData({});
    form.resetFields();  // 重置表单字段，清空输入框内容
  }

//第四步
 const handleEdit = (key) => {
    setOpen(true);
    const index = dataSource.findIndex((item) => item.key === key);
    if (index !== -1) {
      dataSource[index].editing = true;
      setDrawerData(dataSource[index]);
      setDrawerTitle('编辑用户信息：')
      //更新修改过的信息
      setDataSource([...dataSource]); 
      form.setFieldsValue(dataSource[index])  // 设置编辑时的表单初始值
    }
  };

3、新增企业信息时，输入框里原来的内容要消失

 form.resetFields();  // 重置表单字段，清空输入框内容

最终效果：

4、下午和老师review以后，发现一些代码上的问题和不足

所以这部分安排加练，明天会按照老师的要求再做一个界面