alimall.hdlkeji.com/application/admin/view/solution/knowledge/index.html

<style>
    .upload-image {
        background: url('__CDN__/assets/addons/example/img/plus.png') no-repeat center center;
        background-size: 30px 30px;
        height: 30px;
        width: 30px;
        border: 1px solid #ccc;
    }
</style>
<div class="row">
    <!--    幻灯片-->
    <div class="col-md-6">
        <div class="box box-success">
            <div class="panel-body">
                <form id="aaa-form" role="form" data-toggle="validator" method="POST" action="">
                    <div class="form-group row">
                        <label class="control-label col-xs-12">幻灯片</label>
                        <div class="col-xs-12">
                            <div class="input-group">
                                <input data-rule="required" class="form-control" name="row[name]" type="hidden" value="{$iantern_slide->name}">
                                <input id="a-files" data-rule="required" class="form-control" size="50" name="row[image]" type="text" value="{$iantern_slide->image}">
                                <div class="input-group-addon no-border no-padding">
                                    <span><button type="button" id="plupload-files" class="btn btn-danger plupload" data-input-id="a-files" data-mimetype="*" data-multiple="true" data-preview-id="aa-files"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                    <span><button type="button" id="fachoose-files" class="btn btn-primary fachoose" data-input-id="a-files" data-mimetype="*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                                </div>
                                <span class="msg-box n-right" for="a-files"></span>
                            </div>

                            <!--ul需要添加 data-template和data-name属性，并一一对应且唯一 -->
                            <ul class="row list-inline plupload-preview" id="aa-files" data-template="introtpl" data-name="row[image]"></ul>
                            <!--请注意 ul和textarea间不能存在其它任何元素，实际开发中textarea应该添加个hidden进行隐藏-->

                            <!--这里自定义图片预览的模板 开始-->
                            <script type="text/html" id="introtpl">
                                <li class="col-xs-3">
                                    <a href="<%=fullurl%>" data-url="<%=url%>" target="_blank" class="thumbnail">
                                        <img src="<%=fullurl%>" class="img-responsive">
                                    </a>
                                    <a href="javascript:;" class="btn btn-danger btn-xs btn-trash"><i class="fa fa-trash"></i></a>
                                </li>
                            </script>
                            <!--这里自定义图片预览的模板 结束-->
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="control-label col-xs-12"></label>
                        <div class="col-xs-12">
                            <button type="submit" class="btn btn-success btn-embossed">{:__('OK')}</button>
                            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
                        </div>
                    </div>

                </form>
            </div>
        </div>
    </div>
    <!--方案架构-->
    <div class="col-md-6">
        <div class="box box-success">
            <div class="panel-body">
                <form id="first-form" role="form" data-toggle="validator" method="POST" action="">
                    <div class="form-group row">
                        <label class="control-label col-xs-12">方案架构</label>
                        <div class="col-xs-12">
                            <div class="input-group">
                                <input data-rule="required" class="form-control" name="row[name]" type="hidden" value="{$product_differentiation->name}">
                                <input id="c-images" data-rule="required" class="form-control" size="50" name="row[image]" type="text" value="{$product_differentiation->image}">
                                <div class="input-group-addon no-border no-padding">
                                    <span><button type="button" id="plupload-images" class="btn btn-danger plupload" data-input-id="c-images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="true" data-preview-id="p-images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                    <span><button type="button" id="fachoose-images" class="btn btn-primary fachoose" data-input-id="c-images" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                                </div>
                                <span class="msg-box n-right" for="c-images"></span>
                            </div>

                            <!--ul需要添加 data-template和data-name属性，并一一对应且唯一 -->
                            <ul class="row list-inline plupload-preview" id="p-images" data-template="desctpl" data-name="row[content]"></ul>

                            <!--请注意 ul和textarea间不能存在其它任何元素，实际开发中textarea应该添加个hidden进行隐藏-->
                            <textarea name="row[content]" class="form-control" style="margin-top:5px;display: none">{$product_differentiation->content}</textarea>

                            <!--这里自定义图片预览的模板 开始-->
                            <script type="text/html" id="desctpl">
                                <li class="col-xs-3">
                                    <a href="<%=fullurl%>" data-url="<%=url%>" target="_blank" class="thumbnail">
                                        <img src="<%=fullurl%>" class="img-responsive">
                                    </a>
                                    <input type="text" name="row[content][<%=index%>][info]" class="form-control mb-1" placeholder="请输入标题" value="<%=value?value['info']:''%>"/>
                                    <input type="text" name="row[content][<%=index%>][describe]" class="form-control mb-1" placeholder="请输入描述" value="<%=value?value['describe']:''%>"/>
                                    <a href="javascript:;" class="btn btn-danger btn-xs btn-trash"><i class="fa fa-trash"></i></a>
                                </li>
                            </script>
                            <!--这里自定义图片预览的模板 结束-->
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="control-label col-xs-12"></label>
                        <div class="col-xs-12">
                            <button type="submit" class="btn btn-success btn-embossed">{:__('OK')}</button>
                            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
                        </div>
                    </div>

                </form>
            </div>
        </div>
    </div>
    <!--方案亮点-->
    <div class="col-md-6">
        <div class="box box-success">
            <div class="panel-body">
                <form id="product_function-form1" role="form" data-toggle="validator" method="POST" action="">
                    <div class="form-group row">
                        <label class="control-label col-xs-12">方案亮点</label>
                        <div class="col-xs-12">
                            <div class="input-group">
                                <input data-rule="required" class="form-control" name="row[name]" type="hidden" value="{$system_introduction->name}">
                                <input id="e-images" data-rule="required" class="form-control" size="50" name="row[image]" type="text" value="{$system_introduction->image}">
                                <div class="input-group-addon no-border no-padding">
                                    <span><button type="button" id="plupload-product_function2" class="btn btn-danger plupload" data-input-id="e-images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="true" data-preview-id="product_function-images2"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                    <span><button type="button" id="fachoose-product_function2" class="btn btn-primary fachoose" data-input-id="e-images" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                                </div>
                                <span class="msg-box n-right" for="c-images"></span>
                            </div>

                            <!--ul需要添加 data-template和data-name属性，并一一对应且唯一 -->
                            <ul class="row list-inline plupload-preview" id="product_function-images2" data-template="product_function2" data-name="row[system_introduction_content]"></ul>

                            <!--请注意 ul和textarea间不能存在其它任何元素，实际开发中textarea应该添加个hidden进行隐藏-->
                            <textarea name="row[system_introduction_content]" class="form-control" style="margin-top:5px;display: none">{$system_introduction->system_introduction_content}</textarea>

                            <!--这里自定义图片预览的模板 开始-->
                            <script type="text/html" id="product_function2">
                                <li class="col-xs-3">
                                    <a href="<%=fullurl%>" data-url="<%=url%>" target="_blank" class="thumbnail">
                                        <img src="<%=fullurl%>" class="img-responsive">
                                    </a>
                                    <input type="text" name="row[system_introduction_content][<%=index%>][info]" class="form-control mb-1" placeholder="请输入标题" value="<%=value?value['info']:''%>"/>
                                    <input type="text" name="row[system_introduction_content][<%=index%>][describe]" class="form-control mb-1" placeholder="请输入描述" value="<%=value?value['describe']:''%>"/>
                                    <a href="javascript:;" class="btn btn-danger btn-xs btn-trash"><i class="fa fa-trash"></i></a>
                                </li>
                            </script>
                            <!--这里自定义图片预览的模板 结束-->
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="control-label col-xs-12"></label>
                        <div class="col-xs-12">
                            <button type="submit" class="btn btn-success btn-embossed">{:__('OK')}</button>
                            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
                        </div>
                    </div>

                </form>
            </div>
        </div>
    </div>
    <!--技术框架以及技术亮点-->
    <div class="col-md-6">
        <div class="box box-info">
            <div class="panel-heading">
                技术框架以及技术亮点
            </div>
            <div class="panel-body">
<!--                <div class="alert alert-danger-light">-->
<!--                    <b>温馨提示</b><br>-->
<!--                    默认我们的fieldlist只有一维数组，为键值形式，如果需要二维数组，可使用下面的自定义模板来实现<br>-->
<!--                    默认追加的元素是没有进行事件绑定的，我们需要监听btn-append这个按钮的fa.event.appendfieldlist事件<br>-->
<!--                    <b>下面的演示textarea为了便于调试，设置为可见的，实际使用中应该添加个hidden的class进行隐藏</b>-->
<!--                </div>-->
                <form id="second-form" role="form" data-toggle="validator" method="POST" action="">
                    <div class="form-group row">
                        <label class="control-label col-xs-12">技术框架以及技术亮点</label>
                        <div class="col-xs-12">
                            <table class="table fieldlist" data-template="basictpl" data-name="row[basic]" id="first-table">
                                <tr>
                                    <td>{:__('标题')}</td>
                                    <td>{:__('介绍')}</td>
<!--                                    <td>{:__('大小')}</td>-->
<!--                                    <td>{:__('状态')}</td>-->
                                    <td width="100"></td>
                                </tr>
                                <tr>
                                    <td colspan="5"><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> {:__('Append')}</a></td>
                                </tr>
                            </table>

                            <!--请注意实际开发中textarea应该添加个hidden进行隐藏-->
                            <textarea name="row[basic]" class="form-control" cols="30" rows="5" style="display: none">{$added_services.content}</textarea>
                            <script id="basictpl" type="text/html">
                                <tr class="form-inline">
                                    <input data-rule="required" class="form-control" name="row[name]" type="hidden" value="{$added_services->name}">
                                    <input class="form-control" name="row[image]" type="hidden" value="{$added_services->image}">
                                    <td><input type="text" name="<%=name%>[<%=index%>][title]" class="form-control" size="15" value="<%=row.title%>" placeholder="标题"/></td>
                                    <td><input type="text" name="<%=name%>[<%=index%>][intro]" class="form-control" size="15" value="<%=row.intro%>" placeholder="介绍"/></td>
<!--                                    <td><input type="text" name="<%=name%>[<%=index%>][size]" class="form-control" style="width:50px" value="<%=row.size%>" placeholder="大小"/></td>-->
<!--                                    <td>-->
<!--                                        <input type="hidden" name="<%=name%>[<%=index%>][state]" id="c-state-<%=index%>" class="form-control" style="width:50px" value="<%=row.state%>" placeholder="状态"/>-->
<!--                                        <a href="javascript:;" data-toggle="switcher" class="btn-switcher" data-input-id="c-state-<%=index%>" data-yes="1" data-no="0" >-->
<!--                                            <i class="fa fa-toggle-on text-success <%if(row.state==0){%>fa-flip-horizontal text-gray<%}%> fa-2x"></i>-->
<!--                                        </a>-->
<!--                                    </td>-->
                                    <td>
                                        <!--下面的两个按钮务必保留-->
                                        <span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span>
                                        <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span>
                                    </td>
                                </tr>
                            </script>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="control-label col-xs-12"></label>
                        <div class="col-xs-12">
                            <button type="submit" class="btn btn-success btn-embossed">{:__('OK')}</button>
                            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
                        </div>
                    </div>

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

    </div>
    <!--应用场景-->
    <div class="col-md-6">
        <div class="box box-success">
            <div class="panel-body">
                <form id="product_features-form" role="form" data-toggle="validator" method="POST" action="">
                    <div class="form-group row">
                        <label class="control-label col-xs-12">应用场景</label>
                        <div class="col-xs-12">
                            <div class="input-group">
                                <input data-rule="required" class="form-control" name="row[name]" type="hidden" value="{$scheme_highlights->name}">
                                <input id="c-files" data-rule="required" class="form-control" size="50" name="row[image]" type="text" value="{$scheme_highlights->image}">
                                <div class="input-group-addon no-border no-padding">
                                    <span><button type="button" id="plupload-files_product_features" class="btn btn-danger plupload" data-input-id="c-files" data-mimetype="*" data-multiple="true" data-preview-id="p-files"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                    <span><button type="button" id="fachoose-files_product_features" class="btn btn-primary fachoose" data-input-id="c-files" data-mimetype="*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                                </div>
                                <span class="msg-box n-right" for="c-files"></span>
                            </div>

                            <!--                            ul需要添加 data-template和data-name属性，并一一对应且唯一-->
                            <ul class="row list-inline plupload-preview" id="p-files" data-template="introtpl_product_features" data-name="row[scheme_highlights_content]"></ul>
                            <!--                            请注意 ul和textarea间不能存在其它任何元素，实际开发中textarea应该添加个hidden进行隐藏-->
                            <textarea name="row[scheme_highlights_content]" class="form-control" style="margin-top:5px;display:none;">{$scheme_highlights->scheme_highlights_content}</textarea>

                            <!--                            这里自定义图片预览的模板 开始-->
                            <script type="text/html" id="introtpl_product_features">
                                <li class="col-xs-3">
                                    <a href="<%=fullurl%>" data-url="<%=url%>" target="_blank" class="thumbnail">
                                        <img src="<%=fullurl%>" class="img-responsive">
                                    </a>
                                    <input type="text" name="row[scheme_highlights_content][<%=index%>]" class="form-control mb-1" placeholder="请输入描述" value="<%=value?value:''%>"/>
                                    <a href="javascript:;" class="btn btn-danger btn-xs btn-trash"><i class="fa fa-trash"></i></a>
                                </li>
                            </script>
                            <!--                            这里自定义图片预览的模板 结束-->
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="control-label col-xs-12"></label>
                        <div class="col-xs-12">
                            <button type="submit" class="btn btn-success btn-embossed">{:__('OK')}</button>
                            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
                        </div>
                    </div>

                </form>
            </div>
        </div>
    </div>
    <!--售后服务-->
    <div class="col-md-6">
        <div class="box box-success">
            <div class="panel-body">
                <form id="product_function-form" role="form" data-toggle="validator" method="POST" action="">
                    <div class="form-group row">
                        <label class="control-label col-xs-12">售后服务</label>
                        <div class="col-xs-12">
                            <div class="input-group">
                                <input data-rule="required" class="form-control" name="row[name]" type="hidden" value="{$after_sale->name}">
                                <input id="d-images" data-rule="required" class="form-control" size="50" name="row[image]" type="text" value="{$after_sale->image}">
                                <div class="input-group-addon no-border no-padding">
                                    <span><button type="button" id="plupload-product_function" class="btn btn-danger plupload" data-input-id="d-images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="true" data-preview-id="product_function-images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                    <span><button type="button" id="fachoose-product_function" class="btn btn-primary fachoose" data-input-id="d-images" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                                </div>
                                <span class="msg-box n-right" for="c-images"></span>
                            </div>

                            <!--ul需要添加 data-template和data-name属性，并一一对应且唯一 -->
                            <ul class="row list-inline plupload-preview" id="product_function-images" data-template="product_function" data-name="row[after_sale_content]"></ul>

                            <!--请注意 ul和textarea间不能存在其它任何元素，实际开发中textarea应该添加个hidden进行隐藏-->
                            <textarea name="row[after_sale_content]" class="form-control" style="margin-top:5px;display: none">{$after_sale->after_sale_content}</textarea>

                            <!--这里自定义图片预览的模板 开始-->
                            <script type="text/html" id="product_function">
                                <li class="col-xs-3">
                                    <a href="<%=fullurl%>" data-url="<%=url%>" target="_blank" class="thumbnail">
                                        <img src="<%=fullurl%>" class="img-responsive">
                                    </a>
                                    <input type="text" name="row[after_sale_content][<%=index%>][info]" class="form-control mb-1" placeholder="请输入标题" value="<%=value?value['info']:''%>"/>
                                    <input type="text" name="row[after_sale_content][<%=index%>][describe]" class="form-control mb-1" placeholder="请输入描述" value="<%=value?value['describe']:''%>"/>
                                    <a href="javascript:;" class="btn btn-danger btn-xs btn-trash"><i class="fa fa-trash"></i></a>
                                </li>
                            </script>
                            <!--这里自定义图片预览的模板 结束-->
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="control-label col-xs-12"></label>
                        <div class="col-xs-12">
                            <button type="submit" class="btn btn-success btn-embossed">{:__('OK')}</button>
                            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
                        </div>
                    </div>

                </form>
            </div>
        </div>
    </div>
    <!--售后服务-->
<!--    <div class="col-md-6">-->
<!--        <div class="box box-success">-->
<!--            <div class="panel-body">-->
<!--                <form id="e-form" role="form" data-toggle="validator" method="POST" action="">-->
<!--                    <div class="form-group row">-->
<!--                        <label class="control-label col-xs-12">售后服务</label>-->
<!--                        <div class="col-xs-12">-->
<!--                            <div class="input-group">-->
<!--                                <input data-rule="required" class="form-control" name="row[name]" type="hidden" value="{$after_sale->name}">-->
<!--                                <input id="ee-files" data-rule="required" class="form-control" size="50" name="row[image]" type="text" value="{$after_sale->image}">-->
<!--                                <div class="input-group-addon no-border no-padding">-->
<!--                                    <span><button type="button" id="plupload-files_e" class="btn btn-danger plupload" data-input-id="ee-files" data-mimetype="*" data-multiple="true" data-preview-id="e-files"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>-->
<!--                                    <span><button type="button" id="fachoose-files_e" class="btn btn-primary fachoose" data-input-id="ee-files" data-mimetype="*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>-->
<!--                                </div>-->
<!--                                <span class="msg-box n-right" for="b-files"></span>-->
<!--                            </div>-->

<!--                            &lt;!&ndash;ul需要添加 data-template和data-name属性，并一一对应且唯一 &ndash;&gt;-->
<!--                            <ul class="row list-inline plupload-preview" id="e-files" data-template="introtpl_e" data-name="row[image]"></ul>-->
<!--                            &lt;!&ndash;请注意 ul和textarea间不能存在其它任何元素，实际开发中textarea应该添加个hidden进行隐藏&ndash;&gt;-->

<!--                            &lt;!&ndash;这里自定义图片预览的模板 开始&ndash;&gt;-->
<!--                            <script type="text/html" id="introtpl_e">-->
<!--                                <li class="col-xs-3">-->
<!--                                    <a href="<%=fullurl%>" data-url="<%=url%>" target="_blank" class="thumbnail">-->
<!--                                        <img src="<%=fullurl%>" class="img-responsive">-->
<!--                                    </a>-->
<!--                                    <a href="javascript:;" class="btn btn-danger btn-xs btn-trash"><i class="fa fa-trash"></i></a>-->
<!--                                </li>-->
<!--                            </script>-->
<!--                            &lt;!&ndash;这里自定义图片预览的模板 结束&ndash;&gt;-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="form-group row">-->
<!--                        <label class="control-label col-xs-12"></label>-->
<!--                        <div class="col-xs-12">-->
<!--                            <button type="submit" class="btn btn-success btn-embossed">{:__('OK')}</button>-->
<!--                            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>-->
<!--                        </div>-->
<!--                    </div>-->

<!--                </form>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->


</div>