113 lines
7.2 KiB
Plaintext
113 lines
7.2 KiB
Plaintext
@{
|
|
Layout = null;
|
|
}
|
|
|
|
<div class="modal" tabindex="-1" id="clientDutyEditModal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">{{duty.id>0?"新增人员信息":"编辑人员信息"}}</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-group">
|
|
<label class="formlabel">姓名</label>
|
|
<input class="text-box" type="text" name="ContactName" v-model="duty.ContactName" /> <span style="color:red">*</span>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="formlabel">职责类型</label>
|
|
<select class="" type="text" name="ContactTypeId" v-model="duty.ContactTypeId" multiple id="duty_ContactTypeId" v-on:change="changeContactTypeId">
|
|
<option v-for="item in viewData.ContactType" v-bind:value="item.value">{{item.text}}</option>
|
|
</select> <span style="color:red">*</span>
|
|
</div>
|
|
<div class="form-group" style="display:none">
|
|
<label class="formlabel">证件类型</label>
|
|
<select class="text-box" type="text" name="IdCardType" v-model="duty.IdCardType">
|
|
<option v-for="item in viewData.IdCardType" v-bind:value="item.value">{{item.text}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group" style="display:none">
|
|
<label class="formlabel">证件号码</label>
|
|
<input class="text-box" type="text" name="IdCardNo" v-model="duty.IdCardNo" />
|
|
</div>
|
|
<div class="form-group" style="display:none">
|
|
<label class="formlabel">证件有效日期</label>
|
|
<vue-datepicker id="IdCardDate" v-model="duty.IdCardDate" v-bind:holiday="true" class="text-box" />
|
|
</div>
|
|
<div class="form-group" style="display:none">
|
|
<label class="formlabel">证件起始日期</label>
|
|
<vue-datepicker id="IdCardStartDate" v-model="duty.IdCardStartDate" class="text-box" />
|
|
</div>
|
|
<div class="form-group" style="display:none">
|
|
<div style="width: 350px;float:left">
|
|
<label class="formlabel">证件有效日期</label>
|
|
<input class="text-box" disabled="disabled" v-show="duty.IdCardEffectiveDateStr=='30001231'" type="text" id="IdCardEffectiveDateStr" value="长期有效" />
|
|
<vue-datepicker id="IdCardEffectiveDate" v-show="duty.IdCardEffectiveDateStr!='30001231'" v-model="duty.IdCardEffectiveDate" class="text-box" />
|
|
</div>
|
|
<div style="width: 30px;float:left;height: 35px;padding-top: 5px;">
|
|
<button class="btn btn-primary btn-sm mr-2" style="position:absolute;min-width: 35px; font-size: 12px; height: 22px; line-height: 16px; padding: 2px 2px 2px 2px;margin-right:0px!important;" id="clickLongOrShort" type="button" v-on:click="clickLongOrShort()">长期</button>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="form-group" >
|
|
<label class="formlabel">电子邮箱</label>
|
|
<input class="text-box" type="text" name="Email" v-model="duty.Email" />
|
|
</div>
|
|
<div class="form-group" style="display:none">
|
|
<label class="formlabel">是否接收相关邮件</label>
|
|
<select name="IsReceiveEmail" v-model="duty.IsReceiveEmail">
|
|
<option value="0">否</option>
|
|
<option value="1">是</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="formlabel">联系电话</label>
|
|
<input class="text-box" type="text" name="PhoneNumber" v-model="duty.PhoneNumber" />
|
|
</div>
|
|
<div class="form-group" style="display:none">
|
|
<label class="formlabel">传真</label>
|
|
<input class="text-box" type="text" name="Fax" v-model="duty.Fax" />
|
|
</div>
|
|
<div class="form-group" style="display:none">
|
|
<label class="formlabel">联系地址</label>
|
|
<input class="text-box" type="text" name="Address" v-model="duty.Address" />
|
|
</div>
|
|
<div class="form-group" style="display:none">
|
|
<label class="formlabel" v-if="!pageData.isZhaoZheng&&!pageData.isDongWu">有效日期</label>
|
|
<label class="formlabel" v-if="pageData.isZhaoZheng||pageData.isDongWu">证件到期日</label>
|
|
<vue-datepicker id="duty_DeadLine" v-model="duty.DeadLine" v-bind:holiday="true" class="text-box" />
|
|
</div>
|
|
<div class="form-group" style="display:none">
|
|
<label class="formlabel">授权到期日</label>
|
|
<vue-datepicker id="duty_AuthorizeEndDate" v-model="duty.AuthorizeEndDate" v-bind:holiday="true" class="text-box" />
|
|
</div>
|
|
<div class="form-group" style="overflow: auto;">
|
|
<div style="width: 350px;float:left">
|
|
<label class="formlabel">授权有效期</label>
|
|
<input class="text-box" disabled="disabled" v-show="duty.AuthorizeEffectiveEndDateStr=='30001231'" type="text" id="AuthorizeEffectiveEndDateStr" value="长期有效" />
|
|
<vue-datepicker id="AuthorizeEffectiveEndDate" v-show="duty.AuthorizeEffectiveEndDateStr!='30001231'" v-model="duty.AuthorizeEffectiveEndDate" class="text-box" />
|
|
</div>
|
|
<div style="width: 30px;float:left;height: 35px;padding-top: 5px;">
|
|
<button class="btn btn-primary btn-sm mr-2" style="position:absolute;min-width: 35px; font-size: 12px; height: 22px; line-height: 16px; padding: 2px 2px 2px 2px;margin-right:0px!important;" id="clickLongOrShort_Authorize" type="button" v-on:click="clickLongOrShort('Authorize')">长期</button>
|
|
</div>
|
|
</div>
|
|
<div class="form-group" style="display:none">
|
|
<label class="formlabel">微信号</label>
|
|
<input class="text-box" type="text" name="Fax" v-model="duty.Weixin" />
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="formlabel">备注</label>
|
|
<input class="text-box" type="text" name="Address" v-model="duty.Remarks" />
|
|
</div>
|
|
|
|
</div>
|
|
<div class="modal-footer m-auto">
|
|
<button type="button" class="btn btn-primary" v-on:click="saveDuty">保存</button>
|
|
<button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|