element ui 常用样式及常用功能

1. form表单中input输入框和select下拉框长度不一致问题

官网显示两者长度一致是因为调整过了的，select下拉框默认长度是不占100%的,设置占比100%即可 也可适用于时间日期选择框与input输入框长度不一致的问题

2. form表单中el-form-item 的标签label 文字过多会出现换行情况

设置label-width即可，设置的宽一些就可以了

3. form表单中的select下拉框问题

select下拉框加入了：rules限制，打开弹框后，直接点击保存，下拉框提示不能为空的红色提示语句，但是当你选择下拉框的一个选项填入后，提示语句仍然存在，当你再次点击保存后才会消失

原因：焦点失去事件不要用错了。下拉框用change，input使用blur

4. 搜索条件的展开与收起

5. 日期控件 1.竣工日期—开工日期=可用天数 2.开始日期不能大于竣工日期，竣工日期不能小于开工日期

1. 功能实现的重点是handleStart()方法

2.功能实现的重点是startDatePicker:{}和endDatePicker:{}

成品：

6. input 后自定义图标或者单位

成品：