<template>
  <c-row>
    <!-- =================顶部====================== -->
    <c-col :span="12" style="padding-right: 20px;">
      <c-col :span="24">
        <el-form-item
            label="托收业务编号"
            prop="bodgrp.rec.ownref"
            style="width: 100%"
        >
          <c-fullbox>
            <c-input
                v-model="model.bodgrp.rec.ownref"
                maxlength="16"
                placeholder="请输入托收业务编号"
                style="width: 100%"
                disabled
            ></c-input>
            <template slot="footer">
              <c-button
                  style="margin: 0 0 0 10px; padding: 0 12px"
                  size="small"
                  type="primary"
                  icon="el-icon-search"
              ></c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
<!--      <c-col :span="22">-->
<!--        <el-form-item-->
<!--          label="托收业务编号"-->
<!--          prop="bodgrp.rec.ownref"-->
<!--          style="width: 100%"-->
<!--        >-->
<!--          <c-input-->
<!--            v-model="model.bodgrp.rec.ownref"-->
<!--            maxlength="16"-->
<!--            placeholder="请输入托收业务编号"-->
<!--            style="width: 95%"-->
<!--            disabled-->
<!--          ></c-input>-->
<!--        </el-form-item>-->
<!--      </c-col>-->
<!--      <c-col :span="2">-->
<!--        <c-button-->
<!--          style="margin: 0 10px 0 0; padding: 0 10px"-->
<!--          size="small"-->
<!--          type="primary"-->
<!--          icon="el-icon-search"-->
<!--        ></c-button>-->
<!--      </c-col>-->
    </c-col>
    <c-col :span="12" style="padding-left: 20px;">
      <el-form-item label="简略信息" prop="bodgrp.rec.nam">
        <c-input
          align="middle"
          v-model="model.bodgrp.rec.nam"
          maxlength="40"
          disabled
          placeholder="请输入"
        ></c-input>
      </el-form-item>
    </c-col>
    <!-- ====================左边======================= -->
    <c-col :span="12" style="padding-right: 20px;">
      <c-col :span="24">
        <el-form-item label="修改日期" prop="botamep.amedat">
          <c-date-picker
            type="date"
            v-model="model.botamep.amedat"
            style="width: 100%"
            placeholder="请选择修改日期"
          ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <!-- <c-col :span="12">
          <el-form-item label=""> </el-form-item>
        </c-col> -->
        <c-col :span="12" >
          <el-form-item label="金额" style="margin-left:42px;"> </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="12">
        <el-form-item label="修改前托收金额" prop="oldbodgrp.cbs.max.cur">
          <c-select
            disabled
            v-model="model.oldbodgrp.cbs.max.cur"
            style="width: 100%"
            placeholder="请选择币种"
          >
            <el-option
              v-for="item in codes.cur"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item
          style="text-align: left"
          label-width="5px"
          prop="oldbodgrp.cbs.max.amt"
        >
          <c-input
            disabled
            v-model="model.oldbodgrp.cbs.max.amt"
            style="text-align: left; width: 100%"
            placeholder="请输入修改前托收金额"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="修改增减额" prop="trnmod.swiadd.amecur">
          <c-select
            disabled
            v-model="model.trnmod.swiadd.amecur"
            style="width: 100%"
            placeholder="请选择币种"
          >
            <el-option
              v-for="item in codes.cur"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item
          style="text-align: left"
          label-width="5px"
          prop="trnmod.swiadd.ameamt"
        >
          <c-input
            v-model="model.trnmod.swiadd.ameamt"
            style="text-align: left; width: 100%"
            placeholder="请输入修改增减额"
            @keyup.enter.native="showGridPromptDialog('trnmod.swiadd.ameamt')"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="修改后的付款期限" prop="trnmod.swiadd.newcur">
          <c-select
            disabled
            v-model="model.trnmod.swiadd.newcur"
            style="width: 100%"
            placeholder="请选择币种"
          >
            <el-option
              v-for="item in codes.cur"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item
          style="text-align: left"
          label-width="5px"
          prop="trnmod.swiadd.newamt"
        >
          <c-input
            v-model="model.trnmod.swiadd.newamt"
            style="text-align: left; width: 100%"
            placeholder="请输入"
            @keyup.enter.native="showGridPromptDialog('trnmod.swiadd.newamt')"
          ></c-input>
        </el-form-item>
      </c-col>
    </c-col>

    <!-- ====================底部======================= -->
    <c-col>
      <el-row>
        <c-col :span="12" style="padding-right: 20px;">
          <c-col :span="24">
            <c-col :span="9">
              <el-form-item
                label="修改前的付款期限"
                prop="oldbodgrp.rec.matpercnt"
              >
                <c-input
                  disabled
                  v-model="model.oldbodgrp.rec.matpercnt"
                  placeholder="请输入修改前的付款期限"
                ></c-input>
              </el-form-item>
            </c-col>

            <c-col :span="4">
              <el-form-item
                label=""
                prop="oldbodgrp.rec.matpertyp"
                label-width="5px"
              >
                <c-select
                  disabled
                  v-model="model.oldbodgrp.rec.matpertyp"
                  style="width: 100%"
                  placeholder="请选择"
                >
                  <el-option
                    v-for="item in matpertyp"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </c-select>
              </el-form-item>
            </c-col>

            <c-col :span="11">
              <el-form-item
                label=""
                prop="oldbodgrp.rec.matperbeg"
                label-width="5px"
              >
                <c-select
                  disabled
                  v-model="model.oldbodgrp.rec.matperbeg"
                  style="width: 100%"
                  placeholder="请选择"
                >
                  <el-option
                    v-for="item in codes.matperbeg"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </c-select>
              </el-form-item>
            </c-col>
          </c-col>
        </c-col>
      </el-row>

      <el-row>
        <c-col :span="12" style="padding-right: 20px;">
          <c-col :span="24">
            <c-col :span="9">
              <el-form-item
                label="修改后的付款期限"
                prop="trnmod.swiadd.newmatpercnt"
              >
                <c-input
                  :disabled="model.bodgrp.rec.doctypcod === 'P'"
                  v-model="model.trnmod.swiadd.newmatpercnt"
                  placeholder="请输入修改后的付款期限"
                ></c-input>
              </el-form-item>
            </c-col>

            <c-col :span="4">
              <el-form-item
                label=""
                prop="trnmod.swiadd.newmatpertyp"
                label-width="5px"
              >
                <c-select
                  :disabled="model.bodgrp.rec.doctypcod === 'P'"
                  v-model="model.trnmod.swiadd.newmatpertyp"
                  style="width: 100%"
                  placeholder="请输入"
                >
                  <el-option
                    v-for="item in matpertyp"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </c-select>
              </el-form-item>
            </c-col>

            <c-col :span="11">
              <el-form-item
                label=""
                prop="trnmod.swiadd.newmatperbeg"
                label-width="5px"
              >
                <c-select
                  :disabled="model.bodgrp.rec.doctypcod === 'P'"
                  v-model="model.trnmod.swiadd.newmatperbeg"
                  style="width: 100%"
                  placeholder="请选择"
                >
                  <el-option
                    v-for="item in codes.matperbeg"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </c-select>
              </el-form-item>
            </c-col>
          </c-col>
        </c-col>
      </el-row>
    </c-col>

    <!-- ====================左边======================= -->
    <c-col :span="12" style="padding-right: 20px;">
      <c-col :span="24">
        <el-form-item label="单据到期日" prop="oldbodgrp.rec.matdat">
          <c-date-picker
            type="date"
            disabled
            v-model="model.oldbodgrp.rec.matdat"
            style="width: 100%"
            placeholder="请选择单据到期日"
          ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="修改后的付款期限" prop="trnmod.swiadd.newmatdat">
          <c-date-picker
            type="date"
            :disabled="model.bodgrp.rec.doctypcod === 'P'"
            v-model="model.trnmod.swiadd.newmatdat"
            style="width: 100%"
            placeholder="请选择修改后的付款期限"
          ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="更多的修改内容" prop="trnmod.swiadd.ametxt">
          <c-input-format
            type="textarea"
            v-model="model.trnmod.swiadd.ametxt"
            :maxRows="6"
            :maxCols="35"
            placeholder="请输入更多的修改内容"
          ></c-input-format>
        </el-form-item>
      </c-col>
    </c-col>
  </c-row>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Botame/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      matpertyp: [
        { label: "天", value: "D" },
        { label: "月", value: "M" },
      ],
    };
  },
  watch: {
    "model.bodgrp.rec.doctypcod": function () {
      if (this.model.bodgrp.rec.doctypcod == "P") {
        this.model.trnmod.swiadd.newmatdat = "";
        this.model.bodgrp.rec.matdat = "";
      }
    },
  },
  methods: {
    ...Event,
  },
  created: function () {},
};
</script>
<style>
</style>