alimall.hdlkeji.com/application/admin/view/solution/foreign/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="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="{$system_introduction->name}">
                                <input id="c-files" 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-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[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="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[system_introduction_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="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-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="d-images" 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-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[image]"></ul>

                            <!--请注意 ul和textarea间不能存在其它任何元素，实际开发中textarea应该添加个hidden进行隐藏-->

                            <!--这里自定义图片预览的模板 开始-->
                            <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>
                                    <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="-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="{$added_services->name}">
                                <input id="b-files" data-rule="required" class="form-control" size="50" name="row[image]" type="text" value="{$added_services->image}">
                                <div class="input-group-addon no-border no-padding">
                                    <span><button type="button" id="plupload-files_a" class="btn btn-danger plupload" data-input-id="b-files" data-mimetype="*" data-multiple="true" data-preview-id="bb-files"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                    <span><button type="button" id="fachoose-files_a" class="btn btn-primary fachoose" data-input-id="b-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>

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

                            <!--这里自定义图片预览的模板 开始-->
                            <script type="text/html" id="introtpl_a">
                                <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="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>

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

                            <!--这里自定义图片预览的模板 开始-->
                            <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>
                            <!--这里自定义图片预览的模板 结束-->
                        </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>