gjerp_ui/src/views/zyjhzx/pwanpgong/comps/PwanPgd.vue

<template>
  <VxeGrid ref="vxeGrid" v-bind="gridOptions" @cell-click="cellClick" @checkbox-change="checkboxChange" @checkbox-all="checkboxAll" />
</template>

<script>
import { VXETable } from 'vxe-table'
import paoWanPgdConfig from './pgdTable'
import {getPgd, zx} from "@/api/zyjh";

export default {
  name:'PwanPgd',
  props:{
    worker:{
      type:Function,
      default:function (){}
    }
  },
  data(){
    return{
      type:'pwpg',
      gridOptions:{},
      list:{},
    }
  },
  created(){
    const {options,columns}=paoWanPgdConfig()
    this.gridOptions=options
    this.gridOptions.columns=columns
    this.initData()
  },
  methods:{
    initData(){
      getPgd({jhrqField:'sljhrq',zt:'21'}).then(res=>{
        this.gridOptions.data=res.data
      })
    },
    checkboxAll({checked}){
      const worker=this.$props.worker()
      if (!worker){
        this.$message.warning('请选择操作人')
        return;
      }
      if (checked){
        this.paigong(worker)
      }
    },
    checkboxChange({checked,row}){
      const worker=this.$props.worker()
      if (!worker){
        this.$message.warning('请选择操作人')
        return;
      }
      if (checked){
        this.paigong(worker)
      }
    },
    paigong(worker){
      const list=this.$refs.vxeGrid.getCheckboxRecords()
      const tmpArr=[]
      for (const item of list) {
        const data={
          id:item.id,
          pwsgr:worker.userCode,//抛丸施工人员姓名
        }
        tmpArr.push(data)
      }
      const data={
        type:this.type,
        field:'pwpgrq',
        zxZtName:'PWPG',
        list:tmpArr
      }
      VXETable.modal.confirm('您确定派工吗？').then(res=>{
        res==='confirm'&&zx(data)
      })
    },
    cellClick({row}){
      this.$emit('initPgd',row)
    }
  }
}
</script>