分页checkbox完整页面

其他 2019-03-29 18:30:53 阅读次数: 0 
<!DOCTYPE html>
<#include "/layout/meta.ftl">

<h3>。。。。。</h3>
<div class="searchCenter">
<#if actionMessage??>
   <div class="warning icon_error">${(actionMessage)!''}</div>
</#if>
<#if actionSuccessMessage??>
   <div class="warning icon_ok ">${(actionSuccessMessage)!''}</div>
</#if>
<form id='submitForm' method='post' action="${ctx}/report/settle/query.do" name="f0">
    <div class="searchBtn">
        <button id="checkPayment" type="button"><span><span>合并付款</span></span></button>
        <button id="downBtn" type="button" onclick="doExportCsv();"><span><span>下载</span></span></button>
    </div>
    <div style="position:absolute;right: 135px;px;bottom:8px;text-align:right;width:150px;">
        <button id="query-btn" type="button"><span><span>查询</span></span></button>
    </div>
    <input id="settleNoList" name="settleNoList" type="hidden" value="${(condition.settleNoList)!''}" />
    <table class='searTabBg'>
   <tr>
        <td class="tdNameBig">SAPID：</td>
        <td>
           <input name="sapId" value="${(condition.sapId)!''}"  class="inputIn"/>
        </td>
        <td class="tdNameBig">银行类型：</td>
        <td>
        <@ui.select list=summaryBankTypeList listKey='bankType' listValue='bankType' emptyValue="" path="condition.bankType" attributes='class=inputSelt'/>
        </td>
      </tr>
   <tr>
        <td class="tdNameBig">手续费结算单号：</td>
        <td>
           <input name="settleNo" value="${(condition.settleNo)!''}"  class="inputIn"/>
        </td>
        <td class="tdNameBig">付款状态：</td>
        <td>
           <@ui.select list=settleStatusList listKey='code' listValue='description' emptyValue="" path="condition.status" attributes='class=inputSelt'/>
        </td>
      </tr>
   <tr>
        <td class="tdNameBig"><span class="star">*</span>结算开始时间：</td>
        <td>
            <input type="text" id="startDateStr" name="startDateStr" value="${(condition.startDateStr)!''}"
                   class="Wdate" onfocus="WdatePicker({dateFmt:'yyyyMM'});"/>
        </td>
        <td class="tdNameBig"><span class="star">*</span>结算结束时间：</td>
        <td>
            <input type="text" id="endDateStr" name="endDateStr" value="${(condition.endDateStr)!''}"
                   class="Wdate" onfocus="WdatePicker({dateFmt:'yyyyMM'});"/>

        </td>
   </tr>
    <tr>
        <td colspan="6">&nbsp;</td>
    </tr>
    </table>
</form>
</div>
<#if resultList??>
   <div id='data'>
   <table class="list" width="100%">
           <thead>
           <tr>
                <th>多选</th>
              <th>序号</th>
              <th>结算单号</th>
              <th>付款状态</th>
              <th>SAPID</th>
              <th>渠道名称</th>
              <th>银行类型</th>
              <th>结算时间</th>
              <th>消费总金额</th>
              <th>退款总金额</th>
              <th>手续费总金额</th>
              <th>结算周期</th>
              <th>结算方式</th>
              <th>收票要求</th>
              <th>供应商编码</th>
                <th>付款金额</th>
                <th>备注</th>
                <th>操作</th>
           </tr>
           </thead>
           <tbody>
           <#list resultList as item>
           <tr>
                <td>
                    <#if item.status='02'>
                        <input id="ayment${item_index+1}" type="checkbox" name="ke" value="${item.settleNo}">
                    </#if>
                </td>
              <td>${item_index+1}</td>
              <td>
                    <#if item.settleNo??>
                        <#if item.status != '01'>
                          <a href="javascript:void(0)" id="orderNoResult"
                             onclick="showOrderNoResultList('${item.settleNo}')" class="blueLink">${(item.settleNo)!''}</a>
                        <#else>
                            ${item.settleNo}
                        </#if>
                    </#if>

                </td>
              <td>${item.statusDesc}</td>
              <td>${item.sapId}</td>
            <td>${item.channelName}</td>
              <td>${item.bankType}</td>
              <td>${item.settleYearMonth}</td>
                <td>
                    ${(item.consumeAmount)?string(',##0.00')}
                </td>
                <td>
                    ${(item.refundAmount)?string(',##0.00')}
                </td>
                <td>
                    ${(item.poundageAmount)?string(',##0.00')}
                </td>
              <td>${item.settleCycleDesc}</td>
              <td>${item.settleTypeDesc}</td>
              <td>${item.ticketTypeDesc}</td>
              <td>${item.bpNo}</td>
                <td>
               <#if item.status='01'>
                        <input id="confirmAmount${item_index+1}" value="${item.confirmAmount?string('0.00')}">
                        </input>
               <#else>${(item.confirmAmount)?string(',##0.00')}
               </#if>
                </td>
                <td>${item.remark}</td>
              <td>
            <#if item.status='01'>
                    <a href="javascript:void(0)" id="confirm${item_index+1}" onclick="confirmAmount('${item.settleNo}','${item.poundageAmount}', $('#confirmAmount${item_index+1}').val(), this)" class="blueLink">确认</a>
            <#elseif item.status='02'||item.status='04'||item.status='05'>
                    <a href="javascript:void(0)" id="payment${item_index+1}" onclick="payment('${item.settleNo}', this)" name="pay${item.settleNo}" class="blueLink">付款</a>
                    <a href="javascript:void(0)" id="giveup${item_index+1}" onclick="giveupPayment('${item.settleNo}', this)" class="blueLink">放弃付款</a>
            </#if>
                    <a href="javascript:void(0)" onclick="showDetailedInfo('${item.settleNo}')" class="blueLink">操作日志</a>
              </td>
          </tr>

           </#list>
           </tbody>
       </table>
       <@ui.page formId="f0"/>
   </div>
</#if>
<script language="javascript" type="text/javascript">
    $(function () {
        checkedNos = $("#settleNoList").val();
        paymentIds= "";

        //通用方法
        define_csb_common_method();
        $("form[name='f0']").validate({
            rules: {
                startDateStr: "required",
                endDateStr: {year: true}
            },
            messages: {
                startDateStr: '请输入结算开始时间',
                endDateStr:  {required: '请输入结算结束时间', year: '查询时间不能超过1年'}
            }
        });

        $("input[name=ke]").click(function(){
            if(this.checked==true){
                var pay="pay"+this.value;
                //避免重复添加（若存在元素时，不添加）
                if(!contains(checkedNos,this.value)){
                    checkedNos+=this.value+",";
                    paymentIds +=pay+",";
                }
            } else {
                var pay="pay"+this.value;
                if(contains(checkedNos,this.value)){
                    checkedNos=checkedNos.replace((this.value+","),"");
                    paymentIds =paymentIds.replace((pay+","),"");
                }
            }
            $("#settleNoList").val(checkedNos);
        });

        //查询
        $("#query-btn").click(function(){

             if ($("form[name='f0']").valid()) {
                 var formObj = $("form[name='f0']");
                 formObj.attr("action", "${ctx}/report/settle/query.do");
                 formObj.submit();
             }
      });

        //合并付款
        $("#checkPayment").click(function () {
            if (checkedNos == ""){
                alert("合并付款选择不可为空");
                return;
            }
            var selected=subStrAarry(checkedNos);
            var payment=subStrAarry(paymentIds);

            $.ajax({
                url:"${ctx}/report/settle/checkMergePayment.do",
                type: 'post',
                data: {
                    settleNos:selected
                },
                traditional: true,
                success: function(result){
                    if(result.success){
                        alert("操作成功");
                        getValueByName(payment);
                    }else {
                        alert('合并付款失败【'+ result.errorCode+"-"+ result.message + '】');
                    }
                },
                error: function () {
                    alert("系统异常");
                    location.reload();
                }
            })
        });
   });
    //初始化checkbox
    window.onload=function (){
        var selected=subStrAarry(checkedNos);
        $("input[name=ke]").each(function () {
            if (isInArray(selected,this.value)){
                var pay="pay"+this.value;
                changeValueByName(pay);
                this.checked = true;
            }
        });
    };
     /**
       * 功能描述: <br>
       *<赋值>
       *
       * @param
       * @return
       * @author 88395515
       */
     function changeValueByName(value){
         var val = document.getElementsByName(value);
         $(val).removeAttr("href");
         $(val).removeAttr("onclick");
         $(val).css({'cursor':'default'});
         $(val).text('处理中..');
     }
     /**
       * 功能描述: <br>
       *<遍历赋值>
       *
       * @param
       * @return
       * @author 88395515
       */
    function getValueByName(payment){
        $.each(payment,function(index,value){
            changeValueByName(value);
        });
    }
   //确认金额
   function confirmAmount(settleNo, poundageAmount, confirmAmount, confirm){
        if(parseFloat(confirmAmount) > parseFloat(poundageAmount)){
         alert("请确认付款金额是否小于等于手续费总金额");
         return;
      }
        $.post("${ctx}/report/settle/confirm.do?settleno="+settleNo+"&poundageAmount="+poundageAmount+"&confirmAmount="+confirmAmount+"&radom="+Math.random(),function(data){
            var result = eval(data);
            if(result!=null){
                if(result.success){
                    alert("操作成功");
                    $("#"+confirm.id).removeAttr("href");
                    $("#"+confirm.id).removeAttr("onclick");
                    $("#"+confirm.id).css({'cursor':'default'});
                    $("#"+confirm.id).text('处理中..');
                }else{
                    alert("操作失败【"+result.message+"】")
                }
            }
        });
   }

    //付款
    function payment(settleNo, payment){
        $.post("${ctx}/report/settle/pay.do?settleno="+settleNo+"&radom="+Math.random(),function(data){
            var result = eval(data);
            if(result!=null){
                if(result.success){
                    alert("操作成功");
                    $("#"+payment.id).removeAttr("href");
                    $("#"+payment.id).removeAttr("onclick");
                    $("#"+payment.id).css({'cursor':'default'});
                    $("#"+payment.id).text('处理中..');
                }else{
                    alert("操作失败【"+result.message+"】")
                }
            }
        });
    }

    //放弃付款
    function giveupPayment(settleNo, giveup){
        $.post("${ctx}/report/settle/unpay.do?settleno="+settleNo+"&radom="+Math.random(),function(data){
            var result = eval(data);
            if(result!=null){
                if(result.success){
                    alert("操作成功");
                    $("#"+giveup.id).removeAttr("href");
                    $("#"+giveup.id).removeAttr("onclick");
                    $("#"+giveup.id).css({'cursor':'default'});
                    $("#"+giveup.id).text('处理中..');
                }else{
                    alert("操作失败【"+result.message+"】")
                }
            }
        });
    }

    var styleinfo = "height=300,width=900,top=200,left=200,toolbar=no,menubar=no,scrollbars=yes,resizable=no,location=no,status=no";

    /**
     * 操作明细
     * @param serialNo
     */
    function showDetailedInfo(settleNo){
        window.open("${ctx}/psOperateSerial/settleOperateView.do?operateKey="+settleNo+"&radom="+Math.random(),'',styleinfo);
    }

     /**
       * 功能描述: <br>
       *<  出款单号>
       *
       * @param settleNo
       */
    function showOrderNoResultList(settleNo) {
         window.open("${ctx}/report/settle/showOrderNoDetail.do?settleNo="+settleNo+"&radom="+Math.random(),'',"height=70,width=500,top=200,left=200,toolbar=no,menubar=no,scrollbars=yes,resizable=no,location=no,status=no");
    }
    //下载CSV
    function doExportCsv(){
        var dataJudge = $('#data').find('tr:eq(1)').find('td').length;
        if(dataJudge == 0){
            alert("请先查询数据!");
        }else{
            window.location.href="${ctx}/report/settle/downloadCSV.do?"+$("#submitForm").serialize();
        }
    }



    function contains(obj, ele) {
        if(obj=="" || obj.indexOf(",") < 0){
            return;
        }
        var arr = obj.split(",");
        var i = arr.length;
        while (i--) {
            if (arr[i] == ele) {
                return true;
            }
        }
        return false;
    }

    /**
     * 使用循环的方式判断一个元素是否存在于一个数组中
     * @param {Object} arr 数组
     * @param {Object} value 元素值
     */
    function isInArray(arr,value){
        for(var i = 0; i < arr.length; i++){
            if(value === arr[i]){
                return true;
            }
        }
        return false;
    }
     /**
       * 功能描述: <br>
       *<字符串去掉“，”转数组>
       *
       * @param
       * @return
       * @author 88395515
       */
    function subStrAarry(checkedNos) {
        var checkenos=checkedNos.substring(0,checkedNos.length-1);
        var selected=checkenos.split(",");
        return selected;
    }
</script>

猜你喜欢

转载自blog.csdn.net/ws346348183/article/details/81026230
今日推荐
Linus “吃狗粮”最积极！
开源日报 | Winamp播放器即将开源；生成式AI之战升级第二轮；Linus“吃狗粮”最积极；AI进入泡沫前期；吴泳铭为阿里云带来了什么？
NetBSD 禁止提交由 AI 生成的代码
Apache Doris 2.0.10 版本正式发布！
开源日报 | 大模型开战；大模型独角兽被曝卖身；周鸿祎建议谷歌开源所有产品；最大开源AI社区提供1000万美元共享GPU
开源日报 | Chrome内置Gemini的意义不在于Gemini；中国AI追随之路的五大误区；ECharts创始人“下海”养鱼；谷歌I/O开发者大会什么都有，只是没有惊喜
微软回应中国区AI团队“打包赴美”传闻
周排行
SVN服务端安装在阿里云
实战 | 相机标定
webpack核心概念
note20——》只要肯低头吃苦，人生就会有救
PAT甲级 1062 Talent and Virtue （25 分）排序
NG Toolset开发笔记--5GNR Resource Grid（26）
如何对待上司
oracle命令
第9章 STL迭代器
logstash使用es映射模板
每日归档
更多
2024-05-20(36)
2024-05-19(0)
2024-05-18(4)
2024-05-17(34)
2024-05-16(6)
2024-05-15(24)
2024-05-14(0)
2024-05-13(18)
2024-05-12(0)
2024-05-11(38)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022