<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="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="bh">
              <a-input v-model="model.bh" placeholder="请输入编号."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="部门（合同付款）." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="bm">
              <a-input v-model="model.bm" placeholder="请输入部门（合同付款）."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="产品型号." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="cpxh">
              <a-input v-model="model.cpxh" placeholder="请输入产品型号."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="待付款（元）." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dfk">
              <a-input-number v-model="model.dfk" placeholder="请输入待付款（元）." style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="待开票（元）." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dkp">
              <a-input-number v-model="model.dkp" placeholder="请输入待开票（元）." style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="到款（元）." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dk">
              <a-input-number v-model="model.dk" placeholder="请输入到款（元）." style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="到款日期/汇票到期日期." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dkhpdqrq">
              <j-date placeholder="请选择到款日期/汇票到期日期." v-model="model.dkhpdqrq"  style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="电话." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dh">
              <a-input v-model="model.dh" placeholder="请输入电话."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="发票编号（sn）." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fpbh">
              <a-input v-model="model.fpbh" placeholder="请输入发票编号（sn）."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="发票编码." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fpbm">
              <a-input v-model="model.fpbm" placeholder="请输入发票编码."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="发票开具额." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fpkje">
              <a-input-number v-model="model.fpkje" placeholder="请输入发票开具额." style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="发票类型." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fplx">
              <a-input v-model="model.fplx" placeholder="请输入发票类型."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="发票内容." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fpnr">
              <a-input v-model="model.fpnr" placeholder="请输入发票内容."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="付款方名称." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fkfmc">
              <a-input v-model="model.fkfmc" placeholder="请输入付款方名称."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="更新时间." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="gxsj">
              <j-date placeholder="请选择更新时间." v-model="model.gxsj"  style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="归档编号." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="gdbh">
              <a-input v-model="model.gdbh" placeholder="请输入归档编号."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="归档日期." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="gdrq">
              <j-date placeholder="请选择归档日期." v-model="model.gdrq"  style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="合同编号." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="htbh">
              <a-input v-model="model.htbh" placeholder="请输入合同编号."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="合同发票接收邮箱地址." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="htfpjsyxdz">
              <a-input v-model="model.htfpjsyxdz" placeholder="请输入合同发票接收邮箱地址."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="合同分配额." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="htfpe">
              <a-input-number v-model="model.htfpe" placeholder="请输入合同分配额." style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="合同金额." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="htje">
              <a-input-number v-model="model.htje" placeholder="请输入合同金额." style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="合同款状态." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="htkzt">
              <a-input v-model="model.htkzt" placeholder="请输入合同款状态."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="合同类型." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="htlx">
              <a-input v-model="model.htlx" placeholder="请输入合同类型."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="合同履行情况." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="htlxqk">
              <a-input v-model="model.htlxqk" placeholder="请输入合同履行情况."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="合同密级." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="htmj">
              <a-input v-model="model.htmj" placeholder="请输入合同密级."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="合同名称." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="htmc">
              <a-input v-model="model.htmc" placeholder="请输入合同名称."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="合同起草人." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="htqcr">
              <a-input v-model="model.htqcr" placeholder="请输入合同起草人."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="合同签订日期." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="htqdrq">
              <j-date placeholder="请选择合同签订日期." v-model="model.htqdrq"  style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="合同任务id." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="htrwid">
              <a-input v-model="model.htrwid" placeholder="请输入合同任务id."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="合同数量." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="htsl">
              <a-input-number v-model="model.htsl" placeholder="请输入合同数量." style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="合同页数." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="htys">
              <a-input-number v-model="model.htys" placeholder="请输入合同页数." style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="合同主管部门." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="htzgbm">
              <a-input v-model="model.htzgbm" placeholder="请输入合同主管部门."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="合同状态." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="htzt">
              <a-input v-model="model.htzt" placeholder="请输入合同状态."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="合同状态说明." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="htztsm">
              <a-input v-model="model.htztsm" placeholder="请输入合同状态说明."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="甲方（付款方）." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="jf">
              <a-input v-model="model.jf" placeholder="请输入甲方（付款方）."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="甲方简称、用户简称." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="jfyhjc">
              <a-input v-model="model.jfyhjc" placeholder="请输入甲方简称、用户简称."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="甲方签约人." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="jfqyr">
              <a-input v-model="model.jfqyr" placeholder="请输入甲方签约人."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="阶段." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="jd">
              <a-input v-model="model.jd" placeholder="请输入阶段."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="金额（元）、收款总金额、开票金额." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="jeskzkp">
              <a-input-number v-model="model.jeskzkp" placeholder="请输入金额（元）、收款总金额、开票金额." style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="开户行." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="khx">
              <a-input v-model="model.khx" placeholder="请输入开户行."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="开票时间." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="kpsj">
              <j-date placeholder="请选择开票时间." v-model="model.kpsj"  style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="开票状态." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="kpzt">
              <a-input v-model="model.kpzt" placeholder="请输入开票状态."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="客户id." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="khid">
              <a-input v-model="model.khid" placeholder="请输入客户id."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="客户流程编号." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="khlcbh">
              <a-input v-model="model.khlcbh" placeholder="请输入客户流程编号."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="联系人（对方）." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="lxr">
              <a-input v-model="model.lxr" placeholder="请输入联系人（对方）."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="录入人、申请人." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="lrsqr">
              <a-input v-model="model.lrsqr" placeholder="请输入录入人、申请人."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="凭证号." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="pzh">
              <a-input v-model="model.pzh" placeholder="请输入凭证号."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="起草日期、录入日期、申请日期." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qclrsqrq">
              <j-date placeholder="请选择起草日期、录入日期、申请日期." v-model="model.qclrsqrq"  style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="签署日期." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qsrq">
              <j-date placeholder="请选择签署日期." v-model="model.qsrq"  style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="确认外协." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qrwx">
              <a-input v-model="model.qrwx" placeholder="请输入确认外协."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="任务编号." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="rwbh">
              <a-input v-model="model.rwbh" placeholder="请输入任务编号."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="任务名称." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="rwmc">
              <a-input v-model="model.rwmc" placeholder="请输入任务名称."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="任务收款金额." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="rwskje">
              <a-input-number v-model="model.rwskje" placeholder="请输入任务收款金额." style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="申请人部门." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sqrbm">
              <a-input v-model="model.sqrbm" placeholder="请输入申请人部门."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="收款编号（sn）." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="skbh">
              <a-input v-model="model.skbh" placeholder="请输入收款编号（sn）."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="收款科目代码." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="skkmdm">
              <a-input v-model="model.skkmdm" placeholder="请输入收款科目代码."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="收款类型." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sklx">
              <a-input v-model="model.sklx" placeholder="请输入收款类型."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="数据来源：10：合同管理，20：合同任务，30：任务合同，40：合同付款，50：合同发票，60：外协合同." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sjly">
              <a-input-number v-model="model.sjly" placeholder="请输入数据来源：10：合同管理，20：合同任务，30：任务合同，40：合同付款，50：合同发票，60：外协合同." style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="数量（合同付款）." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sl">
              <a-input-number v-model="model.sl" placeholder="请输入数量（合同付款）." style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="税号." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sh">
              <a-input v-model="model.sh" placeholder="请输入税号."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="所属型号." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ssxh">
              <a-input v-model="model.ssxh" placeholder="请输入所属型号."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="外协单号（sn）." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="wxdh">
              <a-input v-model="model.wxdh" placeholder="请输入外协单号（sn）."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="外协合同编号." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="wxhtbh">
              <a-input v-model="model.wxhtbh" placeholder="请输入外协合同编号."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="外协类型." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="wxlx">
              <a-input v-model="model.wxlx" placeholder="请输入外协类型."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="项目密级." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xmmj">
              <a-input v-model="model.xmmj" placeholder="请输入项目密级."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="发票需求时间." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fpxqsj">
              <j-date placeholder="请选择发票需求时间." v-model="model.fpxqsj"  style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="序号." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xh">
              <a-input v-model="model.xh" placeholder="请输入序号."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="研制部门." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="yzbm">
              <a-input v-model="model.yzbm" placeholder="请输入研制部门."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="业务员." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ywy">
              <a-input v-model="model.ywy" placeholder="请输入业务员."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="业务员部门." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ywybm">
              <a-input v-model="model.ywybm" placeholder="请输入业务员部门."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="乙方（收款方）." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="yf">
              <a-input v-model="model.yf" placeholder="请输入乙方（收款方）."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="乙方签约人." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="yfqyr">
              <a-input v-model="model.yfqyr" placeholder="请输入乙方签约人."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="已开票（元）." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ykp">
              <a-input-number v-model="model.ykp" placeholder="请输入已开票（元）." style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="已收款." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ysk">
              <a-input-number v-model="model.ysk" placeholder="请输入已收款." style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="用户id." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="yhid">
              <a-input v-model="model.yhid" placeholder="请输入用户id."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="用户简称." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="yhjc">
              <a-input v-model="model.yhjc" placeholder="请输入用户简称."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="用户名称." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="yhmc">
              <a-input v-model="model.yhmc" placeholder="请输入用户名称."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="账号." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="zh">
              <a-input v-model="model.zh" placeholder="请输入账号."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="执行状态（status）." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="zxzt">
              <a-input v-model="model.zxzt" placeholder="请输入执行状态（status）."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="主管设计师." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="zgsjs">
              <a-input v-model="model.zgsjs" placeholder="请输入主管设计师."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="抓总部门." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="zzbm">
              <a-input v-model="model.zzbm" placeholder="请输入抓总部门."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="自筹（元）." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="zc">
              <a-input-number v-model="model.zc" placeholder="请输入自筹（元）." style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="类型（无用）." :labelCol="labelCol" :wrapperCol="wrapperCol" prop="pici">
              <a-input v-model="model.pici" placeholder="请输入类型（无用）."  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="作废发票申请时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sqsj">
              <j-date placeholder="请选择作废发票申请时间" v-model="model.sqsj"  style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="作废单号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="zfdh">
              <a-input v-model="model.zfdh" placeholder="请输入作废单号"  ></a-input>
            </a-form-model-item>
          </a-col>
        </a-row>
      </a-form-model>
    </j-form-container>
  </a-spin>
</template>

<script>

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

  export default {
    name: 'ComContractInfoExchangeForm',
    components: {
    },
    props: {
      //表单禁用
      disabled: {
        type: Boolean,
        default: false,
        required: false
      }
    },
    data () {
      return {
        model:{
         },
        labelCol: {
          xs: { span: 24 },
          sm: { span: 5 },
        },
        wrapperCol: {
          xs: { span: 24 },
          sm: { span: 16 },
        },
        confirmLoading: false,
        validatorRules: {
        },
        url: {
          add: "/xmcbDetail/comContractInfoExchange/add",
          edit: "/xmcbDetail/comContractInfoExchange/edit",
          queryById: "/xmcbDetail/comContractInfoExchange/queryById"
        }
      }
    },
    computed: {
      formDisabled(){
        return this.disabled
      },
    },
    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;
      },
      submitForm () {
        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;
            })
          }
         
        })
      },
    }
  }
</script>