需要引入的的依赖：jquery（用于异步请求）

一、数据显示的前端页面

条件查询数据并显示，下拉框使用的model双向绑定

二、js代码（list页面的数据请求）

后端传来的时间数据需要转换可以使用new Intl.DateTimeFormat('zh-CN', options);转换一下

三、添加数据前端页面

input标签使用model属性进行绑定，提交时才可以把数据给后端进行处理

四、添加数据js代码

需要注意的是：

        如果和我一样使用的组合式API风格就需要再调用变量时加上.value ，不然无法调用值

页面展示

添加页面

数据添加

成功的数据显示