| | |
| | | @layout("/common/_container.html"){ |
| | | <div class="ibox float-e-margins"> |
| | | <div class="ibox-content"> |
| | | <div class="form-horizontal" id="yesDriverInfoForm"> |
| | | <input type="hidden" id="roleType" name="roleType" value="${roleType}"> |
| | | <div class="row"> |
| | | <div class="col-sm-10"> |
| | | <#input id="name" name="司机姓名" /> |
| | | |
| | | <div class="form-group"> |
| | | <label class="col-sm-3 control-label">所属机构:</label> |
| | | <div class="col-sm-9" style="display: flex;align-items: center;"> |
| | | @if(roleType == 1){ |
| | | <div class="radio radio-info radio-inline"> |
| | | <input type="radio" id="companyType1" value="1" name="companyType" checked="" onclick="YesDriverInfoDlg.companyTypeClick(1)"> |
| | | <label for="companyType1"> 平台司机 </label> |
| | | </div> |
| | | <div class="radio radio-success radio-inline"> |
| | | <input type="radio" id="companyTyp2" value="2" name="companyType" onclick="YesDriverInfoDlg.companyTypeClick(2)"> |
| | | <label for="companyTyp2"> 加盟司机 </label> |
| | | </div> |
| | | <select class="form-control companyDiv" id="oneId" onchange="YesDriverInfoDlg.oneChange(this)" style="width: 200px;display: none;" > |
| | | <option value="">选择所属分公司</option> |
| | | @for(obj in companyList!){ |
| | | <option value="${obj.id}">${obj.name}</option> |
| | | @} |
| | | </select> |
| | | <select class="form-control companyDiv" id="twoId" style="width: 200px;margin-left: 30px;display: none;"> |
| | | <option value="">选择所属加盟商</option> |
| | | </select> |
| | | @}else if(roleType == 2){ |
| | | <span class="control-label">${objectName!}</span> |
| | | <select class="form-control" id="franchiseeId" style="width: 200px;margin-left: 30px;"> |
| | | <option value="">选择所属加盟商</option> |
| | | @for(obj in franchiseeList!){ |
| | | <option value="${obj.id}">${obj.name}</option> |
| | | @} |
| | | </select> |
| | | @}else if(roleType == 3){ |
| | | <span class="control-label">${objectName!}</span> |
| | | @} |
| | | </div> |
| | | </div> |
| | | |
| | | <#avatar id="headImgUrl" name="头像:" /> |
| | | <#avatar id="faceImgUrl" name="人脸识别照片:" /> |
| | | <!--<#input id="phone" name="手机号" />--> |
| | | <div class="form-group"> |
| | | <label class="col-sm-3 control-label">性别:</label> |
| | | <div class="col-sm-9" style="display: flex;align-items: center;"> |
| | | <div class="radio radio-info radio-inline"> |
| | | <input type="radio" id="sex1" value="1" name="sex" checked="" > |
| | | <label for="sex1"> 男 </label> |
| | | </div> |
| | | <div class="radio radio-success radio-inline"> |
| | | <input type="radio" id="sex2" value="2" name="sex" > |
| | | <label for="sex2"> 女 </label> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <#input id="driveCard" name="驾驶证号码"/> |
| | | <#avatar id="driveCardImgUrl" name="驾驶证照片:" /> |
| | | <#input id="driverAge" name="驾龄" /> |
| | | <#input id="idCard" name="身份证号" /> |
| | | <#input id="driverAddress" name="居住地址" /> |
| | | <#input id="taxiAptitudeCard" name="出租车资格证号" /> |
| | | <#avatar id="networkCarlssueImg" name="网约车资格证照片:" /> |
| | | <#input id="jobNumber" name="工号(选填)" /> |
| | | <div class="form-group"> |
| | | <fieldset> |
| | | <label class="col-sm-3 control-label">经营业务:</label> |
| | | <div class="col-sm-9"> |
| | | <div class="checkbox checkbox-success checkbox-inline"> |
| | | <input type="checkbox" name="serverBox" id="serverBox1" value="1"> |
| | | <label for="serverBox1"> 专车 </label> |
| | | </div> |
| | | <div class="checkbox checkbox-success checkbox-inline"> |
| | | <input type="checkbox" name="serverBox" id="serverBox2" value="2"> |
| | | <label for="serverBox2"> 出租车 </label> |
| | | </div> |
| | | <div class="checkbox checkbox-success checkbox-inline"> |
| | | <input type="checkbox" name="serverBox" id="serverBox3" value="3" onclick="YesDriverInfoDlg.checkBox()" > |
| | | <label for="serverBox3"> 跨城出行 </label> |
| | | </div> |
| | | <div class="checkbox checkbox-success checkbox-inline"> |
| | | <input type="checkbox" name="serverBox" id="serverBox4" value="4"> |
| | | <label for="serverBox4"> 小件物流-同城 </label> |
| | | </div> |
| | | <div class="checkbox checkbox-success checkbox-inline"> |
| | | <input type="checkbox" name="serverBox" id="serverBox5" value="5"> |
| | | <label for="serverBox5"> 小件物流-跨城 </label> |
| | | </div> |
| | | <div class="checkbox checkbox-success checkbox-inline"> |
| | | <input type="checkbox" name="serverBox" id="serverBox6" value="6"> |
| | | <label for="serverBox6"> 包车 </label> |
| | | </div> |
| | | </div> |
| | | </fieldset> |
| | | </div> |
| | | <div id="lineDiv" style="display: none;"> |
| | | <div class="form-group"> |
| | | <label class="col-sm-3 control-label">关联线路:</label> |
| | | <div class="col-sm-3"> |
| | | <select class="form-control" id="selectLineId"> |
| | | <option value="">选择关联线路</option> |
| | | @for(obj in lineList){ |
| | | <option value="${obj.id}">${obj.name}</option> |
| | | @} |
| | | </select> |
| | | </div> |
| | | <div class="col-sm-2"> |
| | | <#button btnCss="info" name="添加" id="ensure" icon="fa-check" clickFun="YesDriverInfoDlg.addLine()"/> |
| | | </div> |
| | | </div> |
| | | <div class="form-group"> |
| | | <label class="col-sm-3 control-label">已添加线路</label> |
| | | <div class="col-sm-9"> |
| | | <div style="height: 200px; border: 1px solid #e5e6e7;overflow-y: auto;"> |
| | | <table class="table table-striped table-bordered table-hover table-condensed"> |
| | | <thead> |
| | | <tr> |
| | | <th style="width: 300px;text-align: center;">关联时间</th> |
| | | <th style="width: 300px;text-align: center;">线路名称</th> |
| | | <th style="width: 100px;text-align: center;">操作</th> |
| | | </tr> |
| | | </thead> |
| | | <tbody id="line"> |
| | | |
| | | </tbody> |
| | | </table> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | |
| | | <#input id="phone" name="登录账号【手机号】" /> |
| | | <#input id="password" name="密码" type="password"/> |
| | | <#input id="rePassword" name="确认密码" type="password"/> |
| | | |
| | | <#input id="driverNationality" name="国籍"/> |
| | | <#input id="driverNation" name="民族"/> |
| | | <div class="form-group"> |
| | | <label class="col-sm-3 control-label">婚姻状况:</label> |
| | | <div class="col-sm-3"> |
| | | <select class="form-control" id="driverMaritalStatus"> |
| | | <option value="1">已婚</option> |
| | | <option value="2">未婚</option> |
| | | <option value="3">离异</option> |
| | | </select> |
| | | </div> |
| | | </div> |
| | | <#input id="driverLanguageLevel" name="外语能力"/> |
| | | <#input id="driverEducation" name="学历"/> |
| | | <#input id="driverCensus" name="户口登记机关名称"/> |
| | | <#input id="driverAddress" name="户口地址"/> |
| | | <#input id="driverContactAddress" name="通信地址"/> |
| | | <#input id="getDriverLicenseDate" name="初次领取驾驶证日期"/> |
| | | <#input id="driverLicenseOn" name="驾驶证有效期限起"/> |
| | | <#input id="driverLicenseOff" name="驾驶证有效期限止"/> |
| | | <div class="form-group"> |
| | | <label class="col-sm-3 control-label">是否巡游出租车驾驶员:</label> |
| | | <div class="col-sm-3"> |
| | | <select class="form-control" id="taxiDriver"> |
| | | <option value="0">否</option> |
| | | <option value="1">是</option> |
| | | </select> |
| | | </div> |
| | | </div> |
| | | <#input id="networkCarlssueOrganization" name="网络预约出租车驾驶员证发证机构"/> |
| | | <#input id="networkCarlssueDate" name="资格证发证日期"/> |
| | | <#input id="getNetworkCarProofDate" name="初次认领资格证日期"/> |
| | | <#input id="networkCarProofOn" name="资格证有效起始日期"/> |
| | | <#input id="networkCarProofOff" name="资格证有效截至日期"/> |
| | | <#input id="registerDate" name="报备日期"/> |
| | | <div class="form-group"> |
| | | <label class="col-sm-3 control-label">是否是专职驾驶员:</label> |
| | | <div class="col-sm-3"> |
| | | <select class="form-control" id="fullTimeDriver"> |
| | | <option value="0">否</option> |
| | | <option value="1">是</option> |
| | | </select> |
| | | </div> |
| | | </div> |
| | | <div class="form-group"> |
| | | <label class="col-sm-3 control-label">是否在驾驶员黑名单内:</label> |
| | | <div class="col-sm-3"> |
| | | <select class="form-control" id="inDriverBlacklist"> |
| | | <option value="0">否</option> |
| | | <option value="1">是</option> |
| | | </select> |
| | | </div> |
| | | </div> |
| | | <div class="form-group"> |
| | | <label class="col-sm-3 control-label">服务类型:</label> |
| | | <div class="col-sm-3"> |
| | | <select class="form-control" id="commercialType"> |
| | | <option value="1">网络预约出租汽车</option> |
| | | <option value="2">巡游出租汽车</option> |
| | | <option value="3">私人小客车合乘</option> |
| | | </select> |
| | | </div> |
| | | </div> |
| | | <#input id="contractCompany" name="驾驶员合同签署公司"/> |
| | | <#input id="contractOn" name="合同有效期起"/> |
| | | <#input id="contractOff" name="合同有效期止"/> |
| | | <#input id="emergencyContact" name="紧急联系人"/> |
| | | <#input id="emergencyContactPhone" name="紧急联系电话"/> |
| | | <#input id="emergencyContactAddress" name="紧急联系地址"/> |
| | | </div> |
| | | <div class="row"> |
| | | <div class="col-sm-12"> |
| | | <div class="ibox float-e-margins"> |
| | | <div class="ibox-title"> |
| | | <h5>添加</h5> |
| | | </div> |
| | | <div class="ibox-content" id="driverInfoForm"> |
| | | <div class="row row-lg"> |
| | | <div class="col-sm-12"> |
| | | <input hidden id="areaId"> |
| | | |
| | | <div class="row btn-group-m-t"> |
| | | <div class="col-sm-10 col-sm-offset-5"> |
| | | <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="YesDriverInfoDlg.addSubmit()"/> |
| | | <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="YesDriverInfoDlg.close()"/> |
| | | <hr/> |
| | | <div class="initialLevel col-sm-12 control-label form-group" > |
| | | <div style="background-color: gray;height: 35px;line-height: 35px"> |
| | | <label style="color: #0C0C0C;text-align:left;">司机信息</label> |
| | | </div> |
| | | </div> |
| | | <hr/> |
| | | <div class="col-sm-12" style="cursor: pointer;text-align: right;"> |
| | | <div class="initialLevel col-sm-12 control-label form-group" > |
| | | <div class="initialLevel col-sm-3 control-label form-group" > |
| | | <span style="color:red">*</span> |
| | | <label class="control-label" >姓名:</label> |
| | | <input id="name" name="name" type="text" style="height: 30px" maxlength="20" placeholder="请输入" required="required"> |
| | | </div> |
| | | <div class="initialLevel col-sm-3 control-label form-group" > |
| | | <span style="color:red">*</span> |
| | | <label class="control-label" >手机号:</label> |
| | | <input id="phone" name="phone" type="number" style="height: 30px" maxlength="11" placeholder="请输入" required="required"> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="initialLevel col-sm-12 control-label form-group" > |
| | | <div class="initialLevel col-sm-3 control-label form-group" > |
| | | <span style="color:red">*</span> |
| | | <label class="control-label" >紧急联系人姓名:</label> |
| | | <input id="emergencyContact" name="emergencyContact" type="text" maxlength="20" placeholder="请输入" style="height: 30px" required> |
| | | </div> |
| | | <div class="initialLevel col-sm-3 control-label form-group" > |
| | | <span style="color:red">*</span> |
| | | <label class="control-label" >紧急联系人电话:</label> |
| | | <input id="emergencyPhone" name="emergencyPhone" type="number" maxlength="11" placeholder="请输入" style="height: 30px" required> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="initialLevel col-sm-12 control-label form-group" > |
| | | <div class="initialLevel col-sm-3 control-label form-group" > |
| | | <label class="control-label" >邀约人姓名:</label> |
| | | <input id="inviterName" type="text" maxlength="20" placeholder="请输入" style="height: 30px"> |
| | | </div> |
| | | <div class="initialLevel col-sm-3 control-label form-group" > |
| | | <label class="control-label" >邀约人电话:</label> |
| | | <input id="inviterPhone" type="number" maxlength="11" placeholder="请输入" style="height: 30px"> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="initialLevel col-sm-12 control-label form-group" > |
| | | <div class="initialLevel col-sm-3 control-label form-group" > |
| | | <span style="color:red">*</span> |
| | | <label class="control-label" >服务区域:</label> |
| | | <input id="area" onclick="TDriver.areaAdd()" name="area" placeholder="请选择" style="height: 30px" readonly required> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <hr/> |
| | | <div class="initialLevel col-sm-12 control-label form-group" > |
| | | <div style="background-color: gray;height: 35px;line-height: 35px"> |
| | | <label style="color: #0C0C0C;text-align:right">认证资料</label> |
| | | </div> |
| | | </div> |
| | | <hr/> |
| | | |
| | | <div class="col-sm-12"> |
| | | <div class="initialLevel col-sm-12 control-label form-group" > |
| | | <div class="initialLevel col-sm-3 control-label form-group" > |
| | | <span style="color:red">*</span> |
| | | <label class="control-label" >身份证号码:</label> |
| | | <input id="idcard" name="idcard" type="text" maxlength="20" placeholder="请输入" style="height: 30px" required> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="initialLevel col-sm-12 control-label form-group" > |
| | | <div class="initialLevel col-sm-3 control-label form-group" > |
| | | <span style="color:red">*</span> |
| | | <label class="control-label" >身份证正面照:</label> |
| | | <#uploadImg id="idcardFront"/> |
| | | </div> |
| | | <div class="initialLevel col-sm-3 control-label form-group" > |
| | | <span style="color:red">*</span> |
| | | <label class="control-label" >身份证背面照:</label> |
| | | <#uploadImg id="idcardBack"/> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="initialLevel col-sm-12 control-label form-group" > |
| | | <div class="initialLevel col-sm-3 control-label form-group" > |
| | | <span style="color:red">*</span> |
| | | <label class="control-label" >驾驶证:</label> |
| | | <#uploadImg id="driverLicense"/> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="row btn-group-m-t"> |
| | | <div class="col-sm-10" style="text-align: center"> |
| | | <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="TDriverInfoDlg.close()"/> |
| | | <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="TDriverInfoDlg.addSubmit()"/> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | </div> |
| | | <script src="${ctxPath}/static/modular/system/tDriver/yesDriver_info.js"></script> |
| | | |
| | | <script> |
| | | laydate.render({ |
| | | elem: '#getDriverLicenseDate' |
| | | }); |
| | | laydate.render({ |
| | | elem: '#driverLicenseOn' |
| | | }); |
| | | laydate.render({ |
| | | elem: '#driverLicenseOff' |
| | | }); |
| | | laydate.render({ |
| | | elem: '#networkCarlssueDate' |
| | | }); |
| | | laydate.render({ |
| | | elem: '#getNetworkCarProofDate' |
| | | }); |
| | | laydate.render({ |
| | | elem: '#networkCarProofOn' |
| | | }); |
| | | laydate.render({ |
| | | elem: '#networkCarProofOff' |
| | | }); |
| | | laydate.render({ |
| | | elem: '#contractOn' |
| | | }); |
| | | laydate.render({ |
| | | elem: '#contractOff' |
| | | }); |
| | | laydate.render({ |
| | | elem: '#registerDate' |
| | | <script src="${ctxPath}/static/modular/system/tDriver/tDriver_info.js"></script> |
| | | <script src="${ctxPath}/static/modular/system/tDriver/tDriver.js"></script> |
| | | <script type="text/javascript"> |
| | | $(function () { |
| | | var idCardPositive = new $WebUpload("idcardFront"); |
| | | idCardPositive.setUploadBarId("progressBar"); |
| | | idCardPositive.init(); |
| | | var idCardPositive = new $WebUpload("idcardBack"); |
| | | idCardPositive.setUploadBarId("progressBar"); |
| | | idCardPositive.init(); |
| | | var idCardPositive = new $WebUpload("driverLicense"); |
| | | idCardPositive.setUploadBarId("progressBar"); |
| | | idCardPositive.init(); |
| | | }); |
| | | </script> |
| | | @} |