<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> 资产领用审批详情</title> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="stylesheet" href="../../css/mui.min.css"> <link rel="stylesheet" type="text/css" href="../../css/common.css" /> <style> .mui-pull-left .mui-icon { padding-right: 5px; font-size: 28px; } .mui-bottom { position: fixed; z-index: 10; right: 0; left: 0; height: 44px; padding-right: 10px; padding-left: 10px; border-bottom: 0; background-color:rgba(85,85,85,0.6) } .rightdiv{ } .bottomb{ width: 75px;height: 45px; font-size: 18px; color: rgb(72,72,72); } .contonediv{ width: 94%; margin-left: 3%; margin-top: 3%; float: left; } .kapiandiv{ width: 94%; margin-left: 3%; margin-top: 3%; float: left; } .worddiv{ width: 100%; float: left; } .divleft{ float: left; width: 45%; background-color: #FFFFFF; text-indent: 1em; font-size: 14px; height: 40px; overflow: hidden; line-height: 40px; } .divright{ background-color: #FFFFFF; float: left; width: 55%; text-align: right; padding-right: 5%; font-size: 14px; height: 40px; overflow: hidden; line-height: 40px; } .syrdiv{ background-color: #FFFFFF; float: left; width: 55%; text-align: right; padding-right: 5%; font-size: 14px; height: 40px; overflow: hidden; line-height: 40px; } .fprdiv{ background-color: #FFFFFF; float: left; width: 55%; text-align: right; padding-right: 5%; font-size: 14px; height: 40px; overflow: hidden; line-height: 40px; } .sqsldiv{ background-color: #FFFFFF; float: left; width: 55%; text-align: right; padding-right: 5%; font-size: 14px; height: 40px; overflow: hidden; line-height: 40px; } .hline{ height: 1px; background-color: rgb(239,239,239); width: 100%; float: left; } .buttondiv{ background-color: #FFFFFF; float: left; width: 100%; } .buttondiv .divlefts{ margin-top:13px ; padding-left: 15px; width: 30%; float:left; } .buttondiv .divrights{ height: 50px; line-height: 50px; width: 70%; float:left; text-align: right; padding-right: 5%; } .buttonto{ padding: 8px 8px; margin-left: 10px; margin-top: 6px; background-color: rgb(42,195,253); color: #FFFFFF; border: 1px solid rgb(168,230,254); border-radius: 5px; } .Assettitle{ float: left; width: 100%; text-align: left; margin-top: 10px; } .Assetbutton{ float: left; width: 100%; text-align: right; } .recid{ display: none; } .buttondiv{ width: 100%; height: 50px; } .buttonwebs{ width: 98%; margin-left: 1%; height: 45px; background-color: rgb(42,195,253); color: #FFFFFF; font-size: 18px; letter-spacing: 5px; } </style> </head> <body> <header id="header" class="mui-bar mui-bar-nav gams-header"> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> <h1 class="mui-title" style="color: white;">待办审批详情</h1> </header> <div class="mui-content" style="background-color: #FFFFFF;" id="toShowDisp"></div> <div class="mui-content" style="background-color: #FFFFFF;" id="toShowDisp2"></div> <div style="height: 85px; float: left;width: 100%;"></div> <div class="mui-bottom mui-bar-tab"> <!--data-xx这种自定义属性的写法,用于存放一些数据,这里我们用来存放子窗口的相对地址--> <!--http://www.cnblogs.com/dolphinX/p/3348458.html--> <div > <div style="float: left;padding: 12px 5px 8px 15px; "> <button class="bottomb" id="todotoagree">同意</button> </div> <div style="float: left;padding: 12px 30px 8px 50px; display: none;" id="del"> <button class="bottomb" id="todotocheck" style="width:100px">卡片选择</button> </div> <div style="float: right;padding: 12px 5px 8px 15px;"> <button class="bottomb" id="todotodisagree">驳回</button> </div> </div> </div> <div style="display: none;" id="divtextyijian"> </div> <script src="../../js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script> <script src="../../js/mui.min.js"></script> <script type="text/javascript" src="../../js/jqzw_server.js" ></script> <script type="text/javascript" src="../../js/layer/layer.js" ></script> <script type="text/javascript"> var aniShow = "pop-in"; var currentrole="";//当前用户角色 var zhidrRole="";//当前领用人角色 var zhidrid="";//当前领用人id var zhidr="";//当前领用人姓名 var cardList = null;//卡片数组 var checkedList=[];//已选择卡片列表 var disposal = null; var biaos = null; var biaoming = null; var bmrecid = null;//领用部门RECID var select_str= "";//拼接使用人 mui.init({ beforeback: function(){ //获得列表界面的webview var cws = plus.webview.currentWebview(); var sourcePage = plus.webview.getWebviewById(cws.html); //触发列表界面的自定义事件(refresh),从而进行数据刷新 mui.fire(sourcePage,'refresh'); //返回true,继续页面关闭逻辑 return true; }, swipeBack:true //启用右滑关闭功能 }); mui.plusReady(function(){ var ViewDetails = plus.webview.getWebviewById("ViewDetails"); disposal = ViewDetails.DisPosal; biaos = ViewDetails.biaos; biaoming = ViewDetails.biaoming; CreateDisapnols(ViewDetails.DisPosal); }); $(function(){ $("#todotoagree").click(function(){//同意 var sqslNum=0;//合计申请数量 var tip="";//使用人提示 var syrListString="";//给后台数据的参数 var ViewDetails = plus.webview.getWebviewById("ViewDetails"); var applyNum=ViewDetails.DisPosal.shul;//申请数量 var syrList=document.getElementsByClassName("syrdiv"); var syrList2=document.getElementsByClassName("kapiandiv"); var syrList3=document.getElementsByClassName("fprdiv"); var sqslList=document.getElementsByClassName("sqsldiv"); for (var i = 0;i<sqslList.length;i++) { sqslNum=Number(sqslNum)+Number(sqslList[i].getAttribute("name")); } for (var i = 0;i<syrList.length;i++) { if(syrList[i].getAttribute("name")==""){ var k=i+1; tip=tip+k+","; } } for (var i = 0;i<syrList.length;i++) { syrListString=syrListString+syrList2[i].getAttribute("id"); syrListString=syrListString+","+syrList[i].getAttribute("name"); syrListString=syrListString+","+syrList3[i].getAttribute("name")+";"; } if(currentrole=='BMZCGLY'||currentrole=='GKZCGLY'){//部门资产管理员或者归口资产管理员 if(sqslNum>applyNum){ mui.toast("分配资产数量不能大于申请资产数量,请相关人员调整后在进行审批!"); return; } if(tip.length>0){ tip=tip.substring(0, tip.length-1); var btnArray = ['确认', '取消']; mui.confirm('第'+tip+'张卡片使用人为空,请确认是否属实?', '提示', btnArray, function(e) { if (e.index == 0) {//确认 var agreetext = $("#divtextyijian").text().trim(); $jqzw_server.callServer('dwb_NeedToDoService','InsertBoolean',disposal.recid,"true",biaos,disposal.ptguid,agreetext,syrListString).success(function(iv){ if('false'===iv || false === iv) { mui.toast('审批失败!'); } else { mui.toast("审批成功"); mui.back(); } }).error(function(iv){ mui.toast(iv); }); }else{//取消 } }); } else{ var agreetext = $("#divtextyijian").text().trim(); $jqzw_server.callServer('dwb_NeedToDoService','InsertBoolean',disposal.recid,"true",biaos,disposal.ptguid,agreetext,syrListString).success(function(iv){ if('false'===iv || false === iv) { mui.toast('审批失败!'); } else { mui.toast("审批成功"); mui.back(); } }).error(function(iv){ mui.toast(iv); }); } }else if(currentrole=='DWZCGLY'){//单位资产管理员 if(sqslNum>applyNum){ mui.toast("分配资产数量不能大于申请资产数量,请相关人员调整后在进行审批!"); return; } if(sqslNum<1){ mui.toast("分配资产数量不能为零,请相关人员调整后在进行审批!"); return; } if(sqslNum<applyNum){//分配资产小于申请数量 var agreetext = $("#divtextyijian").text().trim(); if(agreetext == ""){ mui.toast("请在审批意见中说明分配资产小于申请数量的原因!"); return; } } if(tip.length>0){ tip=tip.substring(0, tip.length-1); var btnArray = ['确认', '取消']; mui.confirm('第'+tip+'张卡片使用人为空,请确认是否属实?', '提示', btnArray, function(e) { if (e.index == 0) {//确认 var agreetext = $("#divtextyijian").text().trim(); $jqzw_server.callServer('dwb_NeedToDoService','InsertBoolean',disposal.recid,"true",biaos,disposal.ptguid,agreetext,syrListString).success(function(iv){ if('false'===iv || false === iv) { mui.toast('审批失败!'); } else { mui.toast("审批成功"); mui.back(); } }).error(function(iv){ mui.toast(iv); }); }else{//取消 } }); } else{ var agreetext = $("#divtextyijian").text().trim(); $jqzw_server.callServer('dwb_NeedToDoService','InsertBoolean',disposal.recid,"true",biaos,disposal.ptguid,agreetext,syrListString).success(function(iv){ if('false'===iv || false === iv) { mui.toast('审批失败!'); } else { mui.toast("审批成功"); mui.back(); } }).error(function(iv){ mui.toast(iv); }); } }else{ var agreetext = $("#divtextyijian").text().trim(); $jqzw_server.callServer('dwb_NeedToDoService','InsertBoolean',disposal.recid,"true",biaos,disposal.ptguid,agreetext,syrListString).success(function(iv){ if('false'===iv || false === iv) { mui.toast('审批失败!'); } else { mui.toast("审批成功"); mui.back(); } }).error(function(iv){ mui.toast(iv); }); } }); //卡片选择 $("#todotocheck").click(function(){ $jqzw_server.callServer('dwb_NeedToDoService','getCardList', disposal.recid, biaos,"1").success(function(lis){//逻辑校验 //移除已添加卡片 cardList=lis; var brr=[]; for ( var i = 0; i <lis.length; i++){ for(var j in checkedList){ if(checkedList[j]==lis[i].zcrecid){ brr.push(lis[i]); } } } for(var i=0;i<brr.length;i++){ for(var j=0;j<lis.length;j++){ if(lis[j]==brr[i]){ lis.splice(j,1); j--; } } } var cardInfo='<div style="height:300px;overflow-y:auto;"><table>'; cardInfo = cardInfo+'<tr><th><input type="checkbox" id="checkAll" οnclick="checkAllClick()" style="height:20px;width:20px;"/></th><th style="width:100px;font-size:16px;">资产编号</th><th style="width:100px;font-size:16px;">资产分类</th></tr>' for(var i in lis){ cardInfo = cardInfo+'<tr>' cardInfo = cardInfo+'<td><input type="checkbox" class="checkOne" name="checkOne" value="'+lis[i].zcrecid+'" style="height:20px;width:20px;"/></td>' cardInfo = cardInfo+'<td>'+lis[i].zicbh+'</td>' cardInfo = cardInfo+'<td>'+lis[i].zicfl+'</td>' cardInfo = cardInfo+'</tr>' } cardInfo = cardInfo+'</table></div>' cardInfo = cardInfo+'<div style="margin-top:20px;"><button id="textbutton" οnclick="getZCRecids()">确定</button>' cardInfo = cardInfo+'<button style="margin-left:50px;" id="textbutton">取消</button></div>' layer.open({ content: cardInfo, shadeClose: false }); }); }); $("#todotodisagree").click(function(){//驳回 var agreetext = $("#divtextyijian").text().trim(); if(agreetext == ""){ mui.toast("请填写审批意见!"); return false } $jqzw_server.callServer('dwb_NeedToDoService','InsertBoolean',disposal.recid,"false",biaos,disposal.ptguid,agreetext,$("#syrList").val()).success(function(iv){ if('false'===iv || false === iv) { mui.toast('审批失败!'); } else { mui.toast("审批成功"); mui.back(); } }).error(function(iv){ mui.toast(iv); }); }); $(document).on("click","#inputis",function(){ var divtext = $("#divtextyijian").text().trim(); layer.open({ content: '<textarea id="changtext">'+divtext+'</textarea><div class="buttondiv"><button class="buttonwebs" id="textbutton">确定</button></div>', shadeClose: false }); }); $(document).on("focus","#changtext",function(){ if($(this).val()=="请填写意见,若不填默认意见为同意。"){ $(this).val(""); } }); $(document).on("click","#textbutton",function(){ var showtext = $("#changtext").val(); $("#divtextyijian").text(showtext); layer.closeAll() }); }) function checkAllClick(){ var xz = $("#checkAll").prop("checked"); var ck = $(".checkOne").prop("checked",xz); } function getZCRecids(){ obj = document.getElementsByName("checkOne"); var s=''; var checkList=new Array(); var checkAllList=new Array(); var assetCardList=new Array(); for(var i=0;i<obj.length;i++){ if(obj[i].checked) { s+=obj[i].value+','; } } checkList=s.split(','); for(var i=0;i<checkList.length-1;i++){ checkAllList.push(checkList[i]) } for(var i=0;i<checkedList.length;i++){ checkAllList.push(checkedList[i]) } checkedList=checkAllList; for(var i in cardList){ //全部卡片 for(var j in checkedList){//被选卡片 if(checkedList[j]==cardList[i].zcrecid){ assetCardList.push(cardList[i]); } } } CreateAssetCards(assetCardList); } function rovAssetCard(zcrecid){ $("#"+zcrecid).remove(); for(var i=0;i<checkedList.length;i++){ if(checkedList[i]==zcrecid){ checkedList.splice(i,1); } } } /** * 加载审批详情 * @param {Object} disposal */ function CreateDisapnols(disposal){ bmrecid = disposal.bmrecid; currentrole=disposal.role;//当前登陆用户角色 zhidrRole=disposal.zhidrRole;//当前领用人角色 zhidrid=disposal.zhidrid;//当前领用人id zhidr=disposal.zhidr;//当前领用人姓名 if(currentrole=="DWZCGLY"||currentrole=="GKZCGLY"||currentrole=="BMZCGLY"){ document.getElementById("del").style.display="";//隐藏 } $("#toShowDisp").html(""); $("#toShowDisp").append( '<div class="contonediv">' +'<div class="recid">'+disposal.recid+'</div>' +'<div class="worddiv">' +'<div class="divleft">单据编号</div><div class="divright">'+disposal.billcode+'</div>' +'</div>' +'<div class="hline"></div>' +'<div class="worddiv">' +'<div class="divleft">单据时间</div><div class="divright">'+disposal.billtime+'</div>' +'</div>' +'<div class="hline"></div>' +'<div class="worddiv">' +'<div class="divleft">领用人</div><div class="divright">'+disposal.lingyr+'</div>' +'</div>' +'<div class="hline"></div>' +'<div class="worddiv">' +'<div class="divleft">领用部门</div><div class="divright">'+disposal.lingybm+'</div>' +'</div>' +'<div class="hline"></div>' +'<div class="worddiv">' +'<div class="divleft">资产分类</div><div class="divright">'+disposal.changyfl+'</div>' +'</div>' +'<div class="hline"></div>' +'<div class="worddiv">' +'<div class="divleft">申请数量</div><div class="divright">'+disposal.shul+'</div>' +'</div>' +'<div class="hline"></div>' +'<div class="worddiv">' +'<div class="divleft">备注</div><div class="divright"><span style="color: red; white-space: pre-wrap;">'+disposal.beiz+'</span></div>' +'</div>' +'<div class="hline"></div>' +'<div class="worddiv">' +'<input type="hidden" id="syrList" name="syrList" value=""/>' +'</div>' +'</div>' ) $jqzw_server.callServer('dwb_NeedToDoService','getListDetail',biaoming,disposal.recid,'0').success(function(iv){ CreateAssetCards(iv); }).error(function(iv){ console.log(iv); }); } function CreateAssetCards(Assetcards){ if(Assetcards.length==0){ $("#div_mxyj").remove(); addDetailInfo(); } if(checkedList.length==0){ for(var i in Assetcards){ checkedList.push(Assetcards[i].zcrecid); } } for(var i in Assetcards){ if(currentrole=="DWZCGLY"||currentrole=="GKZCGLY"||currentrole=="BMZCGLY"){ if(zhidrRole=="SYR"){ $("#toShowDisp2").append( '<div class="kapiandiv" id="'+Assetcards[i].zcrecid+'">' +'<div class="worddiv">' +'<div class="divleft" style="height:20px;"></div>' +'<div class="divright" style="height:20px;line-height:30px;font-size:16px;color:#F00;display: "";" οnclick="rovAssetCard(\''+Assetcards[i].zcrecid+'\')">X</div>' +'<div class="divleft">资产编号</div><div class="divright">'+Assetcards[i].zicbh+'</div>' +'</div><div class="worddiv"><div class="divleft">资产分类</div><div class="divright">'+Assetcards[i].zicfl+'</div>' +'</div><div class="worddiv"><div class="divleft">价值</div><div class="divright">'+Assetcards[i].jiaz+'</div>' +'</div><div class="worddiv"><div class="divleft">数量</div><div class="sqsldiv" name="'+Assetcards[i].shul+'">'+Assetcards[i].shul+'</div>' +'</div><div class="worddiv"><div class="divleft" style="color:#F00">使用人</div><div id="'+Assetcards[i].zicbh+'" name="'+zhidrid+'" class="syrdiv">'+zhidr+'</div>' +'</div><div class="worddiv"><div class="divleft">分配人</div><div class="fprdiv" name="'+Assetcards[i].fenprid+'">'+Assetcards[i].fenpr+'</div>' +'</div>' +'</div>' ); }else{ $("#toShowDisp2").append( '<div class="kapiandiv" id="'+Assetcards[i].zcrecid+'">' +'<div class="worddiv">' +'<div class="divleft" style="height:20px;"></div>' +'<div class="divright" style="height:20px;line-height:30px;font-size:16px;color:#F00;display: "";" οnclick="rovAssetCard(\''+Assetcards[i].zcrecid+'\')">X</div>' +'<div class="divleft">资产编号</div><div class="divright">'+Assetcards[i].zicbh+'</div>' +'</div><div class="worddiv"><div class="divleft">资产分类</div><div class="divright">'+Assetcards[i].zicfl+'</div>' +'</div><div class="worddiv"><div class="divleft">价值</div><div class="divright">'+Assetcards[i].jiaz+'</div>' +'</div><div class="worddiv"><div class="divleft">数量</div><div class="sqsldiv" name="'+Assetcards[i].shul+'">'+Assetcards[i].shul+'</div>' +'</div><div class="worddiv"><div class="divleft" style="color:#F00">使用人</div><div id="'+Assetcards[i].zicbh+'" name="'+Assetcards[i].shiyid+'" class="syrdiv" οnclick="SelectSyr(\''+Assetcards[i].zicbh+'\',\''+Assetcards[i].zcrecid+'\')">'+Assetcards[i].shiyr+'</div>' +'</div><div class="worddiv"><div class="divleft">分配人</div><div class="fprdiv" name="'+Assetcards[i].fenprid+'">'+Assetcards[i].fenpr+'</div>' +'</div>' +'</div>' ); } }else{ $("#toShowDisp2").append( '<div class="kapiandiv" id="'+Assetcards[i].zcrecid+'">' +'<div class="worddiv">' +'<div class="divleft" style="height:20px;"></div>' +'<div class="divright" style="height:20px;line-height:30px;"></div>' +'<div class="divleft">资产编号</div><div class="divright">'+Assetcards[i].zicbh+'</div>' +'</div><div class="worddiv"><div class="divleft">资产分类</div><div class="divright">'+Assetcards[i].zicfl+'</div>' +'</div><div class="worddiv"><div class="divleft">价值</div><div class="divright">'+Assetcards[i].jiaz+'</div>' +'</div><div class="worddiv"><div class="divleft">数量</div><div class="sqsldiv" name="'+Assetcards[i].shul+'">'+Assetcards[i].shul+'</div>' +'</div><div class="worddiv"><div class="divleft" style="color:#F00">使用人</div><div id="'+Assetcards[i].zicbh+'" name="'+Assetcards[i].shiyid+'" class="syrdiv">'+Assetcards[i].shiyr+'</div>' +'</div><div class="worddiv"><div class="divleft">分配人</div><div class="fprdiv" name="'+Assetcards[i].fenprid+'">'+Assetcards[i].fenpr+'</div>' +'</div>' +'</div>' ); } if(i==(Assetcards.length-1)){ $("#div_mxyj").remove(); addDetailInfo(); } } } function addDetailInfo(){ $("#toShowDisp2").append( '<div class="Assetbutton" id="div_mxyj">' +'<button class="buttonto" id="inputis">明细意见</button>' +'</div>' ); } /** * 选择使用人 */ function SelectSyr(zicbh,zcrecid){ $jqzw_server.callServer('dwb_NeedToDoService','getPersonnelInfo',bmrecid).success(function(syrlist){ select_str=""; for(var j=0;j<syrlist.length;j++){ select_str = select_str+'<option value="'+syrlist[j].bmrecid+';">'+syrlist[j].bmname+'</option>'; } layer.open({ content: '<div style="width:250px;height:110px;">' + '<div style="width:250px;height:30px;">资产编号为'+zicbh+'的使用人</div>' + '<select id="select" name="select" style="width:200px!important;border:1px solid black!important;">' + '<option value="请选择">请选择</option>' + select_str + + '</select>' + '<div style="width:250px;height:30px;text-align:center;">' + '<input type="button" value="确定" style="width:60px;text-align:center;margin-right:5px;" οnclick="SelectQd(\''+zicbh+'\')"/>' + '<input type="button" value="取消" style="width:60px;text-align:center;" οnclick="SelectQx()"/>' + '</div>' + '</div>', shadeClose: false }); }).error(function(iv){ console.log(iv); }); } /** * 确定 */ function SelectQd(zicbh){ var options=$("#select option:selected"); //获取选中的项 var val=options.val(); //选中项的value if(val=="请选择"){ $("#"+zicbh).attr("name",""); $("#"+zicbh).html(""); }else{ var shiyid=val.substring(0, val.length-1); var shiyrname = options.text();//使用人姓名 $("#"+zicbh).attr("name",shiyid); $("#"+zicbh).html(shiyrname); } layer.closeAll(); } /** * 取消 */ function SelectQx(){ layer.closeAll(); } </script> </body> </html>