<template>
  <div class="eibs">
    <!-- ------------------Left------------------>
    <c-col :span="12" style="padding-right: 20px;">
      <c-col :span="24">
        <el-form-item label="业务主键" prop="cnybop.cnyout.spk">
          <c-input v-model="model.cnybop.cnyout.spk" maxlength="20" placeholder="" disabled>
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="银行机构名称" prop="cnybop.sbankname">
          <c-input v-model="model.cnybop.sbankname" maxlength="80" placeholder="" disabled>
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="付款人账号" prop="cnybop.cnyout.spayeeacct">
          <c-input v-model="model.cnybop.cnyout.spayeeacct" maxlength="32" placeholder="" 业务主键>
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="收款人常驻国家/地区编号" prop="cnybop.cnyout.spayercountrycode">
          <c-col :span="21">
            <c-input v-model="model.cnybop.cnyout.spayercountrycode" maxlength="3" placeholder=""></c-input>
          </c-col>
          <c-col :span="3" style="text-align: right">
            <c-button size="small" type="primary" icon="el-icon-search"></c-button>
          </c-col>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="结算方式" prop="cnybop.cnyout.sbalancemode">
          <c-select v-model="model.cnybop.cnyout.sbalancemode" style="width: 100%" placeholder="请选择结算方式">
            <el-option v-for="item in codes.sbalancemode" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="清算（结算）账户类型" prop="cnybop.cnyout.cpayeraccttyp">
          <c-select v-model="model.cnybop.cnyout.cpayeraccttyp" placeholder="请选择" style="width: 100%">
            <el-option v-for="item in codes.cpayeraccttyp" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="清算（结算）账户账号" prop="cnybop.cnyout.spayeracct">
          <c-input v-model="model.cnybop.cnyout.spayeracct" maxlength="32" placeholder="" readonly>
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="付款日期" prop="cnybop.cnyout.dpayeedate">
          <c-date-picker type="date" placeholder="" v-model="model.cnybop.cnyout.dpayeedate" style="width: 100%">
          </c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="付款币种" prop="cnybop.cnyout.spayeecny">
          <c-select v-model="model.cnybop.cnyout.spayeecny" placeholder="请选择" style="width: 100%">
            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="原币金额" prop="cnybop.cnyout.ftotalamt">
          <c-input v-model="model.cnybop.cnyout.ftotalamt" placeholder="">
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="货物贸易付款金额" prop="cnybop.cnyout.fpayeeamt">
          <c-input v-model="model.cnybop.cnyout.fpayeeamt" placeholder="">
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="已报关付款金额" prop="cnybop.cnyout.fcustomsamt">
          <c-input v-model="model.cnybop.cnyout.fcustomsamt" placeholder="">
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="已备案付款金额" prop="cnybop.cnyout.frecordamt">
          <c-input v-model="model.cnybop.cnyout.frecordamt" placeholder="">
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="交易附言" prop="cnybop.saddwordout">
          <c-input v-model="model.cnybop.saddwordout" placeholder=""> </c-input>
        </el-form-item>
      </c-col>
    </c-col>

    <!-- ------------------Right------------------>
    <c-col :span="12" style="padding-left: 20px;">
      <c-col :span="24">
        <el-form-item label="银行业务编号" label-width="30%" prop="cnybop.cnyout.sbanktrano">
          <c-input v-model="model.cnybop.cnyout.sbanktrano" maxlength="22" style="width: 100%" placeholder="" disabled>
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="银行机构代码" label-width="30%" prop="cnybop.cnyout.sbankorgcode">
          <c-input v-model="model.cnybop.cnyout.sbankorgcode" maxlength="12" placeholder="" disabled>
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="付款人机构代码或身份证件号码" label-width="30%" prop="cnybop.spayeename">
          <c-input v-model="model.cnybop.spayeename" maxlength="80" style="width: 100%" placeholder="">
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="付款人属性" label-width="30%" prop="cnybop.cnyout.cpayeeattr">
          <c-select v-model="model.cnybop.cnyout.cpayeeattr" placeholder="请选择付款人属性" style="width: 100%">
            <el-option v-for="item in codes.cpayeeattr" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="付款人名称" label-width="30%" prop="cnybop.spayername">
          <c-input v-model="model.cnybop.spayername" maxlength="80" placeholder="" readonly>
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="收款行SWIFT BIC" label-width="30%" prop="cnybop.cnyout.sswiftbic">
          <c-input v-model="model.cnybop.cnyout.sswiftbic" maxlength="11" placeholder="">
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="中间转汇行" label-width="30%" prop="cnybop.cnyout.smidtransbank">
          <c-input v-model="model.cnybop.cnyout.smidtransbank" maxlength="11" placeholder="">
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="预付款比例" label-width="30%" prop="cnybop.outscale">
          <c-input v-model="model.cnybop.outscale" maxlength="4" placeholder="">
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="预付款金额" label-width="30%" prop="cnybop.cnyout.fprepayeeamt">
          <c-input v-model="model.cnybop.cnyout.fprepayeeamt" placeholder="">
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="结账期" label-width="30%" prop="cnybop.cnyout.iaccountperiod">
          <c-input v-model="model.cnybop.cnyout.iaccountperiod" placeholder="">
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="原申报号码" label-width="30%" prop="cnybop.cnyout.sorilevyno">
          <c-input v-model="model.cnybop.cnyout.sorilevyno" maxlength="24" placeholder="">
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="无货物报关进出境物流货物金额" label-width="30%" prop="cnybop.cnyout.fonshoreamt">
          <c-input v-model="model.cnybop.cnyout.fonshoreamt" placeholder="">
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="无货物报关离岸转手买卖金额" label-width="30%" prop="cnybop.cnyout.foffshoreamt">
          <c-input v-model="model.cnybop.cnyout.foffshoreamt" placeholder="">
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="无货物报关其他金额" label-width="30%" prop="cnybop.cnyout.fnogoodsamt">
          <c-input v-model="model.cnybop.cnyout.fnogoodsamt" placeholder="">
          </c-input>
        </el-form-item>
      </c-col>
    </c-col>
  </div>
</template>

<script>
import commonProcess from "~/mixin/commonProcess";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      options: [],
    };
  },
  created: function () {
    this.executeRule("cnybop.outp").then((res) => {
      if (res.respCode == SUCCESS) {
        this.updateModel(res.data);
      }
    });
  },
};
</script>

<style>

</style>