reportWork.vue 3.94 KB
<template>
  <j-modal
    :title="title"
    :width="width"
    :visible="visible"
    :confirmLoading="confirmLoading"
    switchFullscreen
    @ok="handleOk"
    @cancel="handleCancel"
    cancelText="关闭">
    <a-spin :spinning="confirmLoading">
      <a-form :form="form">
        <a-row>
          <a-col :span="24">
            <a-form-item label="生产料号" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-input v-model="materialCode" placeholder="" disabled=""></a-input>
            </a-form-item>
          </a-col>
          <a-col :span="24">
            <a-form-item label="工艺" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-input v-model="technologyName" placeholder=""></a-input>
            </a-form-item>
          </a-col>

          <a-col :span="24">
            <a-form-item label="准备工时" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-input v-model="readyComplete" placeholder=""></a-input>
            </a-form-item>
          </a-col>

          <a-col :span="24">
            <a-form-item label="操作工时" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-input v-model="technologyComplete" placeholder=""></a-input>
            </a-form-item>
          </a-col>

          <a-col :span="24">
            <a-form-item label="完工数量" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-input-number v-model="completeQty" placeholder=""></a-input-number>
            </a-form-item>
          </a-col>

        </a-row>
      </a-form>
    </a-spin>
  </j-modal>
</template>

<script>

import pick from 'lodash.pick'
import {addWorking} from "../../../api/schedulerApi";

export default {
  name: "WorkOrderDetailModal",
  components: {},
  props: {
    mainId: {
      type: String,
      required: false,
      default: ''
    }
  },
  data() {
    return {
      form: this.$form.createForm(this),
      title: "操作",
      id: "",
      qty: "",
      weiwai: "",
      completeQty: "",
      technologyComplete: "",
      readyComplete: "",
      unit: "",
      technologyName: "",
      sffb017: "",
      sffb005: "",
      sffa005: "",
      width: 800,
      visible: false,
      model: {},
      searchOptions: [{
        text: "是",
        value: "1"
      }, {
        text: "否",
        value: "0"
      }],
      labelCol: {
        xs: {span: 24},
        sm: {span: 5},
      },
      wrapperCol: {
        xs: {span: 24},
        sm: {span: 16},
      },

      confirmLoading: false,
      validatorRules: {},
      url: {
        add: "/work_order/workOrder/addWorkOrderDetail",
        edit: "/work_order/workOrder/editWorkOrderDetail",
      }

    }
  },
  created() {
  },
  methods: {
    add() {
      this.edit({});
    },
    edit(record, workCode) {
      this.form.resetFields();
      this.model = Object.assign({}, record);
      this.visible = true;
      this.materialCode = record.no
      this.technologyName = record.technologyName
      this.id = record.id
      this.sffb017 = record.sffb017
      this.sffb005 = workCode
      this.sffa005 = record.technologyCode
    },
    close() {
      this.$emit('close');
      this.visible = false;
    },
    findCarNumberClick(row) {
      this.suppiler_name = row.partnershortname;
      this.suppiler_code = row.partnerid;
    },
    handleOk() {
      let params = {
        'detailId': this.id,
        'sffb017': this.sffb017,
        'readyTime': this.readyComplete,
        'completetime': this.technologyComplete,
        'sffe003': this.completeQty,
        'sffb005': this.sffb005,
        'sffa005': this.sffa005,
      }
      addWorking(params).then((res) => {
        alert(JSON.stringify(res))
      })
    },
    handleCancel() {
      this.close()
    },
    popupCallback(row) {
      this.form.setFieldsValue(pick(row, 'createBy', 'createTime', 'updateBy', 'updateTime', 'sfbadocno', 'sfbaseq', 'sfba001', 'sfba005', 'sfba006', 'sfba009', 'sfba013', 'sfba014', 'workOrderId'))
    },


  }
}
</script>