update

潘钊
1 parent a17c901b
Showing 15 changed files with 204 additions and 181 deletions
src/main/java/com/bsth/common/Constants.java
src/main/java/com/bsth/data/gpsdata/arrival/GeoCacheData.java
src/main/java/com/bsth/filter/BaseFilter.java
src/main/java/com/bsth/security/WebSecurityConfig.java
src/main/java/com/bsth/security/filter/LoginInterceptor.java
src/main/java/com/bsth/security/util/SecurityUtils.java
src/main/resources/static/index.html
src/main/resources/static/real_control_v2/css/main.css
src/main/resources/static/real_control_v2/js/common.js
src/main/resources/static/real_control_v2/js/utils/dispatch_pattern.js
src/main/resources/static/real_control_v2/js/utils/svg_chart.js
src/main/resources/static/real_control_v2/mapmonitor/js/map/iMap.js
src/main/resources/static/real_control_v2/mapmonitor/js/map/platform/baidu.js
src/main/resources/static/real_control_v2/mapmonitor/js/map/platform/gaode.js
src/main/resources/static/real_control_v2/mapmonitor/real.html
@@ -20,7 +20,7 @@ public class Constants {
 	public static final String METRONIC_URL = "/metronic_v4.5.4/**";
 	public static final String LOGIN_FAILURE = "/user/loginFailure";
 	public static final String CAPTCHA = "/captcha.jpg";
-	
+
 	/**
 	 * 线调部分子页面不做拦截，便于浏览器缓存
 	 */
@@ -29,7 +29,7 @@ public class Constants {
 	//public static final String XD_TEMPS = "/pages/control/line/temps/**";
 	//车载网关上行接口
-	public static final String UPSTREAM_URL = "/control/upstream";
+	public static final String UPSTREAM_URL = "/control/upstream/";
 	public static final String SESSION_USERNAME = "sessionUserName";
 	public static final String COMPANY_AUTHORITYS = "cmyAuths";
@@ -238,11 +238,11 @@ public class GeoCacheData {
     private void loadSpeedLimit(){
         //加载线路限速信息
-        String sql = "select l.LINE_CODE,i.SPEED_LIMIT from bsth_c_line_information i left join bsth_c_line l on i.line=l.id where i.speed_limit is not null";
+        String sql = "select l.LINE_CODE,i.SPEEDING from bsth_c_line_information i left join bsth_c_line l on i.line=l.id where i.speed_limit is not null";
         List<Map<String, Object>> speedMap = jdbcTemplate.queryForList(sql);
         Map<String, Double> speedTempMap = new HashMap<>();
         for (Map<String, Object> tMap : speedMap) {
-            speedTempMap.put(tMap.get("LINE_CODE").toString(), Double.parseDouble(tMap.get("SPEED_LIMIT").toString()));
+            speedTempMap.put(tMap.get("LINE_CODE").toString(), Double.parseDouble(tMap.get("SPEEDING").toString()));
         }
         speedLimitMap = speedTempMap;
     }
 package com.bsth.filter;
-import java.io.IOException;
-
-import javax.servlet.Filter;
-import javax.servlet.FilterChain;
-import javax.servlet.FilterConfig;
-import javax.servlet.ServletException;
-import javax.servlet.ServletRequest;
-import javax.servlet.ServletResponse;
-import javax.servlet.http.HttpServletRequest;
-import javax.servlet.http.HttpServletResponse;
-
+import com.bsth.common.Constants;
 import org.springframework.util.AntPathMatcher;
 import org.springframework.util.PathMatcher;
-import com.bsth.common.Constants;
+import javax.servlet.*;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
 public abstract class BaseFilter implements Filter {
@@ -22,69 +22,69 @@ import com.bsth.security.filter.LoginInterceptor;
 @EnableWebSecurity
 public class WebSecurityConfig extends WebSecurityConfigurerAdapter {
-	@Autowired
-	UserDetailServiceImpl customUserDetailService;
+    @Autowired
+    UserDetailServiceImpl customUserDetailService;
-	@Autowired
-	CustomAccessDecisionManager customAccessDecisionManager;
+    @Autowired
+    CustomAccessDecisionManager customAccessDecisionManager;
-	@Autowired
-	SecurityMetadataSourceService securityMetadataSourceService;
+    @Autowired
+    SecurityMetadataSourceService securityMetadataSourceService;
+
+
+    @Override
+    public void configure(WebSecurity web) throws Exception {
+        // 白名单
+        web.ignoring().antMatchers(Constants.LOGIN_PAGE, Constants.LOGIN, Constants.ASSETS_URL, Constants.FAVICON_URL, Constants.CAPTCHA,
+                Constants.METRONIC_URL, Constants.LOGIN_FAILURE, Constants.UPSTREAM_URL, Constants.XD_CHILD_PAGES, Constants.XD_REAL_GPS);
+    }
+
+    @Override
+    protected void configure(AuthenticationManagerBuilder auth)
+            throws Exception {
+        auth.userDetailsService(customUserDetailService).passwordEncoder(
+                new BCryptPasswordEncoder(4));
+    }
+
+    @Override
+    protected void configure(HttpSecurity http) throws Exception {
+        http.authorizeRequests().antMatchers("/").permitAll().anyRequest()
+                .authenticated().and()
+                .formLogin()
+                //指定登录页
+                .loginPage(Constants.LOGIN_PAGE)
+                .loginProcessingUrl(Constants.LOGIN).permitAll()
+                //.failureUrl(Constants.LOGIN_PAGE + "?error=true")登录失败跳转的链接
+                //.successHandler(loginSuccessHandler())登录成功后处理
+                .and().logout()
+                //.addLogoutHandler(logoutHandler())
+                //禁用CXRF
+                .and().csrf().disable()
+                //禁用匿名用户功能
+                .anonymous().disable();
+
+        // 同时只保持一个回话
+        http.sessionManagement().maximumSessions(1)
+                .expiredUrl(Constants.LOGIN_PAGE + "?error=true")
+                .maxSessionsPreventsLogin(false)//让之前的登录过期
+                .sessionRegistry(sessionRegistry());
+
+        http.addFilterBefore(new LoginInterceptor(), FilterSecurityInterceptor.class);
+        http.addFilter(filterSecurityInterceptor());
+    }
+
+    private FilterSecurityInterceptor filterSecurityInterceptor()
+            throws Exception {
+        FilterSecurityInterceptor filterSecurityInterceptor = new FilterSecurityInterceptor();
+        filterSecurityInterceptor
+                .setAccessDecisionManager(customAccessDecisionManager);
+        filterSecurityInterceptor
+                .setSecurityMetadataSource(securityMetadataSourceService);
+        filterSecurityInterceptor
+                .setAuthenticationManager(authenticationManager());
+        return filterSecurityInterceptor;
+    }
-	
-	@Override
-	public void configure(WebSecurity web) throws Exception {
-		// 白名单
-		web.ignoring().antMatchers(Constants.LOGIN_PAGE, Constants.LOGIN, Constants.ASSETS_URL, Constants.FAVICON_URL, Constants.CAPTCHA,
-				Constants.METRONIC_URL, Constants.LOGIN_FAILURE, Constants.UPSTREAM_URL, Constants.XD_CHILD_PAGES);
-	}
-
-	@Override
-	protected void configure(AuthenticationManagerBuilder auth)
-			throws Exception {
-		auth.userDetailsService(customUserDetailService).passwordEncoder(
-				new BCryptPasswordEncoder(4));
-	}
-
-	@Override
-	protected void configure(HttpSecurity http) throws Exception {
-		http.authorizeRequests().antMatchers("/").permitAll().anyRequest()
-				.authenticated().and()
-				.formLogin()
-				 //指定登录页
-				.loginPage(Constants.LOGIN_PAGE)
-				.loginProcessingUrl(Constants.LOGIN).permitAll()
-				//.failureUrl(Constants.LOGIN_PAGE + "?error=true")登录失败跳转的链接
-				//.successHandler(loginSuccessHandler())登录成功后处理
-				.and().logout()
-				//.addLogoutHandler(logoutHandler())
-				 //禁用CXRF
-				.and().csrf().disable() 
-				 //禁用匿名用户功能
-				.anonymous().disable();
-
-		// 同时只保持一个回话
-		http.sessionManagement().maximumSessions(1)
-				.expiredUrl(Constants.LOGIN_PAGE + "?error=true")
-				.maxSessionsPreventsLogin(false)//让之前的登录过期
-				.sessionRegistry(sessionRegistry());
-		
-		http.addFilterBefore(new LoginInterceptor(), FilterSecurityInterceptor.class);
-		http.addFilter(filterSecurityInterceptor());
-	}
-
-	private FilterSecurityInterceptor filterSecurityInterceptor()
-			throws Exception {
-		FilterSecurityInterceptor filterSecurityInterceptor = new FilterSecurityInterceptor();
-		filterSecurityInterceptor
-				.setAccessDecisionManager(customAccessDecisionManager);
-		filterSecurityInterceptor
-				.setSecurityMetadataSource(securityMetadataSourceService);
-		filterSecurityInterceptor
-				.setAuthenticationManager(authenticationManager());
-		return filterSecurityInterceptor;
-	}
-	
 /*	@Bean
 	public LoginSuccessHandler loginSuccessHandler(){
 		return new LoginSuccessHandler();
@@ -95,15 +95,15 @@ public class WebSecurityConfig extends WebSecurityConfigurerAdapter {
 		return new CustomLogoutHandler();
 	}*/
-	@Bean
-	public SessionRegistry sessionRegistry() {
-		SessionRegistry sessionRegistry = new SessionRegistryImpl();
-		return sessionRegistry;
-	}
-	
-	@Bean
-	public static ServletListenerRegistrationBean<HttpSessionEventPublisher> httpSessionEventPublisher() {
-		return new ServletListenerRegistrationBean<HttpSessionEventPublisher>(
-				new HttpSessionEventPublisher());
-	}
+    @Bean
+    public SessionRegistry sessionRegistry() {
+        SessionRegistry sessionRegistry = new SessionRegistryImpl();
+        return sessionRegistry;
+    }
+
+    @Bean
+    public static ServletListenerRegistrationBean<HttpSessionEventPublisher> httpSessionEventPublisher() {
+        return new ServletListenerRegistrationBean<HttpSessionEventPublisher>(
+                new HttpSessionEventPublisher());
+    }
 }
 package com.bsth.security.filter;
-import java.io.IOException;
-import java.util.HashMap;
-import java.util.Map;
+import com.alibaba.fastjson.JSON;
+import com.bsth.common.Constants;
+import com.bsth.common.ResponseCode;
+import com.bsth.filter.BaseFilter;
+import com.bsth.util.RequestUtils;
+import org.springframework.security.core.Authentication;
+import org.springframework.security.core.context.SecurityContextHolder;
-import javax.servlet.Filter;
 import javax.servlet.FilterChain;
-import javax.servlet.FilterConfig;
 import javax.servlet.ServletException;
 import javax.servlet.ServletRequest;
 import javax.servlet.ServletResponse;
 import javax.servlet.http.HttpServletRequest;
 import javax.servlet.http.HttpServletResponse;
-
-import org.springframework.security.access.SecurityMetadataSource;
-import org.springframework.security.access.intercept.AbstractSecurityInterceptor;
-import org.springframework.security.core.Authentication;
-import org.springframework.security.core.context.SecurityContextHolder;
-
-import com.alibaba.fastjson.JSON;
-import com.bsth.common.Constants;
-import com.bsth.common.ResponseCode;
-import com.bsth.util.RequestUtils;
+import java.io.IOException;
+import java.util.HashMap;
+import java.util.Map;
 /**
  * 
@@ -31,7 +26,7 @@ import com.bsth.util.RequestUtils;
  * @date 2016年3月24日 上午11:49:20 
  *
  */
-public class LoginInterceptor extends AbstractSecurityInterceptor implements Filter{
+public class LoginInterceptor extends BaseFilter{
 	@Override
 	public void destroy() {
@@ -63,22 +58,4 @@ public class LoginInterceptor extends AbstractSecurityInterceptor implements Fil
 		arg2.doFilter(arg0, arg1);
 	}
-
-	@Override
-	public void init(FilterConfig arg0) throws ServletException {
-		
-	}
-
-	@Override
-	public Class<?> getSecureObjectClass() {
-		// TODO Auto-generated method stub
-		return null;
-	}
-
-	@Override
-	public SecurityMetadataSource obtainSecurityMetadataSource() {
-		// TODO Auto-generated method stub
-		return null;
-	}
-
 }
 package com.bsth.security.util;
-import javax.servlet.http.HttpServletRequest;
-
+import com.bsth.entity.sys.Role;
+import com.bsth.entity.sys.SecurityUser;
+import com.bsth.entity.sys.SysUser;
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
 import org.springframework.security.authentication.UsernamePasswordAuthenticationToken;
+import org.springframework.security.core.GrantedAuthority;
+import org.springframework.security.core.authority.SimpleGrantedAuthority;
 import org.springframework.security.core.context.SecurityContext;
 import org.springframework.security.core.context.SecurityContextHolder;
-import com.bsth.entity.sys.SecurityUser;
-import com.bsth.entity.sys.SysUser;
+import javax.servlet.http.HttpServletRequest;
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Set;
 /**
- * 
- * @ClassName: SecurityUtils 
- * @author PanZhao 
- * @date 2016年3月30日 上午11:28:24 
- *
+ * @author PanZhao
+ * @ClassName: SecurityUtils
+ * @date 2016年3月30日 上午11:28:24
  */
 public class SecurityUtils {
-	
-	static Logger logger = LoggerFactory.getLogger(SecurityUtils.class);
-	
-	/**
-	 * 
-	 * @Title: getCurrentUser 
-	 * @Description: TODO(获取当前用户) 
-	 * @return SysUser    返回类型 
-	 * @throws
-	 */
-	public static SysUser getCurrentUser(){
-		SysUser user = null;
-		try{
-			user = (SysUser) SecurityContextHolder.getContext().getAuthentication().getPrincipal();
-		}catch(Exception e){
-			logger.error("", e);
-		}
-		return user;
-	}
-	
-	public static void login(SysUser user, HttpServletRequest request){
-		SecurityUser securityUser = new SecurityUser(user);
-		SecurityContext sContext = SecurityContextHolder.getContext();
-		sContext.setAuthentication(
-				new UsernamePasswordAuthenticationToken(securityUser, securityUser.getAuthorities()));
-		request.getSession(true).setAttribute("SPRING_SECURITY_CONTEXT", sContext);
-	}
+
+    static Logger logger = LoggerFactory.getLogger(SecurityUtils.class);
+
+    /**
+     * @return SysUser    返回类型
+     * @throws
+     * @Title: getCurrentUser
+     * @Description: TODO(获取当前用户)
+     */
+    public static SysUser getCurrentUser() {
+        SysUser user = null;
+        try {
+            user = (SysUser) SecurityContextHolder.getContext().getAuthentication().getPrincipal();
+        } catch (Exception e) {
+            logger.error("", e);
+        }
+        return user;
+    }
+
+    public static void login(SysUser user, HttpServletRequest request) {
+        SecurityUser securityUser = new SecurityUser(user);
+        SecurityContext sContext = SecurityContextHolder.getContext();
+
+        List<GrantedAuthority> grantedAuths = new ArrayList<>();
+        Set<Role> set = user.getRoles();
+        for(Role r : set){
+            grantedAuths.add(new SimpleGrantedAuthority(r.getCodeName()));
+        }
+
+        sContext.setAuthentication(new UsernamePasswordAuthenticationToken(securityUser, securityUser.getAuthorities(), grantedAuths));
+        request.getSession(true).setAttribute("SPRING_SECURITY_CONTEXT", sContext);
+    }
 }
@@ -357,6 +357,13 @@
     var pjaxContainer = '#pjax-container'
             , angJsContainer = '#route-container';
+    $(document).ajaxError(function (event, jqxhr, settings, thrownError) {
+        if(jqxhr.status == 403){
+            layer.closeAll();
+            layer.alert(jqxhr.message?jqxhr.message:'访问被拒绝', {icon: 2, title: '操作失败'});
+        }
+    });
+
     $(function () {
         $.get('/user/currentUser', function (user) {
             $('#indexTopUName').text(user.userName);
@@ -218,6 +218,17 @@ svg.line-chart g.gps-wrap&gt;text[updown=&quot;1&quot;] {
     fill: #fff;
 }
+svg.line-chart g.gps-wrap>rect.abnormal[updown="0"] ,
+svg.line-chart g.gps-wrap>rect.abnormal[updown="1"]{
+    width: 40px;
+    fill: yellow;
+    stroke: yellow;
+}
+svg.line-chart g.gps-wrap>text.abnormal[updown="0"],
+svg.line-chart g.gps-wrap>text.abnormal[updown="1"]{
+    fill: black;
+}
+
 svg.line-chart .merge_hide {
     display: none !important;
 }
@@ -25,7 +25,7 @@ var gb_common = (function () {
         });
         return rs;
-    }
+    };
     var compileTempByDom = function (dom, opts) {
         var tps = {},
@@ -36,7 +36,7 @@ var gb_common = (function () {
                 tps[id] = template.compile($(this).html(), opts);
         });
         return tps;
-    }
+    };
     var $get = function (url, data, successFun) {
         $.ajax({
@@ -46,7 +46,7 @@ var gb_common = (function () {
                 ajaxComplete(xhr, ts, successFun);
             }
         });
-    }
+    };
     var $post = function (url, data, successFun) {
         $.ajax({
@@ -57,7 +57,7 @@ var gb_common = (function () {
                 ajaxComplete(xhr, ts, successFun);
             }
         });
-    }
+    };
     var $post_arr = function (url, data, successFun) {
         $.ajax({
@@ -69,20 +69,20 @@ var gb_common = (function () {
                 ajaxComplete(xhr, ts, successFun);
             }
         });
-    }
+    };
     var $del = function (url, successFun) {
         $post(url, {'_method': 'delete'}, function (rs) {
             successFun && successFun(rs);
         });
-    }
+    };
     var errorHead = '<span style="color:red;">服务器出现异常：</span>';
     function successHandle(json, handle) {
         var status = json.status;
         if (status == 407) {
-            alert('被注销的登录');
+            //alert('被注销的登录');
             location.href = '/';
             return;
         }
@@ -113,7 +113,7 @@ var gb_common = (function () {
         }
         return array;
-    }
+    };
     var get_keys = function (json) {
         var array = [];
@@ -121,7 +121,7 @@ var gb_common = (function () {
             array.push(key);
         }
         return array;
-    }
+    };
     var get_device_tree_data = function (allGps, idBefore) {
         if (!idBefore)
@@ -12,12 +12,18 @@ else
 //拦截POST请求
 function interceptPOST(e, xhr, t) {
     if (t && (t.method == 'POST' || t.type == 'POST')) {
-        console.log(e, xhr, t);
         xhr.abort();
         notify_err('监控模式！');
     }
 }
+//全局 ajaxError 事件
+$(document).ajaxError(function (event, jqxhr) {
+    if(jqxhr.status == 403){
+        UIkit.modal.alert('<span style="color: red;">访问被拒绝，你没有这个权限！</span>', {labels: {Ok: '确定'}});
+    }
+});
+
 //10分钟后提交当班调度数据
 setTimeout(function () {
@@ -220,7 +220,7 @@ var gb_svg_chart = (function () {
             if (d.nbbm.indexOf('-') > 0) {
                 t = d.nbbm.substr(d.nbbm.indexOf('-') - 1, 1) + t;
             }
-            return t;
+            return t + d.suffix;
         },
         gps_key = function (d) {
             return d.deviceId;
@@ -234,13 +234,16 @@ var gb_svg_chart = (function () {
                 else
                     $(this).show();//找不到停靠点，直接隐藏
                 return x;
-            })
+                })
                 .attr('y', function (d) {
                     return gy(d, svg);
                 })
                 .attr('updown', function (d) {
                     return d.upDown;
                 });
+            e.classed({'abnormal': function (d) {
+                    return d.abnormalClaszz;
+                }});
             //update tip position
             gb_svg_tooltip.update(e);
         },
@@ -255,11 +258,24 @@ var gb_svg_chart = (function () {
         var svgs = $('.line-chart[data-code=' + lineCode + ']'),
             data = gb_data_gps.gpsByLineCode(lineCode);
-        var list = [];
+        var list = [], suffix;
         //过滤无站点字段的数据
         $.each(data, function () {
             if (!this.stopNo || this.stopNo == '')
                 return true;
+
+            suffix = '';
+            this['abnormalClaszz'] = true;
+            if(this['abnormalStatus']=='outBounds'){
+                suffix = '界';
+            }
+            else if(this['abnormalStatus']=='overspeed'){
+                suffix = '速';
+            }
+            else
+                this['abnormalClaszz'] = false;
+
+            this.suffix = suffix;
             list.push(this);
         });
@@ -283,7 +299,8 @@ var gb_svg_chart = (function () {
         gps_update_point(rects, svg);
         //text
         var ts = gps_cont.selectAll('text').data(data, gps_key);
-        ts.enter().append('text').text(g_text).attr('_id', tx_id);
+        ts.enter().append('text').attr('_id', tx_id);
+        ts.text(g_text)
         gps_update_point(ts, svg);
     };
@@ -53,7 +53,7 @@ var gb_map_imap = (function () {
                 else
                     width += 16;
             });*/
-            return nbbm.length * 9.8;
+            return nbbm.length * 8.85;
         }
     };
@@ -64,8 +64,8 @@ var gb_map_imap = (function () {
         var colours = color(gps);
-        ctx.shadowOffsetX = 5; // 阴影Y轴偏移
-        ctx.shadowOffsetY = 5; // 阴影X轴偏移
+        ctx.shadowOffsetX = 3; // 阴影Y轴偏移
+        ctx.shadowOffsetY = 3; // 阴影X轴偏移
         ctx.shadowBlur = 1; // 模糊尺寸
         ctx.shadowColor = colours.shadow; // 颜色
@@ -73,13 +73,13 @@ var gb_map_imap = (function () {
         if (!w)
             w = 70;
-        ctx.roundRect(0, 0, w, 25, 5).stroke();
+        ctx.roundRect(0, 0, w, 19, 4).stroke();
         ctx.fillStyle = colours.bgColor;
         ctx.fill();
         //文字
         ctx.font = "14px arial";
         ctx.fillStyle = "#fff";
-        ctx.fillText(gps.nbbm, 4, 18);
+        ctx.fillText(gps.nbbm, 2, 14);
         return canvas.toDataURL();
     }
@@ -107,7 +107,7 @@ var gb_map_imap = (function () {
         //文字
         ctx.font = "14px arial";
         ctx.fillStyle = "#fff";
-        ctx.fillText(gps.nbbm, 4, 17);
+        ctx.fillText(gps.nbbm, 2, 17);
         //角度图标
         var img = new Image();
@@ -90,6 +90,8 @@ var gb_map_baidu = (function(){
 			var gpsArray = opts.gpsList;
 			var marker, coord;
 			$.each(gpsArray, function(i, gps){
+				if(!gps)
+					return true;
 				marker = realMarkers[gps.deviceId];
 				if(marker && gps.timestamp == marker.gpsData.timestamp)
@@ -346,7 +348,7 @@ var gb_map_baidu = (function(){
 		//根据站点名称 计算marker 宽度
 		var w = statio.stationName.length * 12 + 4
 			,iw=w-2;
-		var icon = new BMap.Icon(gb_map_imap.createStationIcon(statio, w), new BMap.Size(iw,24), {anchor: new BMap.Size(iw/2,24)})
+		var icon = new BMap.Icon(gb_map_imap.createStationIcon(statio, w), new BMap.Size(iw,20), {anchor: new BMap.Size(iw/2,20)})
 		marker.setIcon(icon);
 		//信息窗口
@@ -238,6 +238,8 @@ var gb_map_gaode = (function() {
 			gpsArray = opts.gpsList;
 			var coord;
 			$.each(gpsArray, function(i, gps){
+				if(!gps)
+					return true;
 				marker = realMarkers[gps.deviceId];
 				if(marker && gps.timestamp == marker.gpsData.timestamp)
@@ -352,10 +354,10 @@ var gb_map_gaode = (function() {
 			map: map,
 			position: [statio.gcj_lon, statio.gcj_lat],
 			icon: new AMap.Icon({
-				size: new AMap.Size(w, 24),  //图标大小
+				size: new AMap.Size(w, 20),  //图标大小
 				image: gb_map_imap.createStationIcon(statio, w)
 			}),
-			offset: new AMap.Pixel(-(w/2), -24)
+			offset: new AMap.Pixel(-(w/2), -20)
 		});
 		//信息窗口
@@ -29,7 +29,7 @@
     <form class="uk-form" data-uk-margin="">
         <div class="uk-form-icon">
             <i class="uk-icon-search"></i>
-            <input type="text" placeholder="搜索..." >
+            <input type="text" placeholder="搜索..." disabled>
         </div>
     </form>