<template>
  <div class="eibs-tab">
                                                                
       <c-col :span="6">
        <el-form-item label="费用类型" prop="infcon.fepfeecod">
            <c-select v-model="model.infcon.fepfeecod" style="width:100%" @change="queryFepDataInFep" dbCode="FEETXT" isShowKeyAndLabel placeholder="请选择费用类型">
              </c-select>
        </el-form-item>
       </c-col>
                                                    
       <c-col :span="6">
        <el-form-item label="收费池" prop="infcon.fepdsp">
            <c-select v-model="model.infcon.fepdsp" style="width:100%" @change="queryFepDataInFep" dbCode="FEPDSP" placeholder="请选择收费池">
              </c-select>
        </el-form-item>
       </c-col>
<!--        
     <c-col :span="12">
          <c-button size="medium" type="primary" style="margin-left: 50px" @click="queryFepDataInFep">查询
          </c-button>
       </c-col> -->
    <div style="height: 60%">
      <c-col :span="24" style="height: 24px">
        <el-form-item class="formItemLabel" label="收费池:" label-width="72px">
        </el-form-item>
		</c-col>
      <c-col :span="24">
        <el-table id='infgidSpTableRef' :data="feptableData" :highlight-current-row="true" :border="true" style="width:100%" size="medium">
          <el-table-column label="费用类型" prop="feecod" align="left">
          </el-table-column>
          <el-table-column label="费用名称" prop="nam" align="left">
          </el-table-column>
          <el-table-column label="收费池" prop="disposition" align="left">
          </el-table-column>
          <el-table-column label="角色" prop="rol" align="left">
          </el-table-column>
          <el-table-column label="币种" prop="cur" align="left">
          </el-table-column>
          <el-table-column label="金额" prop="amt" align="left">
              <template slot-scope="scope">
                      <span> {{moneyFormat(scope.row.amt, scope.row.cur) }}
                      </span>
              </template>
          </el-table-column>
          <el-table-column label="交易名" prop="inifrm" align="left">
          </el-table-column>
          <el-table-column label="业务流水主键" prop="trninr" width="200px" align="left">
          </el-table-column>
          <el-table-column label="费用创建日期" prop="srcdat" align="left">
          </el-table-column>
          <el-table-column label="状态" prop="relflg" align="left">
          </el-table-column>
        </el-table>
      </c-col>
    </div>
   
       
      <div style="height: 50%">
        <div style="height: 50%">
          <c-col :span="24" style="height: 24px">
            <el-form-item class="formItemLabel" label="" label-width="72px">
            </el-form-item>
        </c-col>
          <c-col :span="12">
            <el-form-item label="收费池" prop="infcon.fcpdsp">
                <c-select v-model="model.infcon.fcpdsp" style="width:100%" @change="queryFcpDataInFcp" dbCode="FEPDSP" placeholder="请选择收费池">
                  </c-select>
            </el-form-item>
          </c-col>
          
          <!-- <c-col :span="12">
              <c-button size="medium" type="primary" style="margin-left: 50px" @click="queryFcpDataInFcp">查询
              </c-button>
          </c-col> -->
        </div>

         <c-col :span="24" style="height: 24px">
            <el-form-item class="formItemLabel" label="国外收费池:" label-width="108px">
            </el-form-item>
        </c-col>
        <c-col :span="24">

          <el-table id='infgidSpTableRef'  :data="fcptableData" :highlight-current-row="true" :border="true" style="width:100%" size="medium">
            <el-table-column label="付费角色" prop="dbtrol" align="left">
            </el-table-column>
            <el-table-column label="付费文本信息" prop="dbttxt" align="left">
            </el-table-column>
            <el-table-column label="收费角色" prop="payrol" align="left">
            </el-table-column>
            <el-table-column label="收费文本信息" prop="paytxt" align="left">
            </el-table-column>
            <el-table-column label="收费池" prop="disposition" align="left">
            </el-table-column>
            <el-table-column label="币种" prop="cur" align="left">
            </el-table-column>
            <el-table-column label="金额" prop="amt" align="left">
                <template slot-scope="scope">
                      <span> {{moneyFormat(scope.row.amt, scope.row.cur) }}
                      </span>
                    </template>
            </el-table-column>
            <el-table-column label="交易名" prop="inifrm" align="left">
            </el-table-column>
            <el-table-column label="业务流水主键" width="200px" prop="trninr" align="left">
            </el-table-column>
            <el-table-column label="费用创建日期" prop="srcdat" align="left">
            </el-table-column>
            <el-table-column label="状态" prop="relflg" align="left">
            </el-table-column>
          </el-table>
        </c-col>
      </div>
     </div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import event from "../event";

export default {
    inject: ['root'],
    props:["model","codes","feptableData","fcptableData","objtyp"],
    mixins: [event],
    data(){
        return {
        }
    },
    // methods:{...event},
    created:function(){

    }
}
</script>
<style>

</style>