alimall.hdlkeji.com/application/admin/view/product/pro/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="-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_framework->name}">
                                <input id="b-files" data-rule="required" class="form-control" size="50" name="row[image]" type="text" value="{$product_framework->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="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_fram_image->name}">
                                <input id="c-images" data-rule="required" class="form-control" size="50" name="row[image]" type="text" value="{$product_fram_image->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_fram_image->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']:''%>"/>
                                    <textarea  name="row[content][<%=index%>][describe]" class="form-control mb-1" placeholder="请输入描述" ><%=value?value['describe']:''%></textarea>

<!--                                    <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_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="{$product_features->name}">
                                <input id="c-files" data-rule="required" class="form-control" size="50" name="row[image]" type="text" value="{$product_features->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[product_features_content]"></ul>
                            <!--                            请注意 ul和textarea间不能存在其它任何元素，实际开发中textarea应该添加个hidden进行隐藏-->
                            <textarea name="row[product_features_content]" class="form-control" style="margin-top:5px;display:none;">{$product_features->product_features_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[product_features_content][<%=index%>][info]" class="form-control mb-1" placeholder="请输入标题" value="<%=value?value['info']:''%>"/>
                                    <textarea  name="row[product_features_content][<%=index%>][describe]" class="form-control mb-1" placeholder="请输入描述" ><%=value?value['describe']:''%></textarea>

<!--                                    <input type="text" name="row[product_features_content][<%=index%>][describe]" class="form-control mb-1" placeholder="请输入描述" value="<%=value?value['describe']:''%>"/>-->
                                    <!--                                    <input type="text" name="row[product_features_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="{$product_function->name}">
                                <input id="d-images" data-rule="required" class="form-control" size="50" name="row[image]" type="text" value="{$product_function->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[product_function_content]"></ul>

                            <!--请注意 ul和textarea间不能存在其它任何元素，实际开发中textarea应该添加个hidden进行隐藏-->
                            <textarea name="row[product_function_content]" class="form-control" style="margin-top:5px;display: none">{$product_function->product_function_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[product_function_content][<%=index%>][info]" class="form-control mb-1" placeholder="请输入标题" value="<%=value?value['info']:''%>"/>
                                    <textarea  name="row[product_function_content][<%=index%>][describe]" class="form-control mb-1" placeholder="请输入描述" ><%=value?value['describe']:''%></textarea>

<!--                                    <input type="text" name="row[product_function_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="{$product_case_show->name}">
                                <input id="ee-files" data-rule="required" class="form-control" size="50" name="row[image]" type="text" value="{$product_case_show->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 class="col-md-6">
        <div class="box box-success">
            <div class="panel-body">
                <form id="advanced-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="{$advanced->name}">
                                <input id="advanced-images_d" data-rule="required" class="form-control" size="50" name="row[image]" type="text" value="{$advanced->image}">
                                <div class="input-group-addon no-border no-padding">
                                    <span><button type="button" id="plupload-advanced" class="btn btn-danger plupload" data-input-id="advanced-images_d" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="true" data-preview-id="advanced-images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                    <span><button type="button" id="fachoose-advanced" class="btn btn-primary fachoose" data-input-id="advanced-images_d" 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="advanced-images" data-template="product_advanced" data-name="row[advanced_content]"></ul>

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

                            <!--这里自定义图片预览的模板 开始-->
                            <script type="text/html" id="product_advanced">
                                <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[advanced_content][<%=index%>][info]" class="form-control mb-1" placeholder="请输入标题" value="<%=value?value['info']:''%>"/>
                                    <input type="text" name="row[advanced_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="study-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_study->name}">
                                <input id="study-images_d" data-rule="required" class="form-control" size="50" name="row[image]" type="text" value="{$product_study->image}">
                                <div class="input-group-addon no-border no-padding">
                                    <span><button type="button" id="plupload-study" class="btn btn-danger plupload" data-input-id="study-images_d" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="true" data-preview-id="study-images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                    <span><button type="button" id="fachoose-study" class="btn btn-primary fachoose" data-input-id="study-images_d" 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="study-images" data-template="product_study" data-name="row[study_content]"></ul>

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

                            <!--这里自定义图片预览的模板 开始-->
                            <script type="text/html" id="product_study">
                                <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[study_content][<%=index%>][info]" class="form-control mb-1" placeholder="请输入标题" value="<%=value?value['info']:''%>"/>
                                    <input type="text" name="row[study_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>