|
@@ -17,7 +17,7 @@
|
|
|
<div style="height: 75vh;overflow-y: auto;">
|
|
|
<div class="searchBox">
|
|
|
<div v-if="leftShowList === 2" style="width:100%">
|
|
|
- <el-input v-model="searchFire" @keyup.enter="fileBlur" class="searchFire" size="large"
|
|
|
+ <el-input v-model="searchFire" @keyup.enter="fileBlur" @input="fileBlur" class="searchFire" size="large"
|
|
|
placeholder="搜索文件夹" />
|
|
|
<el-icon class="SearchIcon" @click="fileBlur">
|
|
|
<Search />
|
|
@@ -25,7 +25,7 @@
|
|
|
</div>
|
|
|
<div v-else style="width:100%">
|
|
|
<el-input v-model="searchFolderTree" @keyup.enter="folderBlur" class="searchFire" size="large"
|
|
|
- placeholder="搜索文件" />
|
|
|
+ placeholder="搜索文件夹" />
|
|
|
<el-icon class="SearchIcon" @click="folderBlur">
|
|
|
<Search />
|
|
|
</el-icon>
|
|
@@ -71,7 +71,7 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
</div>
|
|
|
- <LeftList v-else :spaceType="3" @treeRClick="treeRClick" :searchFolderTree="searchFolderTree" :ListtreeData="ListtreeData" @listfolderClick="listfolderClick"></LeftList>
|
|
|
+ <LeftList v-else :spaceType="3" :collectId="collectId" @treeRClick="treeRClick" :searchFolderTree="searchFolderTree" :ListtreeData="ListtreeData" @listfolderClick="listfolderClick"></LeftList>
|
|
|
</div>
|
|
|
<div class="expansion">
|
|
|
<div class="top_box">
|
|
@@ -433,7 +433,7 @@
|
|
|
<el-icon class="el-icon--upload"><upload-filled /></el-icon>
|
|
|
<div class="el-upload__text">拖入或<em>点击上传</em></div>
|
|
|
<template #tip>
|
|
|
- <div class="el-upload__tip">请选择或拖入文件(一次最多上传10个文件)</div>
|
|
|
+ <div class="el-upload__tip">请选择或拖入文件(一次最多上传10个文件) 仅支持上传文件格式</div>
|
|
|
</template>
|
|
|
</el-upload>
|
|
|
<template #footer>
|
|
@@ -490,7 +490,7 @@
|
|
|
<!-- 图片预览 -->
|
|
|
<!-- 历史版本 -->
|
|
|
<historyList v-if="openForwardFile" :openFile="openForwardFile" :docId="clickRowId" :name="nameForm.name"
|
|
|
- :copyRow="copyRow" @close="openForwardFile = false" :fileUserTreeData="fileUserTreeData.data"
|
|
|
+ :copyRow="copyRow" @setHisData="setHisData" @close="openForwardFile = false" :fileUserTreeData="fileUserTreeData.data"
|
|
|
@changeMsgClose="changeMsgClose" :historyTotal="historyTotal">
|
|
|
</historyList>
|
|
|
<!-- 历史版本 -->
|
|
@@ -519,7 +519,20 @@
|
|
|
</div>
|
|
|
<!-- 扫描文件移动到 -->
|
|
|
<MoveTo v-if="openScanMove" :spaceType='3' :scanFileArr="scanFileArr" :thisFolder="thisFolder" :openScanMove="openScanMove" @closeOpenScanMove='closeOpenScanMove'></MoveTo>
|
|
|
- <TreeMenu v-show="showTreeMenu" :spaceType='3' @restName="restName" @delName="delName" :xz="xz" :yz="yz"></TreeMenu>
|
|
|
+ <TreeMenu v-show="showTreeMenu" :spaceType='3' @delCollect="delCollect" @collectFolder="collectFolder" :clickRow="clickRow" @restName="restName" @delName="delName" :xz="xz" :yz="yz"></TreeMenu>
|
|
|
+ <!-- 查看历史记录的iframe -->
|
|
|
+ <el-dialog
|
|
|
+ v-model="showHis"
|
|
|
+ title="历史记录"
|
|
|
+ width="1250px"
|
|
|
+ :close-delay='200'
|
|
|
+ :before-close="closeHis"
|
|
|
+ >
|
|
|
+ <iframe :key="nowTime" :src="hisIfarmeData.src" :name="nowTime" id="iframeHis" frameborder="0" width="1200px"
|
|
|
+ height="800px" class="iframeBox" ></iframe>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- <iframe v-if="hisIfarmeData?.src" :src="hisIfarmeData.src" id="iframeHis" frameborder="1" width="1200px"
|
|
|
+ height="800px" class="iframeBox" ></iframe> -->
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
@@ -785,12 +798,60 @@ export default {
|
|
|
const delMoreFolder = ref([])
|
|
|
const inputTitle = ref()//验证框标题
|
|
|
const isCode = ref(false)// 验证的类型
|
|
|
- const isAsc = ref("asc");
|
|
|
+ const isAsc = ref("desc");
|
|
|
const leftShowList = ref()
|
|
|
const thisFirst = ref()
|
|
|
const ListtreeData = ref()
|
|
|
const searchFolderTree = ref()
|
|
|
const showTreeMenu = ref(false)
|
|
|
+ const nowTime = ref(new Date().getTime())
|
|
|
+ const showHis = ref(false)
|
|
|
+ const collectId = ref()
|
|
|
+ const hisIfarmeData = ref({
|
|
|
+ // src: `${window.location.origin}/fileEdit?clickRowId=7567&canEdit=0&canCopy=0&history=0&fileId=0`,
|
|
|
+ })
|
|
|
+ const setHisData = (data)=>{
|
|
|
+ nowTime.value = new Date().getTime()
|
|
|
+ hisIfarmeData.value = {
|
|
|
+ src:`${window.location.origin}/fileEdit?clickRowId=${data.docId}&canEdit=0&canCopy=0&history=1&fileId=${data.fileId}`,
|
|
|
+ }
|
|
|
+ showHis.value = true
|
|
|
+ const dom = document.getElementById('iframeHis')
|
|
|
+ if(dom){
|
|
|
+ dom.contentWindow.location.reload();
|
|
|
+ }
|
|
|
+ // console.log(21);
|
|
|
+ setTimeout(() => {
|
|
|
+ iframeSize()
|
|
|
+ }, 1000);
|
|
|
+ // console.log('data',data);
|
|
|
+ }
|
|
|
+ // 控制iframe大小
|
|
|
+ const iframeSize = () => {
|
|
|
+ // console.log('执行ifSize',par);
|
|
|
+ const outIframe = document.getElementById("iframeHis");
|
|
|
+ const inIframe =
|
|
|
+ outIframe.contentDocument.getElementsByTagName("iframe")[0];
|
|
|
+ if(inIframe==null){
|
|
|
+ // console.log('没有inF');
|
|
|
+ setTimeout(() => {
|
|
|
+ // console.log('==============');
|
|
|
+ iframeSize()
|
|
|
+ }, 200);
|
|
|
+ return
|
|
|
+ }
|
|
|
+ // console.log('outIframe', outIframe);
|
|
|
+ // console.error(outIframe.parentElement);
|
|
|
+ inIframe.style.height = outIframe.style.height =
|
|
|
+ 800 + "px";
|
|
|
+ inIframe.style.width = outIframe.style.width =
|
|
|
+ 1200 + "px";
|
|
|
+ }
|
|
|
+ const closeHis = ()=>{
|
|
|
+ // hisIfarmeData.value = {}
|
|
|
+
|
|
|
+ showHis.value = false
|
|
|
+ }
|
|
|
const changeSort = async () => {
|
|
|
isAsc.value == "asc" ? (isAsc.value = "desc") : (isAsc.value = "asc");
|
|
|
// refreshFile()
|
|
@@ -906,6 +967,7 @@ export default {
|
|
|
})
|
|
|
}
|
|
|
const getFirstFolder = ()=>{
|
|
|
+ getFileTree()
|
|
|
let obj = {
|
|
|
pageNum: 1,
|
|
|
pageSize: 9999,
|
|
@@ -1284,6 +1346,8 @@ export default {
|
|
|
fileType: copyFileType.value
|
|
|
}
|
|
|
}
|
|
|
+ sessionStorage.setItem('textData','')
|
|
|
+ sessionStorage.setItem('showImg','')
|
|
|
addFolderAdd(itemData)
|
|
|
}
|
|
|
if (row.name === '打开') {
|
|
@@ -1763,6 +1827,7 @@ export default {
|
|
|
}
|
|
|
// 左边树节点每行点击事件
|
|
|
function listfolderClick(row,firstData) {
|
|
|
+ leftNewFile.value = false
|
|
|
if(row){
|
|
|
thisFolder.value = row
|
|
|
}
|
|
@@ -2088,6 +2153,7 @@ export default {
|
|
|
}else {
|
|
|
console.log(222);
|
|
|
getAllTop()
|
|
|
+ getFirstFolder()
|
|
|
}
|
|
|
getSpaceList()
|
|
|
}
|
|
@@ -2114,7 +2180,7 @@ export default {
|
|
|
// 取消文件收藏
|
|
|
const delCollect = async (row, isfolder) => {
|
|
|
const thisRow = toRaw(row)
|
|
|
- console.log('thisRow', thisRow);
|
|
|
+ // console.log('thisRow', thisRow);
|
|
|
let query = {}
|
|
|
if (isfolder) {
|
|
|
query = {
|
|
@@ -2128,8 +2194,10 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
const res = await delFavorite(query)
|
|
|
- //TODO 之后需要重新获取数据 并message提示
|
|
|
- // console.log('res', res);
|
|
|
+ ElMessage({
|
|
|
+ type: "success",
|
|
|
+ message: "已取消收藏"
|
|
|
+ })
|
|
|
refreshFile()
|
|
|
}
|
|
|
//获取安全图标
|
|
@@ -2389,6 +2457,7 @@ export default {
|
|
|
console.log('changeLeftShow-',leftShowList.value);
|
|
|
if(leftShowList.value == 2){
|
|
|
getFirstFolder()
|
|
|
+
|
|
|
fileList.value = []
|
|
|
}else{
|
|
|
refreshFile()
|
|
@@ -2404,6 +2473,15 @@ export default {
|
|
|
}
|
|
|
clickPath(null,addData)
|
|
|
}
|
|
|
+ if(leftShowList.value === 2){
|
|
|
+ console.log('toList');
|
|
|
+ // 创建标签
|
|
|
+ const addData = {
|
|
|
+ path: '/myfile',
|
|
|
+ label: '我的文件'
|
|
|
+ }
|
|
|
+ clickPath(null,addData)
|
|
|
+ }
|
|
|
}
|
|
|
// 别处过来需要层层打开的文件夹
|
|
|
const openFolderPath = ()=>{
|
|
@@ -2520,6 +2598,10 @@ export default {
|
|
|
onMounted(() => {
|
|
|
// if(!thisFolder.value){
|
|
|
const hasMsg = localStorage.getItem('leftShowList')
|
|
|
+ if (route.query.clickRowId) {
|
|
|
+ const newRow = JSON.parse(route.query.clickRowId)
|
|
|
+ collectId.value = newRow
|
|
|
+ }
|
|
|
if(!hasMsg){
|
|
|
getConfigKey("dir.style.config").then(response => {
|
|
|
leftShowList.value = response.msg - 0;
|
|
@@ -2852,7 +2934,13 @@ export default {
|
|
|
delFolderDataFn,
|
|
|
openFolderPath,
|
|
|
delFolderMenu,
|
|
|
- delFileFn
|
|
|
+ delFileFn,
|
|
|
+ hisIfarmeData,
|
|
|
+ setHisData,
|
|
|
+ closeHis,
|
|
|
+ nowTime,
|
|
|
+ showHis,
|
|
|
+ collectId
|
|
|
}
|
|
|
},
|
|
|
watch: {
|
|
@@ -2907,7 +2995,12 @@ p {
|
|
|
justify-content: flex-start;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
-
|
|
|
+// .iframeBox{
|
|
|
+// position: fixed;
|
|
|
+// top: 10%;
|
|
|
+// left: 20%;
|
|
|
+// z-index: 500000;
|
|
|
+// }
|
|
|
.settingBox {
|
|
|
width: 25vw;
|
|
|
height: 92vh;
|