Limitbody.vue

<template>
  <div class="eibs-tab">
    <!--
            <c-col :span="12">
         <el-form-item label="ECIFNO">
             <c-input  v-model="model.liaall.limmod.ecifno" maxlength="22"  placeholder="请输入ECIFNO"></c-input>
         </el-form-item>
        </c-col>

     <c-col :span="12">
         <span  v-text="model.liaall.limmod.limpts.wrklab"   data-path=".liaall.limmod.limpts.wrklab" > </span>
     </c-col>

     <c-col :span="12">
         <span  v-text="model.liaall.limmod.limpts.othlab"   data-path=".liaall.limmod.limpts.othlab" > </span>
     </c-col>

     <c-col :span="12">
         <span  v-text="model.liaall.limmod.limpts.othlabss"   data-path=".liaall.limmod.limpts.othlabss" > </span>
     </c-col>

        <c-col :span="12">
         <el-form-item label="Drag  Drop Sender">
             <c-input  v-model="model.liaall.limmod.wrkp.ptsget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
         </el-form-item>
        </c-col>

        <c-col :span="12">
         <el-form-item label="Drag  Drop Sender">
             <c-input  v-model="model.liaall.limmod.othp.ptsget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
         </el-form-item>
        </c-col>
        -->

    <!-- 左边-->
    <c-col :span="8">
      <!-- line2 -->
      <c-row>
        <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="请输入External Key of Address"
                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="请输入External Key of Address"
                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>

    <!-- ====================左边======================= 

    <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-col :span="11">
        <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" disabled maxlength="16" placeholder="请输入External Key of Address" 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="onPreperButtxmsel">
                            详情
                        </c-button>
                    </template>
                </c-fullbox>
            </el-form-item>
        </c-col>
        <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-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-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-col>
    -->

    <!-- ========================右边======================= 
    <c-col :span="11" :offset="1">
        <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-col :span="24">
            <el-form-item label="保证金余额" prop="liaall.limmod.ccvamt">
                <c-input v-model="model.liaall.limmod.ccvamt" placeholder="请输入保证金余额" :disabled="true" style="width: 100%"></c-input>
            </el-form-item>
        </c-col>
    </c-col>
-->
    <!--        <c-col :span="12">-->
    <!--            <el-form-item label="开证授信额度主体名称" prop="liaall.limmod.limpts.wrk.pts.nam">-->
    <!--                <c-input  v-model="model.liaall.limmod.limpts.wrk.pts.nam" maxlength="40"  placeholder="请输入Name of Party"></c-input>-->
    <!--            </el-form-item>-->
    <!--        </c-col>-->

    <!--
           <c-col :span="12">
            <c-button size="small" type="primary"  @click="onWrkpDet">
                Details
            </c-button>
           </c-col>

           <c-col :span="12">
            <el-form-item label="External Key of Address">
                <c-input  v-model="model.liaall.limmod.limpts.oth.pts.extkey" maxlength="16"  placeholder="请输入External Key of Address"></c-input>
            </el-form-item>
           </c-col>

           <c-col :span="12">
            <el-form-item label="">
                <c-input  v-model="model.liaall.limmod.othp.ptsget.sdamod.seainf"  placeholder="请输入"></c-input>
            </el-form-item>
           </c-col>

           <c-col :span="12">
            <c-button size="small" type="primary"  @click="onOthpDet">
                Details
            </c-button>
           </c-col>

           <c-col :span="12">
            <el-form-item label="Name of Party">
                <c-input  v-model="model.liaall.limmod.limpts.oth.pts.nam" maxlength="40"  placeholder="请输入Name of Party"></c-input>
            </el-form-item>
           </c-col>
           <c-col :span="12">
            <el-form-item label="Flag to Mark Non-revolving Limits">
                <c-select v-model="model.liaall.limmod.limpts.nonrevflg2" style="width:100%" placeholder="请选择Flag to Mark Non-revolving Limits">
                  </c-select>
            </el-form-item>
           </c-col>
           <c-col :span="12">
            <el-form-item label="合同流�'号">
                <c-input  v-model="model.liaall.limmod.limpts.pfcod2" maxlength="14"  placeholder="请输入合同流�'号"></c-input>
            </el-form-item>
           </c-col>

           <c-col :span="12">
            <c-button size="small" type="primary"  @click="onLimptsGet2">
                查询
            </c-button>
           </c-col>
                  <c-col :span="12">
            <c-button size="small" type="primary"  @click="onLimmodTrycal">
                试算
            </c-button>
           </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>

    <!-- <c-col :span="24" style="" v-if="false">
            <c-table :list="model.liaall.limmod.lmegrd" :border="true">
                <el-table-column label="可否串用" width="auto">
                </el-table-column>
                <el-table-column label="序号" width="auto"> </el-table-column>
                <el-table-column label="额度类型" width="auto">
                </el-table-column>
                <el-table-column label="入账机构" width="auto">
                </el-table-column>
                <el-table-column label="额度编号" width="auto">
                </el-table-column>
                <el-table-column label="额度明细编号" width="auto">
                </el-table-column>
                <el-table-column label="额度品种代码" width="auto">
                </el-table-column>
                <el-table-column label="品种代码描述" width="auto">
                </el-table-column>
                <el-table-column label="" width="auto"> </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>