fe / yohobuy-portal-fe · Commits

Go to a project

Authored by 王钱钧
Commit ecf6d02f4f188ae075e78ff0bbd78fb0ce840437 1 parent 028728eb

添加【搜索词管理】功能代码

Inline Side-by-side
Showing 7 changed files with 602 additions and 51 deletions
@@ -58,6 +58,9 @@ var util={ @@ -58,6 +58,9 @@ var util={
58 result = result.replace(reg, args[1][key]); 58 result = result.replace(reg, args[1][key]);
59 } 59 }
60 } 60 }
  61 + //clear {xxx}
  62 + var reg = new RegExp("({.*})", "g");
  63 + result = result.replace(reg, '');
61 } else { 64 } else {
62 for (var i = 1; i < args.length; i++) { 65 for (var i = 1; i < args.length; i++) {
63 if (args[i] != undefined) { 66 if (args[i] != undefined) {
  1 +/**
  2 + * Created by wangqianjun on 16/2/23.
  3 + */
  4 +var $ = require('jquery'),
  5 + common = require('../common/common');
  6 + require('../util/datepicker');
  7 +
  8 +// 热搜词状态xxz
  9 +var StatusEnum = {
  10 + ON: 2,// 开启
  11 + OFF: 1 // 关闭
  12 +};
  13 +
  14 +var PagEnum = {
  15 + DEF_HOT_SEARCH_WORDS: 1, //默认热搜词管理页面
  16 + PULL_DOWN_WORDS: 2,//下拉词管理页面
  17 + HOT_SEARCH_WORDS: 3,//热搜词管理页面
  18 + SYNONYMS_: 4,//同义词管理页面
  19 + DISABLE_WORDS: 5//停用词管理页面
  20 +};
  21 +
  22 +// 下拉框
  23 +new common.dropDown({el: "#status-filter"});
  24 +new common.dropDown({el: "#channel-ops"});
  25 +
  26 +// 初始化日期插件
  27 +new common.edit("#filter").init();
  28 +
  29 +var type = GetQueryString("type");
  30 +
  31 +function GetQueryString(name)
  32 +{
  33 + var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
  34 + var r = window.location.search.substr(1).match(reg);
  35 + if(r!=null)return unescape(r[2]); return null;
  36 +}
  37 +var g = new common.grid({
  38 + el: '#search-words-list',
  39 + parms:function(){
  40 +
  41 + switch (parseInt(type)) {
  42 + //默认热搜词管理页面
  43 + case PagEnum.DEF_HOT_SEARCH_WORDS :
  44 + return {
  45 + type:type,
  46 + channelIds: $.trim($('#channel-ops').val()),
  47 + status: $.trim(common.util.__input("status-filter")),
  48 + startTime: $.trim($('#starttime-filter').val()),
  49 + endTime: $.trim($('#endtime-filter').val()),
  50 + content: $.trim($('#content-filter').val())
  51 + };
  52 +
  53 + //下拉词管理页面
  54 + case PagEnum.PULL_DOWN_WORDS :
  55 + //热搜词管理页面
  56 + case PagEnum.HOT_SEARCH_WORDS :
  57 + //同义词管理页面
  58 + case PagEnum.SYNONYMS_ :
  59 + //停用词管理页面
  60 + case PagEnum.DISABLE_WORDS :
  61 + return {
  62 + type:type,
  63 + channelIds: $.trim($('#channel-ops').val()),
  64 + status: $.trim(common.util.__input("status-filter")),
  65 + content: $.trim($('#content-filter').val())
  66 + };
  67 +
  68 + }
  69 +
  70 +
  71 + },
  72 + columns:
  73 + (function () {
  74 + console.log('type = ' + type);
  75 + switch (parseInt(type)) {
  76 + //默认热搜词管理页面
  77 + case PagEnum.DEF_HOT_SEARCH_WORDS :
  78 + return [
  79 + {display: "序号", name: "id"},
  80 + {display: "内容", name: "content"},
  81 + {display: "状态", name: "status", render: function (item) {
  82 + if (item.status === StatusEnum.ON) {
  83 + return "<span>开启</span>";
  84 + } else {
  85 + return "<span>关闭</span>";
  86 + }
  87 + }},
  88 + {display: "开始时间", name: "startTime"},
  89 + {display: "结束时间", name: "endTime"},
  90 + {display: "添加人", name: "creatorUsrname"},
  91 + {display: "添加时间", name: "createdTime"},
  92 + {display: "修改人", name: "modifyUsrname"},
  93 + {display: "修改时间", name: "modifyTime"},
  94 + {
  95 + display: "修改", name: "", render: function (item) {
  96 + return '<a class="btn btn-info modify" data-index="' + item.__index + '">修改</a>';
  97 + }
  98 + }
  99 + ];
  100 +
  101 + //下拉词管理页面
  102 + case PagEnum.PULL_DOWN_WORDS :
  103 + return [
  104 + {display: "序号", name: "id"},
  105 + {display: "内容", name: "content"},
  106 + {display: "状态", name: "status", render: function (item) {
  107 + if (item.status === StatusEnum.ON) {
  108 + return "<span>开启</span>";
  109 + } else {
  110 + return "<span>关闭</span>";
  111 + }
  112 + }},
  113 + {display: "排序", name: "sort"},
  114 + {display: "商品数", name: "goodsNum"},
  115 + {display: "添加人", name: "creatorUsrname"},
  116 + {display: "添加时间", name: "createdTime"},
  117 + {display: "修改人", name: "modifyUsrname"},
  118 + {display: "修改时间", name: "modifyTime"},
  119 + {
  120 + display: "修改", name: "", render: function (item) {
  121 + return '<a class="btn btn-info modify" data-index="' + item.__index + '">修改</a>';
  122 + }
  123 + }
  124 + ];
  125 +
  126 + //热搜词管理页面
  127 + case PagEnum.HOT_SEARCH_WORDS :
  128 + return [
  129 + {display: "序号", name: "id"},
  130 + {display: "内容", name: "content"},
  131 + {display: "状态", name: "status", render: function (item) {
  132 + if (item.status === StatusEnum.ON) {
  133 + return "<span>开启</span>";
  134 + } else {
  135 + return "<span>关闭</span>";
  136 + }
  137 + }},
  138 + {display: "排序", name: "sort"},
  139 + {display: "添加人", name: "creatorUsrname"},
  140 + {display: "添加时间", name: "createdTime"},
  141 + {display: "修改人", name: "modifyUsrname"},
  142 + {display: "修改时间", name: "modifyTime"},
  143 + {
  144 + display: "修改", name: "", render: function (item) {
  145 + return '<a class="btn btn-info modify" data-index="' + item.__index + '">修改</a>';
  146 + }
  147 + }
  148 + ];
  149 +
  150 + //同义词管理页面
  151 + case PagEnum.SYNONYMS_ :
  152 + return [
  153 + {display: "序号", name: "id"},
  154 + {display: "内容", name: "content"},
  155 + {display: "状态", name: "status", render: function (item) {
  156 + if (item.status === StatusEnum.ON) {
  157 + return "<span>开启</span>";
  158 + } else {
  159 + return "<span>关闭</span>";
  160 + }
  161 + }},
  162 + {display: "添加人", name: "creatorUsrname"},
  163 + {display: "添加时间", name: "createdTime"},
  164 + {display: "修改人", name: "modifyUsrname"},
  165 + {display: "修改时间", name: "modifyTime"},
  166 + {
  167 + display: "修改", name: "", render: function (item) {
  168 + return '<a class="btn btn-info modify" data-index="' + item.__index + '">修改</a>';
  169 + }
  170 + }
  171 + ];
  172 +
  173 + //停用词管理页面
  174 + case PagEnum.DISABLE_WORDS :
  175 + return [
  176 + {display: "序号", name: "id"},
  177 + {display: "内容", name: "content"},
  178 + {display: "状态", name: "status", render: function (item) {
  179 + if (item.status === StatusEnum.ON) {
  180 + return "<span>开启</span>";
  181 + } else {
  182 + return "<span>关闭</span>";
  183 + }
  184 + }},
  185 + {display: "添加人", name: "creatorUsrname"},
  186 + {display: "添加时间", name: "createdTime"},
  187 + {display: "修改人", name: "modifyUsrname"},
  188 + {display: "修改时间", name: "modifyTime"},
  189 + {
  190 + display: "修改", name: "", render: function (item) {
  191 + return '<a class="btn btn-info modify" data-index="' + item.__index + '">修改</a>';
  192 + }
  193 + }
  194 + ];
  195 + }
  196 +
  197 +
  198 + })()
  199 +
  200 +
  201 +
  202 +});
  203 +
  204 +g.init($('#route').val());
  205 +
  206 +$("#filter-btn").click(function(){
  207 + g.reload(1);
  208 +});
  209 +
  210 +$("#filter-add").click(function() {
  211 +
  212 + //初始化弹框的底部红色说明
  213 + searchWordOp("添加", '/operations/terms/add', {});
  214 +});
  215 +
  216 +$(document).on("click",".modify",function () {
  217 +
  218 + var item = g.rows[$(this).data('index')];
  219 +
  220 + searchWordOp("修改", '/operations/terms/modify', item);
  221 +});
  222 +
  223 +function searchWordOp (prefix, url, item) {
  224 +
  225 + var templates = {
  226 + 1: {
  227 + templAdd:['template-channel', 'template-content', 'template-url', 'template-sarttime', 'template-endtime','template-tips'],
  228 + title: '默认热搜词',
  229 + templModify:['template-channel', 'template-content', 'template-url', 'template-sarttime', 'template-endtime','template-modify','template-tips'],
  230 + tips: '注：默认热搜索词是默认显示在前台搜索框里的词或者短语'
  231 + },
  232 + 2: {
  233 + templAdd:['template-content', 'template-goodsnum', 'template-sort', 'template-tips'],
  234 + templModify:['template-content', 'template-goodsnum', 'template-sort', 'template-modify','template-tips'],
  235 + title: '下拉词',
  236 + tips: '注：下拉词是前台输入框获取焦点之后下拉显示的词'
  237 + },
  238 + 3: {
  239 + templAdd:['template-channel', 'template-content', 'template-url', 'template-sort','template-tips'],
  240 + templModify:['template-channel', 'template-content', 'template-url', 'template-sort', 'template-modify','template-tips'],
  241 + title: '热搜词',
  242 + tips: '注：热搜词是前台搜索框下面的词'
  243 + },
  244 + 4: {
  245 + templAdd:['template-content', 'template-tips'],
  246 + templModify:['template-content', 'template-modify', 'template-tips'],
  247 + title: '同义词',
  248 + tips: '注：同义词，比如阿迪达斯和三叶草就是一对同义词'
  249 + },
  250 + 5: {
  251 + templAdd:['template-content', 'template-tips'],
  252 + templModify:['template-content', 'template-modify', 'template-tips'],
  253 + title: '停用词',
  254 + tips: '注：停用词是指搜索引擎不进行拆分检索的词'
  255 + },
  256 + };
  257 +
  258 + var t=[];
  259 + var templ = templates[parseInt(type)];
  260 +
  261 + var tmp = (prefix=="添加")? templ.templAdd:templ.templModify;
  262 + console.log(tmp);
  263 + for(var templID in tmp) {
  264 + t.push($('#'+tmp[templID]).html());
  265 + }
  266 +
  267 + var a =new common.edit(".confirm");
  268 + item.tips = templ.tips;
  269 + item.type = type;
  270 + common.dialog.confirm(prefix+templ.title, common.util.__template( t.join(""), item), function () {
  271 +
  272 + //
  273 + a.submit(url,function(option){
  274 + option.success=function(res){
  275 + res=res.data;
  276 + if(res.code=="200"){
  277 + a.$tip("提交成功", function() {
  278 + g.reload();
  279 + }, 'growl-success');
  280 + }else{
  281 + a.$tip(res.message);
  282 + }
  283 + return false;
  284 + },
  285 + option.error=function(res){
  286 + a.$tip(res.message);
  287 + }
  288 + });
  289 +
  290 + });
  291 +
  292 + //$('#i-tips').html(templ.tips);
  293 +
  294 + a.init();
  295 +}
  296 +
  297 +// 根据type判断显不显示【开始时间】和【结束时间】
  298 +(function () {
  299 + var titles={
  300 + 1:{name1:"默认热搜词列表",name2:"默认热搜词列表"},
  301 + 2:{name1:"下拉词列表",name2:"下拉词列表"},
  302 + 3:{name1:"热搜词列表",name2:"热搜词列表"},
  303 + 4:{name1:"同义词列表",name2:"同义词列表"},
  304 + 5:{name1:"停用词列表",name2:"停用词列表"}
  305 + }
  306 +
  307 + //只有默认热搜词才显示时间选择
  308 + if (parseInt(type) == PagEnum.DEF_HOT_SEARCH_WORDS) {
  309 + $('#starttime-filter').show();
  310 + $('#endtime-filter').show();
  311 + } else {
  312 + $('#starttime-filter').hide();
  313 + $('#endtime-filter').hide();
  314 +
  315 + }
  316 + var tem=common.util.__template($("#template").html(),titles[parseInt(type)]);
  317 + $(".media-body").html(tem);
  318 +})()
  1 +/**
  2 + * Created by wangqianjun on 16/2/3.
  3 + */
  4 +
  5 +//接口主域
  6 +exports.domain = require('../config/common.js').domain;
  7 +//路由配置
  8 +exports.res = [
  9 + {
  10 + //搜索词页面渲染
  11 + route: '/operations/terms/index',
  12 + method: 'GET',
  13 + view: 'pages/searchWords/index',
  14 + src: '/searchWords/index',
  15 + isJsonRaw: true,
  16 + data: {
  17 + filter: true
  18 + }
  19 + },
  20 + //搜索词列表
  21 + {
  22 + route: '/operation/terms/searchWordsList',
  23 + method: 'POST',
  24 + url: '/searchWords/querySearchWords',
  25 + isJsonRaw: true,
  26 + params: [
  27 + {name: 'page', type: 'Number', def: '1'},
  28 + {name: 'size', type: 'Number', def: '10'},
  29 + {name: 'type', type: 'Number'},
  30 + {name: 'channelIds', type: 'String'},
  31 + {name: 'startTime', type: 'String'},
  32 + {name: 'endTime', type: 'String'},
  33 + {name: 'content', type: 'String'},
  34 + {name: 'status', type: 'Number'},
  35 + ]
  36 + },
  37 +
  38 + {
  39 + //添加搜索词
  40 + route: '/operations/terms/add',
  41 + method: 'POST',
  42 + url: '/searchWords/addSearchWords',
  43 + isJsonRaw: true,
  44 + params: [
  45 + {name: 'type', type: 'Number'},
  46 + {name: 'content', type: 'String'},
  47 + {name: 'channelIds', type: 'String'},
  48 + {name: 'url', type: 'String'},
  49 + {name: 'startTime', type: 'String'},
  50 + {name: 'endTime', type: 'String'},
  51 + {name: 'content', type: 'String'},
  52 + {name: 'goodsNum', type: 'Number'},
  53 + {name: 'sort', type: 'Number'}
  54 + ]
  55 + },
  56 +
  57 + {
  58 + //搜索词修改
  59 + route: '/operations/terms/modify',
  60 + method: 'POST',
  61 + url: '/searchWords/updateSearchWords',
  62 + isJsonRaw: true,
  63 + params: [
  64 + {name: 'id', type: 'Number'},
  65 + {name: 'type', type: 'Number'},
  66 + {name: 'content', type: 'String'},
  67 + {name: 'channelIds', type: 'String'},
  68 + {name: 'url', type: 'String'},
  69 + {name: 'startTime', type: 'String'},
  70 + {name: 'endTime', type: 'String'},
  71 + {name: 'content', type: 'String'},
  72 + {name: 'goodsNum', type: 'Number'},
  73 + {name: 'sort', type: 'Number'},
  74 + {name: 'status', type: 'Number'},
  75 +
  76 + ]
  77 + }
  78 +];
  1 +<div class="pageheader">
  2 + <div class="media">
  3 + <div class="pageicon pull-left">
  4 + <i class="fa fa-th-list"></i>
  5 + </div>
  6 + <div class="media-body">
  7 +
  8 + </div>
  9 + </div>
  10 +</div>
  11 +<div class="contentpanel">
  12 + <div class="panel panel-default" style="...">
  13 + <div class="panel-heading">
  14 + 筛选
  15 + </div>
  16 + <div class="panel-body" id="filter">
  17 + <div class="row">
  18 + <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
  19 + <input type="text" value="" name="content" id="content-filter" placeholder="内容" class="form-control">
  20 + </div>
  21 +
  22 + <div class="panel-col">
  23 + <select name="status" id="status-filter" tabindex="-1" title="" class="select2-offscreen brandBtn-group">
  24 + <option value="" selected="">选择状态</option>
  25 + <option value="1">关闭</option>
  26 + <option value="2">开启</option>
  27 + </select>
  28 + </div>
  29 + <div class="panel-col">
  30 + <select name="channel-ops" id="channel-ops" tabindex="-1" title="" class="select2-offscreen brandBtn-group">
  31 + <option value="" selected="">选择频道</option>
  32 + <option value="1">男生</option>
  33 + <option value="2">女生</option>
  34 + <option value="3">潮童</option>
  35 + <option value="4">创意生活</option>
  36 + </select>
  37 + </div>
  38 +
  39 + <div class="panel-col2">
  40 + <input type="text" id="starttime-filter" class="form-control panel-input hasDatepicker" jsaction="time:end:endtime-filter" name="start_time" placeholder="开始时间" value="">
  41 + </div>
  42 + <div class="panel-col2">
  43 + <input type="text" id="endtime-filter" class="form-control panel-input hasDatepicker" jsaction="time:start:starttime-filter" name="end_time" placeholder="结束时间" value="">
  44 + </div>
  45 +
  46 + <input id="route" type="hidden" value="/operation/terms/searchWordsList">
  47 + <!--</div>-->
  48 +
  49 + <a id="filter-btn" href="javascript:;" class="btn btn-info">查询</a>
  50 + <a id="filter-add" value="" class="btn btn-info">添加</a>
  51 +
  52 + </div>
  53 + </div>
  54 + </div>
  55 +
  56 + <div id="search-words-list" class="search-words">
  57 +
  58 + </div>
  59 +</div>
  60 +
  61 +<script type="text/template" id="template">
  62 + <ul class="breadcrumb">
  63 + <li><a href=""><i class="glyphicon glyphicon-home"></i></a></li>
  64 + <li><a href="">搜索词管理</a></li>
  65 + <li id="header-item">{name1}</li>
  66 + </ul>
  67 +
  68 + <div>
  69 + <div style="width: 30%;float: left;">
  70 + <h4 id="header-title">{name2}</h4>
  71 +
  72 + </div>
  73 + </div>
  74 +</script>
  75 +
  76 +
  77 +<!--添加修改模板-->
  78 +<script type="text/template" id="template-content">
  79 + <div class="form-group">
  80 + <label for="content" class="col-sm-2 control-label"><i class="red">*</i> 内容</label>
  81 + <div class="col-sm-10">
  82 + <input type="text" name="" value="{content}" id="content" class="form-control" value="" required="required" pattern="" title="">
  83 + </div>
  84 + </div>
  85 +</script>
  86 +
  87 +<script type="text/template" id="template-channel">
  88 + <div class="form-group">
  89 + <label for="channelIds" class="col-sm-2 control-label"><i class="red">*</i> 频道</label>
  90 + <div class="col-sm-8">
  91 + <label style="cursor: pointer;"><input type="checkbox" name="channelIds" value="1"> 男生</label>
  92 + <label style="cursor: pointer;"><input type="checkbox" name="channelIds" value="2"> 女生</label>
  93 + <label style="cursor: pointer;"><input type="checkbox" name="channelIds" value="3"> 潮童</label>
  94 + <label style="cursor: pointer;"><input type="checkbox" name="channelIds" value="4"> 创意生活</label>
  95 + </div>
  96 + <input type="hidden" id="channelIds" value="{channelIds}" for="checkbox">
  97 + </div>
  98 +</script>
  99 +
  100 +<script type="text/template" id="template-url">
  101 + <div class="form-group">
  102 + <label for="url" class="col-sm-2 control-label"> 链接</label>
  103 + <div class="col-sm-10">
  104 + <input type="text" name="" value="{url}" id="url" class="form-control" value="" required="required" pattern="" title="">
  105 + </div>
  106 + </div>
  107 +</script>
  108 +
  109 +<script type="text/template" id="template-sarttime">
  110 + <div class="form-group">
  111 + <label for="startTime" class="col-sm-2 control-label"><i class="red">*</i> 开始时间</label>
  112 + <div class="col-sm-10">
  113 + <input type="text" id="startTime" class="form-control panel-input hasDatepicker" jsaction="time:end:endTime" name="start_time" placeholder="开始时间" value="{startTime}">
  114 + <!--<input type="text" name="" value="{input}" id="input" class="form-control" value="" required="required" pattern="" title="">-->
  115 + </div>
  116 + </div>
  117 +</script>
  118 +
  119 +<script type="text/template" id="template-endtime">
  120 + <div class="form-group">
  121 + <label for="endtime" class="col-sm-2 control-label"><i class="red">*</i> 结束时间</label>
  122 + <div class="col-sm-10">
  123 + <input type="text" id="endTime" class="form-control panel-input hasDatepicker" jsaction="time:start:startTime" name="start_time" placeholder="结束时间" value="{endTime}">
  124 + </div>
  125 + </div>
  126 +</script>
  127 +
  128 +<script type="text/template" id="template-goodsnum">
  129 + <div class="form-group">
  130 + <label for="goodsNum" class="col-sm-2 control-label"><i class="red">*</i> 商品数</label>
  131 + <div class="col-sm-10">
  132 + <input type="text" name="" value="{goodsNum}" id="goodsNum" class="form-control" value="" required="required" pattern="" title="">
  133 + </div>
  134 + </div>
  135 +</script>
  136 +
  137 +<script type="text/template" id="template-sort">
  138 + <div class="form-group">
  139 + <label for="sort" class="col-sm-2 control-label"><i class="red">*</i> 排序</label>
  140 + <div class="col-sm-10">
  141 + <input type="text" name="" value="{sort}" id="sort" class="form-control" value="" required="required" pattern="" title="">
  142 + </div>
  143 + </div>
  144 +</script>
  145 +
  146 +<!--修改页面共用部分-->
  147 +<script type="text/template" id="template-modify">
  148 + <div class="form-group">
  149 + <label class="col-sm-2 control-label"><span class="red">*</span> 状态</label>
  150 + <div class="col-sm-8">
  151 + <label class="radio-inline">
  152 + <input type="radio" name="status" value="2">启用
  153 + </label>
  154 + <label class="radio-inline">
  155 + <input type="radio" name="status" value="1">禁用 </label>
  156 + </label>
  157 + </div>
  158 + <input type="hidden" id="status" value="{status}" for="radio" required="">
  159 + </div>
  160 +
  161 + <div class="form-group">
  162 + <label for="creatorUsrname" class="col-sm-2 control-label">添加人</label>
  163 + <div class="col-sm-10">
  164 + <label id="creatorUsrname">{creatorUsrname}</label>
  165 + </div>
  166 +
  167 + </div>
  168 +
  169 + <div class="form-group">
  170 + <label for="createdTime" class="col-sm-2 control-label">添加时间</label>
  171 + <div class="col-sm-10">
  172 + <label id="createdTime">{createdTime}</label>
  173 + </div>
  174 + </div>
  175 +
  176 + <div class="form-group">
  177 + <label for="modifyUser" class="col-sm-2 control-label">修改人</label>
  178 + <div class="col-sm-10">
  179 + <label id="modifyUser">{modifyUser}</label>
  180 + </div>
  181 +
  182 + </div>
  183 +
  184 + <div class="form-group">
  185 + <label for="modifyTime" class="col-sm-2 control-label">修改时间</label>
  186 + <div class="col-sm-10">
  187 + <label id="modifyTime">{modifyTime}</label>
  188 + </div>
  189 + </div>
  190 + <input type="hidden" id="id" value="{id}"/>
  191 +</script>
  192 +
  193 +<!--红颜色说明-->
  194 +<script type="text/template" id="template-tips">
  195 + <div class="form-group">
  196 + <input type="hidden" id="type" value="{type}"/>
  197 + <i class="red" id="i-tips">{tips}</i>
  198 +
  199 + </div>
  200 +</script>
  201 +
  202 +
  203 +
1 -<div class="pageheader">  
2 - <div class="media">  
3 - <div class="pageicon pull-left">  
4 - <i class="fa fa-th-list"></i>  
5 - </div>  
6 - <div class="media-body">  
7 - <ul class="breadcrumb">  
8 - <li><a href=""><i class="glyphicon glyphicon-home"></i></a></li>  
9 - <li><a href="">搜索词管理</a></li>  
10 - <li>默认热搜词列表</li>  
11 - </ul>  
12 -  
13 - <div>  
14 - <div style="width: 30%;float: left;">  
15 - <h4>默认热搜词列表</h4>  
16 - </div>  
17 - </div>  
18 - </div>  
19 - </div>  
20 -</div>  
21 -<div class="contentpanel">  
22 - <div class="panel panel-default" style="margin-bottom:10px;">  
23 - <div class="panel-heading">  
24 - 筛选  
25 - </div>  
26 - <div class="panel-body">  
27 - <div class="row">  
28 - <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">  
29 - <input type="text" value="" name="content" placeholder="内容" class="form-control">  
30 - </div>  
31 - <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">  
32 - <select class="select2-container" style="padding: 10px;" name="status">  
33 - <option value="">状态</option>  
34 - <option value="2">开启</option>  
35 - <option value="1">禁用</option>  
36 - </select>  
37 - </div>  
38 - <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">  
39 -  
40 - </div>  
41 - <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">  
42 -  
43 - </div>  
44 - <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">  
45 - <button type="submit" class="btn btn-info">查询</button>  
46 - </div>  
47 - </div>  
48 - </div>  
49 - </div>  
50 -</div>  
51 -