Areas/Admin/Views/Tool/FileManager/Index.cshtml

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<style>
    .el-dialog__wrapper{overflow: hidden;}
    .el-icon-folder-opened{font-size:14px;}
    .el-icon-upload {color: #999;display:none}
    .fa-eye-hover:hover .el-icon-upload{display:inline-block}
</style>
<div class="main" id="main" v-cloak>
    <div class="breadcrumb-box">
        <el-breadcrumb separator="/">
            <el-breadcrumb-item><i class="el-icon-s-home"></i><a href="javascript:void(0)" onclick="location.href=location.href">文件管理</a></el-breadcrumb-item>
        </el-breadcrumb>
    </div>
    <div class="menu-bar-box">
        <table border=0 cellpadding=0 cellspacing=0 class="tb-head form-inline form-group-sm">
            <tr>
                <td>
                    <el-button size="small" v-on:click="submit({url:'@Url.ActionUrl("Delete")',data:{name:getSelectedPropertys(selectList,'Name'),type:getSelectedPropertys(selectList,'Type'),path:path.join('/')},confirmMsg:'确定删除吗？',success:'loadData()',beforeExecute:function(){return checkSelectedItems(selectList)},})">
                        删除
                    </el-button>
                    <el-dropdown>
                        <el-button size="small">
                            功能菜单<i class="el-icon-arrow-down el-icon--right"></i>
                        </el-button>
                        <el-dropdown-menu slot="dropdown">
                            <el-dropdown-item><a href="javascript:void(0)" v-on:click="dialog({title:'新建文件',url:'@Url.ActionUrl("AddFile")',width:'500px',height:'220px',target:'self'})">新建文件</a></el-dropdown-item>
                            <el-dropdown-item><a href="javascript:void(0)" v-on:click="dialog({title:'新建目录',url:'@Url.ActionUrl("AddFolder")',width:'500px',height:'220px',target:'self'})">新建目录</a></el-dropdown-item>
                            <el-dropdown-item class="divider"></el-dropdown-item>
                            <el-dropdown-item><a href="javascript:void(0)" v-on:click="submit({url:'@Url.ActionUrl("Zip")', success:'loadData()',data:{name:getSelectedPropertys(selectList,'Name'),path:path.join('/')},confirmMsg:'确定压缩吗？',successMsg:'已经提交，请稍后查看',beforeExecute:function(){return checkSelectedItems(selectList)},})">打包压缩</a></el-dropdown-item>
                            <el-dropdown-item><a href="javascript:void(0)" v-on:click="dialog({title:'文件上传',url:'@Url.ActionUrl("Upload")',width:'700px',height:'400px',target:'self'})">上传文件</a></el-dropdown-item>
                            <el-dropdown-item class="divider"></el-dropdown-item>
                            <el-dropdown-item><a href="javascript:void(0)" v-on:click="dialog({title:'模板安装',url:'@Url.ActionUrl("TemplateInstall")',width:'800px',height:'500px',target:'self'})">模板安装</a></el-dropdown-item>
                            <el-dropdown-item class="divider"></el-dropdown-item>
                            <el-dropdown-item><a href="javascript:void(0)" v-on:click="submit({ url:'@Url.ActionUrl("ClearTemp")?expire=10',successMsg: '已提交,后台正在处理中!' })">清理临时目录</a></el-dropdown-item>
                        </el-dropdown-menu>
                    </el-dropdown>
                </td>
                <td align="right">
                    <el-input size="mini" style="width:150px;" placeholder="搜索文件夹/文件名" v-model.trim="keyword" clearable v-on:clear="loadData"></el-input>
                    <el-button size="mini" onclick="loadData()">确定</el-button>
                </td>
            </tr>
        </table>
    </div>
    <table border=0 cellpadding=0 cellspacing=0 class="table table-bordered">
        <tr>
            <td>
                <span class="el-icon-folder-opened"> </span>
                <span v-for="(item,index) in fullPath">
                    <a href="javascript:void(0)" v-on:click="openPath(index)" class="text-primary"> {{item}} </a><span v-show="index>0">/</span>
                </span>
            </td>
        </tr>
    </table>
    <div class="table-list-box">
        <template>
            <el-table ref="multipleTable" :data="dataList" tooltip-effect="dark" highlight-current-row style="width: 100%" v-on:selection-change="handleSelectionChange" border>
                <el-table-column type="selection" width="40"> </el-table-column>
                <el-table-column label="名称" class-name="fa-eye-hover">
                    <template slot-scope="scope">
                        <span class="el-icon-folder-opened" v-show="scope.row.Type==0" v-on:click="openFolder(scope.row.Name)"><span style="color:#666;cursor:pointer;"> {{scope.row.Name}}</span></span>