|
|
@@ -4,14 +4,8 @@
|
|
|
<div class="settingBox" @click="mouseClick">
|
|
|
<!-- 设置盒子顶部搜索 -->
|
|
|
<div class="topSearch">
|
|
|
- <!-- <div style="position: relative;">
|
|
|
- <el-input v-model="searchFire" class="searchFire" size="large" placeholder="搜索文件"
|
|
|
- style="width: 15rem;" />
|
|
|
- <el-icon style="color: gray;display: inline-block;position: absolute;top: 8px;right: 5px;">
|
|
|
- <Search />
|
|
|
- </el-icon>
|
|
|
- </div> -->
|
|
|
- <div class="">{{spaceName}}</div>
|
|
|
+
|
|
|
+ <div class="spaceName">{{spaceName}}</div>
|
|
|
<div>
|
|
|
<el-icon style="font-size: 24px;" @click="createNewMenu(0)">
|
|
|
<Plus />
|
|
|
@@ -21,9 +15,16 @@
|
|
|
</div>
|
|
|
<!-- 方块点击盒子 -->
|
|
|
<div
|
|
|
- style="display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;height: 75vh;align-content: flex-start;overflow-y: auto;">
|
|
|
+ style="height: 75vh;overflow-y: auto;">
|
|
|
+ <div class="searchBox">
|
|
|
+ <el-input v-model="searchFire" class="searchFire" size="large" placeholder="搜索文件" />
|
|
|
+ <el-icon class="SearchIcon">
|
|
|
+ <Search />
|
|
|
+ </el-icon>
|
|
|
+ </div>
|
|
|
<!-- v-for盒子 -->
|
|
|
- <template v-for="(item, index) in fileMenu" :key="index">
|
|
|
+ <div style="display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;align-content: flex-start;overflow-y: auto;">
|
|
|
+ <template v-for="(item, index) in fileMenu" :key="index">
|
|
|
<div class="setBox" @click="changeFile(item, index)">
|
|
|
<el-dropdown trigger="click" class="selectChe">
|
|
|
<span class="el-dropdown-link">
|
|
|
@@ -52,6 +53,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
+ </div>
|
|
|
+
|
|
|
</div>
|
|
|
<div class="expansion">
|
|
|
<div class="top_box">
|
|
|
@@ -912,7 +915,7 @@ export default {
|
|
|
// const filePreview = canPreviewFile(copyFileType.value)
|
|
|
// if (filePreview) {
|
|
|
loadingPreview.value = false
|
|
|
- addFileTab(clickRow.value);
|
|
|
+ addFileTab(clickRow.value,1);
|
|
|
onlyView.value = false
|
|
|
// editOnline.value = false
|
|
|
cliCC.value = false
|
|
|
@@ -954,7 +957,7 @@ export default {
|
|
|
const filePreview = canPreviewFile(copyFileType.value)
|
|
|
if (filePreview) {
|
|
|
loadingPreview.value = false
|
|
|
- addFileTab(clickRow.value);
|
|
|
+ addFileTab(clickRow.value,0);
|
|
|
// const addData = {
|
|
|
// path:"/fileEdit" + clickRow.value.docId,
|
|
|
// name:clickRow.value.fileName,
|
|
|
@@ -1578,6 +1581,8 @@ export default {
|
|
|
try{
|
|
|
let data = JSON.parse(event.target.result)
|
|
|
}catch(err){
|
|
|
+ const time = Date.now()
|
|
|
+ console.log('time',time);
|
|
|
const link = document.createElement('a'); // 创建a标签
|
|
|
let blob = new Blob([res]);
|
|
|
link.style.display = 'none';
|
|
|
@@ -1602,7 +1607,7 @@ export default {
|
|
|
// 添加监听,点击其他地方关闭文件夹右键菜单
|
|
|
window.addEventListener("click", closeRMenu, true);
|
|
|
window.addEventListener("click", mouseClick, true);
|
|
|
- // console.log('onMounted');
|
|
|
+ console.log('onMounted');
|
|
|
})
|
|
|
// 组件显示
|
|
|
onActivated(()=>{
|
|
|
@@ -1875,15 +1880,29 @@ p {
|
|
|
height: 48px;
|
|
|
background-color: #EBEFF6;
|
|
|
display: flex;
|
|
|
- justify-content: space-around;
|
|
|
+ justify-content: space-between;
|
|
|
align-items: center;
|
|
|
+ padding-left: 16px;
|
|
|
+ padding-right: 16px;
|
|
|
}
|
|
|
|
|
|
.searchFire {
|
|
|
- width: 248px;
|
|
|
+ width: 100%;
|
|
|
height: 32px;
|
|
|
}
|
|
|
+.searchBox{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ position: relative;
|
|
|
+ padding: 8px 16px;
|
|
|
+ .SearchIcon{
|
|
|
+ color: gray;
|
|
|
+ position: absolute;
|
|
|
+ right: 5%;
|
|
|
+ top: 35%;
|
|
|
|
|
|
+ }
|
|
|
+}
|
|
|
.setBox {
|
|
|
width: 88px;
|
|
|
height: 112px;
|