const getPostData = () => { let obj = { ...form.getFieldsValue(true) }; obj.month && (obj.month = obj.month.format("YYYY-MM-01 00:00:00")); // 考虑要不要写一个通用工具类 const newObj = {}; for (const [key, value] of Object.entries(obj)) { if (value !== undefined && value !== null && value !== "") { newObj[`${SearchName.EQ}_${key}`] = value; } } return newObj; };把这个方法封装成utils里的通用工具类,并可以在全项目中引用
时间: 2024-04-07 19:33:25 浏览: 123
vue使用three.js引入外部obj,mtl模型.zip
你可以将这个方法封装成一个通用工具类,然后在整个项目中进行引用。下面是一个示例的封装过程:
1. 在`utils`文件夹下创建一个新的文件,例如`apiUtils.js`。
2. 在`apiUtils.js`文件中添加如下代码:
```javascript
import { SearchName } from 'your_search_name_file'; // 假设你有一个名为 SearchName 的文件导出了一个包含常量的对象
export const getPostData = (formValues) => {
let obj = { ...formValues };
obj.month && (obj.month = obj.month.format("YYYY-MM-01 00:00:00"));
const newObj = {};
for (const [key, value] of Object.entries(obj)) {
if (value !== undefined && value !== null && value !== "") {
newObj[`${SearchName.EQ}_${key}`] = value;
}
}
return newObj;
};
```
3. 在需要使用的地方引入该工具类,并调用`getPostData`方法:
```javascript
import { getPostData } from 'path_to_your_apiUtils_file';
// 在需要使用的地方调用
const postData = getPostData(form.getFieldsValue(true));
```
请注意,上述代码中的`your_search_name_file`和`path_to_your_apiUtils_file`应该替换为实际的文件路径。这样,你就可以在整个项目中引用该工具类,并使用`getPostData`方法来处理表单数据。
阅读全文