<%@ page contentType="text/html;charset=UTF-8" %> <%@ include file="/WEB-INF/views/include/taglib.jsp"%> <html> <head> <title></title> <meta name="decorator" content="represent"/> <style type="text/css"> /** 改变弹出框的按钮颜色***/ body .layui-layer-lan .layui-layer-btn0 { border-color: #D7000F; background-color: #D7000F; color: white; } body .layui-layer-lan .layui-layer-btn .layui-layer-btn1 { border-color: #CCCCCC; background: white; color: black; } .td-nowrap{ max-width: 200px!important; text-overflow: ellipsis; -moz-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align:left!important; } #delegationButton{ color: #555; background: #eee; border: 1px solid #ccc; } input[type="file"]{ height: auto; } .jbox-bottom-text{ line-height:20px!important; padding: 0 20px 20px; } .jbox-button{ position: absolute!important;bottom:10px!important;right:10px!important; } button:focus{ outline: none; } .jbox-button-panel{ width:420px!important;height:100px!important; line-height:30px!important; text-align: left!important; } div.jbox .jbox-bottom-text{ color: red; } </style> <script type="text/javascript"> //是否是批量的模板 var flag=[true,false] $(function(){ //导入 $("#saveImpl").click(function() { var url = "${ctx}/erep/elePreselectorInfo/repImpl?flag="+flag[0]; var title = "批量导入预选人信息"; openWindow(url, title); }); //弹出批量导入层 function openWindow(url, title) { layer.open({ type : 2, title : [ title, 'background-color:#D7000F;' ], shadeClose : false, skin : 'layui-layer-lan', offset : '35px', shade : false, area : [ '500px', '300px' ], content : url, btn : [ '保存', '取消' ], yes : function(index, layero) { var iframeWin = window[layero.find('iframe')[0]['name']]; if (iframeWin.validate()) { var body = layer.getChildFrame('body', index); var formData = new FormData(); var data = body.find("#inputForm") .find("#articleImageFile")[0].files[0]; formData.append("file", data); var loadIndex = ''; $.ajax({ type : 'POST', async : true, processData : false, contentType : false, url : '${ctx}/erep/elePreselectorInfo/repImplOneSave?type=${elePreselectorInfo.type}', data : formData, dataType : "json", beforeSend : function() { loadIndex = layer.load(1, { shade : [ 0.5, 'gray' ], content : '导入中……', success : function(layero) { layero.find('.layui-layer-content').css({ 'padding-top' : '39px', 'width' : '60px' }); } }); }, complete : function() { layer.close(loadIndex); }, success : function(data) { layer.open({ title : '导入预选人信息结果', area : [ '500px', '300px' ], content : data.message+",点确定刷新列表", btn : [ '确定'], yes : function(index, layero) { layer.close(index); layer.close(1); location="${ctx}/erep/elePreselectorInfo/list?type=${elePreselectorInfo.type}" } }) } }, 'json'); } }, btn2 : function(index, layero) { layer.close(index); } }); } }) //审核 function resultState(id){ var url = "${ctx}/erep/elePreselectorInfo/resultState?id="+id; var title = "审核中"; state(url, title); } //弹出批量导入层 function state(url, title) { layer.open({ type : 2, title : [ title, 'background-color:#D7000F;' ], shadeClose : false, skin : 'layui-layer-lan', offset : '35px', shade : false, area : [ '500px', '300px' ], content : url, btn : [ '保存', '取消' ], yes : function(index, layero) { var iframeWin = window[layero.find('iframe')[0]['name']]; if (iframeWin.validate()) { var body = layer.getChildFrame('body', index); var formData = new FormData(); var state = body.find("#inputForm").find("#state")[0].value; var colB = body.find("#inputForm").find("#colB")[0].value; var id = body.find("#inputForm").find("#id")[0].value; formData.append("state", state); formData.append("colB", colB); formData.append("id", id); var loadIndex = ''; $.ajax({ type : 'POST', async : true, processData : false, contentType : false, url : '${ctx}/erep/elePreselectorInfo/stateResult', data : formData, dataType : "json", beforeSend : function() { loadIndex = layer.load(1, { shade : [ 0.5, 'gray' ], content : '导入中……', success : function(layero) { layero.find('.layui-layer-content').css({ 'padding-top' : '39px', 'width' : '60px' }); } }); }, complete : function() { layer.close(loadIndex); }, success : function(data) { location = "${ctx}/erep/elePreselectorInfo/list?type=${elePreselectorInfo.type}"; } }, 'json'); } }, btn2 : function(index, layero) { layer.close(index); } }); } // 撤回、通过数据 function withdrawData(id,state){ var titleMsg="撤回"; /* if(state=='2'){ titleMsg="撤回"; }else if(state=='0'){ titleMsg="通过"; } */ layer.confirm('确定要'+titleMsg+'数据吗', { title :['是否'+titleMsg+'','background-color:#D7000F;'], skin : 'layui-layer-lan', btn: ['确定','取消'] //按钮 }, function(){ var loadIndex =''; $.ajax({ type : 'POST', url : '${ctx}/erep/elePreselectorInfo/stateResult',//result data : {"id":id,"state":state}, dataType: "json", beforeSend : function() { loadIndex=showLoad('正在提交,请稍等...'); }, complete: function () { layer.close(loadIndex); }, success : function(data) { if(data.success==true){ location = "${ctx}/erep/elePreselectorInfo/list?type=${elePreselectorInfo.type}"; layer.msg(data.msg, {icon: 1,time:2000}); }else{ layer.msg(data.msg, {icon: 2,time:2000}); } layer.close(loadIndex); } }, 'json'); }); } //批量删除 function batchDeleteData(){ if($("input[name='check']:checked").length == 0){ layer.msg('请勾选一条记录',{icon:2,time:1000}); return false; } var list = $("input[name='check']:checked"); var ids =[]; for(var i=0;i<list.length;i++){ var tr=$(list[i]).parents("tr").find("td"); var state=tr.eq(4).find("input[type='hidden'][name='state']").val() if('1'== state || '2'== state){ ids.push($(list[i]).attr("rowid")); }else{ layer.msg('通过的数据不能删除,请进行调整',{icon:2,time:2000}); return ; } } layer.confirm('确定要删除数据吗', { title :['是否删除','background-color:#D7000F;'], skin : 'layui-layer-lan', btn: ['确定','取消'] //按钮 }, function(){ var loadIndex =''; $.ajax({ type : 'POST', url : '${ctx}/erep/elePreselectorInfo/delete', data : {"ids":ids}, dataType: "json", beforeSend : function() { loadIndex=showLoad('正在提交,请稍等...'); }, complete: function () { layer.close(loadIndex); }, success : function(data) { if(data.success==true){ location = "${ctx}/erep/elePreselectorInfo/list?type=${elePreselectorInfo.type}"; layer.msg(data.msg, {icon: 1,time:2000}); }else{ layer.msg(data.msg, {icon: 2,time:2000}); } layer.close(loadIndex); } }, 'json'); }); } // 批量通过 function batchPassData(){ if($("input[name='check']:checked").length == 0){ layer.msg('请勾选一条记录',{icon:2,time:1000}); return false; } var list = $("input[name='check']:checked"); var ids =[]; for(var i=0;i<list.length;i++){ var tr=$(list[i]).parents("tr").find("td"); var state=tr.eq(4).find("input[type='hidden'][name='state']").val(); debugger; if('1'== state || '2'== state){ ids.push($(list[i]).attr("rowid")); }else{ layer.msg('存在已通过的数据不能重复提交,请进行调整',{icon:2,time:2000}); return ; } } layer.confirm('确定要通过审核吗', { title :['是否通过审核','background-color:#D7000F;'], skin : 'layui-layer-lan', btn: ['确定','取消'] //按钮 }, function(){ var loadIndex =''; $.ajax({ type : 'POST', url : '${ctx}/erep/elePreselectorInfo/batchPassData', data : {"ids":ids}, dataType: "json", beforeSend : function() { loadIndex=showLoad('正在提交,请稍等...'); }, complete: function () { layer.close(loadIndex); }, success : function(data) { if(data.success==true){ location = "${ctx}/erep/elePreselectorInfo/list?type=${elePreselectorInfo.type}"; layer.msg(data.msg, {icon: 1,time:2000}); }else{ layer.msg(data.msg, {icon: 2,time:2000}); } layer.close(loadIndex); } }, 'json'); }); } </script> </head> <body> <div id="importBox" style="display: none;"> <form action="${ctx}/erep/elePreselectorInfo/uploadBatch" class="form-search" style="padding-left: 20px; text-align: center;" onsubmit="loading('正在导入,请稍等...');" method="post" id="uploadBatchForm" enctype="multipart/form-data">  <input type="file" name="file" accept=".zip" /> <br> <input id="btnImportSubmit" class="btn btn-primary" type="submit" value=" 导 入 " /> </form> </div> <div id="jerichotab" class="jericho_container"> <form action="${ctx}/erep/elePreselectorInfo/" method="post" class="form-horizontal" id="searchForm"> <input type="hidden" name="type" value="${elePreselectorInfo.type}"> <input type="hidden" name="orderBy" value=""> <div class="agency_search"> <div class="col-sm-12 padding-none"> <div class="fh-inline"> <div class="col-sm-3 padding-none"> <div class="form-group"> <label class="control-label col-sm-4 msg_label"> 姓名: </label> <div class="form_input col-sm-8"> <input name="name" type="text" value="${elePreselectorInfo.name}" class="form-control"> </div> </div> </div> <div class="col-sm-3 padding-none"> <div class="form-group"> <label class="control-label col-sm-4 msg_label"> 民族: </label> <div class="form_input col-sm-8"> <%-- <input name="nation" type="text" value="${elePreselectorInfo.nation}" class="form-control"> --%> <select name="nation" class="form-select col-sm-9 padding-none w100" > <option value="">请选择</option> <c:forEach items="${fns:getDictList('rep_nation')}" var="dict"> <option value="${dict.value }" <c:if test="${null != elePreselectorInfo.nation && elePreselectorInfo.nation eq dict.value }">selected = "selected"</c:if> >${dict.label }</option> </c:forEach> </select> </div> </div> </div> <div class="col-sm-3 padding-none"> <div class="form-group"> <label class="control-label col-sm-4 msg_label"> 党派: </label> <div class="form_input col-sm-8"> <select name="party" class="form-select col-sm-12 padding-none"> <option value="">请选择</option> <c:forEach items="${fns:getDictList('political')}" var="dict"> <option value="${dict.value }" <c:if test="${null != elePreselectorInfo.party && elePreselectorInfo.party eq dict.value }">selected = "selected"</c:if> >${dict.label }</option> </c:forEach> </select> </div> </div> </div> <div class="col-sm-3"> <div class="agncy_btn_area"> <input id="btnSubmit" class="btn btn-danger search_btn" type="submit" value="查询"/> <input id="btn-reset" class="btn btn-reset" type="button" value="重置"/> </div> </div> </div> </div> </div> </form> <!-- 分割线 --> <div class="division_line"></div> <div class="col-sm-12 batch_btn fh-inline form-horizontal padding-none"> <shiro:hasPermission name="erep:elePreselectorInfo:edit"> <div class="jumpBtn"> <a href="${ctx}/erep/elePreselectorInfo/form?type=${page.list[0].type}">添加</a></div> <input id="saveImpl" class="btn report_batch" type="button" value="导入"/> <input id="all-export" class="btn report_batch" type="button" value="导出预选人名单"/> <input id="orderByName" class="btn report_batch" type="button" value="姓名排序"/> <input id="" class="btn report_batch" type="button" value="批量通过"onclick="batchPassData()" /> <input id="" class="btn report_batch" type="button" value="批量删除" onclick="batchDeleteData()"/> </shiro:hasPermission> </div> <!-- 表格list --> <div class="deputy_list vr_table col-sm-12"> <div class="table-responsive"> <table class="table"> <thead> <tr> <th> <div class="checkbox checkbox-danger"> <input type="checkbox" name="all-checks" class="styled"/> <label class="checkbox-inline"></label> </div> </th> <th>代表团</th> <th>姓名</th> <th>性别</th> <%-- <th>出生年月</th> <c:if test="${page.list[0].type ne '自治区级' }"> <th>代表构成</th> </c:if> --%> <th>职务</th> <th>审查状态</th> <th>操作</th> </tr> </thead> <tbody> <c:forEach items="${page.list}" var="elePreselectorInfo"> <tr> <th scope="row"> <div class="checkbox checkbox-danger"> <input type="checkbox" name="check" class="styled" rowid="${elePreselectorInfo.id}"/> <label class="checkbox-inline"></label> </div> </th> <td>${elePreselectorInfo.constiyuencyName }</td> <td>${elePreselectorInfo.name }</td> <td>${fns:getDictLabels(elePreselectorInfo.sex, "sex", "未填写")}</td> <td>${elePreselectorInfo.technicalTitle }</td> <td> <input type="hidden" name="state" id="state" value="${elePreselectorInfo.state}"> <c:if test="${elePreselectorInfo.state =='0' }"> <span style="font-family:'Lucida Grande Normal', 'Lucida Grande';text-decoration:none;color:#04F21C;">●</span><span style="font-family:'Microsoft Tai Le';text-decoration:none;color:rgba(0, 0, 0, 0.427450980392157);"></span> </c:if> <c:if test="${elePreselectorInfo.state =='1' }"> <span style="font-family:'Lucida Grande Normal', 'Lucida Grande';text-decoration:none;color:#F62626;">●</span><span style="font-family:'Microsoft Tai Le';text-decoration:none;color:rgba(0, 0, 0, 0.427450980392157);"></span> </c:if> <c:if test="${elePreselectorInfo.state =='2' }"> <span style="font-family:'Lucida Grande Normal', 'Lucida Grande';text-decoration:none;color:#F59A23;">●</span><span style="font-family:'Microsoft Tai Le';text-decoration:none;color:rgba(0, 0, 0, 0.427450980392157);"></span> </c:if> ${fns:getDictLabels(elePreselectorInfo.state, "reviewStatus", "")} </td> <td> <!-- <a href="#">详情</a> --> <shiro:hasPermission name="erep:elePreselectorInfo:edit"> <c:choose> <c:when test="${null != elePreselectorInfo.state && elePreselectorInfo.state eq 0}"> <a href="javascript:void(0)" onclick="withdrawData('${elePreselectorInfo.id}','2')">撤回</a> <a href="${ctx}/erep/elePreselectorInfo/form?id=${elePreselectorInfo.id}&flag=true">详情</a> </c:when> <c:when test="${null != elePreselectorInfo.state && elePreselectorInfo.state eq 1}"> <a href="${ctx}/erep/elePreselectorInfo/form?id=${elePreselectorInfo.id}">修改</a> <a href="javascript:void(0)" onclick="resultState('${elePreselectorInfo.id}')">审核</a> </c:when> <c:when test="${null != elePreselectorInfo.state && elePreselectorInfo.state eq 2}"> <a href="${ctx}/erep/elePreselectorInfo/form?id=${elePreselectorInfo.id}">修改</a> <a href="javascript:void(0)" onclick="resultState('${elePreselectorInfo.id}')">审核</a> </c:when> </c:choose> </shiro:hasPermission> </td> </tr> </c:forEach> </tbody> </table> <div class="pagination">${page}</div> </div> </div> </div> <script type="text/javascript"> //重置查询 $("#btn-reset").click(function(){ $(".form-control").val(''); $("select").val(''); }) //全选的操作 $("input[name='all-checks']").click(function() { $("input[name='all-check']").attr('checked', false) if (this.checked) { $("input[name='check']").attr('checked', true) } else { $("input[name='check']").attr('checked', false) } }) // 每个check的操作 $('input[name=check]').each(function() { $(this).click(function() { $("input[name='all-check']").attr('checked', false) $("input[name='all-checks']").attr('checked', false) }) }) //姓名排序 $("#orderByName").click(function(){ $(":input[name='orderBy']").val("name"); $("#searchForm").submit(); }) //导出预选人名单 $("#all-export").click(function(){ // 获取选中的复选框 var list = $("input[name='check']:checked"); var ids =[]; for(var i=0;i<list.length;i++){ var tr=$(list[i]).parents("tr").find("td"); var state=tr.eq(4).find("input[type='hidden'][name='state']").val() if('0'== state){ ids.push($(list[i]).attr("rowid")); }else{ layer.msg('导出的数据含有未通过的,请进行调整',{icon:2,time:2000}); return false; } } var url = "${ctx}/erep/elePreselectorInfo/export?type=${elePreselectorInfo.type}&state=0&ids="+ids; window.location.href=url; }) </script> </body> </html>