@{
    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="addDuty" v-if="page.canEditList">新增人员</button>*@
            <button class="btn btn-primary" type="button" v-on:click="refreshDutysDirector" title="重新加载客户人员信息列表"><i class="fa fa-refresh"></i></button>
        </div>
    </div>

    <table class="table table-client mt-4" style="word-break: break-all; word-wrap: break-word; white-space: pre-wrap;">
        <thead>
            <tr>
                <th style="width: 70px">姓名</th>
                <th>证件类型</th>
                <th style="width: 140px; padding-left: 0px; padding-right: 0px; ">证件号码</th>
                 <th>董事会身份</th>
                 <th>管理层身份</th>
                 <th>是否股东</th>
                 <th>股东持股类型</th>
                 <th>股东持股比例（%）</th>
                <th style="width:45px; padding-left:0px;padding-right:0px;">操作</th>
            </tr>
        </thead>
        <tbody>
            <tr v-for="item in dutyList3">
                <td>{{item.ContactName}}</td>
                <td>{{item.IdCardType}}</td>
                <td style="padding-left:0px;padding-right:0px;">{{item.IdCardNo}}</td>

                <td style="padding-left:0px;padding-right:0px;">{{item.IdentityOfTheBoardOfDirectors}}</td>
                <td style="padding-left:0px;padding-right:0px;">{{item.ManagementIdentity}}</td>

                <td style="padding-left:0px;padding-right:0px;">{{item.IsShareholder}}</td>

                <td style="padding-left:0px;padding-right:0px;">{{item.ShareholdingByShareholdersType}}</td>

                <td style="padding-left:0px;padding-right:0px;">{{item.ShareholdingByShareholdersRatio}}</td>

                <td style="padding-left:0px;padding-right:0px;">
                    <template v-if="page.canEditList">
                        <button class="btn btn-primary btn-sm mr-2" style="min-width: 35px; display: inline-block; font-size: 12px; height: 22px; line-height: 16px; padding: 2px 2px 2px 2px;margin-right:0px!important;" type="button" v-on:click="editDutyDirector(item.EncryptId)">编辑</button>
                                                
                    </template>
                </td>
            </tr>
        </tbody>
    </table>
</div>
<div v-else>
    <div class="alert alert-danger">请先保存用户基本信息</div>
</div>