<template>
<div class="eibs-tab">

  <c-col :span="24">
    <c-col :span="12">
      <c-col :span="24">
        <el-form-item label="业务主键" prop="recgrp.ads.levyno">
          <c-fullbox>
            <c-input v-model="model.recgrp.ads.levyno" maxlength="24" placeholder="请输入业务主键"></c-input>
            <template slot="footer">
              <c-button style="margin: 0 0 0 10px; padding: 0 12px" size="small" type="primary" @click="onAdsppGetref">
                获取
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="银行业务编号" prop="recgrp.ads.banktrano">
          <c-input v-model="model.recgrp.ads.banktrano" maxlength="16" placeholder="请输入银行业务编号"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="银行机构代码" prop="recgrp.ads.bankorgcode">
          <c-input v-model="model.recgrp.ads.bankorgcode" maxlength="22" placeholder="请输入银行业务编号"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="申报日期" prop="recgrp.ads.filingdate">
          <c-date-picker type="date" v-model="model.recgrp.ads.filingdate" style="width:100%"></c-date-picker>
        </el-form-item>
      </c-col>
    </c-col>
    <c-col :span="12">
      <c-col :span="24">
        <c-col :span="18">
          <el-form-item label="操作类型" prop="recgrp.ads.opertype">
            <c-select v-model="model.recgrp.ads.opertype" style="width:100%" placeholder="请选择操作类型">
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="6">
          <el-form-item label="" prop="recp.adspp.acp" style="text-align: left;position: float"
        class="" label-width="10px">
          <c-checkbox v-model="model.recp.adspp.acp"  false-label="" true-label="X">确认</c-checkbox>
        </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="24">
        <el-form-item label="变更/撤销原因" prop="recgrp.ads.actiondesc">
          <c-input type="textarea" v-model="model.recgrp.ads.actiondesc" maxlength="32" rows=5 show-word-limit placeholder="请输入变更/撤销原因"></c-input>
        </el-form-item>
      </c-col>
    </c-col>
  </c-col>
  <c-col :span="24">
    <c-col :span="12">
      <c-col :span="24">
        <el-form-item label="境内机构类型" prop="recgrp.ads.domesticorgtype">
          <c-select v-model="model.recgrp.ads.domesticorgtype" style="width:100%" placeholder="请选择境内机构类型">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="境内机构代码" prop="recgrp.ads.bankorgcode">
          <c-input v-model="model.recgrp.ads.bankorgcode" maxlength="12" placeholder="请输入境内机构代码"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="境内机构名称" prop="recgrp.ads.bankorgname">
          <c-input type="textarea" v-model="model.recgrp.ads.bankorgname" maxlength="63" show-word-limit placeholder="请输入境内机构名称"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="人民币账户账号" prop="recgrp.ads.bicbkacct">
          <c-input v-model="model.recgrp.ads.bicbkacct" maxlength="32" placeholder="请输入人民币账户账号"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="购售用途" prop="recgrp.ads.purposecode">
          <c-select v-model="model.recgrp.ads.purposecode" style="width:100%" placeholder="请输入购售用途">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="交易类型" prop="recgrp.ads.tradetype">
          <c-select v-model="model.recgrp.ads.tradetype" style="width:100%" placeholder="请选择交易类型">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="" prop="recp.lsttfc.flg" style="text-align: left;position: float" 
        class="checkbox-left" label-width="10px">
          <c-checkbox v-if ="['AME','DEL','INF'].includes(operaTyp)"  false-label="" true-label="X" v-model="model.recp.lsttfc.flg">即期信息</c-checkbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="" prop="recp.lsttfe.flg" style="text-align: left;position: float"
        class="checkbox-left" label-width="10px">
          <c-checkbox v-if ="['AME','DEL','INF'].includes(operaTyp)"  false-label="" true-label="X" v-model="model.recp.lsttfe.flg">外汇掉期信息</c-checkbox>
        </el-form-item>
      </c-col>
    </c-col>
    <c-col :span="12">
      <c-col :span="24">
        <el-form-item label="境外主体类型" prop="recgrp.ads.foreignorgtype">
          <c-select v-model="model.recgrp.ads.foreignorgtype" style="width:100%" placeholder="请选择境外主体类型">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="境外主体代码" prop="recgrp.ads.cpartyorgcode">
          <c-input v-model="model.recgrp.ads.cpartyorgcode" maxlength="11" placeholder="请输入境外主体代码"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="境外主体名称" prop="recgrp.ads.cpartyorgname">
          <c-input type="textarea" v-model="model.recgrp.ads.cpartyorgname" maxlength="63" show-word-limit placeholder="请输入境外主体名称"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="人民币跨境购售类型" prop="recgrp.ads.cnybuytype">
          <c-select v-model="model.recgrp.ads.cnybuytype" style="width:100%" placeholder="请输入人民币跨境购售类型">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="业务种类" prop="recgrp.ads.transkind">
          <c-select v-model="model.recgrp.ads.transkind" style="width:100%" placeholder="请输入业务种类">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="交易附言" prop="recgrp.ads.addword">
          <c-input type="textarea" v-model="model.recgrp.ads.addword" maxlength="63" show-word-limit placeholder="请输入交易附言"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="" prop="recp.lsttfe.flg" style="text-align: left;position: float"
        class="checkbox-left" label-width="10px">
          <c-checkbox v-if ="['AME','DEL','INF'].includes(operaTyp)"  false-label="" true-label="X" v-model="model.recp.lsttfe.flg">货币掉期信息</c-checkbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="" prop="recp.lsttff.flg" style="text-align: left;position: float"
        class="checkbox-left" label-width="10px">
          <c-checkbox v-if ="['AME','DEL','INF'].includes(operaTyp)"  false-label="" true-label="X" v-model="model.recp.lsttff.flg">期权信息</c-checkbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
          <el-form-item label="" prop="recp.lsttfd.flg" style="text-align: left;position: float"
          class="checkbox-left" label-width="10px">
            <c-checkbox v-if ="['AME','DEL','INF'].includes(operaTyp)"  false-label="" true-label="X"  v-model="model.recp.lsttfd.flg">远期信息</c-checkbox>
          </el-form-item>
      </c-col>
    </c-col>
  </c-col>
</div>
</template>

<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"

export default {
  inject: ['root'],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
    }
  },
  methods: {
    ...Event
  },
  created: function () {

  },
  computed: {
    operaTyp(){
      let uurl=this.$route.path.toUpperCase()
      if (uurl.endsWith("ADD")){
        return "ADD"
      }else if (uurl.endsWith("AME")){
        return "AME"
      }else if (uurl.endsWith("DEL")){
        return "DEL"
      }else if (uurl.endsWith("INF")){
        return "INF"
      }else {
        return ""
      }

    }

  },
}
</script>

<style>

</style>