process_sheet/fastadmin/application/admin/view/ps/home_block/add.html

<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    {:token()}
    <script type="application/json" id="home-block-content">{:$contentJson}</script>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Type')}:</label>
        <div class="col-xs-12 col-sm-8">
            <select id="c-type" class="form-control" name="row[type]">
                {foreach name="typeList" item="vo"}
                <option value="{$key}" {if $row.type==$key}selected{/if}>{$vo}</option>
                {/foreach}
            </select>
            <span class="help-block">切换类型后，下方只显示该类型需要填写的内容。</span>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text" value="{$row.name|htmlentities}" placeholder="仅后台列表识别，例如：头图、操作流程">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Kicker')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-kicker" class="form-control" name="row[kicker]" type="text" value="{$row.kicker|htmlentities}" placeholder="区块左上角小标题，头图一般留空">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Title')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-title" class="form-control" name="row[title]" type="text" value="{$row.title|htmlentities}" placeholder="区块主标题；头图可用作副标题">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Subtitle')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-subtitle" class="form-control" name="row[subtitle]" type="text" value="{$row.subtitle|htmlentities}" placeholder="主标题下方的说明">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Weigh')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-weigh" data-rule="required" class="form-control" name="row[weigh]" type="number" value="{$row.weigh|htmlentities}">
            <span class="help-block">数字越大越靠前。建议：头图 100，数据 90，流程 80，功能 70，底部 60。</span>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="radio">
                {foreach name="statusList" item="vo"}
                <label for="row[status]-{$key}"><input id="row[status]-{$key}" name="row[status]" type="radio" value="{$key}" {in name="key" value="$row.status"}checked{/in} /> {$vo}</label>
                {/foreach}
            </div>
        </div>
    </div>

    <fieldset class="type-panel" data-type="hero">
        <legend>头图介绍</legend>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">眉题:</label>
            <div class="col-xs-12 col-sm-8">
                <input class="form-control" name="row[content][eyebrow]" type="text" value="{$row.content.eyebrow|default=''|htmlentities}" placeholder="例如：给车间用的智能套打">
            </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">
                <input class="form-control" name="row[content][brand]" type="text" value="{$row.content.brand|default=''|htmlentities}" placeholder="例如：智印流程单">
            </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">
                <textarea class="form-control" name="row[content][lead]" rows="4">{$row.content.lead|default=''|htmlentities}</textarea>
            </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">
                <div class="row">
                    <div class="col-xs-5">
                        <input class="form-control" name="row[content][btn_primary_text]" type="text" value="{$row.content.btn_primary_text|default=''|htmlentities}" placeholder="按钮文字">
                    </div>
                    <div class="col-xs-7">
                        <input class="form-control" name="row[content][btn_primary_path]" type="text" value="{$row.content.btn_primary_path|default=''|htmlentities}" placeholder="路径，如 /workorders/edit">
                    </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">
                <div class="row">
                    <div class="col-xs-5">
                        <input class="form-control" name="row[content][btn_secondary_text]" type="text" value="{$row.content.btn_secondary_text|default=''|htmlentities}" placeholder="按钮文字">
                    </div>
                    <div class="col-xs-7">
                        <input class="form-control" name="row[content][btn_secondary_path]" type="text" value="{$row.content.btn_secondary_path|default=''|htmlentities}" placeholder="路径或锚点，如 #home-flow">
                    </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">
                <input class="form-control" name="row[content][panel_title]" type="text" value="{$row.content.panel_title|default=''|htmlentities}" placeholder="未登录时右侧卡片标题">
            </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">
                <textarea class="form-control" name="row[content][notes]" rows="5" placeholder="每行一条">{$notesText|htmlentities}</textarea>
            </div>
        </div>
    </fieldset>

    <fieldset class="type-panel" data-type="stats">
        <legend>宣传数据</legend>
        <p class="help-block" style="margin-top:-6px;">绑定键会读取实时看板数字；若填写固定值，则优先显示固定值。可增删条目。</p>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">数据条目:</label>
            <div class="col-xs-12 col-sm-8">
                <div class="item-rows" data-type="stats"></div>
                <button type="button" class="btn btn-default btn-sm btn-add-item" data-type="stats"><i class="fa fa-plus"></i> 添加条目</button>
            </div>
        </div>
    </fieldset>

    <fieldset class="type-panel" data-type="steps">
        <legend>操作流程</legend>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">步骤:</label>
            <div class="col-xs-12 col-sm-8">
                <div class="item-rows" data-type="steps"></div>
                <button type="button" class="btn btn-default btn-sm btn-add-item" data-type="steps"><i class="fa fa-plus"></i> 添加步骤</button>
            </div>
        </div>
    </fieldset>

    <fieldset class="type-panel" data-type="features">
        <legend>功能卡片</legend>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">卡片:</label>
            <div class="col-xs-12 col-sm-8">
                <div class="item-rows" data-type="features"></div>
                <button type="button" class="btn btn-default btn-sm btn-add-item" data-type="features"><i class="fa fa-plus"></i> 添加卡片</button>
            </div>
        </div>
    </fieldset>

    <fieldset class="type-panel" data-type="cta">
        <legend>底部行动</legend>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">主按钮:</label>
            <div class="col-xs-12 col-sm-8">
                <div class="row">
                    <div class="col-xs-5">
                        <input class="form-control" name="row[content][btn_primary_text]" type="text" value="{$row.content.btn_primary_text|default=''|htmlentities}" placeholder="按钮文字">
                    </div>
                    <div class="col-xs-7">
                        <input class="form-control" name="row[content][btn_primary_path]" type="text" value="{$row.content.btn_primary_path|default=''|htmlentities}" placeholder="路径，如 /templates">
                    </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">
                <div class="row">
                    <div class="col-xs-5">
                        <input class="form-control" name="row[content][btn_secondary_text]" type="text" value="{$row.content.btn_secondary_text|default=''|htmlentities}" placeholder="按钮文字">
                    </div>
                    <div class="col-xs-7">
                        <input class="form-control" name="row[content][btn_secondary_path]" type="text" value="{$row.content.btn_secondary_path|default=''|htmlentities}" placeholder="路径，如 /workorders">
                    </div>
                </div>
            </div>
        </div>
    </fieldset>

    <fieldset class="type-panel" data-type="custom">
        <legend>自定义图文</legend>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">正文:</label>
            <div class="col-xs-12 col-sm-8">
                <textarea class="form-control" name="row[content][body]" rows="6" placeholder="纯文本，前台按段落显示">{$row.content.body|default=''|htmlentities}</textarea>
            </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">
                <div class="row">
                    <div class="col-xs-5">
                        <input class="form-control" name="row[content][btn_text]" type="text" value="{$row.content.btn_text|default=''|htmlentities}" placeholder="可留空">
                    </div>
                    <div class="col-xs-7">
                        <input class="form-control" name="row[content][btn_path]" type="text" value="{$row.content.btn_path|default=''|htmlentities}" placeholder="路径">
                    </div>
                </div>
            </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-primary btn-embossed disabled">{:__('OK')}</button>
        </div>
    </div>
</form>