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_edit.html | 475 ++++++++++++++++++++++++++--------------------------------- 1 files changed, 209 insertions(+), 266 deletions(-) diff --git a/management/guns-admin/src/main/webapp/WEB-INF/view/system/tDriver/tDriver_edit.html b/management/guns-admin/src/main/webapp/WEB-INF/view/system/tDriver/tDriver_edit.html index fff2374..71fa608 100644 --- a/management/guns-admin/src/main/webapp/WEB-INF/view/system/tDriver/tDriver_edit.html +++ b/management/guns-admin/src/main/webapp/WEB-INF/view/system/tDriver/tDriver_edit.html @@ -1,283 +1,226 @@ @layout("/common/_container.html"){ -<div class="ibox float-e-margins"> +<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="id" value="${item.id}"/> + <input hidden id="areaId" value="${item.areaId}"> + <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" value="${item.name}" type="text" maxlength="20" 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="phone" name="phone" value="${item.phone}" type="number" maxlength="11" 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> + <input id="emergencyContact" name="emergencyContact" value="${item.emergencyContact}" type="text" maxlength="20" style="height: 30px" required disabled> + </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" value="${item.emergencyPhone}" type="number" maxlength="11" style="height: 30px" required disabled> + </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" value="${item.inviterName}" type="text" maxlength="20" style="height: 30px" disabled> + </div> + <div class="initialLevel col-sm-3 control-label form-group" > + <label class="control-label" >邀约人电话:</label> + <input id="inviterPhone" value="${item.inviterPhone}" type="number" maxlength="11" style="height: 30px" disabled> + </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" value="${item.area}" onclick="TDriver.areaUpdate()" 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" value="${item.idcard}" type="text" maxlength="20" style="height: 30px" required disabled> + </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" fileImg="${item.idcardFront}"/>--> +<!-- </div>--> + <div class="initialLevel col-sm-3 control-label form-group"> + <span style="color:red">*</span> + <label class="control-label">身份证正面照:</label> + <div class="form-group"> + <div class="col-sm-4"> + <div id="idcardFrontPreId"> + <div><img width="100px" height="100px" src="${item.idcardFront}"> + </div> + </div> + </div> + </div> + </div> +<!-- <div class="initialLevel col-sm-3 control-label form-group" >--> +<!-- <span style="color:red">*</span>--> +<!-- <label class="control-label" >身份证背面照:</label>--> +<!-- <#uploadImg id="idcardBack" fileImg="${item.idcardBack}"/>--> +<!-- </div>--> + <div class="initialLevel col-sm-3 control-label form-group"> + <span style="color:red">*</span> + <label class="control-label">身份证背面照:</label> + <div class="form-group"> + <div class="col-sm-4"> + <div id="idcardBackPreId"> + <div><img width="100px" height="100px" src="${item.idcardBack}"> + </div> + </div> + </div> + </div> + </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" fileImg="${item.driverLicense}"/>--> +<!-- </div>--> + <div class="initialLevel col-sm-3 control-label form-group"> + <span style="color:red">*</span> + <label class="control-label">驾驶证:</label> + <div class="form-group"> + <div class="col-sm-4"> + <div id="driverLicensePreId"> + <div><img width="100px" height="100px" src="${item.driverLicense}"> + </div> + </div> + </div> + </div> + </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.editSubmit()"/> + </div> + </div> + </div> + </div> + </div> +</div> +<!--<div class="ibox float-e-margins"> <div class="ibox-content"> - <div class="form-horizontal" id="yesDriverInfoForm"> - <input type="hidden" id="id" name="id" value="${item.id}"> - <input type="hidden" id="roleType" name="roleType" value="${roleType}"> + <div class="form-horizontal"> + <div class="row"> - <div class="col-sm-11"> - <#input id="name" name="司机姓名" value="${item.name}"/> + <div class="col-sm-6 b-r"> + <#input id="id" name="主键" value="${item.id}" underline="true"/> + <#input id="code" name="编号" value="${item.code}" underline="true"/> + <#input id="name" name="姓名" value="${item.name}" underline="true"/> + <#input id="avatar" name="头像" value="${item.avatar}" underline="true"/> + <#input id="phone" name="手机号" value="${item.phone}" underline="true"/> + <#input id="password" name="密码" value="${item.password}" underline="true"/> + <#input id="sex" name="性别(1=男,2=女)" value="${item.sex}" underline="true"/> + <#input id="source" name="来源(1=)" value="${item.source}" underline="true"/> + <#input id="emergencyContact" name="紧急联系人" value="${item.emergencyContact}" underline="true"/> + <#input id="emergencyPhone" name="紧急联系电话" value="${item.emergencyPhone}" underline="true"/> + <#input id="driverLicenseNumber" name="驾驶证号码" value="${item.driverLicenseNumber}" underline="true"/> + <#input id="driverLicense" name="驾驶证照片" value="${item.driverLicense}" underline="true"/> + <#input id="idcard" name="身份证号码" value="${item.idcard}" underline="true"/> + <#input id="idcardFront" name="身份证正面照" value="${item.idcardFront}" /> + </div> - <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" ${1 == companyType ? 'checked=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" ${2 == companyType ? 'checked=checked' : ''} onclick="YesDriverInfoDlg.companyTypeClick(2)"> - <label for="companyTyp2"> 加盟司机 </label> - </div> - <select class="form-control companyDiv" id="oneId" onchange="YesDriverInfoDlg.oneChange(this)" style="width: 200px"> - <option value="">选择所属分公司</option> - @for(obj in companyList!){ - <option value="${obj.id}" ${obj.id == item.companyId ? 'selected=selected' : ''}>${obj.name}</option> - @} - </select> - <select class="form-control companyDiv" id="twoId" style="width: 200px;margin-left: 30px;"> - <option value="">选择所属加盟商</option> - @for(obj in franchiseeList!){ - <option value="${obj.id}" ${obj.id == item.franchiseeId ? 'selected=selected' : ''}>${obj.name}</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.id == item.franchiseeId ? 'selected=selected' : ''}>${obj.name}</option> - @} - </select> - @}else if(roleType == 3){ - <span class="control-label">${objectName!}</span> - @} - </div> - </div> - - <#avatar id="headImgUrl" name="头像:" avatarImg="${item.headImgUrl}"/> - <#avatar id="faceImgUrl" name="人脸识别照片:" avatarImg="${item.faceImgUrl}"/> - <!--<#input id="phone" name="手机号" value="${item.phone}"/>--> - <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" ${1 == item.sex ? 'checked=checked' : ''} > - <label for="sex1"> 男 </label> - </div> - <div class="radio radio-success radio-inline"> - <input type="radio" id="sex2" value="2" name="sex" ${2 == item.sex ? 'checked=checked' : ''} > - <label for="sex2"> 女 </label> - </div> - </div> - </div> - <#input id="driveCard" name="驾驶证号码" value="${item.driveCard}"/> - <#avatar id="driveCardImgUrl" name="驾驶证照片:" avatarImg="${item.driveCardImgUrl}"/> - <#input id="driverAge" name="驾龄" value="${item.driverAge}"/> - <#input id="idCard" name="身份证号" value="${item.idCard}"/> - <#input id="driverAddress" name="居住地址" value="${item.driverAddress}"/> - <#input id="taxiAptitudeCard" name="出租车资格证号" value="${item.taxiAptitudeCard}"/> - <#input id="jobNumber" name="工号(选填)" value="${item.jobNumber}"/> - <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" ${2 == one ? 'checked=checked' : ''}> - <label for="serverBox1"> 专车 </label> - </div> - <div class="checkbox checkbox-success checkbox-inline"> - <input type="checkbox" name="serverBox" id="serverBox2" value="2" ${2 == two ? 'checked=checked' : ''}> - <label for="serverBox2"> 出租车 </label> - </div> - <div class="checkbox checkbox-success checkbox-inline"> - <input type="checkbox" name="serverBox" id="serverBox3" value="3" ${2 == three ? 'checked=checked' : ''} onclick="YesDriverInfoDlg.checkBox()" > - <label for="serverBox3"> 跨城出行 </label> - </div> - <div class="checkbox checkbox-success checkbox-inline"> - <input type="checkbox" name="serverBox" id="serverBox4" value="4" ${2 == four ? 'checked=checked' : ''}> - <label for="serverBox4"> 小件物流-同城 </label> - </div> - <div class="checkbox checkbox-success checkbox-inline"> - <input type="checkbox" name="serverBox" id="serverBox5" value="5" ${2 == five ? 'checked=checked' : ''}> - <label for="serverBox5"> 小件物流-跨城 </label> - </div> - <div class="checkbox checkbox-success checkbox-inline"> - <input type="checkbox" name="serverBox" id="serverBox6" value="6" ${2 == six ? 'checked=checked' : ''}> - <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;">关联时间</th> - <th style="width: 300px;">项目名称</th> - <th style="width: 100px;">操作</th> - </tr> - </thead> - <tbody id="line"> - @for(line in driverLineList!){ - <tr class="lineClass"> - <td><input type="hidden" id="lineId" name="lineId" value="${line.lineId}"> - <input type="hidden" id="time" name="time" value="${line.addTime}">${line.addTime}</td> - <td>${line.lineName}</td> - <td><button onclick="deleteSub(this)">移除</button></td> - </tr> - @} - </tbody> - </table> - </div> - </div> - </div> - </div> - - <#input id="phone" name="登录账号【手机号】" value="${item.phone}"/> - <#input id="password" name="密码" type="password" /> - <#input id="rePassword" name="确认密码" type="password" /> - - <#input id="driverNationality" name="国籍" value="${item.driverNationality}"/> - <#input id="driverNation" name="民族" value="${item.driverNation}"/> - <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" ${item.driverMaritalStatus == 1 ? 'selected' : ''}>已婚</option> - <option value="2" ${item.driverMaritalStatus == 2 ? 'selected' : ''}>未婚</option> - <option value="3" ${item.driverMaritalStatus == 3 ? 'selected' : ''}>离异</option> - </select> - </div> - </div> - <#input id="driverLanguageLevel" name="外语能力" value="${item.driverLanguageLevel}"/> - <#input id="driverEducation" name="学历" value="${item.driverEducation}"/> - <#input id="driverCensus" name="户口登记机关名称" value="${item.driverCensus}"/> - <#input id="driverAddress" name="户口地址" value="${item.driverAddress}"/> - <#input id="driverContactAddress" name="通信地址" value="${item.driverContactAddress}"/> - <#input id="getDriverLicenseDate" name="初次领取驾驶证日期" value="${item.getDriverLicenseDate}"/> - <#input id="driverLicenseOn" name="驾驶证有效期限起" value="${item.driverLicenseOn}"/> - <#input id="driverLicenseOff" name="驾驶证有效期限止" value="${item.driverLicenseOff}"/> - <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" ${item.taxiDriver == 0 ? 'selected' : ''}>否</option> - <option value="1" ${item.taxiDriver == 1 ? 'selected' : ''}>是</option> - </select> - </div> - </div> - <#input id="networkCarlssueOrganization" name="网络预约出租车驾驶员证发证机构" value="${item.networkCarlssueOrganization}"/> - <#input id="networkCarlssueDate" name="资格证发证日期" value="${item.networkCarlssueDate}"/> - <#input id="getNetworkCarProofDate" name="初次认领资格证日期" value="${item.getNetworkCarProofDate}"/> - <#input id="networkCarProofOn" name="资格证有效起始日期" value="${item.networkCarProofOn}"/> - <#input id="networkCarProofOff" name="资格证有效截至日期" value="${item.networkCarProofOff}"/> - <#input id="registerDate" name="报备日期" value="${item.registerDate}"/> - <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" ${item.fullTimeDriver == 0 ? 'selected' : ''}>否</option> - <option value="1" ${item.fullTimeDriver == 1 ? 'selected' : ''}>是</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" ${item.inDriverBlacklist == 0 ? 'selected' : ''}>否</option> - <option value="1" ${item.inDriverBlacklist == 1 ? 'selected' : ''}>是</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" ${item.commercialType == 1 ? 'selected' : ''}>网络预约出租汽车</option> - <option value="2" ${item.commercialType == 2 ? 'selected' : ''}>巡游出租汽车</option> - <option value="3" ${item.commercialType == 3 ? 'selected' : ''}>私人小客车合乘</option> - </select> - </div> - </div> - <#input id="contractCompany" name="驾驶员合同签署公司" value="${item.contractCompany}"/> - <#input id="contractOn" name="合同有效期起" value="${item.contractOn}"/> - <#input id="contractOff" name="合同有效期止" value="${item.contractOff}"/> - <#input id="emergencyContact" name="紧急联系人" value="${item.emergencyContact}"/> - <#input id="emergencyContactPhone" name="紧急联系电话" value="${item.emergencyContactPhone}"/> - <#input id="emergencyContactAddress" name="紧急联系地址" value="${item.emergencyContactAddress}"/> - - + <div class="col-sm-6"> + <#input id="idcardBack" name="身份证背面照" value="${item.idcardBack}" underline="true"/> + <#input id="inviterType" name="邀约人类型(1=用户,2=司机)" value="${item.inviterType}" underline="true"/> + <#input id="inviterId" name="邀约人id" value="${item.inviterId}" underline="true"/> + <#input id="agentId" name="代理商id" value="${item.agentId}" underline="true"/> + <#input id="branchOfficeId" name="分公司id" value="${item.branchOfficeId}" underline="true"/> + <#input id="balance" name="账户余额" value="${item.balance}" underline="true"/> + <#input id="approvalStatus" name="审核状态(1=待审核,2=已同意,3=已拒绝)" value="${item.approvalStatus}" underline="true"/> + <#input id="approvalNotes" name="审核注释" value="${item.approvalNotes}" underline="true"/> + <#input id="approvalUserId" name="审核用户id" value="${item.approvalUserId}" underline="true"/> + <#input id="approvalTime" name="审核时间" value="${item.approvalTime}" underline="true"/> + <#input id="serverStatus" name="服务状态(1=空闲,2=服务中)" value="${item.serverStatus}" underline="true"/> + <#input id="integral" name="剩余积分" value="${item.integral}" underline="true"/> + <#input id="status" name="状态(1=正常,2=冻结,3=删除)" value="${item.status}" underline="true"/> + <#input id="createTime" name="添加时间" value="${item.createTime}" /> </div> </div> <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.editSubmit()"/> - <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="YesDriverInfoDlg.close()"/> + <div class="col-sm-10"> + <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="TDriverInfoDlg.editSubmit()"/> + <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="TDriverInfoDlg.close()"/> </div> </div> </div> </div> -</div> -<script src="${ctxPath}/static/modular/system/tDriver/yesDriver_info.js"></script> -<script type="application/javascript"> - 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' - }); +</div>--> +<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 () { + if('' == $("#inviterName").val()){ + $("#inviterName").val('') + } + if('' == $("#inviterPhone").val()){ + $("#inviterPhone").val('') + } - $(function() { - var serverBox3 = $('#serverBox3').prop('checked'); - if (serverBox3){ - $("#lineDiv").show(); - } else { - $("#lineDiv").hide(); - } - var companyType = $("input[name='companyType']:checked").val(); - if (1 == companyType){ - $(".companyDiv").hide(); - } else if (2 == companyType){ - $(".companyDiv").show(); - } + 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