<template>
    <div class="eibs-tab">

        <el-col :span="8">
            <el-form-item label="参考号">
                <c-input v-model="model.setmod.ref" maxlength="16" placeholder="请输入our reference"></c-input>
            </el-form-item>
        </el-col>

        <!--      
	<el-col :span="12">
	    <span  v-text="model.setmod.docamttyplab"   data-path=".setmod.docamttyplab" > </span>
	</el-col>
    -->

        <el-col :span="8">
            <el-form-item label="结算金额">
                <c-input v-model="model.setmod.doccur" style="width:100%" placeholder="请选择document currency" disabled="disabled"></c-input>
            </el-form-item>
        </el-col>

        <el-col :span="6">
            <el-form-item label="" label-width="20px">
                <c-input v-model="model.setmod.docamt" placeholder="请输入document amount"></c-input>
            </el-form-item>
        </el-col>

        <el-col :span="8">
            <el-form-item label="类型">
                <c-select v-model="model.setmod.dspflg" style="width:100%" placeholder="请选择Type of settlement">
                    <el-option v-for="item in codes.dspflg" :key="item.value" :label="item.label"
                        :value="item.value">
                    </el-option>
                </c-select>
            </el-form-item>
        </el-col>

        <!--
        <el-col :span="12">
        <el-form-item label="自贸区账号">
            <c-input  v-model="model.setmod.zmqacc" maxlength="20"  placeholder="请输入自贸区账号"></c-input>
        </el-form-item>
       </el-col>    
       
       
       <el-col :span="6" style="text-align:center">
	    <c-checkbox v-model="model.setmod.xreflg">Recalculate Rates</c-checkbox>
       </el-col> 
       -->

        <el-col :span="3">
            <el-form-item label="" label-width="20px">
                <c-button size="small" type="primary" @click="onSetmodDet">
                    细节
                </c-button>
            </el-form-item>
        </el-col>
        <el-col :span="24">
            <el-form-item label="Foreign Commission/Charges:" label-width="210px">
            </el-form-item>
        </el-col>
        <el-col :span="24" style="margin-bottom: 18px;">
            <c-table style="text-align:center" :paginationShow="false">
                <el-table-column label="Payer" width="auto">
                </el-table-column>
                <el-table-column label="Payee" width="auto">
                </el-table-column>
                <el-table-column label="Source" width="auto">
                </el-table-column>
                <el-table-column label="Disp" width="auto">
                </el-table-column>
                <el-table-column label="Text for Payer" width="auto">
                </el-table-column>
                <el-table-column label="Text for Payee" width="auto">
                </el-table-column>
                <el-table-column label="Currency" width="auto">
                </el-table-column>
                <el-table-column label="Amount" width="auto">
                </el-table-column>
                <el-table-column label="" width="auto">
                </el-table-column>

            </c-table>
        </el-col>
        <el-col :span="24" style="text-align:left">
            <el-form-item label="Own Commission/Charges:">
            </el-form-item>
        </el-col>
        <el-col :span="24" style="margin-bottom: 18px;">
            <c-table style="text-align:center" :paginationShow="false">
                <el-table-column label="Role" width="auto">
                </el-table-column>
                <el-table-column label="Code" width="auto">
                </el-table-column>
                <el-table-column label="Source" width="auto">
                </el-table-column>
                <el-table-column label="Disp" width="auto">
                </el-table-column>
                <el-table-column label="Units" width="auto">
                </el-table-column>
                <el-table-column label="Long Fee Text" width="auto">
                </el-table-column>
                <el-table-column label="Currency" width="auto">
                </el-table-column>
                <el-table-column label="Original Amount" width="auto">
                </el-table-column>
                <el-table-column label="Fee Amount" width="auto">
                </el-table-column>
                <el-table-column label="Details" width="auto">
                </el-table-column>
            </c-table>
        </el-col>
        <el-col :span="24" style="text-align:left">
            <el-form-item label="Settlement:">
            </el-form-item>
        </el-col>
        <el-col :span="24" style="margin-bottom: 18px;">
            <c-table style="text-align:center" :paginationShow="false">
                <el-table-column label="Mod" width="auto">
                </el-table-column>
                <el-table-column label="Role" width="auto">
                </el-table-column>
                <el-table-column label="in" width="auto">
                </el-table-column>
                <el-table-column label="Amount Paid" width="auto">
                </el-table-column>
                <el-table-column label="Disp." width="auto">
                </el-table-column>
                <el-table-column label="Account" width="auto">
                </el-table-column>
                <el-table-column label="C" width="auto">
                </el-table-column>
                <el-table-column label="Curr." width="auto">
                </el-table-column>
                <el-table-column label="Original Amount" width="auto">
                </el-table-column>
                <el-table-column label="Rate" width="auto">
                </el-table-column>
                <el-table-column label="" width="auto">
                </el-table-column>
            </c-table>
        </el-col>

        <el-col :span="12">
            <span v-text="model.setmod.retmsg" data-path=".setmod.retmsg"> </span>
        </el-col>

        <el-col :span="12">
            <span v-text="model.setmod.zmqacclab" data-path=".setmod.zmqacclab"> </span>
        </el-col>

        <el-col :span="12">
            <span v-text="model.setmod.setglg.labdspflg" data-path=".setmod.setglg.labdspflg"> </span>
        </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>
