<template>
  <div class="eibs-tab">
    <!-- 左边-->
    <c-col :span="8">
      <!-- line2 -->
      <c-row>
        <c-col :span="24">
          <el-form-item label="ECIFNO">
            <c-input
              disabled
              v-model="model.liaall.limmod.ecifno"
              maxlength="22"
              placeholder="请输入ECIFNO"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item
            label="额度主体"
            prop="liaall.limmod.limpts.wrk.pts.extkey"
            style="width: 100%"
          >
            <c-fullbox>
              <c-input
                v-model="model.liaall.limmod.limpts.wrk.pts.extkey"
                maxlength="16"
                placeholder="请输入"
                style="width: 100%"
              ></c-input>
              <template slot="footer">
                <c-button
                  style="margin: 0 5px 0 10px; padding: 0 12px"
                  size="small"
                  type="primary"
                  icon="el-icon-search"
                  @click="onSeainf"
                />
                <c-button
                  style="margin: 0 0"
                  size="small"
                  type="primary"
                  @click="onWrkpDet"
                >
                  详情
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>
      </c-row>

      <!-- line3 -->
      <c-row>
        <c-col :span="24">
          <el-form-item
            label="主体名称"
            prop="liaall.limmod.limpts.wrk.pts.nam"
          >
            <c-input
              v-model="model.liaall.limmod.limpts.wrk.pts.nam"
              maxlength="16"
              placeholder=""
              :disabled="true"
              style="width: 100%"
            ></c-input>
          </el-form-item>
        </c-col>
      </c-row>

      <!-- line4 -->
      <c-row>
        <c-col :span="24" style="text-align: right">
          <el-form-item label="额度类型" prop="liaall.limmod.limpts.nonrevflg1">
            <c-fullbox>
              <c-select
                v-model="model.liaall.limmod.limpts.nonrevflg1"
                style="width: 100%"
                placeholder="请选择Flag to Mark Non-revolving Limits"
                @change="nonrevflg1Change"
              >
                <el-option
                  v-for="item in codes.nonrevflg1"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </c-select>
              <template slot="footer">
                <c-button
                  style="padding: 0 12px"
                  size="small"
                  type="primary"
                  icon="el-icon-search"
                  @click="onLimptsGet1"
                >
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>
      </c-row>

      <!-- line5 -->
      <c-row>
        <c-col :span="24">
          <el-form-item label="合同流水号" prop="liaall.limmod.limpts.pfcod1">
            <c-input
              v-model="model.liaall.limmod.limpts.pfcod1"
              maxlength="14"
              placeholder="请输入合同流水号"
              :disabled="this.model.liaall.limmod.limpts.nonrevflg1 != '2'"
              style="width: 100%"
            ></c-input>
          </el-form-item>
        </c-col>
      </c-row>
    </c-col>

    <!-- 中间 -->
    <!-- 随event方法改变 -->
    <c-col :span="8" v-show="same" @change="show">
      <!-- line2 -->
      <c-row>
        <c-col :span="24">
          <el-form-item
            label="对公账户"
            prop="liaall.limmod.limpts.oth.pts.extkey"
            style="width: 100%"
          >
            <c-fullbox>
              <c-input
                v-model="model.liaall.limmod.limpts.oth.pts.extkey"
                maxlength="16"
                placeholder="请输入"
                style="width: 100%"
              ></c-input>
              <template slot="footer">
                <c-button
                  style="margin: 0 5px 0 10px; padding: 0 12px"
                  size="small"
                  type="primary"
                  icon="el-icon-search"
                  @click="onSeainf"
                />
                <c-button
                  style="margin: 0 0"
                  size="small"
                  type="primary"
                  @click="onOthpDet"
                >
                  详情
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>
      </c-row>

      <!-- line3 -->
      <c-row>
        <c-col :span="24">
          <el-form-item
            label="主体名称"
            prop="liaall.limmod.limpts.oth.pts.nam"
          >
            <c-input
              v-model="model.liaall.limmod.limpts.oth.pts.nam"
              maxlength="16"
              placeholder=""
              :disabled="true"
              style="width: 100%"
            ></c-input>
          </el-form-item>
        </c-col>
      </c-row>

      <!-- line4 -->
      <c-row>
        <c-col :span="24" style="text-align: right">
          <el-form-item label="额度类型" prop="liaall.limmod.limpts.nonrevflg2">
            <c-fullbox>
              <c-select
                v-model="model.liaall.limmod.limpts.nonrevflg2"
                style="width: 100%"
                placeholder="请选择Flag to Mark Non-revolving Limits"
                @change="nonrevflg2Change"
              >
                <el-option
                  v-for="item in codes.nonrevflg2"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </c-select>
              <template slot="footer">
                <c-button
                  style="padding: 0 12px"
                  size="small"
                  type="primary"
                  icon="el-icon-search"
                  @click="onLimptsGet2"
                >
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>
      </c-row>

      <!-- line5 -->
      <c-row>
        <c-col :span="24">
          <el-form-item label="合同流水号" prop="liaall.limmod.limpts.pfcod2">
            <c-input
              v-model="model.liaall.limmod.limpts.pfcod2"
              maxlength="14"
              placeholder="请输入合同流水号"
              :disabled="this.model.liaall.limmod.limpts.nonrevflg2 != '2'"
              style="width: 100%"
            ></c-input>
          </el-form-item>
        </c-col>
      </c-row>
    </c-col>

    <!-- 右边-->
    <c-col :span="8">
      <!-- line1 -->
      <c-row>
        <c-col :span="24">
          <el-form-item label="业务编号" prop="liaall.limmod.ownref">
            <c-input
              v-model="model.liaall.limmod.ownref"
              maxlength="16"
              placeholder="请输入国结业务编号"
              :disabled="true"
              style="width: 100%"
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="业务余额" prop="liaall.limmod.comamt">
            <c-input
              v-model="model.liaall.limmod.comamt"
              placeholder="请输入业务余额"
              :disabled="true"
              style="width: 100%"
            ></c-input>
          </el-form-item>
        </c-col>
      </c-row>
      <!-- line1 -->
      <c-row>
        <c-col :span="24">
          <el-form-item label="保证金余额" prop="liaall.limmod.ccvamt">
            <c-input
              v-model="model.liaall.limmod.ccvamt"
              placeholder="请输入保证金余额"
              :disabled="true"
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24" style="text-align: right">
          <c-button size="small" type="primary" @click="onLimmodTrycal">
            试算
          </c-button>
        </c-col>
      </c-row>
    </c-col>

    <br /><br /><br /><br /><br />
    <c-col :span="24" style="">
      <c-table :list="model.liaall.limmod.limgrd" :border="true">
        <el-table-column prop="flg" label="可否串用" width="70px">
        </el-table-column>
        <el-table-column prop="shxh" label="序号" width="50px">
        </el-table-column>
        <el-table-column prop="limtyp" label="额度类型" width="70px">
        </el-table-column>
        <el-table-column prop="ruzhjg" label="入账机构" width="70px">
        </el-table-column>
        <el-table-column prop="limref" label="额度编号" width="70px">
        </el-table-column>
        <el-table-column prop="infref" label="额度明细编号" width="100px">
        </el-table-column>
        <el-table-column prop="limcodsave" label="额度品种代码" width="100px">
        </el-table-column>
        <el-table-column prop="limcod" label="品种代码描述" width="100px">
        </el-table-column>
        <el-table-column prop="cur" label="额度明细币种" width="100px">
        </el-table-column>
        <el-table-column prop="ccvpct" label="保证金比例" width="100px">
        </el-table-column>
        <el-table-column prop="cpsxed" label="产品授信额度" width="100px">
        </el-table-column>
        <el-table-column prop="balamt" label="产品可用额度" width="100px">
        </el-table-column>
        <el-table-column prop="useamt" label="产品已用额度" width="100px">
        </el-table-column>
        <el-table-column prop="cpsxck" label="产品授信敞口" width="100px">
        </el-table-column>
        <el-table-column prop="cpkyck" label="产品可用敞口" width="100px">
        </el-table-column>
        <el-table-column prop="cpyyck" label="产品已用敞口" width="100px">
        </el-table-column>
        <el-table-column prop="bxh" label="是否可循环" width="90px">
        </el-table-column>
        <el-table-column prop="bcy" label="是否可串用" width="90px">
        </el-table-column>
        <el-table-column prop="cyremark" label="串用说明" width="100px">
        </el-table-column>
        <el-table-column prop="credat" label="产品额度生效日期" width="120px">
        </el-table-column>
        <el-table-column prop="matdat" label="产品额度到期日" width="120px">
        </el-table-column>
        <el-table-column prop="lcpsta" label="额度产品状态" width="100px">
        </el-table-column>
        <el-table-column prop="fentyp" label="暴露分类" width="100px">
        </el-table-column>
        <el-table-column prop="fentxt" label="暴露分类说明" width="100px">
        </el-table-column>
        <el-table-column prop="limcur" label="额度币种" width="90px">
        </el-table-column>
        <el-table-column prop="bfx" label="是否低风险" width="90px">
        </el-table-column>
      </c-table>
    </c-col>
  </div>
</template>

<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
// import Event from "~/model/Ditopn/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      tableData: {},
      same: false,
    };
  },
  methods: {
    onSeainf() {},
    async onPreperButtxmsel() {
      let rtnmsg = await this.executeRule("preper_buttxmsel");
      if (rtnmsg.respCode == SUCCESS) {
        //TODO 处理数据逻辑
      } else {
        this.$notify.error({
          title: "错误",
          message: "服务请求失败！",
        });
      }
    },
    async onLimptsGet1() {
      let rtnmsg = await this.executeRule("limpts_get1");
      if (rtnmsg.respCode == SUCCESS) {
        //TODO 处理数据逻辑
      } else {
        this.$notify.error({
          title: "错误",
          message: "服务请求失败！",
        });
      }
    },
    async onLimptsGet2() {
      let rtnmsg = await this.executeRule("limpts_get2");
      if (rtnmsg.respCode == SUCCESS) {
        //TODO 处理数据逻辑
      } else {
        this.$notify.error({
          title: "错误",
          message: "服务请求失败！",
        });
      }
    },
    nonrevflg1Change() {
      if (this.model.liaall.limmod.limpts.nonrevflg1 == "1") {
        this.model.liaall.limmod.limpts.pfcod1 = "";
      }
    },
    nonrevflg2Change() {
      if (this.model.liaall.limmod.limpts.nonrevflg2 == "1") {
        this.model.liaall.limmod.limpts.pfcod2 = "";
      }
    },
    async onWrkpDet() {
      let rtnmsg = await this.executeRule("liaall.limmod.wrkp.det");
      if (rtnmsg.respCode == SUCCESS) {
        //TODO 处理数据逻辑
        console.log(rtnmsg.data);
      } else {
        this.$notify.error({
          title: "错误",
          message: "服务请求失败！",
        });
      }
    },
    async onOthpDet() {
      let rtnmsg = await this.executeRule("liaall.limmod.othp.det");
      if (rtnmsg.respCode == SUCCESS) {
        //TODO 处理数据逻辑
        console.log(rtnmsg.data);
      } else {
        this.$notify.error({
          title: "错误",
          message: "服务请求失败！",
        });
      }
    },

    async onLimmodTrycal() {
      let rtnmsg = await this.executeRule("liaall.limmod.trycal");
      if (rtnmsg.respCode == SUCCESS) {
        //TODO 处理数据逻辑
      } else {
        this.$notify.error({ title: "错误", message: "服务请求失败！" });
      }
    },
    show() {
      let len1 = this.model.liaall.limmod.tygrd["rows"].length || [];
      let len2 = this.model.liaall.limmod.dggrd["rows"].length || [];

      if (len1 > 0 && len2 > 0) {
        this.same = true;
      }
    },
  },
  created: function () {},
};
</script>

<style>
</style>