公司项目_考勤_salary组件

日期选项框:

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

确定考勤后:

页面就能显示签名照了,此时点击签名照 显示签名照对话框

  • 4
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值