dwz前端实现双击标签栏,在其下面展现指定参数(比如交易汇总数据)

     首先,实现效果如图所示:

      前端框架dwz,页面标签里:

     

     ptip为鼠标悬浮提示,details_url为指定发送的后端url地址,class="details1" 为jquery选择器。

       js代码:

    

后端返回map数据:会展现key和value值:

/**
     * 
     *********************************************************.

     * [方法] merchantClick

     * [描述] TODO(查询交易汇总)

     * [参数] TODO(对参数的描述)

     * [返回] Map

     * [时间] 2018-12-19 下午3:31:40

     * [作者] 郭太东 【gtd】
     *********************************************************.

     */
    @SuppressWarnings("all")
    @RequestMapping("/merchantClick")
     public @ResponseBody Map merchantClick() {
        String emerno = this.getParameter("emerno");
        mes.put("emerno", emerno);
        Map map=new HashMap();
        List> list = MerchantallinfoService.getList("selectMerTrans",mes);
        //第一个为空
        if(list.get(0)==null || list.get(0).equals("")){
            map.put("支付宝微信交易总额", "0元");
            //第二个为空
            if(list.get(1)==null || list.get(1).equals("")){
                map.put("银联支付交易总额", "0元");
            }else{
                //第二个不为空
                map.put("银联支付交易总额", list.get(1).get("fee")==null?"0":list.get(1).get("fee") +"元");
            }
        }else{
            //第一个不为空
            map.put("支付宝微信交易总额", list.get(0).get("fee")==null?"0":list.get(0).get("fee") +"元");
            if(list.get(1)==null || list.get(1).equals("")){
                //第二个为空
                map.put("银联支付交易总额", "0元");
            }else{
                //第二个不为空
                map.put("银联支付交易总额", list.get(1).get("fee")==null?"0":list.get(1).get("fee") +"元");
            }
        }
        return map;
     }

注意:(重点)这是我们公司自己的一个数据加密传输算法,用到的传值数据,必须在指定位置给与解密,否则会报空指针异常。

dwz前端实现双击标签栏,在其下面展现指定参数(比如交易汇总数据)_第1张图片

我自己就是忘了这个坑,然后被自己蠢浪费了好久时间。

 

 

 

 

 

 

你可能感兴趣的:(前端技术)