我用FineReport開發(fā)了挺多報(bào)表，但集成天氣預(yù)報(bào)這樣提高交互和人性化的還是第一次，所以跟大家分享下。

這個(gè)報(bào)表是綜合的門店銷售管理分析面板，可以查詢業(yè)績(jī)分析、店員銷售分析，店鋪排行分析（可以看出是個(gè)連鎖店），Vip生日提醒。怎么具體制作模板，業(yè)內(nèi)人士一看即明，無(wú)需多講，就重點(diǎn)說(shuō)下怎么集成天氣吧。

先上圖：

方法是加一段JS代碼，具體如下：

var weather=function(){    var tmp=0;    var SWther={w:[{}],add:{}};    var SWther={};    this.getWeather=function(city,type){        //city=utf8ToGBK(city);        /*        $.getScript("http://php.weather.sina.com.cn/iframe/index/w_cl.php?code=js&day=2&city="+city+"&dfc=3",function(){if(type=='js'){echo(city);}});        **/$.Ajax({dataType:'script',scriptCharset:'gb2312',////////url:"http://php.weather.sina.com.cn/iframe/index/w_cl.php?code=js&day=2&city="+city+"&dfc=3",success:function(){if(type=='js'){echo(city);}}})        }function dis_img(weather){    var style_img="image/s_13.png";    if(weather.indexOf("多云")!==-1||weather.indexOf("晴")!==-1){style_img="image/s_1.png";}    else if(weather.indexOf("多云")!==-1&&weather.indexOf("陰")!==-1){style_img="image/s_2.png";}    else if(weather.indexOf("陰")!==-1&&weather.indexOf("雨")!==-1){style_img="image/s_3.png";}    else if(weather.indexOf("晴")!==-1&&weather.indexOf("雨")!==-1){style_img="image/s_12.png";}    else if(weather.indexOf("晴")!==-1&&weather.indexOf("霧")!==-1){style_img="image/s_12.png";}    else if(weather.indexOf("晴")!==-1){style_img="image/s_13.png";}    else if(weather.indexOf("多云")!==-1){style_img="image/s_2.png";}    else if(weather.indexOf("陣雨")!==-1){style_img="image/s_3.png";}    else if(weather.indexOf("小雨")!==-1){style_img="image/s_3.png";}    else if(weather.indexOf("中雨")!==-1){style_img="image/s_4.png";}    else if(weather.indexOf("大雨")!==-1){style_img="image/s_5.png";}    else if(weather.indexOf("暴雨")!==-1){style_img="image/s_5.png";}    else if(weather.indexOf("冰雹")!==-1){style_img="image/s_6.png";}    else if(weather.indexOf("雷陣雨")!==-1){style_img="image/s_7.png";}    else if(weather.indexOf("小雪")!==-1){style_img="image/s_8.png";}    else if(weather.indexOf("中雪")!==-1){style_img="image/s_9.png";}    else if(weather.indexOf("大雪")!==-1){style_img="image/s_10.png";}    else if(weather.indexOf("暴雪")!==-1){style_img="image/s_10.png";}    else if(weather.indexOf("揚(yáng)沙")!==-1){style_img="image/s_11.png";}    else if(weather.indexOf("沙塵")!==-1){style_img="image/s_11.png";}    else if(weather.indexOf("霧")!==-1){style_img="image/s_12.png";}    else{style_img="image/s_2.png";}    return style_img;};    function echo(city){    $('#city').html(city);    $('#weather').html(window.SWther.w[city][0].s1);    $('#temperature').html(window.SWther.w[city][0].t1+'&deg;');    $('#wind').html(window.SWther.w[city][0].p1);    $('#direction').html(window.SWther.w[city][0].d1);            var T_weather_img=dis_img(window.SWther.w[city][0].s1);    $('#T_weather_img').html("<img src='"+T_weather_img+"' title='"+window.SWther.w[city][0].s1+"' alt='"+window.SWther.w[city][0].s1+"' /><br><span id=/"T_weather/"></span>");    //$('#T_temperature').html(window.SWther.w[city][0].t1+'~'+window.SWther.w[city][0].t2+'&deg;');    $('#T_temperature').html(window.SWther.w[city][0].t1);$('#T_weather').html(window.SWther.w[city][0].s1);    $('#T_wind').html(window.SWther.w[city][0].p1);    $('#T_direction').html(window.SWther.w[city][0].d1);    $('#M_weather').html(window.SWther.w[city][1].s1);        var M_weather_img=dis_img(window.SWther.w[city][1].s1);    $('#M_weather_img').html("<img src='"+M_weather_img+"' title='"+window.SWther.w[city][1].s1+"' alt='"+window.SWther.w[city][1].s1+"' />");    $('#M_temperature').html(window.SWther.w[city][1].t1+'~'+window.SWther.w[city][1].t2+'&deg;');    $('#M_wind').html(window.SWther.w[city][1].p1);    $('#M_direction').html(window.SWther.w[city][1].d1);    $('#L_weather').html(window.SWther.w[city][2].s1);        var L_weather_img=dis_img(window.SWther.w[city][2].s1);    $('#L_weather_img').html("<img src='"+L_weather_img+"' title='"+window.SWther.w[city][2].s1+"' alt='"+window.SWther.w[city][2].s1+"' />");    $('#L_temperature').html(window.SWther.w[city][2].t1+'~'+window.SWther.w[city][2].t2+'&deg;');    $('#L_wind').html(window.SWther.w[city][2].p1);$('#L_direction').html(window.SWther.w[city][2].d1);    }    }    //weather結(jié)束了    function jintian(){        weather_.getWeather(city,'js');        };

如此，大功告成！