From db7fa6a91b9534ac90e219b6f554c54c43c83a5a Mon Sep 17 00:00:00 2001 From: liujie <liujie> Date: 星期三, 16 八月 2023 09:28:15 +0800 Subject: [PATCH] update --- management/guns-admin/src/main/webapp/WEB-INF/view/system/tDriver/tDriver_add.html | 368 +++++++++++++++++----------------------------------- 1 files changed, 122 insertions(+), 246 deletions(-) diff --git a/management/guns-admin/src/main/webapp/WEB-INF/view/system/tDriver/tDriver_add.html b/management/guns-admin/src/main/webapp/WEB-INF/view/system/tDriver/tDriver_add.html index 84b7d6f..d4a00d7 100644 --- a/management/guns-admin/src/main/webapp/WEB-INF/view/system/tDriver/tDriver_add.html +++ b/management/guns-admin/src/main/webapp/WEB-INF/view/system/tDriver/tDriver_add.html @@ -1,257 +1,133 @@ @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> @} -- Gitblit v1.7.1