book_admin/application/admin/view/shortchannel/add.html

<style type="text/css">
.form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 7px;
    white-space: nowrap;
}
.table_form_group .form-group{
    margin: 0;
    padding: 0 15px;
    text-align: center;
    box-sizing: border-box;
}
</style>

<form id="search-form" class="form-horizontal" data-toggle="validator" method="GET" action="">
    <fieldset>

        <div class="row">
            <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-3">
                <label for="c-host" class="control-label col-xs-4">{:__('Domain_host')}:</label>
                <div class="col-xs-8">
                    <input type="text" class="form-control" name="rows[host]" value="{$rows.host}" placeholder="{:__('Domain_host')}" id="c-host" />
                </div>
            </div>

            <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-3">
                <label for="c-channel_id" class="control-label col-xs-4">{:__('Admin_username')}ID:</label>
                <div class="col-xs-8">
                    <input type="text" class="form-control" name="rows[channel_id]" value="{$rows.channel_id}" placeholder="{:__('Admin_username')}ID" id="c-channel_id" />
                </div>
            </div>

            <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-3">
                <label for="c-channel_username" class="control-label col-xs-4">{:__('Admin_username')}:</label>
                <div class="col-xs-8">
                    <input type="text" class="form-control" name="rows[channel_username]" value="{$rows.channel_username}" placeholder="{:__('Admin_username')}账户" id="c-channel_username" />
                </div>
            </div>

            <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-3">
                <label for="c-channel_nickname" class="control-label col-xs-4">{:__('Admin_nickname')}:</label>
                <div class="col-xs-8">
                    <input type="text" class="form-control" name="rows[channel_nickname]" value="{$rows.channel_nickname}" placeholder="{:__('Admin_username')}昵称" id="c-channel_nickname" />
                </div>
            </div>

            <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-3">
                <label for="c-create_id" class="control-label col-xs-4">开户人:</label>
                <div class="col-xs-8">
                    <select class="form-control" id="c-create_id" name="rows[create_id]">
                        <option value="">选择</option>
                        {foreach name="create_list" item="create"}
                        <option {if condition="$Think.get.rows.create_id==$create.id"}selected{/if} value="{$create.id}">{$create.username} | {$create.nickname}</option>
                        {/foreach}
                    </select>
                </div>
            </div>

            <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-3">
                <div class="col-sm-8 col-xs-offset-4">
                    <input type="hidden" id="dialog" name="dialog" value="1"/>
                    <button type="submit" class="btn btn-success">搜索</button>
                    <button type="button" class="btn btn-default" onclick="$(this).closest('form').find(':text').val('');">重置</button>
                </div>
            </div>

        </div>
    </fieldset>
</form>

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

        <div class="row table_form_group" style="margin: 0; padding: 0;">
            <div class="form-group col-sm-4 col-md-4 col-lg-4">
                <table id="hosts_table" class="table table-striped table-bordered table-hover" width="100%">
                    <thead>
                        <tr>
                            <th class="bs-checkbox " style="text-align: center; vertical-align: middle; width: 36px; " data-field="0">
                                <div class="th-inner "><input name="btSelectAll" type="checkbox"></div>
                                <div class="fht-cell"></div>
                            </th>
                            <th style="text-align: left; vertical-align: middle; " data-field="id">
                                <div class="th-inner ">{:__('Domain_id')}</div>
                                <div class="fht-cell"></div>
                            </th>
                            <th style="text-align: left; vertical-align: middle; " data-field="id">
                                <div class="th-inner ">{:__('Domain_host')}</div>
                                <div class="fht-cell"></div>
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                    {if condition="isset($hosts)"}
                    {foreach name="hosts" item="host" key="index"}
                    <tr data-index="{$index}">
                        <td class="bs-checkbox ">
                            <input data-index="{$index}" name="host_ids[]" value="{$host.id}" type="checkbox">
                        </td>
                        <td style="text-align: left; vertical-align: middle; ">
                            {$host.id}
                        </td>
                        <td style="text-align: left; vertical-align: middle; ">
                            {$host.host}
                        </td>
                    </tr>
                    {/foreach}
                    {/if}
                    </tbody>
                </table>
            </div>
            
            <div class="form-group col-sm-8 col-md-8 col-lg-8">
                <table id="channels_table" class="table table-striped table-bordered table-hover" width="100%">
                    <thead>
                        <tr>
                            <th class="bs-checkbox " style="text-align: center; vertical-align: middle; width: 36px; " data-field="0">
                                <div class="th-inner "><input name="btSelectAll" type="checkbox"></div>
                                <div class="fht-cell"></div>
                            </th>
                            <th style="text-align: left; vertical-align: middle; ">
                                <div class="th-inner ">{:__('Admin_username')}ID</div>
                                <div class="fht-cell"></div>
                            </th>
                            <th style="text-align: left; vertical-align: middle; ">
                                <div class="th-inner ">{:__('Admin_username')}</div>
                                <div class="fht-cell"></div>
                            </th>
                            <th style="text-align: left; vertical-align: middle; ">
                                <div class="th-inner ">{:__('Admin_nickname')}</div>
                                <div class="fht-cell"></div>
                            </th>
                            <th style="text-align: left; vertical-align: middle; ">
                                <div class="th-inner ">开户人ID</div>
                                <div class="fht-cell"></div>
                            </th>
                            <th style="text-align: left; vertical-align: middle; ">
                                <div class="th-inner ">开户人账号</div>
                                <div class="fht-cell"></div>
                            </th>
                            <th style="text-align: left; vertical-align: middle; ">
                                <div class="th-inner ">开户人昵称</div>
                                <div class="fht-cell"></div>
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                    {if condition="isset($channels)"}
                    {foreach name="channels" item="channel" key="index"}
                    <tr data-index="{$index}">
                        <td class="bs-checkbox ">
                            <input data-index="{$index}" name="channel_ids[]" value="{$channel.id}" type="checkbox">
                        </td>
                        <td style="text-align: left; vertical-align: middle; ">{$channel.id}</td>
                        <td style="text-align: left; vertical-align: middle; ">{$channel.username}</td>
                        <td style="text-align: left; vertical-align: middle; ">{$channel.nickname}</td>
                        <td style="text-align: left; vertical-align: middle; ">{$channel.create_by}</td>
                        <td style="text-align: left; vertical-align: middle; ">{$channel.create_username}</td>
                        <td style="text-align: left; vertical-align: middle; ">{$channel.create_nickname}</td>
                    </tr>
                    {/foreach}
                    {/if}
                    </tbody>
                </table>
            </div>

        </div>
    </fieldset>

    <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>