Outp.vue

<template>
  <div>
    <!-- ------------------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"
            disabled
            maxlength="20"
            placeholder=""
            readonly
          >
          </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"
            disabled
            placeholder=""
            readonly
          >
          </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="20">
            <c-input
              v-model="model.cnybop.cnyout.spayercountrycode"
              maxlength="3"
              placeholder=""
              @keyup.enter.native="
                      showGridPromptDialog('cnybop.cnyout.spayercountrycode')
                    "
            ></c-input>
          </c-col>
          <c-col :span="4" style="text-align: right">
            <c-button
              size="small"
              type="primary"
              icon="el-icon-search"
              @click="
                    showGridPromptDialog(
                      'cnybop.outcty',
                      null,
                      null,
                      { TXT: 'cnybop.cnyout.spayercountrycode' },
                      { TXT: false },
                      'doxpDialog'
                    )
                  "
            ></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="请选择结算方式"
						dbCode="sbalancemode"
          >
          </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%"
						dbCode="cpayeraccttyp"
          >
          </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%"
            disabled
            placeholder=""
            readonly
          >
          </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
            readonly
          >
          </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%"
						dbCode="cpayeeattr"
          >
          </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>
export default {
  inject: ["root"],
  props: ["model", "codes"],
  data() {
    return {
      options: [],
    };
  },
};
</script>

<style>
</style>