<template>
  <div class="eibs">
    <c-row>
      <c-col :span="24">
        <c-col :span="12" style="padding-right: 20px">
          <!--========================== 不为swift格式左边 =========================================-->
          <c-col :span="24" v-if="model.gitp.swiftflg != 'Y'">
            <c-col :span="24">
              <el-form-item label="申请人参考号" prop="gidgrp.apl.pts.ref">
                <c-input
                  v-model="model.gidgrp.apl.pts.ref"
                  maxlength="16"
                  placeholder="请输入申请人参考号"
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="24">
              <el-form-item label="申请人" prop="gidgrp.apl.pts.extkey">
                <c-fullbox>
                  <c-input
                    v-model="model.gidgrp.apl.pts.extkey"
                    maxlength="16"
                    placeholder="请输入"
                    @keyup.enter.native="queryGridEtyPromptDialogData('APL', 'C')"
                  ></c-input>
                  <template slot="footer">
                    <c-button
                      style="margin: 0 10px 0 10px; padding: 0 12px"
                      size="small"
                      type="primary"
                    >
                      <i class="el-icon-info"></i>
                    </c-button>
                    <c-button
                      :disabled="model.gidgrp.apl.pts.adrblk == ''"
                      size="small"
                      type="primary"
                      @click="queryFormData"
                    >
                      详情
                    </c-button>
                  </template>
                </c-fullbox>
              </el-form-item>
            </c-col>
            <c-col :span="24">
              <el-form-item label="地址名称" prop="gidgrp.apl.pts.adrblk">
                <c-input
                  disabled
                  rows="4"
                  type="textarea"
                  v-model="model.gidgrp.apl.pts.adrblk"
                  maxlength="140"
                  show-word-limit
                  placeholder="请输入地址名称"
                ></c-input>
              </el-form-item>
            </c-col>

            <c-col :span="24">
              <el-form-item label="保兑行参考号" prop="gidgrp.con.pts.ref">
                <c-input
                  disabled
                  v-model="model.gidgrp.con.pts.ref"
                  maxlength="16"
                  placeholder="请输入保兑行参考号"
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="24">
              <el-form-item label="保兑行" prop="gidgrp.con.pts.extkey">
                <c-fullbox>
                  <c-input
                    v-model="model.gidgrp.con.pts.extkey"
                    maxlength="16"
                    placeholder="请输入"
                    @keyup.enter.native="queryGridEtyPromptDialogData('CON', 'B')"
                  ></c-input>
                  <template slot="footer">
                    <c-button
                      style="margin: 0 10px 0 10px; padding: 0 12px"
                      size="small"
                      type="primary"
                    >
                      <i class="el-icon-info"></i>
                    </c-button>
                    <c-button
                      disabled
                      size="small"
                      type="primary"
                      @click="queryFormData"
                    >
                      详情
                    </c-button>
                  </template>
                </c-fullbox>
              </el-form-item>
            </c-col>
            <c-col :span="24">
              <el-form-item label="地址名称" prop="gidgrp.con.pts.adrblk">
                <c-input
                  disabled
                  type="textarea"
                  rows="4"
                  v-model="model.gidgrp.con.pts.adrblk"
                  show-word-limit
                  placeholder="请输入地址名称"
                ></c-input>
              </el-form-item>
            </c-col>
          </c-col>
          <!-- ==========================为swift格式左边============================================ -->
          <c-col :span="24" v-if="model.gitp.swiftflg == 'Y'">
            <c-col
              :span="24"
              v-if="
                model.gidgrp.rec.purposin == 'ISCO' ||
                model.gidgrp.rec.purposin == 'ICCO'
              "
            >
              <c-col :span="24">
                <el-form-item label="开证行参考号" prop="gidgrp.apl.pts.ref">
                  <c-input
                    v-model="model.gidgrp.apl.pts.ref"
                    maxlength="16"
                    placeholder="请输入开证行参考号"
                  ></c-input>
                </el-form-item>
              </c-col>
              <c-col :span="24">
                <el-form-item label="开证行" prop="gidgrp.apl.pts.extkey">
                  <c-fullbox>
                    <c-input
                      v-model="model.gidgrp.apl.pts.extkey"
                      maxlength="16"
                      placeholder="请输入"
                      @keyup.enter.native="queryGridEtyPromptDialogData('APL', 'C')"
                    ></c-input>
                    <template slot="footer">
                      <c-button
                        style="margin: 0 10px 0 10px; padding: 0 12px"
                        size="small"
                        type="primary"
                      >
                        <i class="el-icon-info"></i>
                      </c-button>
                      <c-button
                        disabled
                        size="small"
                        type="primary"
                        @click="queryFormData"
                      >
                        详情
                      </c-button>
                    </template>
                  </c-fullbox>
                </el-form-item>
              </c-col>
              <c-col :span="24">
                <el-form-item label="地址名称" prop="gidgrp.apl.pts.adrblk">
                  <c-input
                    disabled
                    rows="4"
                    type="textarea"
                    v-model="model.gidgrp.apl.pts.adrblk"
                    maxlength="140"
                    show-word-limit
                    placeholder="请输入地址名称"
                  ></c-input>
                </el-form-item>
              </c-col>

              <c-col :span="24">
                <el-form-item label="申请人参考号" prop="gidgrp.ctr.pts.ref">
                  <c-input
                    v-model="model.gidgrp.ctr.pts.ref"
                    maxlength="16"
                    placeholder="请输入申请人参考号"
                  ></c-input>
                </el-form-item>
              </c-col>
              <c-col :span="24">
                <el-form-item label="申请人" prop="gidgrp.ctr.pts.extkey">
                  <c-fullbox>
                    <c-input
                      v-model="model.gidgrp.ctr.pts.extkey"
                      maxlength="16"
                      placeholder="请输入"
                      @keyup.enter.native="queryGridEtyPromptDialogData('CTR', 'C')"
                    ></c-input>
                    <template slot="footer">
                      <c-button
                        style="margin: 0 10px 0 10px; padding: 0 12px"
                        size="small"
                        type="primary"
                      >
                        <i class="el-icon-info"></i>
                      </c-button>
                      <c-button size="small" type="primary" @click="queryFormData">
                        详情
                      </c-button>
                    </template>
                  </c-fullbox>
                </el-form-item>
              </c-col>
              <c-col :span="24">
                <el-form-item label="地址名称" prop="gidgrp.ctr.pts.adrblk">
                  <c-input
                    :disabeld="model.gidgrp.ctr.pts.adrblk != ''"
                    rows="4"
                    type="textarea"
                    v-model="model.gidgrp.ctr.pts.adrblk"
                    show-word-limit
                    placeholder="请输入地址名称"
                  ></c-input>
                </el-form-item>
              </c-col>
            </c-col>

            <c-col
              :span="24"
              v-if="
                model.gidgrp.rec.purposin == 'ISSU' ||
                model.gidgrp.rec.purposin == ''
              "
            >
              <c-col :span="24">
                <el-form-item label="申请人参考号" prop="gidgrp.apl.pts.ref">
                  <c-input
                    v-model="model.gidgrp.apl.pts.ref"
                    maxlength="16"
                    placeholder="请输入申请人参考号"
                  ></c-input>
                </el-form-item>
              </c-col>
              <c-col :span="24">
                <el-form-item label="申请人" prop="gidgrp.apl.pts.extkey">
                  <c-fullbox>
                    <c-input
                      v-model="model.gidgrp.apl.pts.extkey"
                      maxlength="16"
                      placeholder="请输入"
                      @keyup.enter.native="queryGridEtyPromptDialogData('APL', 'C')"
                    ></c-input>
                    <template slot="footer">
                      <c-button
                        style="margin: 0 10px 0 10px; padding: 0 12px"
                        size="small"
                        type="primary"
                      >
                        <i class="el-icon-info"></i>
                      </c-button>
                      <c-button
                        disabled
                        size="small"
                        type="primary"
                      >
                        详情
                      </c-button>
                    </template>
                  </c-fullbox>
                </el-form-item>
              </c-col>
              <c-col :span="24">
                <el-form-item label="地址名称" prop="gidgrp.apl.pts.adrblk">
                  <c-input
                    disabled
                    rows="4"
                    type="textarea"
                    v-model="model.gidgrp.apl.pts.adrblk"
                    maxlength="140"
                    show-word-limit
                    placeholder="请输入地址名称"
                    
                  ></c-input>
                </el-form-item>
              </c-col>

              <c-col :span="24">
                <el-form-item label="账户/对象参考号" prop="gidgrp.ctr.pts.ref">
                  <c-input
                    v-model="model.gidgrp.ctr.pts.ref"
                    maxlength="16"
                    placeholder="请输入账户/对象参考号"
                  ></c-input>
                </el-form-item>
              </c-col>
              <c-col :span="24">
                <el-form-item label="账户/对象" prop="gidgrp.ctr.pts.extkey">
                  <c-fullbox>
                    <c-input
                      v-model="model.gidgrp.ctr.pts.extkey"
                      maxlength="16"
                      placeholder="请输入"
                      @keyup.enter.native="queryGridEtyPromptDialogData('CTR', 'C')"
                    ></c-input>
                    <template slot="footer">
                      <c-button
                        style="margin: 0 10px 0 10px; padding: 0 12px"
                        size="small"
                        type="primary"
                      >
                        <i class="el-icon-info"></i>
                      </c-button>
                      <c-button size="small" type="primary" @click="queryFormData">
                        详情
                      </c-button>
                    </template>
                  </c-fullbox>
                </el-form-item>
              </c-col>
              <c-col :span="24">
                <el-form-item label="地址名称" prop="gidgrp.ctr.pts.adrblk">
                  <c-input
                    :disabled="model.gidgrp.ctr.pts.adrblk != ''"
                    rows="4"
                    type="textarea"
                    v-model="model.gidgrp.ctr.pts.adrblk"
                    maxlength="140"
                    show-word-limit
                    placeholder="请输入地址名称"
                    
                  ></c-input>
                </el-form-item>
              </c-col>
            </c-col>
          </c-col>
        </c-col>

        <c-col :span="12" style="padding-left: 20px">
          <!-- ==========================不为swift格式右边=================================== -->
          <c-col :span="24" v-if="model.gitp.swiftflg != 'Y'">
            <c-col :span="24">
              <el-form-item label="受益人参考号" prop="gidgrp.ben.pts.ref">
                <c-input
                  v-model="model.gidgrp.ben.pts.ref"
                  maxlength="16"
                  placeholder="请输入"
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="24">
              <el-form-item
                label="受益人"
                prop="gidgrp.ben.pts.extkey"
              >
                <c-fullbox>
                  <c-input
                    v-model="model.gidgrp.ben.pts.extkey"
                    maxlength="16"
                    placeholder="请输入"
                    @keyup.enter.native="queryGridEtyPromptDialogData('BEN', 'C')"
                  ></c-input>
                  <template slot="footer">
                    <c-button
                      style="margin: 0 10px 0 10px; padding: 0 12px"
                      size="small"
                      type="primary"
                    >
                      <i class="el-icon-info"></i>
                    </c-button>
                    <c-button
                      :disabled="model.gidgrp.rec.hndtyp == 'OT'"
                      size="small"
                      type="primary"
                      @click="queryFormData"
                    >
                      详情
                    </c-button>
                  </template>
                </c-fullbox>
              </el-form-item>
            </c-col>
            <c-col :span="24">
              <el-form-item label="地址名称" prop="gidgrp.ben.pts.adrblk">
                <c-input
                  :disabled="
                    model.gidgrp.rec.hndtyp == 'OT' ||
                    model.gidgrp.ben.pts.adrblk != ''
                  "
                  rows="4"
                  type="textarea"
                  maxlength="140"
                  v-model="model.gidgrp.ben.pts.adrblk"
                  show-word-limit
                  placeholder="请输入地址名称"
                ></c-input>
              </el-form-item>
            </c-col>

            <c-col :span="24">
              <el-form-item
                v-if="
                  model.gidgrp.rec.hndtyp == 'OC' ||
                  model.gidgrp.rec.hndtyp == 'OT'
                "
                label="开证行参考号"
                prop="gidgrp.iss.pts.ref"
              >
                <c-input
                  v-model="model.gidgrp.iss.pts.ref"
                  maxlength="16"
                  placeholder="请输入"
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="24">
              <el-form-item
                v-if="
                  model.gidgrp.rec.hndtyp == 'OC' ||
                  model.gidgrp.rec.hndtyp == 'OT'
                "
                label="开证行"
                prop="gidgrp.iss.pts.extkey"
              >
                <c-fullbox>
                  <c-input
                    v-model="model.gidgrp.iss.pts.extkey"
                    maxlength="16"
                    placeholder="请输入"
                    @keyup.enter.native="queryGridEtyPromptDialogData('ISS', 'B')"
                  ></c-input>
                  <template slot="footer">
                    <c-button
                      style="margin: 0 10px 0 10px; padding: 0 12px"
                      size="small"
                      type="primary"
                    >
                      <i class="el-icon-info"></i>
                    </c-button>
                    <c-button
                      disabled
                      size="small"
                      type="primary"
                    >
                      详情
                    </c-button>
                  </template>
                </c-fullbox>
              </el-form-item>
            </c-col>
            <c-col :span="24">
              <el-form-item
                v-if="
                  model.gidgrp.rec.hndtyp == 'OC' ||
                  model.gidgrp.rec.hndtyp == 'OT'
                "
                label="地址名称"
                prop="gidgrp.iss.pts.adrblk"
              >
                <c-input
                  disabled
                  rows="4"
                  type="textarea"
                  v-model="model.gidgrp.iss.pts.adrblk"
                  maxlength="140"
                  show-word-limit
                  placeholder="请输入地址名称"
                ></c-input>
              </el-form-item>
            </c-col>
          </c-col>
          <!-- ============================为swift格式右边================================= -->
          <c-col :span="24" v-if="model.gitp.swiftflg == 'Y'">
            <c-col :span="24">
              <el-form-item label="受益人参考号" prop="gidgrp.ben.pts.ref">
                <c-input
                  v-model="model.gidgrp.ben.pts.ref"
                  maxlength="16"
                  placeholder="请输入受益人参考号"
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="24">
              <el-form-item label="受益人" prop="gidgrp.ben.pts.extkey">
                <c-fullbox>
                  <c-input
                    v-model="model.gidgrp.ben.pts.extkey"
                    maxlength="16"
                    placeholder="请输入"
                    @keyup.enter.native="queryGridEtyPromptDialogData('BEN', 'C')"
                  ></c-input>
                  <template slot="footer">
                    <c-button
                      style="margin: 0 10px 0 10px; padding: 0 12px"
                      size="small"
                      type="primary"
                    >
                      <i class="el-icon-info"></i>
                    </c-button>
                    <c-button size="small" type="primary">
                      详情
                    </c-button>
                  </template>
                </c-fullbox>
              </el-form-item>
            </c-col>
            <c-col :span="24">
              <el-form-item label="地址名称" prop="gidgrp.ben.pts.adrblk">
                <c-input
                  :disabled="model.gidgrp.ben.pts.adrblk != ''"
                  rows="4"
                  type="textarea"
                  v-model="model.gidgrp.ben.pts.adrblk"
                  maxlength="140"
                  show-word-limit
                  placeholder="请输入地址名称"
                  
                ></c-input>
              </el-form-item>
            </c-col>

            <c-col :span="24">
              <el-form-item label="通知行参考号" prop="gidgrp.atb.pts.ref">
                <c-input
                  v-model="model.gidgrp.atb.pts.ref"
                  maxlength="16"
                  placeholder="请输入通知行参考号"
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="24">
              <el-form-item label="通知行" prop="gidgrp.atb.pts.extkey">
                <c-fullbox>
                  <c-input
                    v-model="model.gidgrp.atb.pts.extkey"
                    maxlength="16"
                    placeholder="请输入"
                    @keyup.enter.native="queryGridEtyPromptDialogData('ATB', 'B')"
                  ></c-input>
                  <template slot="footer">
                    <c-button
                      style="margin: 0 10px 0 10px; padding: 0 12px"
                      size="small"
                      type="primary"
                    >
                      <i class="el-icon-info"></i>
                    </c-button>
                    <c-button size="small" type="primary">
                      详情
                    </c-button>
                  </template>
                </c-fullbox>
              </el-form-item>
            </c-col>
            <c-col :span="24">
              <el-form-item label="地址名称" prop="gidgrp.atb.pts.adrblk">
                <c-input
                  :disabled="model.gidgrp.atb.pts.adrblk != ''"
                  rows="4"
                  type="textarea"
                  v-model="model.gidgrp.atb.pts.adrblk"
                  maxlength="140"
                  show-word-limit
                  placeholder="请输入地址名称"
                  
                ></c-input>
              </el-form-item>
            </c-col>
          </c-col>
        </c-col>

        <c-col :span="24">
      <el-form-item label="可录入保函项下其他关联方">
        <c-edit-table
          :model="model"
          v-bind="ptsaddg"
        >
          <el-table-column label="操作">
            <template slot-scope="scope">
              <el-button
                size="mini"
                type="primary"
                >详情</el-button
              >
            </template>
          </el-table-column>
        </c-edit-table>
      </el-form-item>
    </c-col>
      </c-col>
    </c-row>

  </div>
</template>
<script>
import commonProcess from "~/mixin/commonProcess";
import event from '../event'
import Ptap from '~/views/Public/Ptap'

export default {
  components: { 'c-ptap': Ptap },
  inject: ['root'],
  props: ['model', 'codes'],
  mixins: [commonProcess, event],
  data() {
    return {
      ptsaddg: {
        columns: [
          {
            title: '角色',
            width: '120px',
            dataIndex: 'rol',
            show: 'select',
          },
          {
            title: '当事人',
            width: '180px',
            dataIndex: 'ptyextkey',
            show: 'input',
          },
          {
            title: '当事人名称',
            width: '250px',
            dataIndex: 'nam',
          },
          {
            title: '地址编号',
            width: '250px',
            dataIndex: 'ref',
          },
        ],
        urls: 'gitp.ptsaddp.ptsaddg',
      },
    }
  },
  methods: {},
  created: function () {},
}
</script>
<style></style>