日期选项框:
v-model 选择的月份 与data中的months双向绑定
@change="init" <el-date-picker>
组件的 @change
事件会在日期变化时触发。
在登陆成功时 customerTel 存在 months为null
init 调用getSalaryApi接口 获取薪资信息
this.salaryList=res.data.data 拿到
salaryList=[{}{}{}{}{}]
根据传递给接口的data数据中的months 返回不同月份的数据
在 <el-table>
组件中,:data="salaryList"
绑定了一个名为 salaryList
的数据属性到 el-table
组件的 data
属性。el-table
组件会使用 salaryList
中的数据来生成表格的行。
而el-table-column中的 prop:
prop
是 Element UI 中用于 el-table-column
组件的一个属性,它指定了该列绑定的数据属性名称。
prop
的作用
在 el-table
中,每一列的数据都是通过 prop
来指定的。prop
的值对应于 el-table
组件的 data
属性中的某个键。这样,el-table
就能根据每一行数据对象中的键来渲染对应的列内容。
签字文件:
slot-scope="{row}"
是用于定义插槽的作用域参数,它指定了一个 row
变量,这个变量可以访问当前行的数据。在 el-table
中,slot-scope
用来将当前行的数据传递到插槽中,这样你就可以在插槽内使用这些数据进行自定义渲染。
在没有确定薪资的时候 row.pathFile 为 null
确定考勤后:
页面就能显示签名照了,此时点击签名照 显示签名照对话框