<template>
  <j-modal
    :title="title"
    :width="width"
    :visible="visible"
    :confirmLoading="confirmLoading"
    switchFullscreen
    @ok="handleOk"
    @cancel="handleCancel"
    cancelText="关闭">
    <a-spin :spinning="confirmLoading">
      <a-form-model ref="form" :model="model" :rules="validatorRules">
        <a-row>
          <a-col :span="24">
            <a-form-model-item label="招标号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="tenderNo">
              <a-input v-model="model.tenderNo" placeholder="请输入招标号" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="物料编码" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="code">
              <a-input v-model="model.code" placeholder="请输入物料编码" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="标段（包）名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="tenderName">
              <a-input v-model="model.tenderName" placeholder="请输入标段（包）名称" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="物料长描述" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="miaoshu">
              <a-input v-model="model.miaoshu" placeholder="请输入物料长描述" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="计量单位" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="jldw">
              <a-input v-model="model.jldw" placeholder="请输入计量单位" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="需求数量" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xqsl">
              <a-input v-model="model.xqsl" placeholder="请输入需求数量" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="需求交货期" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xqjhq">
              <j-date placeholder="请选择需求交货期" v-model="model.xqjhq" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="品牌" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="pinpai">
              <a-input v-model="model.pinpai" placeholder="请输入品牌" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="税率" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sl">
              <a-input v-model="model.sl" placeholder="请输入税率" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="响应单价" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xydj">
              <a-input v-model="model.xydj" placeholder="请输入响应单价" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="响应数量" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xysl">
              <a-input v-model="model.xysl" placeholder="请输入响应数量" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="响应交货期" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xyjhq">
              <a-input v-model="model.xyjhq" placeholder="请输入响应交货期" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="响应说明" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xysm">
              <a-input v-model="model.xysm" placeholder="请输入响应说明" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="响应品牌" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xypp">
              <a-input v-model="model.xypp" placeholder="请输入响应品牌" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="响应币种" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xybz">
              <a-input v-model="model.xybz" placeholder="请输入响应币种" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="交货期否决项" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="jhqfjx">
              <a-input v-model="model.jhqfjx" placeholder="请输入交货期否决项" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="付款方式否决项" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fkfsfjx">
              <a-input v-model="model.fkfsfjx" placeholder="请输入付款方式否决项" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="规格型号否决项" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ggxhfjx">
              <a-input v-model="model.ggxhfjx" placeholder="请输入规格型号否决项" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="品牌否决项" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ppfjx">
              <a-input v-model="model.ppfjx" placeholder="请输入品牌否决项" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="需求单位" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xqdw">
              <a-input v-model="model.xqdw" placeholder="请输入需求单位" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="备注" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="bz">
              <a-input v-model="model.bz" placeholder="请输入备注" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="询价标书文件号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xjbswjh">
              <a-input v-model="model.xjbswjh" placeholder="请输入询价标书文件号" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="项目类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xmlx">
              <a-input v-model="model.xmlx" placeholder="请输入项目类型" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="送货地址" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="shdz">
              <a-input v-model="model.shdz" placeholder="请输入送货地址" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="优先等级" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="yxdj">
              <a-input v-model="model.yxdj" placeholder="请输入优先等级" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="询价计划完成日期" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xjjhwcsj">
              <a-input v-model="model.xjjhwcsj" placeholder="请输入询价计划完成日期" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="标的类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="bdlx">
              <a-input v-model="model.bdlx" placeholder="请输入标的类型" ></a-input>
            </a-form-model-item>
          </a-col>
        </a-row>
      </a-form-model>
    </a-spin>
  </j-modal>
</template>

<script>

  import { httpAction } from '@/api/manage'
  import { validateDuplicateValue } from '@/utils/util'

  export default {
    name: "TblTradeTenderInfoModal",
    components: { 
    },
    data () {
      return {
        title:"操作",
        width:800,
        visible: false,
        model:{
        },
        labelCol: {
          xs: { span: 24 },
          sm: { span: 5 },
        },
        wrapperCol: {
          xs: { span: 24 },
          sm: { span: 16 },
        },

        confirmLoading: false,
        validatorRules: {
        },
        url: {
          add: "/trade/tblTradeTenderInfo/add",
          edit: "/trade/tblTradeTenderInfo/edit",
        }
     
      }
    },
    created () {
    //备份model原始值
      this.modelDefault = JSON.parse(JSON.stringify(this.model));
    },
    methods: {
      add () {
        this.edit(this.modelDefault);
      },
      edit (record) {
        this.model = Object.assign({}, record);
        this.visible = true;
      },
      close () {
        this.$emit('close');
        this.visible = false;
        this.$refs.form.clearValidate();
      },
      handleOk () {
        const that = this;
        // 触发表单验证
        this.$refs.form.validate(valid => {
          if (valid) {
            that.confirmLoading = true;
            let httpurl = '';
            let method = '';
            if(!this.model.id){
              httpurl+=this.url.add;
              method = 'post';
            }else{
              httpurl+=this.url.edit;
               method = 'put';
            }
            httpAction(httpurl,this.model,method).then((res)=>{
              if(res.success){
                that.$message.success(res.message);
                that.$emit('ok');
              }else{
                that.$message.warning(res.message);
              }
            }).finally(() => {
              that.confirmLoading = false;
              that.close();
            })
          }else{
             return false
          }
        })
      },
      handleCancel () {
        this.close()
      },

      
    }
  }
</script>