<template>
  <c-row>
    <c-col :span="24">
      <c-col :span="7">
        <el-form-item label="L/C Reference" prop="ledgrp.rec.ownref">
          <c-input
            v-model="model.ledgrp.rec.ownref"
            maxlength="16"
            style="width: 96%"
            placeholder="请输入L/C Reference"
            @keyup.enter.native="showGridPromptDialog('ledgrp.rec.ownref')"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="2">
        <c-button
          size="small"
          type="primary"
          @click="onSeainf"
          icon="el-icon-search"
        ></c-button>
      </c-col>
      <c-col :span="2" class="centerLable">
        <c-checkbox v-model="model.clsflg">Show closed</c-checkbox>
      </c-col>
      <c-col :span="11" :offset="1">
        <el-form-item label="Name" prop="ledgrp.rec.nam">
          <c-input
            v-model="model.ledgrp.rec.nam"
            maxlength="40"
            placeholder="请输入Externally Displayed Name to Identify the Contract"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>
    </c-col>

    <c-col :span="24">
      <c-col :span="11">
        <c-col :span="24">
          <el-form-item label="L/C Amount" prop="ledgrp.cbs.nom1.cur">
            <c-input
              v-model="model.ledgrp.cbs.nom1.cur"
              maxlength="3"
              placeholder="请输入L/C Amount"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Open Amount" prop="ledgrp.cbs.opn1.cur">
            <c-input
              v-model="model.ledgrp.cbs.opn1.cur"
              maxlength="3"
              placeholder="请输入Open Amount"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Available with" prop="ledgrp.avbnam">
            <c-input
              v-model="model.ledgrp.avbnam"
              maxlength="40"
              placeholder="请输入Available with"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="   by " prop="ledgrp.rec.avbby">
            <c-select
              v-model="model.ledgrp.rec.avbby"
              style="width: 100%"
              placeholder="请选择Available by "
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="13">
          <el-form-item label="Date Issued" prop="ledgrp.rec.opndat">
            <c-date-picker
              type="date"
              v-model="model.ledgrp.rec.opndat"
              style="width: 95%"
              placeholder="请选择Date Issued"
              disabled
            ></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="11">
          <el-form-item
            label="Shipment Date"
            label-width="110px"
            prop="ledgrp.rec.shpdat"
          >
            <c-date-picker
              type="date"
              v-model="model.ledgrp.rec.shpdat"
              style="width: 100%"
              placeholder="请选择Shipment Date"
              disabled
            ></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="13">
          <el-form-item label="Date/Place of Expiry" prop="ledgrp.rec.expdat">
            <c-date-picker
              type="date"
              v-model="model.ledgrp.rec.expdat"
              style="width: 95%"
              placeholder="请选择Date/Place of Expiry"
              disabled
            ></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="11">
          <el-form-item label="" label-width="0px" prop="ledgrp.rec.expplc">
            <c-input
              v-model="model.ledgrp.rec.expplc"
              maxlength="29"
              placeholder="请输入Date/Place of Expiry"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Form of L/C" prop="ledgrp.rec.lcrtyp">
            <c-select
              v-model="model.ledgrp.rec.lcrtyp"
              style="width: 100%"
              placeholder="请选择转让标志"
              disabled
              :code="codes.lcrtyp"
            >
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="11" :offset="1">
        <c-col :span="24">
          <el-form-item label="Beneficiary" prop="ledgrp.ben.pts.ref">
            <c-input
              v-model="model.ledgrp.ben.pts.ref"
              maxlength="16"
              placeholder="请输入Beneficiary"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Name of Party" prop="ledgrp.ben.pts.nam">
            <c-input
              v-model="model.ledgrp.ben.pts.nam"
              maxlength="40"
              placeholder="请输入Name of Party"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Issuing Bank" prop="ledgrp.iss.pts.ref">
            <c-input
              v-model="model.ledgrp.iss.pts.ref"
              maxlength="16"
              placeholder="请输入Issuing Bank"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Name of Party" prop="ledgrp.iss.pts.nam">
            <c-input
              v-model="model.ledgrp.iss.pts.nam"
              maxlength="40"
              placeholder="请输入Name of Party"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Applicant" prop="ledgrp.apl.pts.ref">
            <c-input
              v-model="model.ledgrp.apl.pts.ref"
              maxlength="16"
              placeholder="请输入Applicant"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Name of Party" prop="ledgrp.apl.pts.nam">
            <c-input
              v-model="model.ledgrp.apl.pts.nam"
              maxlength="40"
              placeholder="请输入Name of Party"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Confirmation text" prop="cnftxt">
            <c-input
              v-model="model.cnftxt"
              maxlength="40"
              placeholder="请输入Confirmation text"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col>

    <!-- ========================操作菜单================== -->
    <c-col :span="23">
      <el-form-item>
        <el-divider />
      </el-form-item>
    </c-col>
    <c-col :offset="12" :span="10">
      <el-tabs tab-position="right" @tab-click="onTabClick">
        <el-tab-pane v-for="it in meum" :key="it.label" :label="it.label">
          <sel-mune :data="it.item" :model="model" />
        </el-tab-pane>
      </el-tabs>
    </c-col>
  </c-row>
</template>
<script>
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Letsel/Event";
import SelMune from "./SelMune.vue";

export default {
  components: { SelMune },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [CommonProcess],
  data() {
    return {
      flag: 1,
      meum: [
        {
          label: "L/C",
          hotreg: "1",
          item: [
            {
              title: "Pre-Advising/Notifying",
              url: "/business/letrsv",
              disabled: false,
            },
            {
              title: "Advising/Confirming",
              url: "/business/letopn",
              hotsubx: "6",
              disabled: false,
            },
            { title: "Reservation", url: "#", disabled: false },
            { title: "Resevation & Receving Docs", url: "#", disabled: false },
            { title: "Confirmation an Export L/C", url: "#", disabled: true },
            {
              title: "Amending Issuing Bank",
              url: "/business/letame",
              hotsubx: "6",
              disabled: false,
            },
            {
              title: "Changing Issuing Bank",
              url: "#",
              disabled: true,
            },
            { title: "Receiving Docs", url: "#", disabled: true },
          ],
        },
        {
          label: "Others",
          item: [
            { title: "Charge Settlement", url: "#", disabled: true },
            { title: "Attachment", url: "#", disabled: true },
            { title: "Editing References", url: "#", disabled: true },
            { title: "Common Message", url: "#", disabled: true },
            { title: "Cancelling", url: "#", disabled: true },
            { title: "Re_Opening", url: "#", disabled: true },
          ],
        },
        {
          label: "Docs",
          item: [
            { title: "Correct Drawing", url: "#", disabled: true },
            { title: "Processing Discrepant Docs", url: "#", disabled: true },
            { title: "Sending Documents", url: "#", disabled: true },
            { title: "Changing Maturity", url: "#", disabled: true },
            { title: "Funds Settlement", url: "#", disabled: true },
            { title: "Reimbursement", url: "#", disabled: true },
          ],
        },
        {
          label: "Oth.Docs",
          item: [
            { title: "Charge Settlement", url: "#", disabled: true },
            { title: "Attachment", url: "#", disabled: true },
            { title: "Confirmation Limit Canclling", url: "#", disabled: true },
            { title: "Editing Reference", url: "#", disabled: true },
            { title: "Common Message", url: "#", disabled: true },
            { title: "Cancelling", url: "#", disabled: true },
            { title: "Re_Opening", url: "#", disabled: true },
          ],
        },
        {
          label: "Advance",
          item: [
            { title: "Creating an Advance", url: "#", disabled: true },
            { title: "Amending an Advance", url: "#", disabled: true },
            { title: "Setting an Advance", url: "#", disabled: true },
            { title: "递延收益冲销", url: "#", disabled: true },
            { title: "资产转卖收入或损失确认", url: "#", disabled: true },
            { title: "Cancelling", url: "#", disabled: true },
          ],
        },
        {
          label: "Oth.Advance",
          item: [
            { title: "Charge Settlement", url: "#", disabled: true },
            { title: "Attachment", url: "#", disabled: true },
            { title: "Editing References", url: "#", disabled: true },
            { title: "Engagement Adjustment", url: "#", disabled: true },
            { title: "Common Messages", url: "#", disabled: true },
          ],
        },
        {
          label: "Transfer",
          hotreg: "11",
          item: [
            {
              title: "Opening a Transfer L/C",
              url: "/business/lttopn",
              hotsubx: "1",
              disabled: false,
            },
            { title: "Amenting a Transfer L/C", url: "#", disabled: true },
            {
              title: "Receiving Docs from 2nd Benfic",
              url: "#",
              disabled: true,
            },
          ],
        },
        {
          label: "Oth.Transfer",
          item: [
            { title: "Charge Settlement", url: "#", disabled: true },
            { title: "Attachment", url: "#", disabled: true },
            { title: "Editing References", url: "#", disabled: true },
            { title: "Common Messages", url: "#", disabled: true },
            { title: "Cancelling", url: "#", disabled: true },
            { title: "Re_Opening", url: "#", disabled: true },
          ],
        },
        {
          label: "L/T Docs",
          item: [
            {
              title: "Receiving Docs from 1st Benfic",
              url: "#",
              disabled: true,
            },
            { title: "Correct Drawing", url: "#", disabled: true },
            { title: "Processing discrepant Docs", url: "#", disabled: true },
            { title: "Sending Documents", url: "#", disabled: true },
            { title: "Changing Maturity", url: "#", disabled: true },
            { title: "funds Settlement", url: "#", disabled: true },
            { title: "Reimbursement Clain", url: "#", disabled: true },
          ],
        },
        {
          label: "Oth.L/T Docs",
          item: [
            { title: "Charge Settlement", url: "#", disabled: true },
            { title: "Attachment", url: "#", disabled: true },
            { title: "Editing References", url: "#", disabled: true },
            { title: "Common Messages", url: "#", disabled: true },
            { title: "Cancelling", url: "#", disabled: true },
            { title: "Re_Opening", url: "#", disabled: true },
          ],
        },
      ],
    };
  },
  methods: {
    ...Event,
    //各入口按钮请求
    async onTabClick(tab, event) {
      let hotreg = "";
      switch (tab.label) {
        case "Transfer":
          hotreg = "9";
          break;
        default:
          hotreg = "1";
      }
      let rtnmsg = await this.executeRule(`cfgfil.hotreg${hotreg}`);
      if ((rtnmsg.respCode = SUCCESS)) {
        this.updateModel(rtnmsg.data);
      } else {
        this.$notify.error({ title: "错误", message: "服务请求失败！" });
      }
    },
  },
  created: function () {},
};
</script>
<style>
.centerLable {
  height: 28px;
  line-height: 28px;
}
</style>
