68 lines
4.5 KiB
Plaintext
68 lines
4.5 KiB
Plaintext
@{
|
|
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> |