{{define "upload_mutil"}}
<button type="button" class="layui-btn pear-btn-primary" id="upload_multi_btn">
    <i class="layui-icon layui-icon-upload"></i> 上传
</button>
<div class="upload-box">
    <div class="layui-progress layui-progress-big" lay-showPercent="yes" style="width: 200px;"
        lay-filter="upload_mutil_progress_logo">
        <div class="layui-progress-bar" lay-percent=""></div>
    </div>

    <div class="layui-upload-list" id="mutil_upload_res_list">
        {{range .ProjectFileItems}}
        <div class="upload-line">
            <span class="op">
                <a href="javascript:;" data-path="{{.Combination}}"
                    class="layui-btn layui-btn-danger layui-btn-xs remove_file">删除</a>
                <a href="{{.Path}}" target="_blank" style="margin-left: 2px;" class="layui-btn layui-btn-xs">下载</a>
            </span>
            <span class="name"><label>名称: </label>{{.Name}}</span>
            <span class="url"><label>URL: </label>{{.Path}}</span>
        </div>
        {{end}}
        <!-- <div class="upload-line">
            <span class="op">
                <a href="javascript:;" class="layui-btn layui-btn-danger layui-btn-xs remove_file">删除</a>
                <a href="javascript:;" target="_blank" style="margin-left: 2px;" class="layui-btn layui-btn-xs">下载</a>
            </span>
            <span class="name"><label>名称: </label>项目工程.xlsx</span>
            <span class="url"><label>URL: </label>/2023/04/46556/dsfioasdgasjgladsn.xlsx</span>
        </div> -->
    </div>
    <div class="field" id="post_field">
        {{if .ProjectFileItems}}
        <input type="hidden" name="Paths" value="{{.Combination}}">
        {{end}}
    </div>
</div>
<style>
    .upload-box {
        margin-top: 10px;
    }

    .layui-upload-list {
        position: relative;
        cursor: pointer;
    }

    .upload-line {
        display: flex;
        align-items: center;
        height: 30px;
        position: relative;
        border: 1px dotted #cccccc;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 3px;
    }

    .upload-line .name {
        margin-left: 20px;
        margin-right: 20px;
    }

    .upload-line .name,
    .upload-line .url {
        color: #999999;
    }

    .upload-line .name label,
    .upload-line .url label {
        color: #777777;
        margin-right: 5px;
    }

    /* .upload-line:hover .btn-remove {
        display: flex;
    }

    .upload-line .btn-remove {
        display: none;
        position: absolute;
        top: 4px;
        right: 0;
        width: 20px;
        height: 20px;
        font-size: 24px;
        color: #ffffff;
        cursor: pointer;
        background-color: red;
        border-radius: 20px;
        justify-content: center;
        align-items: end;
    } */
</style>
{{end}}