应发工资报表模块 接口联调+增加日期的筛选和限制+重组数据得到动态表头和动态数据的逻辑处理

haoxuan

2024-05-07 c96cb749fc131b5d220ac40a9134ce544e9ef070

 src/views/employeeManage/employeeInfo/components/AddEmployee.vue

@@ -4,8 +4,8 @@
    <div slot="title" class="tac drawerHeader">{{ editRow.title }}人员</div>
    <div class="dialog-content-box">
      <el-form class="form-box" ref="form" :rules="rules" :model="form" label-width="120px" label-position="right">
        <el-form-item label="员工编码：" prop="id">
          <el-input v-model="form.id" placeholder="请输入"></el-input>
        <el-form-item label="员工编码：" prop="id" >
          <el-input v-model="form.id" placeholder="请输入" :disabled="editRow.title=='编辑'?true:false"></el-input>
        </el-form-item>
        <el-form-item label="人员姓名：" prop="name">
          <el-input v-model="form.name" placeholder="请输入"></el-input>
@@ -15,6 +15,7 @@
        </el-form-item>
        <el-form-item label="入职时间：" prop="employmentTime">
          <el-date-picker v-model="form.employmentTime" style="width:100%;" type="date" placeholder="选择日期"
          :picker-options="pickerOptions"
            value-format="yyyy-MM-dd">
          </el-date-picker>
        </el-form-item>
@@ -76,11 +77,16 @@
        employmentTime:'',
        shopNameObj:{},
        groupNumber:'',
        workTypeObj:{},
        workTypeObj:null,
      },
      shopList:[],//车间
      groupNumberList:[],//组别
      workTypeList:[], //工种
      pickerOptions: {
        disabledDate(time) {
          return time.getTime() > new Date().getTime();
        },
      },
      rules: {
        id: [
          {
@@ -93,6 +99,13 @@
          {
            required: true,
            message: "请输入员工编码",
            trigger: ["blur", "change"],
          },
        ],
        workTypeObj: [
          {
            required: true,
            message: "请选择",
            trigger: ["blur", "change"],
          },
        ],
@@ -136,12 +149,13 @@
          employmentTime:'',
          shopNameObj:{},
          groupNumber:'',
          workTypeObj:{},
          workTypeObj:null,
        };
        this.$nextTick(()=>{
          this.$refs["form"].resetFields();
          if (this.editRow.id) {
            this.form = JSON.parse(JSON.stringify(this.editRow));
            this.form.groupNumber=this.form.groupNumber?this.form.groupNumber:null
            this.getGroupNumber(true)
          }
        })
@@ -208,6 +222,7 @@
          form.shopName=form.shopNameObj.label
          form.workTypeId=form.workTypeObj.value
          form.workType=form.workTypeObj.label
          form.groupNumber=form.groupNumber?form.groupNumber:null
          if (this.editRow.type == "add") {
            createWorkerInfo(form).then((res) => {
              if (res.code == 200) {