@{
    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="refreshDutys" 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 style="width: 100px; padding-left: 0px; padding-right: 0px; ">职责类型</th>
                <th>证件类型</th>
                <th style="width: 140px; padding-left: 0px; padding-right: 0px; ">证件号码</th>
                <th v-show="isIdCardDate">证件有效日期</th>
                <th style="width: 105px">联系电话</th>
                <th style="width:60px; padding-left:0px;padding-right:0px;">传真</th>
                <th style="width: 275px; padding-left: 0px; padding-right: 0px; ">电子邮箱</th>
                <th style="width: 55px; padding-left: 0px; padding-right: 0px; ">接收邮件</th>
                <th style="width: 80px;">联系地址</th>
                <th style="width: 55px; padding-left: 0px; padding-right: 0px; " v-if="!pageData.isZhaoZheng&&!pageData.isDongWu">有效日期</th>
                <th style="width: 55px; padding-left: 0px; padding-right: 0px; " v-if="!pageData.isZhaoZheng&&!pageData.isDongWu&&!pageData.isZheQi">证件有效日期</th>
                <th style="width: 75px; padding-left: 0px; padding-right: 0px; " v-if="pageData.isZhaoZheng||pageData.isDongWu">证件到期日</th>
                <th style="width: 75px; padding-left: 0px; padding-right: 0px; " v-if="pageData.isZhaoZheng||pageData.isDongWu">授权到期日</th>
                <th style="width: 40px; padding-left: 0px; padding-right: 0px; " v-if="pageData.isDongWu">微信号</th>
                <th style="width:60px; padding-left:0px;padding-right:0px;">备注</th>
                <th style="width:45px; padding-left:0px;padding-right:0px;">操作</th>
            </tr>
        </thead>
        <tbody>
            <tr v-for="item in dutyList2">
                <td>{{item.ContactName}}</td>
                <td style="padding-left:0px;padding-right:0px;">{{item.ContactTypeStr}}</td>
                <td>{{item.IdCardType}}</td>
                <td style="padding-left:0px;padding-right:0px;">{{item.IdCardNo}}</td>
                <td v-show="isIdCardDate">{{item.IdCardDate}}</td>
                <td>
                    <div v-for="item2 in item.PhoneNumber">{{item2}}</div>
                </td>
                <td>{{item.Fax}}</td>
                <td style="padding-left:0px;padding-right:0px;">{{item.EmailStr}}</td>
                <td>{{item.IsReceiveEmail === 1?"是":"否"}}</td>
                <td>{{item.Address}}</td>
                <td style="padding-left:0px;padding-right:0px;">{{item.DeadLine}}</td>
                <td style="padding-left:0px;padding-right:0px;" v-if="!pageData.isZhaoZheng&&!pageData.isDongWu&&!pageData.isZheQi">{{item.IdCardEffectiveDateStr == "30001231"?"长期有效":item.IdCardEffectiveDate}}</td>
                <td style="padding-left:0px;padding-right:0px;" v-if="pageData.isZhaoZheng||pageData.isDongWu">{{item.AuthorizeEndDate}}</td>
                <td style="padding-left:0px;padding-right:0px;" v-if="pageData.isDongWu">{{item.Weixin}}</td>
                <td>{{item.Remarks}}</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="editDuty(item.EncryptId)">编辑</button>
                        <br />
                        <button class="btn btn-primary btn-sm" style="min-width: 35px; display: inline-block; font-size: 12px; height: 22px; line-height: 16px; padding: 2px 2px 2px 2px; margin-right: 8px!important;" type="button" v-on:click="removeDuty(item.EncryptId)">删除</button>
                    </template>
                </td>
            </tr>
        </tbody>
    </table>
</div>
<div v-else>
    <div class="alert alert-danger">请先保存用户基本信息</div>
</div>