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">
            <a-form-item label="项目名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-input v-decorator="['field0047']"></a-input>
            </a-form-item>
          </a-col>
          <a-col :span="24">
            <a-form-item label="工作令" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-input v-decorator="['field0056']"></a-input>
              <a-input v-decorator="['sid']" type="hidden"></a-input>
            </a-form-item>
          </a-col>
          <a-col :span="24">
            <a-form-item label="存货编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-input v-decorator="['field0057']" placeholder="请输入存货编码"  ></a-input>
            </a-form-item>
          </a-col>

          <a-col :span="24">
            <a-form-item label="机械系统编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-input v-decorator="['field0054']" placeholder="请输入机械系统编码"  ></a-input>
            </a-form-item>
          </a-col>

          <a-col :span="24">
            <a-form-item label="电气系统编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-input  v-decorator="['field0055']" placeholder="请输入电气系统编码">
              </a-input>
            </a-form-item>
          </a-col>

          <a-col :span="24">
            <a-form-item label="软件系统编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-input  v-decorator="['field0192']" placeholder="请输入软件系统编码">
              </a-input>
            </a-form-item>
          </a-col>
          <a-col :span="24">
            <a-form-item label="是否关闭" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <j-search-select-tag  v-decorator="['deleted']"   :dictOptions="searchOptions">
              </j-search-select-tag>
            </a-form-item>
          </a-col>

          <a-col :span="24">
            <a-form-item label="副工作令" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-input  v-decorator="['vice_field0056']" placeholder="多个工作令以','隔开"/>
            </a-form-item>
          </a-col>



          <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: 'ProjectCForm',
  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),
      model: {},
      barcode:'',
      remark:'',
      pno:'',
      flag:false,
      flag2:false,
      labelCol: {
        xs: { span: 24 },
        sm: { span: 5 },
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 16 },
      },
      confirmLoading: false,
      validatorRules: {
      },
      searchOptions:[{
        text:"关闭",
        value:"1"
      },
        {
          text:"开启",
          value:"0"
        }],
      url: {
        list:"1",
        add: "/pbom_type/pbomType/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) {
      this.visible=true;
      this.form.resetFields();
      this.model = Object.assign({}, record);
      this.visible = true;
      this.$nextTick(() => {
        this.form.setFieldsValue(pick(this.model,'field0047','field0056','field0057','field0054','field0055','remark','field0192','vice_field0056'))
        this.form.setFieldsValue({
          sid:record.field0056
        })
      })
    },
    handleCancel(){
      this.visible = false
    },

    submitForm () {
      const that = this;
      // 触发表单验证
      this.form.validateFields((err, values) => {
        if (!err) {
          that.confirmLoading = true;
          let httpurl = '';
          let method = '';
          httpurl = "/oa/projectc/updateProjectC";
          method = 'post';
          let formData = Object.assign(this.model, values);
          httpAction(httpurl,formData,method).then((res)=>{
            if(res.success){
              that.$message.success(res.message);
              this.visible = false
              that.$emit('fatherRefresh', '');
              that.$emit('ok');

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

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