<template>
  <div class="eibs-tab">
       <!--                                        
       <el-col :span="12">
        <el-form-item label="应付保证金金额">
            <c-input  v-model="model.liaall.liaccv.concur" maxlength="3"  placeholder="请输入应付保证金金额"></c-input>
        </el-form-item>
       </el-col>
       -->
       <el-col :span="12">
        <el-form-item label="合同金额" prop="liaall.liaccv.concur">
            <el-row>
<!--                <el-col :span="8">-->
<!--                    <c-input type="text" :readonly="true" value="CNY"></c-input>-->
<!--                </el-col>-->
              <el-col :span="8">
                  <c-select v-model="model.liaall.liaccv.concur" disabled  style="width:100%" placeholder="请选择Type of settlement">
                    <el-option v-for="item in codes.curtxt" :key="item.value" :label="item.label"
                               :value="item.value">
                    </el-option>
                  </c-select>
              </el-col>

                <el-col :span="14">
                     <c-input :readonly="true" v-model="model.liaall.liaccv.newamt"></c-input>
                </el-col>
            </el-row>
        </el-form-item>
       </el-col>
       <!--
       <el-col :span="12">
        <el-form-item label="合同金额">
            <c-input  v-model="model.liaall.liaccv.newamt"  placeholder="请输入合同金额"></c-input>
        </el-form-item>
       </el-col>                                             
       <el-col :span="12">
        <el-form-item label="保证金应收比例">
            <c-input  v-model="model.liaall.liaccv.cshpct"  placeholder="请输入保证金应收比例"></c-input>
        </el-form-item>
       </el-col>
       -->
       <el-col :span="12">
        <el-form-item label="保证金应收比例" prop="liaall.liaccv.cshpct">
            <el-row>
                <el-col :span="8">
                    <c-input  v-model="model.liaall.liaccv.cshpct"></c-input>
                </el-col>
                <el-col :span="12" style="margin-left:20px">
                     <span>%</span>
                </el-col>
            </el-row>
        </el-form-item>
       </el-col>             

       <!--                                             
       <el-col :span="12">
        <el-form-item label="Reserved Amount">
            <c-input  v-model="model.liaall.liaccv.newresamt"  placeholder="请输入Reserved Amount"></c-input>
        </el-form-item>
       </el-col>
       -->
       <el-col :span="12">
        <el-form-item label="Reserved Amount" prop="liaall.liaccv.newresamt">
            <el-row>
<!--                <el-col :span="8">-->
<!--                    <c-input type="text" :readonly="true" value="CNY"></c-input>-->
<!--                </el-col>-->
              <el-col :span="8">
                <c-select v-model="model.liaall.liaccv.concur" disabled style="width:100%" placeholder="请选择Type of settlement">
                  <el-option v-for="item in codes.curtxt" :key="item.value" :label="item.label"
                             :value="item.value">
                  </el-option>
                </c-select>
              </el-col>
                <el-col :span="14">
                     <c-input :readonly="true"  v-model="model.liaall.liaccv.newresamt"></c-input>
                </el-col>
            </el-row>
        </el-form-item>
       </el-col>                 
       <!--                            
       <el-col :span="12">
        <el-form-item label="保证金实收比例">
            <c-input  v-model="model.liaall.liaccv.relcshpct"  placeholder="请输入保证金实收比例"></c-input>
        </el-form-item>
       </el-col>
       -->
       <el-col :span="12">
        <el-form-item label="保证金实收比例" prop="liaall.misamt">
            <el-row>
                <el-col :span="8">
                    <c-input :readonly="true" v-model="model.liaall.misamt"></c-input>
                </el-col>
                <el-col :span="12" style="margin-left:20px">
                     <span>%</span>
                </el-col>
            </el-row>
        </el-form-item>
       </el-col>             

       <!--                            
       <el-col :span="12">
	    <c-checkbox v-model="model.liaall.liaccv.gleflg">Create gle flag</c-checkbox>
       </el-col> 
                                   
       <el-col :span="12">
        <el-form-item label="reserve amount based percent">
            <c-input  v-model="model.liaall.liaccv.pctresamt"  placeholder="请输入reserve amount based percent"></c-input>
        </el-form-item>
       </el-col>                 
                  
       <el-col :span="12">
	    <c-checkbox v-model="model.liaall.liaccv.chgcurflg">Change currency flag</c-checkbox>
       </el-col> 
       -->

       <el-col :span="12">
        <el-form-item label="应付保证金金额" prop="liaall.liaccv.concur">
            <el-row>
<!--                <el-col :span="8">-->
<!--                    <c-input type="text" :readonly="true" value="CNY"></c-input>-->
<!--                </el-col>-->
              <el-col :span="8">
                <c-select v-model="model.liaall.liaccv.concur" disabled style="width:100%" placeholder="请选择Type of settlement">
                  <el-option v-for="item in codes.curtxt" :key="item.value" :label="item.label"
                             :value="item.value">
                  </el-option>
                </c-select>
              </el-col>
                <el-col :span="14">
                     <c-input :readonly="true" v-model="model.liaall.liaccv.pctresamt"></c-input>
                </el-col>
            </el-row>
        </el-form-item>
       </el-col>
       <!--
       <el-col :span="12">
        <c-button size="small" type="primary"  @click="onLiaccvAdd">
            Add
        </c-button>
       </el-col>
                  
       <el-col :span="12">
        <c-button size="small"  icon="el-icon-delete" @click="onLiaccvDel">
            Del
        </c-button>
       </el-col>
       -->
       <el-col :span="24" style="text-align:right">
        <el-row>
            <el-col :span="2">
                <c-button size="small" type="primary"  @click="onLiaccvAdd">
                    Add
                </c-button>
            </el-col>
                        
            <el-col :span="2">
                <c-button size="small" icon="el-icon-delete"  @click="onLiaccvDel">
                    Del
                </c-button>
            </el-col>
        </el-row>
       </el-col>

       <el-col :span="24">
            <c-table style="width:80%,text-align:center">
                <el-table-column
                    label="CFO"
                    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>
       </el-col>

       <el-col :span="12">
        <el-form-item label="Amount Covered">
            <el-row>
                <el-col :span="8">
                    <c-select v-model="model.liaall.liaccv.concur" disabled style="width:100%" placeholder="请选择Type of settlement">
                        <el-option v-for="item in codes.curtxt" :key="item.value" :label="item.label"
                            :value="item.value">
                        </el-option>
                    </c-select>
                </el-col>
                <el-col :span="14">
                     <c-input v-model="model.liaall.liaccv.totcovamt" :readonly="true" ></c-input>
                </el-col>
            </el-row>
        </el-form-item>
       </el-col>

       <!--
       <el-col :span="12">
        <el-form-item label="金额总和">
            <c-input  v-model="model.liaall.liaccv.totcovamt"  placeholder="请输入金额总和"></c-input>
        </el-form-item>
       </el-col>                 
                                   
       <el-col :span="12">
        <el-form-item label="Additional Information ">
            <c-input type="textarea" v-model="model.liaall.liaccv.addinf" maxlength="70" show-word-limit placeholder="请输入Additional Information " ></c-input>
        </el-form-item>
        </el-col>
        -->
  </div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Ditopn/Event"

export default {
    props:["model","codes"],
    data(){
        return {

        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>
