@extends('admin._layoutNew')
@section('title', '信用IEO订单')
@section('page-content')
<div class="layui-card">
    <div class="layui-card-header">信用IEO订单管理</div>
    <div class="layui-card-body">
        <form class="layui-form" style="margin-bottom:10px;">
            <div class="layui-inline">
                <input id="f_project_id" class="layui-input" placeholder="项目ID">
            </div>
            <div class="layui-inline">
                <select id="f_status">
                    <option value="">全部状态</option>
                    <option value="0">冻结中</option>
                    <option value="1">已还款</option>
                    <option value="3">逾期</option>
                </select>
            </div>
            <div class="layui-inline">
                <button type="button" class="layui-btn layui-btn-sm" onclick="searchList()">搜索</button>
                <button type="button" class="layui-btn layui-btn-sm layui-btn-primary" onclick="loadData()">刷新</button>
            </div>
        </form>
        <table id="coTable" lay-filter="coTable"></table>
    </div>
</div>

<script type="text/html" id="statusTpl">
    @{{# if(d.status==0){ }}<span class="layui-badge layui-bg-orange">冻结中</span>@{{# } }}
    @{{# if(d.status==1){ }}<span class="layui-badge layui-bg-green">已还款</span>@{{# } }}
    @{{# if(d.status==3){ }}<span class="layui-badge">逾期</span>@{{# } }}
</script>

@endsection
@section('scripts')
<script>
layui.use(['table','layer','form'], function(){
    var table = layui.table;
    window.loadData = function(){ table.reload('coTable', {where:{project_id:$('#f_project_id').val(), status:$('#f_status').val()}}); };
    window.searchList = loadData;

    table.render({
        elem:'#coTable', id:'coTable',
        url:'/admin/credit/order/list', page:true, limit:20,
        cols:[[
            {field:'id',title:'ID',width:70},
            {field:'user_id',title:'用户ID',width:80},
            {field:'user_phone',title:'手机号',width:130},
            {field:'project_name',title:'项目',width:140},
            {field:'symbol',title:'代号',width:80},
            {field:'amount',title:'认购金额',width:100},
            {field:'token_amount',title:'获得代币',width:110},
            {field:'interest',title:'利息',width:100},
            {field:'repaid_amount',title:'已还款',width:100},
            {field:'status',title:'状态',width:90,templet:'#statusTpl'},
            {field:'created_at',title:'创建时间',width:160}
        ]]
    });
});
</script>
@endsection