<template>
  <a-spin :spinning="confirmLoading">
    <j-form-container :disabled="formDisabled">
      <!-- 主表单区域 -->
      <a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
        <a-row>
          <a-col :span="12" >
            <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="12" >
            <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="12" >
            <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="12" >
            <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="12" >
            <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="12" >
            <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="12" >
            <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="12" >
            <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="12" >
            <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="12" >
            <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="12" >
            <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="12" >
            <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="12" >
            <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="12" >
            <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="12" >
            <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="12" >
            <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="12" >
            <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="12" >
            <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="12" >
            <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="12" >
            <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="12" >
            <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="12" >
            <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="12" >
            <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="12" >
            <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="12" >
            <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="12" >
            <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="12" >
            <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>
    </j-form-container>
      <!-- 子表单区域 -->
    <a-tabs v-model="activeKey" @change="handleChangeTabs">
      <a-tab-pane tab="询价明细表" :key="refKeys[0]" :forceRender="true">
        <j-vxe-table
          keep-source
          :ref="refKeys[0]"
          :loading="tblTradeInquiryInfoTable.loading"
          :columns="tblTradeInquiryInfoTable.columns"
          :dataSource="tblTradeInquiryInfoTable.dataSource"
          :maxHeight="300"
          :disabled="formDisabled"
          :rowNumber="true"
          :rowSelection="true"
          :toolbar="true"
          />
      </a-tab-pane>
      <a-tab-pane tab="投标表" :key="refKeys[1]" :forceRender="true">
        <j-vxe-table
          keep-source
          :ref="refKeys[1]"
          :loading="tblTradeBidSubTable.loading"
          :columns="tblTradeBidSubTable.columns"
          :dataSource="tblTradeBidSubTable.dataSource"
          :maxHeight="300"
          :disabled="formDisabled"
          :rowNumber="true"
          :rowSelection="true"
          :toolbar="true"
          />
      </a-tab-pane>
    </a-tabs>
  </a-spin>
</template>

<script>

  import { getAction } from '@/api/manage'
  import { JVxeTableModelMixin } from '@/mixins/JVxeTableModelMixin.js'
  import { JVXETypes } from '@/components/jeecg/JVxeTable'
  import { getRefPromise,VALIDATE_FAILED} from '@/components/jeecg/JVxeTable/utils/vxeUtils.js'
  import { validateDuplicateValue } from '@/utils/util'
  import JFormContainer from '@/components/jeecg/JFormContainer'

  export default {
    name: 'TblTradeTenderInfoForm',
    mixins: [JVxeTableModelMixin],
    components: {
      JFormContainer,
    },
    data() {
      return {
        labelCol: {
          xs: { span: 24 },
          sm: { span: 5 },
        },
        wrapperCol: {
          xs: { span: 24 },
          sm: { span: 16 },
        },
        model:{
         },
        // 新增时子表默认添加几行空数据
        addDefaultRowNum: 1,
        validatorRules: {
        },
        refKeys: ['tblTradeInquiryInfo', 'tblTradeBidSub', ],
        tableKeys:['tblTradeInquiryInfo', 'tblTradeBidSub', ],
        activeKey: 'tblTradeInquiryInfo',
        // 询价明细表
        tblTradeInquiryInfoTable: {
          loading: false,
          dataSource: [],
          columns: [
            {
              title: '供货商名称',
              key: 'ghsmc',
               type: JVXETypes.input,
               disabled:true,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '电话',
              key: 'tel',
               type: JVXETypes.input,
               disabled:true,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '网络链接地址',
              key: 'wldz',
               type: JVXETypes.input,
               disabled:true,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '微信号',
              key: 'wxh',
               type: JVXETypes.input,
               disabled:true,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '单价(元)',
              key: 'dj',
               type: JVXETypes.input,
               disabled:true,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '总价（元）',
              key: 'zj',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '票据',
              key: 'piaoju',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '票据税额比例',
              key: 'pjsebl',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '最小出货量',
              key: 'zxchl',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: 'L/T（交货周期天）',
              key: 'jhzqt',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '发货地址',
              key: 'fhdz',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '单价是否含运费',
              key: 'djsfhyf',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '含运费单价',
              key: 'hyfdj',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '价格评价',
              key: 'jgpj',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '含税价格（元）',
              key: 'hsjg',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '不含税价格（元）',
              key: 'bhsjg',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '是否需要重新询价',
              key: 'sfxycxxj',
              type: JVXETypes.selectMultiple,
              options:[],
              dictCode:"is_open",
              width:"250px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '原因/备注',
              key: 'bz',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '关联招标id',
              key: 'tradeId',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
          ]
        },
        // 投标表
        tblTradeBidSubTable: {
          loading: false,
          dataSource: [],
          columns: [
            {
              title: '物料长描述',
              key: 'miaoshu',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '库存数据',
              key: 'kcsj',
               type: JVXETypes.input,
               disabled:true,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '在途库存',
              key: 'ztkf',
               type: JVXETypes.input,
               disabled:true,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '库存单价（含税运）（元）',
              key: 'kcdj',
               type: JVXETypes.input,
               disabled:true,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '在途单价（含税运）（元）',
              key: 'ztdj',
               type: JVXETypes.input,
               disabled:true,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '历史投标价（元）',
              key: 'lstbj',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '历史中标价（元）',
              key: 'lszbj',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '投标价格（元）',
              key: 'tbjg',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '中标价',
              key: 'zbj',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '单价差异',
              key: 'djchay',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '数量',
              key: 'sl',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '时间',
              key: 'sj',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '是否中标',
              key: 'sfzb',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '是否已采购完成',
              key: 'sfcgwc',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '交货时间',
              key: 'jhsj',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '来件不良未处理数量',
              key: 'ljblwclsl',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '渠道',
              key: 'qudao',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '合同号/订单号',
              key: 'hth',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '厂商/渠道平台',
              key: 'cs',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '物流单号',
              key: 'wldh',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '预计到厂时间',
              key: 'yjdcsj',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '数量',
              key: 'cgsl',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '单价（元）',
              key: 'cgdj',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '金额（元）',
              key: 'cgje',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '是否采购',
              key: 'sfcg',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '发票信息',
              key: 'fpxx',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '发票税额',
              key: 'fpse',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '付款比例',
              key: 'fkbl',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '是否到货',
              key: 'sfdh',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '已付款',
              key: 'yfk',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '已付款金额',
              key: 'yfkje',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '待付款',
              key: 'dfk',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '发票号码',
              key: 'fphm',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '发票金额',
              key: 'fpje',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '发票欠额',
              key: 'fpqe',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '是否结案',
              key: 'sfja',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '是否已经出库',
              key: 'sfyjch',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '是否有来料异常状况',
              key: 'sfyllyc',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '异常原因',
              key: 'ycyy',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '退换货评级',
              key: 'thhpj',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '供应商评级',
              key: 'gyspj',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
          ]
        },
        url: {
          add: "/trade/tblTradeTenderInfo/add",
          edit: "/trade/tblTradeTenderInfo/edit",
          queryById: "/trade/tblTradeTenderInfo/queryById",
          tblTradeInquiryInfo: {
            list: '/trade/tblTradeTenderInfo/queryTblTradeInquiryInfoByMainId'
          },
          tblTradeBidSub: {
            list: '/trade/tblTradeTenderInfo/queryTblTradeBidSubByMainId'
          },
        }
      }
    },
    props: {
      //表单禁用
      disabled: {
        type: Boolean,
        default: false,
        required: false
      }
    },
    computed: {
      formDisabled(){
        return this.disabled
      },
    },
    created () {
    },
    methods: {
      addBefore(){
        this.tblTradeInquiryInfoTable.dataSource=[]
        this.tblTradeBidSubTable.dataSource=[]
      },
      getAllTable() {
        let values = this.tableKeys.map(key => getRefPromise(this, key))
        return Promise.all(values)
      },
      /** 调用完edit()方法之后会自动调用此方法 */
      editAfter() {
        this.$nextTick(() => {
        })
        // 加载子表数据
        if (this.model.id) {
          let params = { id: this.model.id }
          this.requestSubTableData(this.url.tblTradeInquiryInfo.list, params, this.tblTradeInquiryInfoTable)
          this.requestSubTableData(this.url.tblTradeBidSub.list, params, this.tblTradeBidSubTable)
        }
      },
      //校验所有一对一子表表单
        validateSubForm(allValues){
            return new Promise((resolve,reject)=>{
              Promise.all([
              ]).then(() => {
                resolve(allValues)
              }).catch(e => {
                if (e.error === VALIDATE_FAILED) {
                  // 如果有未通过表单验证的子表，就自动跳转到它所在的tab
                  this.activeKey = e.index == null ? this.activeKey : this.refKeys[e.index]
                } else {
                  console.error(e)
                }
              })
            })
        },
      /** 整理成formData */
      classifyIntoFormData(allValues) {
        let main = Object.assign(this.model, allValues.formValue)
        return {
          ...main, // 展开
          tblTradeInquiryInfoList: allValues.tablesValue[0].tableData,
          tblTradeBidSubList: allValues.tablesValue[1].tableData,
        }
      },
      validateError(msg){
        this.$message.error(msg)
      },

    }
  }
</script>

<style scoped>
</style>