mts / MTS-UI · Files

<template>
  <a-modal
    :width="modalWidth"
    :style="modalStyle"
    :visible="visible"
    :confirmLoading="confirmLoading"
    :maskClosable="false"
    @cancel="handleCancel">
    <template slot="footer">
      <a-button @click="handleCancel">关闭</a-button>
    </template>
    <a-spin :spinning="confirmLoading">
      <a-form :form="form">
        <a-row>
          <a-col :span="24/3">
            <a-form-item label="工作令" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-input v-decorator="['workNo']" disabled></a-input>
            </a-form-item>
          </a-col>
          <a-col :span="24/3">
            <a-form-item label="物料编码:" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-input v-decorator="['cno']" placeholder="请输入物料编码" disabled></a-input>
            </a-form-item>
          </a-col>
        </a-row>

        <a-row>
          <a-col :span="24/3">
            <a-form-item
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              label="采购"
              hasFeedback>
              <a-switch checkedChildren="订阅" unCheckedChildren="不订阅" @change="onChose" v-model="visibleCheck"/>
            </a-form-item>
          </a-col>

          <a-col :span="24/3">
            <a-form-item
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              label="到货"
              hasFeedback>
              <a-switch checkedChildren="订阅" unCheckedChildren="不订阅" @change="onChose2" v-model="visibleCheck2"/>
            </a-form-item>
          </a-col>
          <a-col :span="24/3">
            <a-form-item
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              label="入库"
              hasFeedback>
              <a-switch checkedChildren="订阅" unCheckedChildren="不订阅" @change="onChose3" v-model="visibleCheck3"/>
            </a-form-item>
          </a-col>
        </a-row>
        <a-row>
          <a-col :span="24/3">
            <a-form-item
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              label="领料"
              hasFeedback>
              <a-switch checkedChildren="订阅" unCheckedChildren="不订阅" @change="onChose4" v-model="visibleCheck4"/>
            </a-form-item>
          </a-col>
          <a-col :span="24/3">
            <a-form-item
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              label="制作"
              hasFeedback>
              <a-switch checkedChildren="订阅" unCheckedChildren="不订阅" @change="onChose5" v-model="visibleCheck5"/>
            </a-form-item>
          </a-col>
          <a-col :span="24/3">
            <a-form-item
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              label="工艺"
              hasFeedback>
              <a-switch checkedChildren="订阅" unCheckedChildren="不订阅" @change="onChose6" v-model="visibleCheck6"/>
            </a-form-item>
          </a-col>
        </a-row>

        <a-row>
          <a-col :span="24" style="text-align: center" class="table-page-search-submitButtons">
            <a-button type="primary" @click="submitForm" icon="check-circle">提 交</a-button>
          </a-col>
        </a-row>

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

<script>

import {httpAction} from '@/api/manage'
import {JeecgListMixin} from '@/mixins/JeecgListMixin'
import pick from 'lodash.pick'

export default {
  name: 'PbomTypeForm',
  mixins: [JeecgListMixin],
  components: {},
  props: {
    //流程表单data
    formData: {
      type: Object,
      default: () => {
      },
      required: false
    },
    //表单模式：true流程表单 false普通表单
    formBpm: {
      type: Boolean,
      default: false,
      required: false
    },
    //表单禁用
    disabled: {
      type: Boolean,
      default: false,
      required: false
    }
  },
  data() {
    return {
      visible: false,
      modalWidth: '50%',
      modalStyle: {'top': '20px'},
      form: this.$form.createForm(this),
      excludeFlag: "",
      visibleCheck: false,
      excludeFlag2: "",
      visibleCheck2: false,
      excludeFlag3: "",
      visibleCheck3: false,
      excludeFlag4: "",
      visibleCheck4: false,
      excludeFlag5: "",
      visibleCheck5: false,
      excludeFlag6: "",
      visibleCheck6: false,
      model: {},
      no: '',
      flag: false,
      flag2: false,
      labelCol: {
        xs: {span: 24},
        sm: {span: 5},
      },
      wrapperCol: {
        xs: {span: 24},
        sm: {span: 16},
      },
      confirmLoading: false,
      validatorRules: {},
      searchOptions: [{
        text: "外协",
        value: "外协"
      }, {
        text: "自制",
        value: "自制"
      }, {
        text: "外购",
        value: "外购"
      }, {
        text: "工序外协",
        value: "工序外协"
      }],
      url: {
        list: "1",
        add: "/news/userNewsOrder/add",
        edit: "/pbom_type/pbomType/edit",
        queryById: "/pbom_type/pbomType/queryById"
      }
    }
  },
  computed: {
    formDisabled() {
      if (this.formBpm === true) {
        if (this.formData.disabled === false) {
          return false
        }
        return true
      }
      return this.disabled
    },
    showFlowSubmitButton() {
      if (this.formBpm === true) {
        if (this.formData.disabled === false) {
          return true
        }
      }
      return false
    },

  },
  created() {
    //如果是流程中表单，则需要加载流程表单data
    this.showFlowData();
  },
  methods: {
    add() {
      this.edit({});
    },
    edit(record, workNo) {
      this.visible = true;
      this.form.resetFields();
      this.no = record.cno;
      this.model = Object.assign({}, record);
      this.visible = true;
      this.$nextTick(() => {
        this.form.setFieldsValue(pick(this.model, 'cno', 'uuid', 'f04', 'code'))
        this.form.setFieldsValue({
          workNo: workNo
        })
      })
      if (record.purchase == '1') {
        this.visibleCheck = true
      } else {
        this.visibleCheck = false
      }
      if (record.arrival == '1') {
        this.visibleCheck2 = true
      } else {
        this.visibleCheck2 = false
      }
      if (record.warehousing == '1') {
        this.visibleCheck3 = true
      } else {
        this.visibleCheck3 = false
      }
      if (record.picking == '1') {
        this.visibleCheck4 = true
      } else {
        this.visibleCheck4 = false
      }
      if (record.make == '1') {
        this.visibleCheck5 = true
      } else {
        this.visibleCheck5 = false
      }
      if (record.craft == '1') {
        this.visibleCheck6 = true
      } else {
        this.visibleCheck6 = false
      }
    },
    handleCancel() {
      this.visible = false
    },

    onChose(checked) {
      if (checked) {
        this.excludeFlag = 1
        this.visibleCheck = true
      } else {
        this.excludeFlag = 0
        this.visibleCheck = false
      }
    },

    onChose2(checked) {
      if (checked) {
        this.excludeFlag2 = 1
        this.visibleCheck2 = true
      } else {
        this.excludeFlag2 = 0
        this.visibleCheck2 = false
      }
    },

    onChose3(checked) {
      if (checked) {
        this.excludeFlag3 = 1
        this.visibleCheck3 = true
      } else {
        this.excludeFlag3 = 0
        this.visibleCheck3 = false
      }
    },

    onChose4(checked) {
      if (checked) {
        this.excludeFlag4 = 1
        this.visibleCheck4 = true
      } else {
        this.excludeFlag4 = 0
        this.visibleCheck4 = false
      }
    },

    onChose5(checked) {
      if (checked) {
        this.excludeFlag5 = 1
        this.visibleCheck5 = true
      } else {
        this.excludeFlag5 = 0
        this.visibleCheck5 = false
      }
    },

    onChose6(checked) {
      if (checked) {
        this.excludeFlag6 = 1
        this.visibleCheck6 = true
      } else {
        this.excludeFlag6 = 0
        this.visibleCheck6 = false
      }
    },

    submitForm() {
      const that = this;
      // 触发表单验证
      this.form.validateFields((err, values) => {
        if (!err) {
          that.confirmLoading = true;
          let httpurl = '';
          let method = '';
          httpurl += this.url.add;
          method = 'post';
          let formData = Object.assign(this.model, values);
          formData.no = this.no
          formData.purchase = this.excludeFlag
          formData.arrival = this.excludeFlag2
          formData.warehousing = this.excludeFlag3
          formData.picking = this.excludeFlag4
          formData.make = this.excludeFlag5
          formData.craft = this.excludeFlag6
          httpAction(httpurl, formData, method).then((res) => {
            if (res.success) {
              that.$message.success(res.message);
              this.visible = false
              that.$emit('ok');
              that.$emit('fatherMethod', '');

            } else {
              that.$message.warning(res.message);
            }
          }).finally(() => {
            that.confirmLoading = false;
          })
        }

      })
    },
    popupCallback(row) {
      this.form.setFieldsValue(pick(row, 'cno', 'uuid', 'f04', 'code'))
    },
  }
}
</script>