<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" placeholder="请选择Fee Code">
              </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" width="200" align="left">
          </el-table-column>
          <el-table-column label="收费池" prop="disposition" align="left">
             <template slot-scope="scope">
              <span> {{getCodelabel(scope.row.disposition, 'fepdsp') }}
              </span>
            </template>
          </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="业务流水主键" :show-overflow-tooltip="true" width="170" 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">
             <template slot-scope="scope">
              <span> {{getCodelabel(scope.row.relflg, 'relsta') }}
              </span>
            </template>
          </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"  width="200" :show-overflow-tooltip="true"  align="left">
            </el-table-column>
            <el-table-column label="收费角色" prop="payrol" align="left">
            </el-table-column>
            <el-table-column label="收费文本信息" prop="paytxt"  width="200" :show-overflow-tooltip="true" align="left">
            </el-table-column>
            <el-table-column label="收费池" prop="disposition" align="left">
             <template slot-scope="scope">
              <span> {{getCodelabel(scope.row.disposition, 'fepdsp') }}
              </span>
            </template>
            </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"  :show-overflow-tooltip="true" width="170" align="left">
            </el-table-column>
            <el-table-column label="费用创建日期" prop="srcdat" width="170" 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","obj"],
    mixins: [event],
    data(){
        return {
        }
    },
    // methods:{...event},
    created:function(){

    }
}
</script>
<style>

</style>