前端頁面操做

時間 2019-11-12
標籤前端頁面简体版
原文原文鏈接
<!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" onclick="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" onclick="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: "";" onclick="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: "";" onclick="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" onclick="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;" onclick="SelectQd(\''+zicbh+'\')"/>'
                                            + '<input type="button" value="取消" style="width:60px;text-align:center;" onclick="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>
相關標籤/搜索
每日一句
每一个你不满意的现在，都有一个你没有努力的曾经。