这篇博客详细介绍了如何在前端页面上使用表格展示数据，并实现入库出库功能。点击入库或出库按钮会弹出抽屉，抽屉内包含可编辑表格，支持新增、删除和编辑操作。博客内容涵盖了表格字段的动态调整、数据校验、时间戳转换以及接口交互等关键步骤。同时，抽屉页面的表格功能完善，提供了完整的数据操作体验。
整体逻辑是在页面运用一个table展示然后点击入库出库会弹出抽屉，我们可以在抽屉页面进行数据的操作，操作数据也是运用表格。涉及新增删除编辑校验等操作吧。
首先是外部表格部分点击入库出库都是一个页面
，这边通过判断不同点击使用的不同表头
当我们点击入库的时候首先唤醒抽屉然后我设置了一个tables的布尔值来进行判断展示的是入库还是出库的数据表头
表头部分都用了输入框等组件使用的是一个方法
点击事件发生的时候把数据的数据给list 然后对接口字段进行替换并且对出库入库情况做了判断
当我们掉接口的时候就可以把数据给到params就可以了并且在这里做了字段检验
表格中使用时间选择器我这边是做了给后端传值的时候转换时间戳的操作
再看一下抽屉页面的表格添加删除功能
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
