@{
    Layout = null;
}

<div v-if="client.id>0">
    <div class="row m-0">
        <div class="col">产品投资人列表</div>
        <div class="col-auto" style="min-width:300px;">
            <button class="btn btn-primary" type="button" v-on:click="addInvestor" v-if="page.canEditList">新增投资人</button>
            <button class="btn btn-primary" type="button" v-on:click="refreshInvestors" title="刷新"><i class="fa fa-refresh"></i></button>
        </div>
    </div>

    <table class="table table-client mt-4">
        <thead>
            <tr>
                <th>产品投资人</th>
                <th>适当性类型</th>
                <th>产品权益比例</th>
                <th>操作者</th>
                <th>备注</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            <tr v-for="item in investorList">
                <td>{{item.Investor}}</td>
                <td>{{item.EligibilityType}}</td>
                <td>{{item.ShareRate * 100}}%</td>
                <td>{{item.OptName}}</td>
                <td>{{item.Comments}}</td>
                <td>
                    <template v-if="page.canEditList">
                        <button class="btn btn-primary btn-sm mr-2" type="button" v-on:click="editInvestor(item.EncryptId)">编辑</button>
                        <button class="btn btn-primary btn-sm" type="button" v-on:click="removeInvestor(item.EncryptId)">删除</button>
                    </template>
                </td>
            </tr>
        </tbody>
    </table>
</div>
<div v-else>
    <div class="alert alert-danger">请先保存用户基本信息</div>
</div>