<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="12">
            <c-col :span="16">
                <el-form-item
                    label="国内信用证项下开证授信额度:"
                    prop="liaall.limmod.limpts.wrk.pts.extkey"
                >
                    <c-input
                        v-model="model.liaall.limmod.limpts.wrk.pts.extkey"
                        :disabled="true"
                        maxlength="16"
                        placeholder="请输入External Key of Address"
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="8">
                <el-form-item label="" label-width="20px">
                    <c-button
                        size="small"
                        type="primary;width:10%"
                        @click="onSeainf"
                        >i</c-button
                    >
                    <c-button
                        size="small"
                        type="primary"
                        icon="el-icon-search"
                        @click="onPreperButtxmsel"
                    >
                        Details
                    </c-button>
                </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:90%"
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="12">
                <el-form-item
                    label="额度类型"
                    prop="liaall.limmod.limpts.nonrevflg1"
                >
                    <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>
                </el-form-item>
            </c-col>

            <c-col :span="12">
                <el-form-item label="">
                    <c-button size="small" type="primary" @click="onLimptsGet1">
                        查询
                    </c-button>
                </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: 55%"
                    ></c-input>
                </el-form-item>
            </c-col>
        </c-col>

        <!-- ========================右边======================= -->
        <c-col :span="12">
            <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: 70%"
                    ></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: 70%"
                    ></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: 70%"
                    ></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>
           -->

        <c-col :span="22" :offset="1">
            <c-table style="text-align: center" :data="tableData" :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: {},
        };
    },
    methods: { ...Event ,
        nonrevflg1Change(){
            if (this.model.liaall.limmod.limpts.nonrevflg1 == '1'){
                this.model.liaall.limmod.limpts.pfcod1 = "";
            }
        }
    },
    created: function () {},
};
</script>
<style>
</style>
