宫格右键

src/views/department/MyFile.vue

@@ -218,7 +218,7 @@
 
                                 </el-table>
                                 <PlaceGridFolder v-else @folderClick="folderClick" :restName="restName"
-                                    :collectFolder="collectFolder" :getAllTop="getAllTop" @folderBack="folderBack"  :thisFolder="thisFolder" :impDirId="impDirId">
+                                    :collectFolder="collectFolder" @folderRClick="folderRClick" :getAllTop="getAllTop" @folderBack="folderBack"  :thisFolder="thisFolder" :impDirId="impDirId">
                                 </PlaceGridFolder>
                             </el-collapse-item>
                         </el-collapse>
@@ -282,7 +282,7 @@
                                     </el-table-column>
                                 </el-table>
                                 <PalaceGridFile v-else @showFile="showFile" :getAllTop="getAllTop" @navBack="navBack"
-                                    @lastBB="lastBB" @onlineCase="onlineCase" @shareBack="shareBack"  :thisFolder="thisFolder" :fileList="fileList"></PalaceGridFile>
+                                    @lastBB="lastBB" @handleRowClick="handleRowClick" @onlineCase="onlineCase" @shareBack="shareBack"  :thisFolder="thisFolder" :fileList="fileList"></PalaceGridFile>
                             </el-collapse-item>
                         </el-collapse>
                         <div :class="{'setCli':!noMenuItem}" v-if="cliCC" :style="{ left: xz + 'px', top: yz -100 + 'px' }">

src/views/department/components/PalaceGridFile.vue

@@ -249,27 +249,30 @@ export default {
                 return ImgFile.elseFile
             }
         }
-        function rightClick(row, event) {
-            event.preventDefault()
-            isFolder.value = "N"
-            clickRow.value = row
-            xz.value = event.pageX
-            yz.value = event.pageY
-            copyRow.value = row
-            clickRowId.value = row.docId
-            copyDirId.value = row.dirId
-            copySpaceId.value = row.spaceId
-            copyFileId.value = row.fileId
-            copyFileSize.value = row.fileSize
-            copyFileType.value = row.fileType
-            nameForm.value.name = row.fileName
-            copyFileName.value = row.fileName
-            if (cliCC.value === true) {
-                cliCC.value = false
-            } else {
-                cliCC.value = true
-            }
-        }
+        // function rightClick(row, event) {
+        //     event.preventDefault()
+        //     isFolder.value = "N"
+        //     clickRow.value = row
+        //     xz.value = event.pageX
+        //     yz.value = event.pageY
+        //     copyRow.value = row
+        //     clickRowId.value = row.docId
+        //     copyDirId.value = row.dirId
+        //     copySpaceId.value = row.spaceId
+        //     copyFileId.value = row.fileId
+        //     copyFileSize.value = row.fileSize
+        //     copyFileType.value = row.fileType
+        //     nameForm.value.name = row.fileName
+        //     copyFileName.value = row.fileName
+        //     if (cliCC.value === true) {
+        //         cliCC.value = false
+        //     } else {
+        //         cliCC.value = true
+        //     }
+        // }
+       const rightClick = (row,e)=>{
+        emit("handleRowClick", row,null,e)
+       }
         //对mouseCli数组进行筛选，实现菜单的区分显示
         const filterMouseCli = () => {
             const canPreviewArray = ['.doc', '.docm', '.docx', '.dot', '.dotm', '.dotx', '.epub', '.fodt', '.htm', '.html', '.mht', '.odt', '.ott', '.pdf', '.rtf', '.txt', '.djvu', '.xps', 'csv', 'fods', 'ods', 'ots', 'xls', 'xlsm', 'xlsx', 'xlt', 'xltm', 'xltx', 'fodp', 'odp', 'otp', 'pot', 'potm', 'potx', 'pps', 'ppsm', 'ppsx', 'ppt', 'pptm', 'pptx']

src/views/department/components/PlaceGridFolder.vue

@@ -5,7 +5,7 @@
             <div class="bigBox" style="height: 250px; overflow: auto;" v-if="folderListGrid?.length">
                 <template v-for="(item, index) in folderListGrid" :key="index">
                     <!-- 循环盒子 -->
-                    <div class="flexBox" @contextmenu="rightClick(item, index, $event)" @click="folderClickGrid(item)">
+                    <div class="flexBox" @contextmenu="rightClick(item, $event)" @click="folderClickGrid(item)">
                         <!-- 图片 -->
                         <div class="imgBox">
                             <img :src="item.dirType=='1'?fileBox:ordinaryList"
@@ -135,21 +135,24 @@ export default {
                 // })
             })
         }
-        function rightClick(row, num, eve) {
-            eve.preventDefault();
-            eve.stopPropagation();
-            folderleft.value = eve.pageX
-            foldertop.value = eve.pageY
-            copyDir.value = row.dirId
-            copySpa.value = row.spaceId
-            copyNma.value = row.dirName
-            copyFir.value = row.dirName
-            if (folderVisible.value) {
-                folderVisible.value = false
-            } else {
-                folderVisible.value = true
-            }
-        }
+        // function rightClick(row, num, eve) {
+        //     eve.preventDefault();
+        //     eve.stopPropagation();
+        //     folderleft.value = eve.pageX
+        //     foldertop.value = eve.pageY
+        //     copyDir.value = row.dirId
+        //     copySpa.value = row.spaceId
+        //     copyNma.value = row.dirName
+        //     copyFir.value = row.dirName
+        //     if (folderVisible.value) {
+        //         folderVisible.value = false
+        //     } else {
+        //         folderVisible.value = true
+        //     }
+        // }
+        const rightClick = (row,e)=>{
+        emit("folderRClick", row,null,e)
+       }
         function mouseClick() {
             folderVisible.value = false
         }

src/views/myfile/MyFile.vue

@@ -244,7 +244,7 @@
                                         </el-table-column>
                                     </el-table>
                                     <PlaceGridFolder v-else @folderClick="folderClick" :restName="restName"
-                                        :collectFolder="collectFolder" :getAllTop="getAllTop" @folderBack="folderBack" :thisFolder="thisFolder">
+                                        :collectFolder="collectFolder" @folderRClick="folderRClick" :getAllTop="getAllTop" @folderBack="folderBack" :thisFolder="thisFolder">
                                     </PlaceGridFolder>
                                 </el-collapse-item>
                             </el-collapse>
@@ -258,7 +258,7 @@
                                 <div class="menu_item" @click="restName(null, null)">
                                     <img src="@/assets/images/textbox.png" alt="" />
                                     <span>重命名</span>
-                                </div>shareBack
+                                </div>
                                 <div class="menu_item" @click="collectFolder">
                                     <img src="@/assets/images/collect.png" alt="" />
                                     <span>收藏</span>

src/views/myfile/components/PalaceGridFile.vue

@@ -4,7 +4,7 @@
         <div class="bigBox" style="height: 250px; overflow: auto;" v-if="fileList?.length">
             <template v-for="(item, index) in fileList" :key="index">
                 <!-- 循环盒子 -->
-                <div class="flexBox" @contextmenu="props.handleRowClick(item)">
+                <div class="flexBox" @contextmenu="rightClick(item, $event)">
                     <!-- 图片 -->
                     <div class="imgBox">
                         <img :src="getImage(item.fileType)" alt="" style="vertical-align: middle;cursor: pointer;">
@@ -84,10 +84,6 @@ export default {
             type: Function,
             required: true
         },
-        handleRowClick: {
-            type: Function,
-            required: true
-        },
         thisFolder: {
             type: Object,
             required: true
@@ -256,29 +252,32 @@ export default {
                 return ImgFile.elseFile
             }
         }
-        function rightClick(row, event) {
-            event.preventDefault()
-            isFolder.value = "N"
-            clickRow.value = row
-            xz.value = event.pageX
-            yz.value = event.pageY
-            copyRow.value = row
-            clickRowId.value = row.docId
-            copyDirId.value = row.dirId
-            copySpaceId.value = row.spaceId
-            copyFileId.value = row.fileId
-            copyFileSize.value = row.fileSize
-            copyFileType.value = row.fileType
-            nameForm.value.name = row.fileName
-            copyFileName.value = row.fileName
-            if (cliCC.value === true) {
-                cliCC.value = false
-            } else {
-                cliCC.value = true
-            }
-        }
+        // function rightClick(row, event) {
+        //     event.preventDefault()
+        //     isFolder.value = "N"
+        //     clickRow.value = row
+        //     xz.value = event.pageX
+        //     yz.value = event.pageY
+        //     copyRow.value = row
+        //     clickRowId.value = row.docId
+        //     copyDirId.value = row.dirId
+        //     copySpaceId.value = row.spaceId
+        //     copyFileId.value = row.fileId
+        //     copyFileSize.value = row.fileSize
+        //     copyFileType.value = row.fileType
+        //     nameForm.value.name = row.fileName
+        //     copyFileName.value = row.fileName
+        //     if (cliCC.value === true) {
+        //         cliCC.value = false
+        //     } else {
+        //         cliCC.value = true
+        //     }
+        // }
         //对mouseCli数组进行筛选，实现菜单的区分显示
-        const filterMouseCli = () => {
+       const rightClick = (row,e)=>{
+        emit("handleRowClick", row,null,e)
+       }
+       const filterMouseCli = () => {
             const canPreviewArray = ['.doc', '.docm', '.docx', '.dot', '.dotm', '.dotx', '.epub', '.fodt', '.htm', '.html', '.mht', '.odt', '.ott', '.pdf', '.rtf', '.txt', '.djvu', '.xps', 'csv', 'fods', 'ods', 'ots', 'xls', 'xlsm', 'xlsx', 'xlt', 'xltm', 'xltx', 'fodp', 'odp', 'otp', 'pot', 'potm', 'potx', 'pps', 'ppsm', 'ppsx', 'ppt', 'pptm', 'pptx']
             const typeArr = ['.png', '.jpg', '.jpeg', '.JPG', '.mp3', '.mp4']
             const imgTypeArr = ['.png', '.jpg', '.jpeg', '.JPG']

src/views/myfile/components/PlaceGridFolder.vue

@@ -5,7 +5,7 @@
             <div class="bigBox" style="height: 250px; overflow: auto;" v-if="folderListGrid?.length">
                 <template v-for="(item, index) in folderListGrid" :key="index">
                     <!-- 循环盒子 -->
-                    <div class="flexBox" @contextmenu="rightClick(item, index, $event)" @click="folderClickGrid(item)">
+                    <div class="flexBox" @contextmenu="rightClick(item, $event)" @click="folderClickGrid(item)">
                         <!-- 图片 -->
                         <div class="imgBox">
                             <img src="../../../assets/images/folderBig.png" alt="" style="vertical-align: middle;cursor: pointer;">
@@ -127,22 +127,25 @@ export default {
                 // })
             })
         }
-        function rightClick(row, num, eve) {
-            console.log('row=====', row,num,eve)
-            eve.preventDefault();
-            eve.stopPropagation();
-            folderleft.value = eve.pageX
-            foldertop.value = eve.pageY
-            copyDir.value = row.dirId
-            copySpa.value = row.spaceId
-            copyNma.value = row.dirName
-            copyFir.value = row.dirName
-            if (folderVisible.value) {
-                folderVisible.value = false
-            } else {
-                folderVisible.value = true
-            }
-        }
+        // function rightClick(row, num, eve) {
+        //     console.log('row=====', row,num,eve)
+        //     eve.preventDefault();
+        //     eve.stopPropagation();
+        //     folderleft.value = eve.pageX
+        //     foldertop.value = eve.pageY
+        //     copyDir.value = row.dirId
+        //     copySpa.value = row.spaceId
+        //     copyNma.value = row.dirName
+        //     copyFir.value = row.dirName
+        //     if (folderVisible.value) {
+        //         folderVisible.value = false
+        //     } else {
+        //         folderVisible.value = true
+        //     }
+        // }
+       const rightClick = (row,e)=>{
+        emit("folderRClick", row,null,e)
+       }
         function mouseClick() {
             folderVisible.value = false
         }

src/views/publicment/MyFile.vue

@@ -216,7 +216,7 @@
 
                                 </el-table>
                                 <PlaceGridFolder v-else  @folderClick="folderClick" :restName="restName"
-                                    :collectFolder="collectFolder" :getAllTop="getAllTop" @folderBack="folderBack" :thisFolder="thisFolder">
+                                    :collectFolder="collectFolder" @folderRClick="folderRClick" :getAllTop="getAllTop" @folderBack="folderBack" :thisFolder="thisFolder">
                                 </PlaceGridFolder>
                             </el-collapse-item>
                     </el-collapse>
@@ -280,7 +280,7 @@
                                     </el-table-column>
                                 </el-table>
                                 <PalaceGridFile v-else @showFile="showFile" :getAllTop="getAllTop" @navBack="navBack"
-                                    @lastBB="lastBB" @onlineCase="onlineCase" @shareBack="shareBack" :thisFolder="thisFolder" :fileList="fileList"></PalaceGridFile>
+                                    @lastBB="lastBB" @handleRowClick="handleRowClick" @onlineCase="onlineCase" @shareBack="shareBack" :thisFolder="thisFolder" :fileList="fileList"></PalaceGridFile>
                             </el-collapse-item>
                         </el-collapse>
                         <div :class="{'setCli':!noMenuItem}" v-if="cliCC" :style="{ left: xz + 'px', top: yz -100 + 'px' }">

src/views/publicment/components/PalaceGridFile.vue

@@ -248,27 +248,30 @@ export default {
                 return ImgFile.elseFile
             }
         }
-        function rightClick(row, event) {
-            event.preventDefault()
-            isFolder.value = "N"
-            clickRow.value = row
-            xz.value = event.pageX
-            yz.value = event.pageY
-            copyRow.value = row
-            clickRowId.value = row.docId
-            copyDirId.value = row.dirId
-            copySpaceId.value = row.spaceId
-            copyFileId.value = row.fileId
-            copyFileSize.value = row.fileSize
-            copyFileType.value = row.fileType
-            nameForm.value.name = row.fileName
-            copyFileName.value = row.fileName
-            if (cliCC.value === true) {
-                cliCC.value = false
-            } else {
-                cliCC.value = true
-            }
-        }
+        // function rightClick(row, event) {
+        //     event.preventDefault()
+        //     isFolder.value = "N"
+        //     clickRow.value = row
+        //     xz.value = event.pageX
+        //     yz.value = event.pageY
+        //     copyRow.value = row
+        //     clickRowId.value = row.docId
+        //     copyDirId.value = row.dirId
+        //     copySpaceId.value = row.spaceId
+        //     copyFileId.value = row.fileId
+        //     copyFileSize.value = row.fileSize
+        //     copyFileType.value = row.fileType
+        //     nameForm.value.name = row.fileName
+        //     copyFileName.value = row.fileName
+        //     if (cliCC.value === true) {
+        //         cliCC.value = false
+        //     } else {
+        //         cliCC.value = true
+        //     }
+        // }
+        const rightClick = (row,e)=>{
+        emit("handleRowClick", row,null,e)
+       }
         //对mouseCli数组进行筛选，实现菜单的区分显示
         const filterMouseCli = () => {
             const canPreviewArray = ['.doc', '.docm', '.docx', '.dot', '.dotm', '.dotx', '.epub', '.fodt', '.htm', '.html', '.mht', '.odt', '.ott', '.pdf', '.rtf', '.txt', '.djvu', '.xps', 'csv', 'fods', 'ods', 'ots', 'xls', 'xlsm', 'xlsx', 'xlt', 'xltm', 'xltx', 'fodp', 'odp', 'otp', 'pot', 'potm', 'potx', 'pps', 'ppsm', 'ppsx', 'ppt', 'pptm', 'pptx']

src/views/publicment/components/PlaceGridFolder.vue

@@ -5,7 +5,7 @@
             <div class="bigBox" style="height: 250px; overflow: auto;" v-if="folderListGrid?.length">
                 <template v-for="(item, index) in folderListGrid" :key="index">
                     <!-- 循环盒子 -->
-                    <div class="flexBox" @contextmenu="rightClick(item, index, $event)" @click="folderClickGrid(item)">
+                    <div class="flexBox" @contextmenu="rightClick(item,$event)" @click="folderClickGrid(item)">
                         <!-- 图片 -->
                         <div class="imgBox">
                             <img :src="item.dirType=='1'?fileBox:ordinaryList"
@@ -134,21 +134,24 @@ export default {
                 // })
             })
         }
-        function rightClick(row, num, eve) {
-            eve.preventDefault();
-            eve.stopPropagation();
-            folderleft.value = eve.pageX
-            foldertop.value = eve.pageY
-            copyDir.value = row.dirId
-            copySpa.value = row.spaceId
-            copyNma.value = row.dirName
-            copyFir.value = row.dirName
-            if (folderVisible.value) {
-                folderVisible.value = false
-            } else {
-                folderVisible.value = true
-            }
-        }
+        // function rightClick(row, num, eve) {
+        //     eve.preventDefault();
+        //     eve.stopPropagation();
+        //     folderleft.value = eve.pageX
+        //     foldertop.value = eve.pageY
+        //     copyDir.value = row.dirId
+        //     copySpa.value = row.spaceId
+        //     copyNma.value = row.dirName
+        //     copyFir.value = row.dirName
+        //     if (folderVisible.value) {
+        //         folderVisible.value = false
+        //     } else {
+        //         folderVisible.value = true
+        //     }
+        // }
+        const rightClick = (row,e)=>{
+        emit("folderRClick", row,null,e)
+       }
         function mouseClick() {
             folderVisible.value = false
         }