【Vue】【uni-app】工单管理页面实现

用的是uni-app的uni-ui拓展组件实现的

功能是对工单进行一个展示，并对工单根据一些筛选条件进行搜索

目前是实现了除了日期之外的搜索功能，测试数据是下面这个tableData.js，都是我自己手写的，后端请求也稍微写了一些，不过没用上

export default [{
		"ID": "0001",
		"title": "火灾排查",
		"associateID": "00001",
		"kind": "紧急工单",
		"state": "待完成",
		"overdue": "否",
		"taskDate": "2023-01-02",
		"dispatchDate": "2023-01-02",
		"personID": "0001",
		"note": "xxxx",
	},
	{
		"ID": "0002",
		"title": "野狗出现",
		"associateID": "00001",
		"kind": "临时工单",
		"state": "已完成",
		"overdue": "否",
		"taskDate": "2023-01-02",
		"dispatchDate": "2023-01-02",
		"personID": "0003",
		"note": "xxxx",
	},
	{
		"ID": "0003",
		"title": "温度过高",
		"associateID": "00001",
		"kind": "紧急工单",
		"state": "已完成",
		"overdue": "否",
		"taskDate": "2023-01-02",
		"dispatchDate": "2023-01-02",
		"personID": "0005",
		"note": "xxxx",
	},
	{
		"ID": "0004",
		"title": "火灾排查",
		"associateID": "00001",
		"kind": "定时工单",
		"state": "逾期",
		"overdue": "否",
		"taskDate": "2023-01-02",
		"dispatchDate": "2023-01-02",
		"personID": "0002",
		"note": "xxxx",
	},
	{
		"ID": "0005",
		"title": "常规巡检",
		"associateID": "00001",
		"kind": "紧急工单",
		"state": "待完成",
		"overdue": "否",
		"taskDate": "2023-01-02",
		"dispatchDate": "2023-01-02",
		"personID": "0001",
		"note": "xxxx",
	},
	{
		"ID": "0006",
		"title": "常规巡检",
		"associateID": "00001",
		"kind": "紧急工单",
		"state": "待完成",
		"overdue": "否",
		"taskDate": "2023-01-02",
		"dispatchDate": "2023-01-02",
		"personID": "0001",
		"note": "xxxx",
	},
]

还有旁边的导航栏我给你们去掉一下，这样可以直接copy下来跑

 简陋代码如下：