<template>
  <div class="eibs-tab">
    <!-- LT000045 : 申报号码 -->
    <c-col :span="24" style="margin-top: 10px">
      <c-col :span="12" class="col-left">
        <c-col :span="24">
          <el-form-item label="申报号码" prop="recgrp.bas.rptno">
            <c-fullbox>
              <c-input
                v-model="model.recgrp.bas.rptno"
                maxlength="22"
                placeholder="请输入申报号码"
                disabled
              ></c-input>
              <template slot="footer">
                <c-button
                  size="small"
                  type="primary"
                  @click="getRef"
                  :disabled="model.mtabut.basflg != 'X'"
                >
                  GetRef
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>
        <!-- LT000011 : 修改/删除原因或申报无误理由 -->

        <c-col :span="24">
          <el-form-item label="操作类型" prop="recgrp.bas.actiontype">
            <c-select
              v-model="model.recgrp.bas.actiontype"
              style="width: 100%"
              placeholder="请输入操作类型"
              disabled
              dbCode="action"
            >
            </c-select>
          </el-form-item>
        </c-col>

        <!-- LT000005 : 地区机构 -->

        <c-col :span="24">
          <el-form-item label="地区机构" prop="recgrp.bas.ownextkey">
            <c-select
              v-model="model.recgrp.bas.ownextkey"
              style="width: 100%"
              placeholder="请输入地区机构"
              :disabled="model.mtabut.basflg != 'X'"
              @change="ownextkeyChange"
            >
              <el-option
                v-for="item in ownExtkeyList"
                :key="item.inr"
                :value="item.branch"
                :label="item.branch + '-' + item.decnum + '-' + item.bchname"
              ></el-option>
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="12" class="col-right">
        <c-col :span="24">
          <el-form-item prop="recgrp.bas.actiondesc">
            <span slot="label">
              <div>修改/删除原因</div>
              <div>或申报无误理由</div>
            </span>
            <c-input
              type="textarea"
              v-model="model.recgrp.bas.actiondesc"
              :rows="6"
              maxlength="128"
              :isLimitChar="true"
              placeholder="请输入修改/删除原因或申报无误理由"
              show-word-limit
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col>
    <c-col :span="12" class="col-left">
      <c-col :span="24">
        <el-form-item label="付款人类型" prop="recgrp.bas.custype">
          <c-select
            v-model="model.recgrp.bas.custype"
            style="width: 100%"
            placeholder="请输入付款人类型"
            :disabled="model.mtabut.basflg != 'X'"
             dbCode="scutyp"
             @change="custypeChange"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <!-- LT000012 : 结算方式 -->

      <!-- LT000007 : 身份证件号码 -->

      <c-col :span="24">
        <el-form-item label="身份证件号码" prop="recgrp.bas.idcode">
          <c-input
            v-model="model.recgrp.bas.idcode"
            maxlength="32"
            placeholder="请输入身份证件号码"
            :disabled="!(model.mtabut.basflg == 'X' && model.recgrp.bas.custype!='C')"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="付款人名称" prop="recgrp.bas.custnm">
          <c-input
            v-model="model.recgrp.bas.custnm"
            maxlength="128"
            :isLimitChar="true"
            placeholder="请输入付款人名称"
            :disabled="model.mtabut.basflg != 'X'"
          ></c-input>
        </el-form-item>
      </c-col>
      <!-- LT000006 : 银行业务编号 -->

      <c-col :span="24">
        <el-form-item label="银行业务编号" prop="recgrp.bas.buscode">
          <c-input
            v-model="model.recgrp.bas.buscode"
            maxlength="22"
            placeholder="请输入银行业务编号"
            :disabled="model.mtabut.basflg != 'X'"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="购汇金额" prop="recgrp.bas.lcyamt">
          <c-input-currency
            v-model="model.recgrp.bas.lcyamt"
            placeholder="请输入购汇金额"
            :maxlength="22"
            :precision="0"
            :disabled="model.mtabut.basflg != 'X'"
          ></c-input-currency>
        </el-form-item>
      </c-col>
      <!-- LT000014 : 人民币账号 -->
      <!-- LT000070 : 现汇金额 -->

      <c-col :span="24">
        <el-form-item label="现汇金额" prop="recgrp.bas.fcyamt">
          <c-input-currency
            v-model="model.recgrp.bas.fcyamt"
            placeholder="请输入现汇金额"
            :maxlength="22"
            :precision="0"
            :disabled="model.mtabut.basflg != 'X'"
          ></c-input-currency>
        </el-form-item>
      </c-col>

      <!-- LT000074 : 其它金额 -->

      <c-col :span="24">
        <el-form-item label="其它金额" prop="recgrp.bas.othamt">
          <c-input-currency
            v-model="model.recgrp.bas.othamt"
            placeholder="请输入其它金额"
            :maxlength="22"
            :precision="0"
            :disabled="model.mtabut.basflg != 'X'"
          ></c-input-currency>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="付款金额" prop="recgrp.bas.txccy">
            <c-select
              v-model="model.recgrp.bas.txccy"
              style="width: 100%"
              placeholder="请输入付款金额币种"
              :disabled="model.mtabut.basflg != 'X'"
              dbCode="curtxt"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label-width="0px" prop="recgrp.bas.txamt">
            <c-input-currency
              :currency="model.recgrp.bas.txccy"
              v-model="model.recgrp.bas.txamt"
              placeholder="请输入付款金额"
              :maxlength="22"
              :precision="0"
              :disabled="model.mtabut.basflg != 'X'"
            ></c-input-currency>
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="实际付款金额" prop="recgrp.bas.actuccy">
            <c-select
              v-model="model.recgrp.bas.actuccy"
              style="width: 100%"
              placeholder="请输入实际付款金额币种"
              :disabled="model.mtabut.basflg != 'X'"
              dbCode="curtxt"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label-width="0px" prop="recgrp.bas.actuamt">
            <c-input-currency
              :currency="model.recgrp.bas.actuccy"
              v-model="model.recgrp.bas.actuamt"
              :maxlength="22"
              :precision="0"
              placeholder="请输入实际付款金额"
              :disabled="model.mtabut.basflg != 'X'"
            ></c-input-currency>
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="24">
        <el-form-item label="信用证/保函编号" prop="recgrp.bas.lcbgno">
          <c-input
            v-model="model.recgrp.bas.lcbgno"
            maxlength="9"
            placeholder="请输入信用证/保函编号"
            :disabled="model.mtabut.basflg != 'X'"
          ></c-input>
        </el-form-item>
      </c-col>
    </c-col>
    <c-col :span="12" class="col-right">
      <c-col :span="24">
        <el-form-item label="结算方式" prop="recgrp.bas.method">
          <c-select
            v-model="model.recgrp.bas.method"
            style="width: 100%"
            placeholder="请输入结算方式"
            :disabled="model.mtabut.basflg != 'X'"
            dbCode="medtyp"
            :filterKey="['L','G','C','O']"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <!-- LT000013 : 主体标识码 -->

      <c-col :span="24">
        <el-form-item label="主体标识码" prop="recgrp.bas.custcod">
          <c-input
            v-model="model.recgrp.bas.custcod"
            maxlength="9"
            placeholder="请输入主体标识码"
            :disabled="!(model.mtabut.basflg == 'X' && (model.recgrp.bas.custype=='C' || !model.recgrp.bas.custype))"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="收款人名称" prop="recp.baspp.jwjn">
            <c-select
              v-model="model.recp.baspp.jwjn"
              style="width: 100%"
              placeholder="请输入境内境外"
              :disabled="model.mtabut.basflg != 'X'"
              dbCode="bopact"
              @change="jwjnChange"
              :filterKey="['(JN)','(JW)']"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label-width="0px" prop="recgrp.bas.oppuser">
            <c-input
              v-model="model.recgrp.bas.oppuser"
              maxlength="128"
              :isLimitChar="true"
              placeholder="请输入收款人名称"
              :disabled="model.mtabut.basflg != 'X'"
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="24">
        <el-form-item label="购汇汇率" prop="recgrp.bas.exrate">
          <c-input-currency
            v-model="model.recgrp.bas.exrate"
            placeholder="请输入购汇汇率"
            :maxlength="13"
            :precision="8"
            :disabled="model.mtabut.basflg != 'X'"
          ></c-input-currency>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="人民币账号" prop="recgrp.bas.lcyacc">
          <c-input
            v-model="model.recgrp.bas.lcyacc"
            maxlength="32"
            placeholder="请输入人民币账号"
            :disabled="model.mtabut.basflg != 'X'"
          ></c-input>
        </el-form-item>
      </c-col>

      <!-- LT000015 : 外汇账号/卡号 -->

      <c-col :span="24">
        <el-form-item label="外汇账号/卡号" prop="recgrp.bas.fcyacc">
          <c-input
            v-model="model.recgrp.bas.fcyacc"
            maxlength="32"
            placeholder="请输入外汇账号/卡号"
            :disabled="model.mtabut.basflg != 'X'"
          ></c-input>
        </el-form-item>
      </c-col>

      <!-- LT000016 : 其他账号/卡号 -->

      <c-col :span="24">
        <el-form-item label="其他账号/卡号" prop="recgrp.bas.othacc">
          <c-input
            v-model="model.recgrp.bas.othacc"
            maxlength="32"
            placeholder="请输入其他账号/卡号"
            :disabled="model.mtabut.basflg != 'X'"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="扣费金额" prop="recgrp.bas.outchargeccy">
            <c-select
              v-model="model.recgrp.bas.outchargeccy"
              style="width: 100%"
              placeholder="请输入扣费币种"
              :disabled="model.mtabut.basflg != 'X'"
              dbCode="curtxt"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label-width="0px" prop="recgrp.bas.outchargeamt">
            <c-input-currency
              :currency="model.recgrp.bas.outchargeccy"
              v-model="model.recgrp.bas.outchargeamt"
              placeholder="请输入扣费金额"
              :maxlength="22"
              :precision="0"
              :disabled="model.mtabut.basflg != 'X'"
            ></c-input-currency>
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="24">
        <el-form-item label="开证日期" prop="recgrp.bas.issdate">
          <c-date-picker
            type="date"
            v-model="model.recgrp.bas.issdate"
            style="width: 100%"
            placeholder="请输入开证日期"
            :disabled="!(model.mtabut.basflg == 'X' && model.recgrp.bas.lcbgno)"
          ></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="期限" prop="recgrp.bas.tenor">
          <c-input
            v-model="model.recgrp.bas.tenor"
            maxlength="32"
            placeholder="请输入期限"
            :disabled="!(model.mtabut.basflg == 'X' && model.recgrp.bas.lcbgno)"
          ></c-input>
        </el-form-item>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess, event],
  data() {
    return { ownExtkeyList: [] };
  },
  created: function () {},
  mounted() {
    this.getOwnExtkeyCondition();
  },
};
</script>
<style>
</style>