<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="
                      showGridPromptDialog(`gidgrp.apl.pts.extkey`)
                    "
                    disabled
                  ></c-input>
                  <template slot="footer">
                    <c-button
                      size="small"
                      type="primary"
                    >
                      <i class="el-icon-info"></i>
                    </c-button>
                    <c-button
                      :disabled="model.gidgrp.apl.pts.adrblk == ''"
                      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.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"
                    disabled
                    maxlength="16"
                    placeholder="请输入"
                    @keyup.enter.native="
                      showGridPromptDialog(`gidgrp.con.pts.extkey`)
                    "
                  ></c-input>
                  <template slot="footer">
                    <c-button
                      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.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="
                        showGridPromptDialog(`gidgrp.apl.pts.extkey`)
                      "
                      disabled
                    ></c-input>
                    <!-- @blur="benBlur" -->
                    <template slot="footer">
                      <c-button
                        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="
                        showGridPromptDialog(`gidgrp.ctr.pts.extkey`)
                      "
                      disabled
                    ></c-input>
                    <!-- @blur="benBlur" -->
                    <template slot="footer">
                      <c-button
                        size="small"
                        type="primary"
                      >
                        <i class="el-icon-info"></i>
                      </c-button>
                      <c-button size="small" type="primary" @click="onCtrpDet">
                        详情
                      </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
                    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="
                        showGridPromptDialog(`gidgrp.apl.pts.extkey`)
                      "
                      disabled
                    ></c-input>
                    <!-- @blur="benBlur" -->
                    <template slot="footer">
                      <c-button
                        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="
                        showGridPromptDialog(`gidgrp.ctr.pts.extkey`)
                      "
                      disabled
                    ></c-input>
                    <!-- @blur="benBlur" -->
                    <template slot="footer">
                      <c-button
                        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.ctr.pts.adrblk">
                  <c-input
                    disabled
                    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="
                      showGridPromptDialog(`gidgrp.ben.pts.extkey`)
                    "
                    disabled
                  ></c-input>
                  <template slot="footer">
                    <c-button
                      size="small"
                      type="primary"
                    >
                      <i class="el-icon-info"></i>
                    </c-button>
                    <c-button
                      :disabled="model.gidgrp.rec.hndtyp == 'OT'"
                      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
                  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="
                      showGridPromptDialog(`gidgrp.iss.pts.extkey`)
                    "
                    disabled
                  ></c-input>
                  <template slot="footer">
                    <c-button
                      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="
                      showGridPromptDialog(`gidgrp.ben.pts.extkey`)
                    "
                    disabled
                  ></c-input>
                  <!-- @blur="benBlur" -->
                  <template slot="footer">
                    <c-button
                      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
                  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="
                      showGridPromptDialog(`gidgrp.atb.pts.extkey`)
                    "
                    disabled
                  ></c-input>
                  <!-- @blur="benBlur" -->
                  <template slot="footer">
                    <c-button
                      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
                  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>
                  <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 event from '../event'
import Ptap from "~/views/Public/Ptap";
import Utils from "~/utils";

export default {
  components: { "c-ptap": Ptap },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [ 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: {
  },
  watch: {
    "model.gidgrp.apl.pts.adrblk": function () {
      this.roleChange();
    },
    "model.gidgrp.ctr.pts.adrblk": function () {
      this.roleChange();
    },
    "model.gidgrp.ben.pts.adrblk": function () {
      this.roleChange();
    },
    "model.gidgrp.atb.pts.adrblk": function () {
      this.roleChange();
    },
  },

  created: function () {},
};
</script>
  <style></style>