book_admin/application/admin/view/ad/user/group/add.html

<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <div class="form-group">
        <label for="c-group_name" class="control-label col-xs-12 col-sm-2">{:__('Group_name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-group_name" data-rule="required;length(~36)" class="form-control" name="row[group_name]" type="text" value="">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Group_type')}:</label>
        <div class="col-xs-12 col-sm-8 ">
            <div class="radio">
                <label for="group_type-0">
                    <input type="radio" name="row[group_type]" value="0" id="group_type-0" checked/>全部用户
                </label>
                <label for="group_type-1">
                    <input type="radio" name="row[group_type]" value="1" id="group_type-1"/>自定义
                </label>
                <label for="group_type-2">
                    <input type="radio" name="row[group_type]" value="2" id="group_type-2"/>条件筛选
                </label>
            </div>
        </div>
    </div>
    <div class="form-group group-type" id="group-type-0">
        <label class="control-label col-xs-12 col-sm-2"></label>
    </div>

    <!-- 自定义 -->
    <div class="form-group group-type hide" id="group-type-1">
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2"></label>
        </div>
        <div class="form-group">
            <label for="c-user_ids" class="control-label col-xs-12 col-sm-2">{:__('User_ids')}:</label>
            <div class="col-xs-12 col-sm-8">
                <a href="javascript:;" class="btn btn-xs btn-success btn-stock-file" id="btn-stock-file" title="导入文件" data-url="ajax/upload" data-mimetype="csv,xls,xlsx" data-multiple="false"><i class="fa fa-upload"></i>导入文件</a>
            </div>
            <div class="col-xs-12 col-sm-8">
                <textarea cols="100" rows="10" id="c-user_ids" data-multiple="true" data-field="nickname" name="row[user_ids]" type="text"></textarea>
                <p>1、填写用户ID，多个用户id用,分割。最少两个；</p>
                <p>2、选择文件和输入用户ID，二选一，如果都选择，则合并去重处理；</p>
                <p>3、文档示例，如图： </p>
                <p><img src="{:asset('/img/uid.png')}" style="width: 15rem;" /></p>
            </div>
        </div>
    </div>

    <!-- region 条件配置 -->
    <div class="form-group group-type hide" id="group-type-2">
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2"></label>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('用户属性')}:</label>
            <div class="col-xs-12 col-sm-8">
                {foreach name="userCate" item="vo"}
                <label for="row[userCate]-{$key}">
                    <input id="row[userCate]-{$key}"  name="row[userCate]" type="radio" value="{$key}" {if $key==0}checked{/if}/> {$vo}
                </label>
                {/foreach}
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('用户性别')}:</label>
            <div class="col-xs-12 col-sm-8">
                {foreach name="userSex" item="vo"}
                <label for="row[userSex]-{$key}">
                    <input id="row[userSex]-{$key}"  name="row[userSex]" type="radio" value="{$key}" {if $key===-1}checked{/if} /> {$vo}
                </label>
                {/foreach}
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('基础属性')}:</label>
            <div class="col-xs-12 col-sm-8">
                {foreach name="baseType" item="baseitem" key="index"}
                <input class="baseTypeClass" data-index="{$index}" name="row[baseType][]" value="{$index}" type="checkbox">{$baseitem}
                {/foreach}
            </div>
        </div>

        <div class="form-group hide" id="baseType-0">
            <label class="control-label col-xs-12 col-sm-2">{:__('关注时间')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input name="row[follow-stime]" type="input" value="" data-rule="integer[+0]" />分钟至
                <input name="row[follow-etime]" type="input" value="" data-rule="integer(+)" />分钟
            </div>
        </div>

        <div class="form-group hide" id="baseType-1">
            <label class="control-label col-xs-12 col-sm-2">{:__('互动时间')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input name="row[interactive-stime]" type="input" value="" data-rule="integer[+0]" />分钟至
                <input name="row[interactive-etime]" type="input" value="" data-rule="integer(+)" />分钟
            </div>
        </div>

        <div class="form-group hide" id="baseType-2">
            <label class="control-label col-xs-12 col-sm-2">{:__('VIP用户')}:</label>
            <div class="col-xs-12 col-sm-8">
                {foreach name="vipType" item="vo"}
                <label for="row[vipType]-{$key}">
                    <input id="row[vipType]-{$key}"  name="row[vipType]" type="radio" value="{$key}" /> {$vo}
                </label>
                {/foreach}
            </div>
        </div>

        <div class="form-group hide" id="baseType-3">
            <label class="control-label col-xs-12 col-sm-2">{:__('用户尾号')}:</label>
            <div class="col-xs-12 col-sm-8">
                {foreach name="tailNumType" item="vo"}
                <label for="row[tailNum]-{$key}">
                    <input id="row[tailNum]-{$key}"  name="row[tailNum]" type="radio" value="{$key}" /> {$vo}
                </label>
                {/foreach}
            </div>
        </div>

        <!-- 充值属性 -->
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('充值属性')}:</label>
            <div class="col-xs-12 col-sm-8">
                {foreach name="rechargeProperty" item="rechargeitem" key="index"}
                <input class="rechargePropertyClass" data-index="{$index}" name="row[rechargeProperty][]" value="{$index}" type="checkbox">{$rechargeitem}
                {/foreach}
            </div>
        </div>

        <div class="form-group hide" id="rechargeProperty-0">
            <label class="control-label col-xs-12 col-sm-2">{:__('充值金额')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input name="row[amount-s]" type="input" value="" data-rule="integer[+0]"/>元至
                <input name="row[amount-e]" type="input" value="" data-rule="integer(+)"/>元
            </div>
        </div>

        <div class="form-group hide" id="rechargeProperty-1">
            <label class="control-label col-xs-12 col-sm-2">{:__('充值次数')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input name="row[recharge-times-s]" type="input" value="" data-rule="integer[+0]"/>次数至
                <input name="row[recharge-times-e]" type="input" value="" data-rule="integer(+)"/>次数
            </div>
        </div>

        <div class="form-group hide" id="rechargeProperty-2">
            <label for="c-user_ids" class="control-label col-xs-12 col-sm-2">{:__('充值用户')}:</label>
            <div class="col-xs-12 col-sm-8">
                {foreach name="rechargeType" item="vo"}
                <label for="row[rechargeType]-{$key}">
                    <input id="row[rechargeType]-{$key}"  name="row[rechargeType]" type="radio" value="{$key}" /> {$vo}
                </label>
                {/foreach}
            </div>
        </div>

        <div class="form-group hide" id="rechargeProperty-3">
            <label class="control-label col-xs-12 col-sm-2">{:__('账户余额')}
                <span title="账户余额：指用户当前账户中永久书币+赠送书币的数量，不支持小数，兑换比例为：100书币/100赠送书币=1元；"><i class="fa fa-question"></i></span> :
            </label>
            <div class="col-xs-12 col-sm-8">
                <input name="row[kandian-s]" type="input" value="" data-rule="integer[+0]"/>元至
                <input name="row[kandian-e]" type="input" value="" data-rule="integer(+)"/>元
            </div>
        </div>

        <div class="form-group hide" id="rechargeProperty-4">
            <label class="control-label col-xs-12 col-sm-2">{:__('赠送书币金额')}
                <span title="赠送书币金额：指用户当前账户中赠送书币的数量，不支持小数，兑换比例为：100赠送书币=1元"><i class="fa fa-question"></i></span> :
            </label>
            <div class="col-xs-12 col-sm-8">
                <input name="row[giftkandian-s]" type="input" value="" data-rule="integer[+0]"/>元至
                <input name="row[giftkandian-e]" type="input" value="" data-rule="integer(+)"/>元
            </div>
        </div>

        <!-- 阅读属性 -->
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('阅读属性')}:</label>
            <div class="col-xs-12 col-sm-8">
                {foreach name="readProperty" item="readitem" key="index"}
                <input class="readPropertyClass" data-index="{$index}" name="row[readProperty][]" value="{$index}" type="checkbox">{$readitem}
                {/foreach}
            </div>
        </div>

        <div class="form-group hide" id="readProperty-0">
            <div class="form-group">
                <label for="c-user_ids" class="control-label col-xs-12 col-sm-2">{:__('阅读章节属性')}
                    <span title="阅读章节属性：指用户阅读书籍的章节数，分为阅读一本书的章节数和多本书累计阅读的章节数"><i class="fa fa-question"></i></span> :
                </label>
                <div class="col-xs-12 col-sm-8">
                    {foreach name="readType" item="vo"}
                    <label for="row[readType]-{$key}">
                        <input id="row[readType]-{$key}"  name="row[readType]" type="radio" value="{$key}" /> {$vo}
                    </label>
                    {/foreach}
                </div>
            </div>
            <div class="form-group">
                <label for="c-user_ids" class="control-label col-xs-12 col-sm-2">{:__('阅读章节数')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <input name="row[readnum-s]" type="input" value="" data-rule="integer[+0]"/>章节至
                    <input name="row[readnum-e]" type="input" value="" data-rule="integer(+)"/>章节
                </div>
            </div>
        </div>

        <div class="form-group hide" id="readProperty-1">
            <div class="form-group">
                <label for="c-user_ids" class="control-label col-xs-12 col-sm-2">{:__('阅读记录')}
                    <span title="阅读记录：用户阅读记录“包含”某本书：指选取用户阅读记录中有当前选中的书籍的用户；用户阅读记录“排除”某本书：指排除掉用户阅读记录中有当前选中的书籍的用户；"><i class="fa fa-question"></i></span> :
                </label>
                <div class="col-xs-12 col-sm-8">
                    <select name="row[readRecordType]">
                        {foreach $readRecordType as $k => $v}
                        <option value="{$k}">{$v}</option>
                        {/foreach}
                    </select>
                    <div class="input-group">
                        <input id="c-book_id" class="form-control"  size="50"  name="row[book_id]" value="" type="text" data-rule="integer[+];" placeholder="请选择书籍，选填项">
                        <div class="input-group-addon no-border no-padding">
                            <span><a href="{:url('book.book/select')}" id="select-resources" class="btn btn-primary "><i class="fa fa-list"></i> {:__('Choose')}</a></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="form-group hide" id="readProperty-2">
            <div class="form-group">
                <label for="c-user_ids" class="control-label col-xs-12 col-sm-2">{:__('阅读书籍分类')}
                    <span title="阅读书籍分类：指用户阅读记录中包含选取的书籍分类；"><i class="fa fa-question"></i></span> :
                </label>
                <input type="hidden" id="hid-read_book_categories" name="row[read_book_categories]">
                <div class="col-xs-12 col-sm-8">
                    <div class="input-group">
                        <div class="input-group-addon no-border no-padding" style="width: auto;">
                            <span><a href="{:url('ad.user.group/ajaxcategoryslect')}" id="select-readbooks" class="btn btn-primary "><i class="fa fa-list"></i> {:__('添加分类')}</a></span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2"></label>
                <div class="col-xs-12 col-sm-8 book-category-selected-list">
                    <ul class="ul-th">
                        <li class="id">序号</li>
                        <li class="name">频道名称</li>
                        <li class="x">分类名称</li>
                        <li class="d">操作</li>
                    </ul>
                    {if condition="!empty($selcted_categories)"}
                    {foreach $selcted_categories as $key=>$vo }
                    <ul class="ul-item">
                        <li class="id">{$key + 1}</li>
                        <li class="name">{$vo['name']}</li>
                        <li class="x">
                            {$vo['color']}
                        </li>
                        <li class="d book-category-del li-del" data-id="{$vo['id']}">删除</li>
                    </ul>
                    {/foreach}
                    {else}
                    <ul class="none-category">
                        <li style="width:100%; text-align: center">暂无数据</li>
                    </ul>
                    {/if}
                </div>
            </div>
        </div>


        <!-- 消费属性 -->
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('消费属性')}:</label>
            <div class="col-xs-12 col-sm-8">
                {foreach name="consumerProperty" item="consumeritem" key="index"}
                <input class="consumerPropertyClass" data-index="{$index}" name="row[consumerProperty][]" value="{$index}" type="checkbox">{$consumeritem}
                {/foreach}
            </div>
        </div>

        <div class="form-group hide" id="consumerProperty-0">
            <label for="c-user_ids" class="control-label col-xs-12 col-sm-2">{:__('消费赠送书币数量')}
                <span title="消费赠送书币数量指用户消费的赠送书币数量，不支持小数，兑换比例为：100赠送书币=1元；"><i class="fa fa-question"></i></span> :
            </label>
            <div class="col-xs-12 col-sm-8">
                <input name="row[spendkandian-s]" type="input" value="" data-rule="integer[+0]"/>书币至
                <input name="row[spendkandian-e]" type="input" value="" data-rule="integer(+)"/>书币
            </div>
        </div>

        <div class="form-group hide" id="consumerProperty-1">
            <label for="c-user_ids" class="control-label col-xs-12 col-sm-2">{:__('消费充值金额')}
                <span title="消费充值金额：指用户消费的永久书币数量，不支持小数，兑换比例为：100永久书币=1元；"><i class="fa fa-question"></i></span> :
            </label>
            <div class="col-xs-12 col-sm-8">
                <input name="row[spendrecharge-s]" type="input" value="" data-rule="integer[+0]"/>元至
                <input name="row[spendrecharge-e]" type="input" value="" data-rule="integer(+)"/>元
            </div>
        </div>

    </div>

    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>
<style type="text/css">
    .book-category-selected-list ul, .book-consumer-category-selected-list ul{
        overflow: hidden;
        font-size: 0;
        padding: 0;
        margin: 0;
        border-bottom: none;
    }

    .book-category-selected-list  ul li, .book-consumer-category-selected-list ul li{
        list-style-type: none; margin: 0;
        width: 25%;
        display: inline-block;
        padding: 5px 10px;
        box-sizing: border-box;
        font-size: 12px;
        height: 30px;
        border-right: none;
        border-bottom: none;
    }
    .book-category-selected-list ul:last-of-type li, .book-consumer-category-selected-list ul:last-of-type li{
        border-bottom: 1px solid #ccc;
    }
    .book-category-selected-list ul li:last-of-type, .book-consumer-category-selected-list ul li:last-of-type{
        border-right: 1px solid #ccc;

    }
    .book-category-selected-list .ul-th, .book-consumer-category-selected-list .ul-th{ background: #ece9ec;}
    .book-category-selected-list li, .book-consumer-category-selected-list li{ display: inline-block; border: 1px solid #ccc; }
    .li-del{ cursor: pointer;}
    .color-label{ width: 50px; height: 20px; display: inline-block;float: right}
    .li-span-del{
        cursor: pointer;
        border: 1px solid #e74c3c;
        color: #fff;
        background: #e74c3c;
        text-align: center;
        width: 12%;
        border-radius: 3px;
    }
</style>