|
|
@@ -70,8 +70,6 @@
|
|
|
</div>
|
|
|
|
|
|
</div> -->
|
|
|
- <!-- 展示文件夹盒子 -->
|
|
|
- <!-- 文件夹 -->
|
|
|
<div v-if="editOnline">
|
|
|
<!-- 众多功能 -->
|
|
|
<div class="manyUse">
|
|
|
@@ -136,134 +134,137 @@
|
|
|
<!-- </div> -->
|
|
|
<!-- 展示文件夹盒子 -->
|
|
|
<!-- 文件夹 -->
|
|
|
- <div class="detailBox file-jia" @click="mouseClick">
|
|
|
- <el-collapse v-model="folder">
|
|
|
- <el-collapse-item title="文件夹" name="1" class="custom-collapse-item">
|
|
|
- <el-table v-if="folderGrid" height="100%" :data="folderList" style="width: 100%" :scrollbar-always-on="true"
|
|
|
- @selection-change="handleSelectionChange1" :single-select="true" @row-click="folderClick"
|
|
|
- @row-contextmenu="folderRClick" ref="taskTableRef">
|
|
|
- <el-table-column type="selection" width="55" />
|
|
|
- <el-table-column label="名称" width="180">
|
|
|
- <template #default="scope">
|
|
|
- <span>
|
|
|
- <el-icon v-if="scope.row.isFavorite == 'N'" @click.stop="collectByStar(scope.row,true)">
|
|
|
- <Star />
|
|
|
- </el-icon>
|
|
|
- <img v-else @click.stop="delCollect(scope.row,true)" src="../../assets/images/yellowstar.png" alt="">
|
|
|
- <img src="../../assets/images/fileBox.png" style="width: 20px;height: 24px;"
|
|
|
- alt="">
|
|
|
- <el-tooltip
|
|
|
- class="box-item"
|
|
|
- effect="dark"
|
|
|
- :content="scope.row.dirName"
|
|
|
- placement="top"
|
|
|
- :show-after="1000"
|
|
|
- >
|
|
|
- {{ scope.row.dirName }}
|
|
|
- </el-tooltip>
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="createTime" label="时间" width="180" />
|
|
|
- <el-table-column prop="dirType" label="类型">
|
|
|
- <template #default="scope">
|
|
|
- <span>{{ scope.row.dirType === "1" ? "文件夹" : "未知类型" }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="大小">
|
|
|
- <template #default="scope">
|
|
|
- <span>
|
|
|
- 10KB
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- </el-table>
|
|
|
- <PlaceGridFolder v-else :folderClick="folderClick" :restName="restName"
|
|
|
- :collectFolder="collectFolder" :getAllTop="getAllTop" @folderBack="folderBack">
|
|
|
- </PlaceGridFolder>
|
|
|
- </el-collapse-item>
|
|
|
- </el-collapse>
|
|
|
- <!-- 右键唤出的菜单 -->
|
|
|
- <div class="right_menu" v-if="folderVisible"
|
|
|
- :style="{ left: folderleft + 'px', top: foldertop + 'px' }">
|
|
|
- <!-- <div class="menu_item" @click="folderClick(null, null)">
|
|
|
- <img src="@/assets/images/trash.png" alt="" />
|
|
|
- <span>打开</span>
|
|
|
- </div> -->
|
|
|
- <div class="menu_item" @click="restName(null, null)">
|
|
|
- <img src="@/assets/images/textbox.png" alt="" />
|
|
|
- <span>重命名</span>
|
|
|
- </div>
|
|
|
- <div class="menu_item" @click="collectFolder">
|
|
|
- <img src="@/assets/images/collect.png" alt="" />
|
|
|
- <span>收藏</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 文件 -->
|
|
|
- <div class="fileTable">
|
|
|
- <el-collapse v-model="files" >
|
|
|
- <el-collapse-item title="文件" name="2" class="">
|
|
|
- <el-table v-if="fileGrid" :data="fileList" height="100%" :scrollbar-always-on="true" style="width: 100%;position: relative;"
|
|
|
- @row-contextmenu="handleRowClick" @selection-change="handleSelectionChange"
|
|
|
- @row-click="mouseClick" :default-sort="{ prop: 'createTime', order: 'descending' }">
|
|
|
+ <div class="showBox">
|
|
|
+ <div class="detailBox file-jia" @click="mouseClick">
|
|
|
+ <el-collapse v-model="folder" style="height: 100%;">
|
|
|
+ <el-collapse-item title="文件夹" name="1" class="custom-collapse-item">
|
|
|
+ <el-table v-if="folderGrid" :data="folderList" style="width: 100%" :scrollbar-always-on="true"
|
|
|
+ @selection-change="handleSelectionChange1" :single-select="true" @row-click="folderClick"
|
|
|
+ @row-contextmenu="folderRClick" ref="taskTableRef">
|
|
|
<el-table-column type="selection" width="55" />
|
|
|
- <el-table-column label="名称" width="200">
|
|
|
+ <el-table-column label="名称" width="180">
|
|
|
<template #default="scope">
|
|
|
- <span style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">
|
|
|
- <el-icon v-if="scope.row.isFavorite == 'N'" @click.stop="collectByStar(scope.row,false)">
|
|
|
- <Star />
|
|
|
- </el-icon>
|
|
|
- <img v-else @click.stop="delCollect(scope.row,false)" src="../../assets/images/yellowstar.png" alt="">
|
|
|
- <img :src="getImage(scope.row.fileType)" alt="">
|
|
|
- <el-tooltip
|
|
|
- class="box-item"
|
|
|
- effect="dark"
|
|
|
- :content="scope.row.fileName"
|
|
|
- placement="top"
|
|
|
- :show-after="1000"
|
|
|
- >
|
|
|
- {{ scope.row.fileName }}
|
|
|
- </el-tooltip>
|
|
|
- </span>
|
|
|
+ <span>
|
|
|
+ <el-icon v-if="scope.row.isFavorite == 'N'" @click.stop="collectByStar(scope.row,true)">
|
|
|
+ <Star />
|
|
|
+ </el-icon>
|
|
|
+ <img v-else @click.stop="delCollect(scope.row,true)" src="../../assets/images/yellowstar.png" alt="">
|
|
|
+ <img src="../../assets/images/fileBox.png" style="width: 20px;height: 24px;"
|
|
|
+ alt="">
|
|
|
+ <el-tooltip
|
|
|
+ class="box-item"
|
|
|
+ effect="dark"
|
|
|
+ :content="scope.row.dirName"
|
|
|
+ placement="top"
|
|
|
+ :show-after="1000"
|
|
|
+ >
|
|
|
+ {{ scope.row.dirName }}
|
|
|
+ </el-tooltip>
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="createTime" label="时间" width="180" />
|
|
|
+ <el-table-column prop="dirType" label="类型">
|
|
|
+ <template #default="scope">
|
|
|
+ <span>文件夹</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="createTime" label="时间" sortable width="180" />
|
|
|
- <el-table-column prop="fileType" label="类型" />
|
|
|
<el-table-column label="大小">
|
|
|
<template #default="scope">
|
|
|
<span>
|
|
|
- {{ formatFileSize(scope.row.fileSize) }}
|
|
|
+ 10KB
|
|
|
</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- </el-table>
|
|
|
- <PalaceGridFile v-else @showFile="showFile" :getAllTop="getAllTop" @navBack="navBack"
|
|
|
- @lastBB="lastBB" @onlineCase="onlineCase" @shareBack="shareBack"></PalaceGridFile>
|
|
|
- </el-collapse-item>
|
|
|
- </el-collapse>
|
|
|
- <div class="setCli" v-if="cliCC" :style="{ left: xz + 'px', top: yz - 260 + 'px' }">
|
|
|
- <template v-for="(item, index) in filterMouseCli()" :key="index">
|
|
|
- <p @click="chooseSet(item, index, 1)" class="chooseSet">
|
|
|
- <img :src="item.img" alt="">
|
|
|
- {{ item.name }}
|
|
|
- <span v-if="item.name == '在线编辑' || item.name == '协作' ? true : false"
|
|
|
- style="color: #7084B4;float: right;position: relative;" class="arrow">></span>
|
|
|
- </p>
|
|
|
- </template>
|
|
|
+
|
|
|
+ </el-table>
|
|
|
+ <PlaceGridFolder v-else :folderClick="folderClick" :restName="restName"
|
|
|
+ :collectFolder="collectFolder" :getAllTop="getAllTop" @folderBack="folderBack">
|
|
|
+ </PlaceGridFolder>
|
|
|
+ </el-collapse-item>
|
|
|
+ </el-collapse>
|
|
|
+ <!-- 右键唤出的菜单 -->
|
|
|
+ <div class="right_menu" v-if="folderVisible"
|
|
|
+ :style="{ left: folderleft + 'px', top: foldertop + 'px' }">
|
|
|
+ <!-- <div class="menu_item" @click="folderClick(null, null)">
|
|
|
+ <img src="@/assets/images/trash.png" alt="" />
|
|
|
+ <span>打开</span>
|
|
|
+ </div> -->
|
|
|
+ <div class="menu_item" @click="restName(null, null)">
|
|
|
+ <img src="@/assets/images/textbox.png" alt="" />
|
|
|
+ <span>重命名</span>
|
|
|
+ </div>
|
|
|
+ <div class="menu_item" @click="collectFolder">
|
|
|
+ <img src="@/assets/images/collect.png" alt="" />
|
|
|
+ <span>收藏</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="setCli1" v-if="anyP" :style="{ left: xz + 155 + 'px', top: yz + 'px' }">
|
|
|
- <p @click="chooseSet1(0)" class="chooseSet">
|
|
|
- <img src="../../assets/images/user.png" alt="">
|
|
|
- 选择人员
|
|
|
- </p>
|
|
|
- <p class="chooseSet" @click="goLock">
|
|
|
- <img src="../../assets/images/archiveTray.png" alt="">
|
|
|
- 归档
|
|
|
- </p>
|
|
|
+ <!-- 文件 -->
|
|
|
+ <div class="fileTable">
|
|
|
+ <el-collapse v-model="files" style="height: 100%;" >
|
|
|
+ <el-collapse-item title="文件" name="2" class="">
|
|
|
+ <el-table v-if="fileGrid" :data="fileList" :scrollbar-always-on="true" style="width: 100%;position: relative;"
|
|
|
+ @row-contextmenu="handleRowClick" @selection-change="handleSelectionChange"
|
|
|
+ @row-click="mouseClick" :default-sort="{ prop: 'createTime', order: 'descending' }">
|
|
|
+ <el-table-column type="selection" width="55" />
|
|
|
+ <el-table-column label="名称" width="200">
|
|
|
+ <template #default="scope">
|
|
|
+ <span style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">
|
|
|
+ <el-icon v-if="scope.row.isFavorite == 'N'" @click.stop="collectByStar(scope.row,false)">
|
|
|
+ <Star />
|
|
|
+ </el-icon>
|
|
|
+ <img v-else @click.stop="delCollect(scope.row,false)" src="../../assets/images/yellowstar.png" alt="">
|
|
|
+ <img :src="getImage(scope.row.fileType)" alt="">
|
|
|
+ <el-tooltip
|
|
|
+ class="box-item"
|
|
|
+ effect="dark"
|
|
|
+ :content="scope.row.fileName"
|
|
|
+ placement="top"
|
|
|
+ :show-after="1000"
|
|
|
+ >
|
|
|
+ {{ scope.row.fileName }}
|
|
|
+ </el-tooltip>
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="createTime" label="时间" sortable width="180" />
|
|
|
+ <el-table-column prop="fileType" label="类型" />
|
|
|
+ <el-table-column label="大小">
|
|
|
+ <template #default="scope">
|
|
|
+ <span>
|
|
|
+ {{ formatFileSize(scope.row.fileSize) }}
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <PalaceGridFile v-else @showFile="showFile" :getAllTop="getAllTop" @navBack="navBack"
|
|
|
+ @lastBB="lastBB" @onlineCase="onlineCase" @shareBack="shareBack"></PalaceGridFile>
|
|
|
+ </el-collapse-item>
|
|
|
+ </el-collapse>
|
|
|
+ <div class="setCli" v-if="cliCC" :style="{ left: xz + 'px', top: yz - 260 + 'px' }">
|
|
|
+ <template v-for="(item, index) in filterMouseCli()" :key="index">
|
|
|
+ <p @click="chooseSet(item, index, 1)" class="chooseSet">
|
|
|
+ <img :src="item.img" alt="">
|
|
|
+ {{ item.name }}
|
|
|
+ <span v-if="item.name == '在线编辑' || item.name == '协作' ? true : false"
|
|
|
+ style="color: #7084B4;float: right;position: relative;" class="arrow">></span>
|
|
|
+ </p>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ <div class="setCli1" v-if="anyP" :style="{ left: xz + 155 + 'px', top: yz + 'px' }">
|
|
|
+ <p @click="chooseSet1(0)" class="chooseSet">
|
|
|
+ <img src="../../assets/images/user.png" alt="">
|
|
|
+ 选择人员
|
|
|
+ </p>
|
|
|
+ <p class="chooseSet" @click="goLock">
|
|
|
+ <img src="../../assets/images/archiveTray.png" alt="">
|
|
|
+ 归档
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
</div>
|
|
|
<div v-else>
|
|
|
<div>
|
|
|
@@ -1809,10 +1810,13 @@ p {
|
|
|
height: 24px !important;
|
|
|
background-color: #EBEFF6 !important;
|
|
|
}
|
|
|
+.showBox{
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
|
|
|
.detailBox {
|
|
|
width: 100%;
|
|
|
- height: 270px;
|
|
|
+ height: 50%;
|
|
|
}
|
|
|
|
|
|
:deep(.el-dialog__header) {
|
|
|
@@ -1821,7 +1825,7 @@ p {
|
|
|
}
|
|
|
|
|
|
.fileTable {
|
|
|
- height: 100%;
|
|
|
+ height: 50%;
|
|
|
overflow-y: hidden;
|
|
|
margin-top: 55px;
|
|
|
}
|
|
|
@@ -1953,7 +1957,7 @@ p {
|
|
|
}
|
|
|
|
|
|
:deep(.el-collapse-item__wrap) {
|
|
|
- height: 300px;
|
|
|
+ // height: 100%;
|
|
|
}
|
|
|
|
|
|
// 隐藏全选按钮
|