<div class="pageheader">
    <div class="media">
        <div class="pageicon pull-left">
            <i class="fa fa-th-list"></i>
        </div>
        <div class="media-body">

        </div>
    </div>
</div>
<div class="contentpanel">
    <div class="panel panel-default" style="...">
        <div class="panel-heading">
            <a id="filter-add" class="btn btn-primary">添加</a>
        </div>
        <div class="panel-body" id="filter">
            <div class="row">
                <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
                    <input type="text" value="" name="content" id="content-filter" placeholder="内容"
                           class="form-control">
                </div>
                <div class="panel-col">
                    <select name="status" id="status-filter" tabindex="-1" title=""
                            class="select2-offscreen brandBtn-group">
                        <option value="" selected="">选择状态</option>
                        <option value="1">关闭</option>
                        <option value="2">开启</option>
                    </select>
                </div>
                <div class="panel-col">
                    <div id="channel-ops1">
                        <select name="channel-ops" id="channel-ops" tabindex="-1" title=""
                                class="select2-offscreen brandBtn-group">
                            <option value="" selected="">选择频道</option>
                            <option value="1">男生</option>
                            <option value="2">女生</option>
                            <option value="3">潮童</option>
                            <option value="4">创意生活</option>
                        </select>
                    </div>
                </div>
                <div class="panel-col2">
                    <input type="text" id="starttime-filter" class="form-control panel-input hasDatepicker"
                           jsaction="time:end:endtime-filter" name="start_time" placeholder="开始时间" value="">
                </div>
                <div class="panel-col2">
                    <input type="text" id="endtime-filter" class="form-control panel-input hasDatepicker"
                           jsaction="time:start:starttime-filter" name="end_time" placeholder="结束时间" value="">
                </div>
                <div class="panel-col2">
                    <a id="filter-btn" href="javascript:;" class="btn btn-info">查询</a>
                </div>
            </div>
        </div>
    </div>
    <div id="search-words-list" class="search-words">

    </div>
</div>

<script type="text/template" id="template">
    <ul class="breadcrumb">
        <li><a href=""><i class="glyphicon glyphicon-home"></i></a></li>
        <li><a href="">搜索词管理</a></li>
        <li id="header-item">[[name1]]</li>
    </ul>

    <div>
        <div style="width: 30%;float: left;">
            <h4 id="header-title">[[name2]]</h4>

        </div>
    </div>
</script>

<!--添加修改模板-->
<script type="text/template" id="template-content">
    [[if _type==1]]
    <div class="form-group">
        <label for="channelIds" class="col-sm-2 control-label"><i class="red">*</i> 频道</label>

        <div class="col-sm-8">
            <label style="cursor: pointer;"><input type="radio" class="observe" data-field="channelIds" name="channelIds" value="1"> 男生</label>
            <label style="cursor: pointer;"><input type="radio" class="observe" data-field="channelIds" name="channelIds" value="2"> 女生</label>
            <label style="cursor: pointer;"><input type="radio" class="observe" data-field="channelIds" name="channelIds" value="3"> 潮童</label>
            <label style="cursor: pointer;"><input type="radio" class="observe" data-field="channelIds" name="channelIds" value="4"> 创意生活</label>
        </div>
        <input type="hidden" id="channelIds" value="[[channelIds]]" for="radio" class="observe"
               placeholder="频道" data-field="channelIds">
    </div>
    [[/if]]
    <div class="form-group">
        <label for="content" class="col-sm-2 control-label"><i class="red">*</i> 内容</label>

        <div class="col-sm-10">
            <input type="text" name="" value="[[content]]" id="content" class="form-control observe" required="required" data-field="content"
                   placeholder="内容">
        </div>
    </div>
    [[if _type==1]]
    <div class="form-group">
        <label for="url" class="col-sm-2 control-label"> 链接</label>

        <div class="col-sm-10">
            <input type="text" name="" value="[[url]]" id="url" class="form-control observe" data-field="url" placeholder="链接">
        </div>
    </div>
    <div class="form-group">
        <label for="startTime" class="col-sm-2 control-label"><i class="red">*</i> 开始时间</label>

        <div class="col-sm-10">
            <input type="text" id="startTime" class="form-control panel-input hasDatepicker observe" jsaction="time:end:endTime"
                   name="start_time" placeholder="开始时间" value="[[startTime]]" data-field="startTime">
        </div>
    </div>
    <div class="form-group">
        <label for="endTime" class="col-sm-2 control-label"><i class="red">*</i> 结束时间</label>

        <div class="col-sm-10">
            <input type="text" id="endTime" class="form-control panel-input hasDatepicker observe" jsaction="time:start:startTime"
                   name="start_time" placeholder="结束时间" value="[[endTime]]" data-field="endTime">
        </div>
    </div>
    [[/if]]
    [[if _type==2]]
    <div class="form-group">
        <label for="goodsNum" class="col-sm-2 control-label"><i class="red">*</i> 商品数</label>

        <div class="col-sm-10">
            <input type="text" name="" value="[[goodsNum]]" id="goodsNum" class="form-control observe" required="required" data-field="goodsNum"
                   placeholder="商品数">
        </div>
    </div>
    [[/if]]
    [[if _type==2|_type==3]]
    <div class="form-group">
        <label for="sort" class="col-sm-2 control-label"><i class="red">*</i> 排序</label>

        <div class="col-sm-10">
            <input type="text" name="" value="[[sort]]" id="sort" class="form-control observe"  data-field="sort" required="required"
                   placeholder="排序">
        </div>
    </div>
    [[/if]]
    [[if _status=='update']]
    [[layout template-modify]]
    [[/if]]
    [[layout template-tips]]
</script>

<!--修改页面共用部分-->
<script type="text/template" id="template-modify">
    <div class="form-group">
        <label class="col-sm-2 control-label"><span class="red">*</span> 状态</label>

        <div class="col-sm-8">
            <label class="radio-inline">
                <input type="radio" name="status" class="observe" data-field="status" value="2">启用
            </label>
            <label class="radio-inline">
                <input type="radio" name="status" class="observe" data-field="status" value="1">禁用
            </label>
        </div>
        <input type="hidden" id="status" value="[[status]]" for="radio" required="required" class="observe" data-field="status">
    </div>

    <div class="form-group">
        <label for="creatorUsrname" class="col-sm-2 control-label">添加人</label>

        <div class="col-sm-10">
            <label id="creatorUsrname">[[creatorUsrname]]</label>
        </div>

    </div>

    <div class="form-group">
        <label for="createdTime" class="col-sm-2 control-label">添加时间</label>

        <div class="col-sm-10">
            <label id="createdTime">[[createdTime]]</label>
        </div>
    </div>

    <div class="form-group">
        <label for="modifyUsrname" class="col-sm-2 control-label">修改人</label>

        <div class="col-sm-10">
            <label id="modifyUsrname">[[modifyUsrname]]</label>
        </div>

    </div>

    <div class="form-group">
        <label for="modifyTime" class="col-sm-2 control-label">修改时间</label>

        <div class="col-sm-10">
            <label id="modifyTime">[[modifyTime]]</label>
        </div>
    </div>
    <input type="hidden" id="id" value="[[id]]"/>
</script>

<!--红颜色说明-->
<script type="text/template" id="template-tips">
    <div class="form-group">
        <input type="hidden" id="type" value="[[type]]"/>
        <i class="red" id="i-tips">[[tips]]</i>
    </div>
</script>