一、完善index登录页的设计
1、存在问题：下面的没有被铺满。
解决方法：找到首页最大的div然后设置height和width
2、把右侧的登陆框一整个div往下移，找到整个div，设置margin-top的值；
具体措施：用f12检查网页源代码然后修改看修改后的效果，然后到项目中去修改。
弄清楚margin。padding，的区别用法。margin和padding的区别是什么-css教程-PHP中文网
margin-容器外距离。padding容器内距离。
（1）、名字：content，修改.content的样式css. margin-top:80px
margin:"上px 右px 下px 左px"或者也可以分开来写。
margin 或者 padding的四个值_安果移不动的博客-CSDN博客_padding四个值
(2)、vertical-align：垂直对齐功能。
2021-05-06 利用vertical-align实现垂直居中效果以及解决图片底部3px的间隙bug_前端OnTheRun的博客-CSDN博客
(3)、登录不成功去数据库查看表里面的数据！
（4）、寻求三位老师的帮助：
（5）、添加排序，在table表中相应的column中去添加 sortable 然后图标样式和文字并排在fileterPopver中
没有连接到API。 参考网址el-table表头加入筛选功能_Monop的博客-CSDN博客_el-table 筛选
先阻止排序：在icon里面添加方法@ click:
method里面添加方法。@click.stop="popClick"
把输入框的值传到后台数据库里面去。递交参数，参考网站
重置：在按钮上添加方法“：vue el-table 表头搜索（筛选）功能 头部添加搜索icon 点击重置按钮，重置对应字段的筛选条件（三）_dangsh_的博客-CSDN博客
解读代码：resetData () { 方法名（）{各种条件语句}
console.log('reset') 控制台悄咪咪打印操作：
this.value = ''输入的值传到value
this.visible = false 这个框框小时
this.iconColor = false 颜色消失
const self = this 变量self等于返回的值
self.$emit('resetChange', { type: self.type, value: self.value, tableType: self.tableType })
},
对比代码，找出不同之处。