cxhxy/addons/upload/view/template/file_library.html

<!-- 文件库模板 -->

<script id="tpl-file-library" type="text/template">

    <div class="row">

        <div class="file-group">

            <ul class="nav-new">

                <li class="ng-scope {{ is_default ? 'active' : '' }}" data-group-id="0">

                    <a class="group-name am-text-truncate" href="javascript:void(0);" title="全部">全部</a>

                </li>

                <li class="ng-scope" data-group-id="-1">

                    <a class="group-name am-text-truncate" href="javascript:void(0);" title="未分组">未分组</a>

                </li>

                {{ each group_list }}

                <li class="ng-scope"

                    data-group-id="{{ $value.group_id }}" title="{{ $value.group_name }}">

                    <a class="group-edit" href="javascript:void(0);" title="编辑分组">

                        <i class="iconfont iconbianji"></i>

                    </a>

                    <a class="group-name am-text-truncate" href="javascript:void(0);">

                        {{ $value.group_name }}

                    </a>

                    <a class="group-delete" href="javascript:void(0);" title="删除分组">

                        <i class="iconfont iconshanchu"></i>

                    </a>

                </li>

                {{ /each }}

            </ul>

            <a class="group-add" href="javascript:void(0);">新增分组</a>

        </div>

        <div class="file-list">

            <div class="v-box-header am-cf">

                <div class="h-left am-fl am-cf">

                    <div class="am-fl">

                        <div class="group-select am-dropdown">

                            <button type="button" class="am-btn am-btn-sm am-btn-secondary am-dropdown-toggle">

                                移动至 <span class="am-icon-caret-down"></span>

                            </button>

                            <ul class="group-list am-dropdown-content">

                                <li class="am-dropdown-header">请选择分组</li>

                                {{ each group_list }}

                                <li>

                                    <a class="move-file-group" data-group-id="{{ $value.group_id }}"

                                       href="javascript:void(0);">{{ $value.group_name }}</a>

                                </li>

                                {{ /each }}

                            </ul>

                        </div>

                    </div>

                    <div class="am-fl file-library-operation">

                        <a href="javascript:void(0);" class="file-delete tpl-table-black-operation-del"

                           data-group-id="2">

                            <i class="am-icon-trash"></i> 删除

                        </a>

                    </div>

                </div>

                <div class="h-rigth am-fr">

                    <div class="j-upload upload-image">

                        <i class="iconfont icontianjia"></i>

                        上传图片

                    </div>

                </div>

            </div>

            <div id="file-list-body" class="v-box-body">

                {{ include 'tpl-file-list' file_list }}

            </div>

            <div class="v-box-footer am-cf"></div>

        </div>

    </div>



</script>



<!-- 文件列表模板 -->

<script id="tpl-file-list" type="text/template">

    <ul class="file-list-item">

        {{ include 'tpl-file-list-item' data }}

    </ul>

    {{ if last_page > 1 }}

    <div class="file-page-box am-fr">

        <ul class="pagination">

            {{ if current_page > 1 }}

            <li>

                <a class="switch-page" href="javascript:void(0);" title="上一页" data-page="{{ current_page - 1 }}">«</a>

            </li>

            {{ /if }}

            {{ if current_page < last_page }}

            <li>

                <a class="switch-page" href="javascript:void(0);" title="下一页" data-page="{{ current_page + 1 }}">»</a>

            </li>

            {{ /if }}

        </ul>

    </div>

    {{ /if }}

</script>



<!-- 文件列表模板 -->

<script id="tpl-file-list-item" type="text/template">

    {{ each $data }}

    <li class="ng-scope" title="{{ $value.file_name }}" data-file-id="{{ $value.file_id }}"

        data-url="{{ $value.url }}" data-file-path="{{ $value.file_path }}">

        <div class="img-cover"

             style="background-image: url('{{ $value.url }}')">

        </div>

        <p class="file-name am-text-center am-text-truncate">{{ $value.file_name }}</p>

        <div class="select-mask">

            <img src="/assets/img/chose.png">

        </div>

    </li>

    {{ /each }}

</script>



<!-- 分组元素-->

<script id="tpl-group-item" type="text/template">

    <li class="ng-scope" data-group-id="{{ group_id }}" title="{{ group_name }}">

        <a class="group-edit" href="javascript:void(0);" title="编辑分组">

            <i class="iconfont iconbianji"></i>

        </a>

        <a class="group-name am-text-truncate" href="javascript:void(0);">

            {{ group_name }}

        </a>

        <a class="group-delete" href="javascript:void(0);" title="删除分组">

            <i class="iconfont iconshanchu"></i>

        </a>

    </li>

</script>