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

<form id="edit-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="{$row['group_name']}">
        </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" {if $row['group_type'] == 0}checked{/if} />全部用户
                </label>
                <label for="group_type-1">
                    <input type="radio" name="row[group_type]" value="1" id="group_type-1" {if $row['group_type'] == 1}checked{/if} />自定义
                </label>
                <label for="group_type-2">
                    <input type="radio" name="row[group_type]" value="2" id="group_type-2" {if $row['group_type'] == 2}checked{/if}/>条件筛选
                </label>
            </div>
        </div>
    </div>

    <div class="form-group group-type {if $row['group_type'] != 0} hide{/if}" id="group-type-0">
        <label class="control-label col-xs-12 col-sm-2"></label>
    </div>

    <div class="form-group group-type {if $row['group_type'] != 1} hide{/if}" 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">{$row['user_ids']}</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>

    <!-- 条件配置 -->
    <div class="form-group group-type {if $row['group_type'] != 2} hide{/if}" 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 $user_json['userCate'] == $key}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 $user_json['userSex'] !='' && $user_json['userSex'] == $key}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" {if in_array($index, $user_json['baseType'])} checked {/if}>{$baseitem}
                {/foreach}
            </div>
        </div>

        <div class="form-group {if !in_array(0, $user_json['baseType'])} hide {/if}" 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="{if $user_json['follow-stime'] !== ''}{$user_json['follow-stime']}{/if}"
                       data-rule="integer[+0]" />分钟至
                <input name="row[follow-etime]" type="input" value="{if !empty($user_json['follow-etime'])}{$user_json['follow-etime']}{/if}"
                       data-rule="integer(+)" />分钟
            </div>
        </div>

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

        <div class="form-group {if !in_array(2, $user_json['baseType'])} hide {/if}" 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}" {if $user_json['vipType'] != '' && $user_json['vipType'] == $key}checked{/if} /> {$vo}
                </label>
                {/foreach}
            </div>
        </div>

        <div class="form-group {if !in_array(3, $user_json['baseType'])} hide {/if}" 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}" {if isset($user_json['tailNum']) && $user_json['tailNum'] == $key}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="rechargeProperty" item="rechargeitem" key="index"}
                <input class="rechargePropertyClass" data-index="{$index}" name="row[rechargeProperty][]" value="{$index}" {if in_array($index, $user_json['rechargeProperty'])} checked {/if} type="checkbox">{$rechargeitem}
                {/foreach}
            </div>
        </div>

        <div class="form-group {if !in_array(0, $user_json['rechargeProperty'])} hide {/if} " 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="{if $user_json['amount-s'] !==''}{$user_json['amount-s']}{/if}" data-rule="integer[+0]" />元至
                <input name="row[amount-e]" type="input" value="{if !empty($user_json['amount-e'])}{$user_json['amount-e']}{/if}" data-rule="integer(+)" />元
            </div>
        </div>

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

        <div class="form-group {if !in_array(2, $user_json['rechargeProperty'])} hide {/if}" 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}" {if $user_json['rechargeType'] !== '' && $key == $user_json['rechargeType']} checked {/if} /> {$vo}
                </label>
                {/foreach}
            </div>
        </div>

        <div class="form-group {if !in_array(3, $user_json['rechargeProperty'])} hide {/if}" 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 data-rule="integer[+0]" name="row[kandian-s]" type="input" value="{if $user_json['kandian-s']!==''}{$user_json['kandian-s']}{/if}" />元至
                <input data-rule="integer(+)" name="row[kandian-e]" type="input" value="{if !empty($user_json['kandian-e'])}{$user_json['kandian-e']}{/if}" />元
            </div>
        </div>

        <div class="form-group {if !in_array(4, $user_json['rechargeProperty'])} hide {/if}" 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 data-rule="integer[+0]" name="row[giftkandian-s]" type="input" value="{if $user_json['giftkandian-s']!==''}{$user_json['giftkandian-s']}{/if}" />元至
                <input data-rule="integer(+)" name="row[giftkandian-e]" type="input" value="{if !empty($user_json['giftkandian-e'])}{$user_json['giftkandian-e']}{/if}" />元
            </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}" {if in_array($index, $user_json['readProperty'])} checked {/if} type="checkbox">{$readitem}
                {/foreach}
            </div>
        </div>

        <div class="form-group {if !in_array(0, $user_json['readProperty'])} hide {/if}" 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}" {if $user_json['readType'] !== '' && $key== $user_json['readType']} checked {/if} /> {$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 data-rule="integer[+0]" name="row[readnum-s]" type="input" value="{if $user_json['readnum-s']!==''}{$user_json['readnum-s']}{/if}" />章节至
                    <input data-rule="integer(+)" name="row[readnum-e]" type="input" value="{if !empty($user_json['readnum-e'])}{$user_json['readnum-e']}{/if}" />章节
                </div>
            </div>
        </div>

        <div class="form-group {if !in_array(1, $user_json['readProperty'])} hide {/if}" 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}" {if !empty($user_json['readRecordType']) && $k == $user_json['readRecordType']} selected {/if}>{$v}</option>
                        {/foreach}
                    </select>
                    <div class="input-group">
                        <input id="c-book_id" class="form-control"  size="50"  name="row[book_id]" value="{if !empty($user_json['book_id'])}{$user_json['book_id']}{else}{/if}" 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 {if !in_array(2, $user_json['readProperty'])} hide {/if}" 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]" value="{if !empty($user_json['read_book_categories'])}{$user_json['read_book_categories']}{else}{/if}"/>
                <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($read_book_categories)"}
                    {foreach $read_book_categories as $key=>$vo }
                    <ul class="ul-item">
                        <li class="id">{$key + 1}</li>
                        <li class="x">
                            {if $vo['sex'] == 2}女频{else}男频{/if}
                        </li>
                        <li class="name">{$vo['name']}</li>
                        <li class="d read-category-del li-del" data-id="{$vo['id']}"><span class="li-span-del">删除</span></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}" {if !empty($user_json['consumerProperty']) && in_array($index, $user_json['consumerProperty'])} checked {/if} type="checkbox">{$consumeritem}
                {/foreach}
            </div>
        </div>

        <div class="form-group {if !in_array(0, $user_json['consumerProperty'])} hide {/if}" 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 data-rule="integer[+0]" name="row[spendkandian-s]" type="input" value="{if $user_json['spendkandian-s']!==''}{$user_json['spendkandian-s']}{/if}" />书币至
                <input data-rule="integer(+)" name="row[spendkandian-e]" type="input" value="{if !empty($user_json['spendkandian-e'])}{$user_json['spendkandian-e']}{/if}" />书币
            </div>
        </div>

        <div class="form-group {if !in_array(1, $user_json['consumerProperty'])} hide {/if}" 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 data-rule="integer[+0]" name="row[spendrecharge-s]" type="input" value="{if $user_json['spendrecharge-s']!==''}{$user_json['spendrecharge-s']}{/if}" />元至
                <input data-rule="integer(+)" name="row[spendrecharge-e]" type="input" value="{if !empty($user_json['spendrecharge-e'])}{$user_json['spendrecharge-e']}{/if}" />元
            </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>