Pardet.vue 3.61 KB
Newer Older
fukai committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82
<template>
  <div class="eibs-tab">
    <c-col :span="24">
      <!-- ======================= 左边 ========================= -->
      <c-col :span="12" style="padding-right: 20px">
        <!-- S0000231 : 汇款人开户行 -->
        <c-col :span="24">
            <el-form-item label="账号" prop="attp.atd.sbkact">
              <c-input placeholder="请输入汇款人开户行账号" maxlength="35" v-model="model.attp.atd.sbkact"></c-input>
            </el-form-item>
            <c-ptap :model="model" :isLabel120="false" :disabledExtkey="false" :disabled="false" :isAdrblk="true" :haveAdrLabel="true" :isShowCard="false" :argadr="{title: '汇款人开户行',grp: 'cpdgrp', rol: 'ori',}" ptytyp="B">
            </c-ptap>
        </c-col>
        <!-- S0000214 : Intermediary/Account(Tag56a) -->
        <c-col :span="24">
          <c-ptap :model="model" :isLabel120="false" :disabledExtkey="false" :disabled="false" :isAdrblk="true" :haveAdrLabel="true" :isShowCard="true" :argadr="{title: 'Intermediary / Account (Tag 56a)',grp: 'cpdgrp', rol: 'med',}" ptytyp="C">
          </c-ptap>
        </c-col>
        <!-- S0000215 : Account with Institution / Account (Tag 57a) -->
        <c-col :span="24">
          <c-ptap :model="model" :isLabel120="false" :disabledExtkey="false" :disabled="false" :isAdrblk="true" :haveAdrLabel="true" :isShowCard="true" :argadr="{title: 'Account with Institution / Account (Tag 57a)',grp: 'cpdgrp', rol: 'rmt',}" ptytyp="C">
          </c-ptap>
        </c-col>
      </c-col>
      <!-- ======================= 右边 ========================= -->
      <c-col :span="12" style="padding-left: 20px">
        <!-- S0000189 : 收款人开户行 -->
        <c-col :span="24">
            <el-form-item label="账号" prop="attp.atd.rbkact">
              <c-input placeholder="请输入收款人开户行账号" maxlength="35" v-model="model.attp.atd.rbkact"></c-input>
            </el-form-item>
            <c-ptap :model="model" :isLabel120="false" :disabledExtkey="false" :disabled="false" :isAdrblk="true" :haveAdrLabel="false" :isShowCard="false" :argadr="{title: '收款人开户行',grp: 'cpdgrp', rol: 'pyb',}" ptytyp="B">
            </c-ptap>
        </c-col>
        <!-- S0000192 : 附言 -->
        <c-col :span="24">
          <el-form-item label="附言" prop="attp.commet">
            <c-input placeholder="请输入附言" :rows="4" maxlength="35" show-word-limit type="textarea" v-model="model.attp.commet"></c-input>
          </el-form-item>
        </c-col>
        <!-- S0000242 : 附言72(102) -->
        <c-col :span="24">
          <el-form-item label="附言72(102)" prop="attp.com102">
            <c-input placeholder="请输入附言72(102)" :rows="4" maxlength="35" show-word-limit type="textarea" v-model="model.attp.com102"></c-input>
          </el-form-item>
        </c-col>
        <!-- S0000241 : 受益行 -->
        <c-col :span="24">
          <el-form-item label="受益行" prop="attp.shouyh">
            <c-input placeholder="请输入受益行" :rows="4" maxlength="35" show-word-limit type="textarea" v-model="model.attp.shouyh"></c-input>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import Event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [Event],
  data() {
    return {};
  },
  methods: {},
  created: function() {}
};
</script>
<style scoped lang="less">
.box-card {
  margin-bottom: 10px;
  /deep/ .el-form-item--mini.el-form-item,
  .el-form-item--small.el-form-item {
    margin-bottom: 10px;
  }
  /deep/ .el-card__body {
    padding: 10px 10px 10px 0px;
  }
}
</style>