<template>
  <div class="eibs">
    <!-- ================= 左 ================== -->
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24" class="fieldName">
        <c-ptap
          disabled
          :disabledExtkey="true"
          :disabledRef="true"
          :argadr="{
            title: this.model.lidgrp.rec.dkflg == 'X' ? 'Applicant Bank' : 'Applicant',
            grp: 'brdgrp',
            rol: 'apl',
          }"
          :isAdrblk="true"
          :model="model"
          bchinr="00000036"
          :ptytyp="this.model.lidgrp.rec.dkflg == 'X' ? 'B,C' : 'C'"
          :isLabel120="false"
          :charmod="0"></c-ptap>
      </c-col>
      <c-col :span="24" class="fieldName">
        <c-ptap
          disabled
          :disabledExtkey="true"
          :disabledRef="true"
          :argadr="{ title: 'Beneficiary', grp: 'brdgrp', rol: 'ben' }"
          :isAdrblk="true"
          :model="model"
          bchinr="00000036"
          ptytyp="C"
          :isLabel120="false"></c-ptap>
      </c-col>
    </c-col>

    <!-- ================右  ==================== -->
    <c-col :span="12" style="padding-left: 20px">
      <c-col :span="24">
        <el-form-item label="Presented by" prop="brdgrp.rec.docprbrol">
          <c-select
            v-model="model.brdgrp.rec.docprbrol"
            style="width: 100%"
            placeholder="请选择交单行"
            dbCode="rolall"
            :filterKey="['PRB', 'BEN', 'ADV', 'A2B']"
            @change="onDocprbrolChange">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24" class="fieldName">
        <el-form-item label="Presenting Bank" style="margin-bottom: 0">
          <el-form-item label-width="0" style="margin-bottom: 10px">
            <c-ptap
              :disabled="this.model.brdgrp.rec.docprbrol != 'PRB'"
              :disabledExtkey="this.model.brdgrp.rec.docprbrol != 'PRB'"
              :argadr="{ title: '通知行', grp: 'brdgrp', rol: 'prb' }"
              :isAdrblk="true"
              :isFieldLabelVisible="false"
              :model="model"
              bchinr="00000036"
              ptytyp="B"
              :isLabel120="false"></c-ptap>
          </el-form-item>
        </el-form-item>
      </c-col>
      <c-col :span="24" class="fieldName" v-if="model.lidgrp.rec.dkflg == 'X'">
        <c-ptap
          disabled
          :disabledExtkey="true"
          :disabledRef="true"
          :argadr="{ title: 'Applicant', grp: 'brdgrp', rol: 'apo' }"
          :haveAdrLabel="true"
          :isFieldLabelVisible="true"
          :isAdrblk="true"
          :model="model"
          :requiredExtkey="true"
          ptytyp="C"
          :isLabel120="false"></c-ptap>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "../event";
import Pts from "~/components/business/commonModel/Pts.js";
import { cloneDeep } from "lodash";

export default {
  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: "litp.ptsaddp.ptsaddg",
      },
    };
  },
  methods: {
    handleEdit() {
      console.log("1111测试");
    },
    onDocprbrolChange() {
      // 先将原有数据清空
      this.model.brdgrp.prb.pts = new Pts().data;
      let ptsList = [];
      ptsList.push(this.model.brdgrp.prb);
      ptsList.push(this.model.lidgrp.a2b);
      ptsList.push(this.model.brdgrp.ben);
      ptsList.push(this.model.lidgrp.adv);
      let rol = this.model.brdgrp.rec.docprbrol;
      let res = ptsList.find((item) => item.pts.rol == rol);
      if (res != null && res != "") {
        let newRes = cloneDeep(res);
        this.model.brdgrp.prb = newRes;
        this.model.brdgrp.prb.pts.rol = "PRB";
      }
    },
  },
  created: function () {},
};
</script>
<style></style>