<%include '../../common/__ui/header'%>
<%include '../../common/__partail/ListHeader'%>

<style type="text/css" media="all">
    td { word-break:break-all; max-width: 200px; }
</style>

<div class="contentpanel">
    <div class="panel panel-default" style="...">
        <div class="panel-body" style="padding-bottom: 0">
            <a id="filter-add" class="btn btn-success"><i class="fa fa-plus"></i> 添加词汇</a>
            <a id="filter-clear" class="btn btn-success"><i class="fa "></i> 清除默认搜索词缓存</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">
                    <select name="channelIds" id="channelIds-filter" tabindex="-1" title=""
                            class="select2-offscreen brandBtn-group">
                        <option value="" selected="">选择频道</option>
                    </select>
                </div>
                <div class="panel-col">
                    <input type="text" id="starttime-filter" class="form-control panel-input"
                           jsaction="time:end:endtime-filter" name="start_time" placeholder="开始时间" value="">
                </div>
                <div class="panel-col">
                    <input type="text" id="endtime-filter" class="form-control panel-input"
                           jsaction="time:start:starttime-filter" name="end_time" placeholder="结束时间" value="">
                </div>
                <div class="panel-col">
                    <select name="timeStatus" id="time-status-filter" tabindex="-1" title=""
                            class="select2-offscreen brandBtn-group">
                        <option value="" selected="">选择时间状态</option>
                        <option value="1">未开始</option>
                        <option value="2">进行中</option>
                        <option value="3">已过期</option>
                    </select>
                </div>
                <div class="panel-col">
                    <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="padding-left: 0; font-family: 'Microsoft YaHei'">
            <h4 id="header-title" style="line-height: 30px;font-size: 24px;margin-top: 2px">[[name2]]</h4>
        </div>
    </div>
</script>

<!--添加修改模板-->
<script type="text/template" id="template-content">
    <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>
    <div class="form-group">
        <label for="content" class="col-sm-2 control-label"> 图标</label>
        <div class="col-sm-10">
            <input id="word-icon" type="file" name="file" value="[[icon]]" class="observe" data-field="icon"/>
            <button class="btn btn-danger btn-sm del-btn" data-event="template-content" type="button" data-key="icon">删除图片</button>
        </div>
    </div>

    [[if _type==1|_type==3]]
    <div class="form-group">
        <label for="content" class="col-sm-2 control-label"><i class="red">*</i> 频道</label>
        <div class="col-sm-8 " id="channelCheckBox">
            <div style="float:left;margin-right: 5px"><input type="checkbox" name="channelIds" class="observe" data-field="channelIds" value="0">默认</div>
        </div>
        <input type="hidden" id="channelIds" name="channelIds" value="[[channelIds]]" for="checkbox" class="observe" data-field="channelIds"
               placeholder="显示频道" required/>
    </div>
    [[/if]]

    [[if _type==1|_type==3]]
    <div class="form-group">
        <label class="col-sm-2 control-label" for="matchPcUrl">搜索方式</label>
        <div class="col-sm-10">
           <input name="searchType" type="radio" value="1" checked>默认搜索
           <input name="searchType" type="radio" value="2" [[if searchType]]checked[[/if]]>指定页面跳转
        </div>
    </div>
    <div class="form-group search_type2" [[if !searchType]]style="display: none;"[[/if]]>
        <label class="col-sm-2 control-label" for="matchPcUrl"><i class="red">*</i> PC 链接</label>
        <div class="col-sm-10">
            <input type="text" value="[[matchPcUrl]]" placeholder="PC 链接" class="form-control observe" data-field="matchPcUrl" id="matchPcUrl" [[if searchType]]required="required"[[/if]]/>
        </div>
    </div>
    <div class="form-group search_type2" [[if !searchType]]style="display: none;"[[/if]]>
        <label class="col-sm-2 control-label"><i class="red">*</i> 移动端链接</label>
        <div class="col-sm-3">
            <select id="matchAppAction" name="matchAppAction" class="form-control observe" data-field="matchAppAction" [[if searchType]]required="required"[[/if]]>
                <option value="">选择跳转目的</option>
                <%each actions as item index%>
                    <option value="<%item.enName%>" [[if matchAppAction == "<%item.enName%>"]]selected[[/if]]><%item.chName%></option>
                <%/each%>
            </select>
        </div>
        <div class="col-sm-7">
            <input id="matchAppUrl" value="[[matchAppUrl]]" class="form-control observe" placeholder="URL地址" data-field="matchAppUrl" [[if searchType]]required="required"[[/if]]/>
            <p style="color:#999;margin-top: 5px;">注：链接中不能有英文单引号</p>
        </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 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 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>
<%include '../../common/__ui/footer'%>