页面: 一、表格上方:清空按钮、批量删除按钮 清空按钮:通过 表格有没有数据,控制按钮 可用、禁用 批量删除按钮:通过 表格有没有勾选数据,控制按钮 可用、禁用 搜索时,把勾选的去掉,并重新 获取表格数据 二、刷新按钮--刷新时,让页面搜索框、等 都清除内容 三、日期、搜索框 都可以搜索 表格数据 1、搜索框--实现搜索--绑定的是 名称 !重点:方法中 获取数据的方法,搜索框 传参为--输入的选项的名称 2、日期框--实现搜索----绑定的是 日期 四、表格--复选框控制的 方法--页面中 用同一个方法实现 checkbox-change--对应列表中的每一个复选框 checkbox-all--对应列表中,控制全选的复选框 页面中 用同一个方法实现 样式: 一、css中的calc函数--用于动态计算长度值。 1、注意:运算符前后 都需保留一个空格,不然不生效。 如:width: calc(100% - 10px); 2、任何长度值都可以使用calc()函数进行计算; 3、calc()函数支持 "+", "-", "*", "/" 运算; 4、calc()函数使用标准的数学运算优先级规则;