<template>
  <div class="eibs-tab">
    <el-col :span="11">
        <c-col :span="24">
        <el-form-item label="Reference" prop="lidgrp.rec.ownref">
            <c-input disabled v-model="model.lidgrp.rec.ownref" maxlength="16"  placeholder="请输入Reference"></c-input>
        </el-form-item>
       </c-col>

        <c-col :span="15">
        <el-form-item label="L/C Amount" prop="lidgrp.cbs.nom1.cur">
            <c-input disabled v-model="model.lidgrp.cbs.nom1.cur" style="width:100%" placeholder="请选择Nominal Amount">
            </c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="9">
        <el-form-item label="" label-width="10px" prop="lidgrp.cbs.nom1.amt">
            <c-input disabled v-model="model.lidgrp.cbs.nom1.amt"  placeholder="请输入Nominal Amount"></c-input>
        </el-form-item>
       </c-col>

       <!-- <c-col :span="4">
	    <c-checkbox disabled v-model="model.litp.litp0.aammod.addamtflg">Add. Amount</c-checkbox>
       </c-col> -->

        <c-col :span="15">
        <el-form-item label="Open Amount" prop="lidgrp.cbs.opn1.cur">
            <c-input disabled v-model="model.lidgrp.cbs.opn1.cur" maxlength="3"  placeholder="请输入信用证余额"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="9">
        <el-form-item label="" label-width="10px" prop="lidgrp.cbs.opn1.amt">
            <c-input disabled v-model="model.lidgrp.cbs.opn1.amt"  placeholder="请输入Balance"></c-input>
        </el-form-item>
       </c-col>
                  
       <!-- <c-col :span="4">
	    <c-checkbox disabled v-model="model.lidgrp.rec.revflg">Revolving L/C</c-checkbox>
       </c-col> -->

        <c-col :span="24">
        <el-form-item label="Available with" prop="lidgrp.avbnam">
            <c-input disabled v-model="model.lidgrp.avbnam" maxlength="40"  placeholder="请输入指定银行"></c-input>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="Available by" prop="lidgrp.rec.avbby">
            <c-select 
            disabled 
            :code="codes.avbby"
            v-model="model.lidgrp.rec.avbby" style="width:100%" placeholder="请选择Available by">
              </c-select>
        </el-form-item>
       </c-col>

        <!-- <c-col :span="12">
	    <c-checkbox disabled v-model="model.lidgrp.rec.redclsflg">Red/Green Clause</c-checkbox>
         </c-col> -->

          <c-col :span="24">
        <el-form-item label="Date Issued" prop="lidgrp.rec.opndat">
            <c-date-picker 
            disabled
            type="date"  v-model="model.lidgrp.rec.opndat" style="width:100%"  placeholder="请选择L/C Issued on"></c-date-picker>
        </el-form-item>
       </c-col>
                  
       <c-col :span="24">
        <el-form-item label="提货日期" prop="lidgrp.rec.shpdat">
            <c-date-picker
            disabled
             type="date"  v-model="model.lidgrp.rec.shpdat" style="width:100%"  placeholder="请选择Latest Shipment Date"></c-date-picker>
        </el-form-item>
       </c-col>

        <c-col :span="24">
        <el-form-item label="Date of Expiry" prop="lidgrp.rec.expdat">
            <c-date-picker
            disabled
             type="date"  v-model="model.lidgrp.rec.expdat" style="width:100%"  placeholder="请选择L/C Expiring on"></c-date-picker>
        </el-form-item>
       </c-col>
                  
       <c-col :span="24">
        <el-form-item label="Place of Expiry" prop="lidgrp.rec.expplc">
            <c-input disabled v-model="model.lidgrp.rec.expplc" maxlength="29"  placeholder="请输入in (Place)/ counters of"></c-input>
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <el-form-item label="Form of L/C" prop="lidgrp.rec.lcrtyp">
            <c-select 
            disabled 
            :code="codes.lcrtyp"
            v-model="model.lidgrp.rec.lcrtyp" style="width:100%" placeholder="请选择Form of L/C">
              </c-select>
        </el-form-item>
       </c-col>

       <!-- <c-col :span="24">
        <el-form-item label="Amount Amend History List" prop="decstm">
            <c-input disabled v-model="model.decstm"  placeholder="请输入Amount Amend StreamGrid"></c-input>
        </el-form-item>
       </c-col> -->
    </el-col>

    <el-col :span="11" :offset="1">
            <c-col :span="24">
        <el-form-item label="Name" prop="lidgrp.rec.nam">
            <c-input  disabled v-model="model.lidgrp.rec.nam" maxlength="40"  placeholder="请输入Name"></c-input>
        </el-form-item>
       </c-col>

        <c-col :span="24">
        <el-form-item label="Applicant Ref." prop="lidgrp.apl.pts.ref">
            <c-input  disabled v-model="model.lidgrp.apl.pts.ref" maxlength="16"  placeholder="请输入Applicant              Ref."></c-input>
        </el-form-item>
       </c-col>

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

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

        <c-col :span="24">
        <el-form-item label="兑付方式" prop="lidgrp.ben.pts.nam">
            <c-input disabled v-model="model.lidgrp.ben.pts.nam" maxlength="40"  placeholder="请输入兑付方式"></c-input>
        </el-form-item>
       </c-col>

        <c-col :span="24">
        <el-form-item label="Advising Bank Ref." prop="lidgrp.adv.pts.ref">
            <c-input disabled v-model="model.lidgrp.adv.pts.ref" maxlength="16"  placeholder="请输入Advising Bank     Ref."></c-input>
        </el-form-item>
       </c-col>

        <c-col :span="24">
        <el-form-item label="到期日" prop="lidgrp.adv.pts.nam">
            <c-input disabled v-model="model.lidgrp.adv.pts.nam" maxlength="40"  placeholder="请输入到期日"></c-input>
        </el-form-item>
       </c-col> 
       <c-col :span="24">
        <el-form-item label="amend number" prop="amenbr">
            <c-input disabled v-model="model.amenbr" maxlength="3"  placeholder="请输入number"></c-input>
        </el-form-item>
       </c-col> 

       <c-col :span="12">
        <el-form-item label="Amount Amend Cur" prop="amecur">
            <c-input disabled v-model="model.amecur" maxlength="3"  placeholder="请输入Amount Amend Ccy"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="修改金额" prop="reduceamt">
            <c-input disabled v-model="model.reduceamt"  placeholder="请输入修改金额"></c-input>
        </el-form-item>
       </c-col> 

       <c-col :span="12">
        <el-form-item label="Amount Amend Date" prop="amedat">
            <c-input disabled v-model="model.amedat" maxlength="12"  placeholder="请输入Amount Amend Date"></c-input>
        </el-form-item>
       </c-col>  

       <c-col :span="12">   
        <el-form-item label="是否接受此笔减额修改" prop="ameflg">
            <c-select v-model="model.ameflg" disabled>
                <el-option v-for="item in codes.ameflg" :key="item.value" :label="item.label"
                    :value="item.value">
                </el-option>
            </c-select>
        </el-form-item>
       </c-col>
    </el-col>   

    <el-col :span="23">
        <c-istream-table 
                    :list="model.decstm.rows || []"
                    :columns="trnData.columns"
                    :showSelection="true"
                    v-on:multipleSelect="multipleSelect"
        >
        </c-istream-table>
    </el-col>                       
       <!-- <c-col :span="12">
        <el-form-item label="Drag  Drop Sender" prop="litp.litp0.recget.sdamod.dadsnd">
            <c-input  v-model="model.litp.litp0.recget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </c-col> -->
                  
       <!-- <c-col :span="12">
        <c-button size="small" type="primary"  @click="onSav">
            保存
        </c-button>
       </c-col> -->
                  
       <!-- <c-col :span="12">
        <c-button size="small" type="primary"  @click="onUsrcon">
            用户确认
        </c-button>
       </c-col> -->
                                   
       
                  
       <!-- <c-col :span="12">
        <el-form-item label="参考号" prop="litp.litp0.recget.sdamod.seainf">
            <c-input  v-model="model.litp.litp0.recget.sdamod.seainf"  placeholder="请输入参考号"></c-input>
        </el-form-item>
       </c-col> -->
                                   
       
                  
       <!-- <c-col :span="12">
        <c-button size="small" type="primary"  @click="onChk">
            检核
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onUsrchk">
            检核
        </c-button>
       </c-col> -->
                                   
       

       
                  
       
                  
       <!-- <c-col :span="12">
        <c-button size="small" type="primary"  @click="onSyswrnButshw">
            提示信息
        </c-button>
       </c-col> -->
                                   
       
                  
       
                                   
      
                                                    
       
                  
       
                                   
         

      
                                   
      
                                                    
        
	<!-- <c-col :span="12">
	    <span  v-text="model.litp.litp0.thdate"   data-path=".litp.litp0.thdate" > </span>
	</c-col> -->
                                   
      
                  
       
                  
       <!-- <c-col :span="12">
        <c-button size="small" type="primary" icon="el-icon-search" @click="onDiasel">
            备忘录
        </c-button>
       </c-col> -->
                                   
       
                  
       <!-- <c-col :span="12">
        <c-button size="small" type="primary"  @click="onInc">
            显示 &Inc.
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onNotmap">
            &Unmapped
        </c-button>
       </c-col> -->
                                   
       <!-- <c-col :span="12">
        <c-button size="small" type="primary"  @click="onFrmbut">
            &Redirect
        </c-button>
       </c-col> -->
                  
       
                                   
       
                                   
       <!-- <c-col :span="12">
        <c-button size="small" type="primary"  @click="onOrd">
            &Order
        </c-button>
       </c-col> -->
                                   
       
                  
       <!-- <c-col :span="12">
        <c-button size="small" type="primary"  @click="onIncben">
            Inc to Ben
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onImgmodImage">
            E结算影像
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onImgmodNewimg">
            影像
        </c-button>
       </c-col> -->
                                   
       
                  
       <!-- <c-col :span="12">
        <c-button size="small" type="primary"  @click="onImgmodNewhisimg">
            历史影像
        </c-button>
       </c-col> -->
                  
       <!-- <c-col :span="12">
        <c-button size="small" type="primary"  @click="onImgmodElcimage">
            人行影像
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onEntmodEntbut">
            企业名录
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onPen">
            暂存
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onCan">
            退出
        </c-button>
       </c-col> -->
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Litacp/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {
        trnData: {
        columns: [
            "0 1 \"\" 200",
            "1 2 \"Own Reference\" 200",
            "2 3 \"Cur\" 200",
            "3 4 \"减额金额\" 200 ",
            "4 5 \"修改日期\" 200 ",
            "5 6 \"备注\" 300 ",
           
        ],
        data: [],
      },

        }
    },
    methods:{...Event,
    async multipleSelect(selection) {
      console.log(selection);
      if (selection) {
        let selIds = selection.map(x=>x+1);
        let params = {selDst:"decstm",selIds}
        const rtnmsg = await this.executeRule("decstm",params);
        if (rtnmsg.respCode == SUCCESS) {
            this.updateModel(rtnmsg.data)
        }
        else
                {
                this.$notify.error({title: '错误',message: '服务请求失败!'});
                }
      }
    },
    },
    created:function(){
        
    }
}
</script>
<style>
.stream{
   cursor: pointer; 
}
</style>