宫格视图切换

src/views/collect/index.vue

@@ -18,7 +18,7 @@
           alt=""
         />
         <img
-          v-if="isList"
+          v-if="isList == 1"
           src="@/assets/images/squre.png"
           alt=""
           @click="changeShow"
@@ -120,7 +120,7 @@
       </div>
     </div>
     <el-collapse v-model="activeNames">
-      <div v-if="isList">
+      <div v-if="isList == 1">
         <el-collapse-item name="folder">
           <template #title>
             <span class="collapseItem_title">文件夹</span>
@@ -317,7 +317,7 @@ const thisTab = ref({}); //当前右键的标签
 const isChangeTabName = ref(0); //存放修改状标签的id
 const folderArr = ref(); //文件夹数组
 const fileArr = ref(); //文件数组
-const isList = ref(false); //控制显示方式
+const isList = ref(sessionStorage.getItem('fileGrid') || 0); //控制显示方式
 const showPreview = ref(false); //预览
 const fileRightXY = ref({}); //右键菜单坐标
 const showFlieRM = ref(false); //右键菜单显示
@@ -539,7 +539,16 @@ const tabchange = async (labelId) => {
   console.log("fileArr", fileArr.value);
 };
 const changeShow = () => {
-  isList.value = !isList.value;
+//   isList.value = !isList.value;
+//   fileGrid.value = fileGrids
+//   folderGrid.value = fileGrids;
+if(isList.value == 1){
+    isList.value = 0
+}else{
+    isList.value = 1
+}
+sessionStorage.setItem('fileGrid',isList.value)
+
 };
 const changeSort = async () => {
   isAsc.value == "asc" ? (isAsc.value = "desc") : (isAsc.value = "asc");

src/views/department/MyFile.vue

@@ -158,7 +158,7 @@
                             <img :src="sort" alt="">
                             <!-- //控制宫格展示 -->
                             <img
-                              v-if="isList"
+                              v-if="fileGrid"
                               src="@/assets/images/squre.png"
                               class="shouzhi palace-grid"
                               alt=""
@@ -184,7 +184,7 @@
                             <template #title>
                                <span class="file-title">文件夹</span>
                             </template>
-                            <el-table v-if="folderGrid" :data="folderList" height="37vh" style="width: 100%" :scrollbar-always-on="true"
+                            <el-table v-if="fileGrid == 1" :data="folderList" height="37vh" 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" />
@@ -246,7 +246,7 @@
                                 <template #title>
                                    <span class="file-title">文件</span>
                                 </template>
-                                <el-table v-el-table-infinite-scroll="setScroll" :infinite-scroll-distance="30" :infinite-scroll-disabled="tableBeEnd" v-if="fileGrid" height="38vh" :data="fileList" :scrollbar-always-on="true" style="width: 100%"
+                                <el-table v-el-table-infinite-scroll="setScroll" :infinite-scroll-distance="30" :infinite-scroll-disabled="tableBeEnd" v-if="fileGrid == 1" height="38vh" :data="fileList" :scrollbar-always-on="true" style="width: 100%"
                                     @row-contextmenu="handleRowClick" @selection-change="handleSelectionChange"
                                     @row-click="mouseClick" :default-sort="{ prop: 'createTime', order: 'descending' }">
                                     <el-table-column type="selection" width="55" />
@@ -461,7 +461,7 @@ export default {
         let rename = ref(false)//文件夹重命名
         let spaces = ref(false)//空间扩容父传子
         let folderCase = ref(false)
-        let fileGrid = ref(true)
+        let fileGrid = ref(sessionStorage.getItem('fileGrid') || 0)
         let folderGrid = ref(true)
         let editOnline = ref(true)
         let searchFire = ref('')
@@ -654,9 +654,16 @@ export default {
         //控制宫格展示
         const isList = ref(false); //控制显示方式
         const changeShow = (fileGrids) => {
-          isList.value = !isList.value;
-          fileGrid.value = fileGrids
-          folderGrid.value = fileGrids;
+        //   isList.value = !isList.value;
+        //   fileGrid.value = fileGrids
+        //   folderGrid.value = fileGrids;
+        if(fileGrid.value == 1){
+            fileGrid.value = 0
+        }else{
+            fileGrid.value = 1
+        }
+        sessionStorage.setItem('fileGrid',fileGrid.value)
+
         };
         const upFolderData = ref()// 修改的文件夹的数据
         // const isUpFolder = ref(false)

src/views/myfile/MyFile.vue

@@ -185,7 +185,7 @@
                             <img :src="sort" alt="">
                             <!-- //控制宫格展示 -->
                             <img
-                              v-if="isList"
+                              v-if="fileGrid"
                               src="@/assets/images/squre.png"
                               class="shouzhi palace-grid"
                               alt=""
@@ -211,7 +211,7 @@
                                 <template #title>
                                     <span class="file-title">文件夹</span>
                                 </template>
-                                <el-table v-if="folderGrid" height="37vh" :data="folderList" style="width: 100%" :scrollbar-always-on="true"
+                                <el-table v-if="fileGrid == 1" height="37vh" :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" />
@@ -273,7 +273,7 @@
                                        <span class="file-title">文件</span>
                                     </template>
                                     <el-table v-el-table-infinite-scroll="setScroll" :infinite-scroll-distance="30"
-                                        :infinite-scroll-disabled="tableBeEnd" v-if="fileGrid" height="38vh"
+                                        :infinite-scroll-disabled="tableBeEnd" v-if="fileGrid == 1" height="38vh"
                                         :data="fileList" :scrollbar-always-on="true" style="width: 100%;"
                                         @row-contextmenu="handleRowClick" @selection-change="handleSelectionChange"
                                         @row-click="mouseClick" :default-sort="{ prop: 'createTime', order: 'descending' }">
@@ -497,7 +497,7 @@ export default {
         let rename = ref(false)//文件夹重命名
         let spaces = ref(false)//空间扩容父传子
         let folderCase = ref(false)
-        let fileGrid = ref(true)
+        let fileGrid = ref(sessionStorage.getItem('fileGrid') || 0)
         let folderGrid = ref(true)
         let editOnline = ref(true)
         let searchFire = ref('')
@@ -685,9 +685,16 @@ export default {
          //控制宫格展示
         const isList = ref(false); //控制显示方式
         const changeShow = (fileGrids) => {
-          isList.value = !isList.value;
-          fileGrid.value = fileGrids
-          folderGrid.value = fileGrids;
+        //   isList.value = !isList.value;
+        //   fileGrid.value = fileGrids
+        //   folderGrid.value = fileGrids;
+        if(fileGrid.value == 1){
+            fileGrid.value = 0
+        }else{
+            fileGrid.value = 1
+        }
+        sessionStorage.setItem('fileGrid',fileGrid.value)
+
         };
         // 获取文件夹，中栏，文件
         function getAllTop() {

src/views/publicment/MyFile.vue

@@ -156,7 +156,7 @@
                             <img :src="sort" alt="">
                             <!-- //控制宫格展示 -->
                             <img
-                              v-if="isList"
+                              v-if="fileGrid"
                               src="@/assets/images/squre.png"
                               class="shouzhi palace-grid"
                               alt=""
@@ -182,7 +182,7 @@
                             <template #title>
                                <span class="file-title">文件夹</span>
                             </template>
-                            <el-table v-if="folderGrid" height="37vh" :data="folderList" style="width: 100%" :scrollbar-always-on="true"
+                            <el-table v-if="fileGrid == 1" height="37vh" :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" />
@@ -244,7 +244,7 @@
                                 <template #title>
                                    <span class="file-title">文件</span>
                                 </template>
-                                <el-table v-el-table-infinite-scroll="setScroll" :infinite-scroll-distance="10" :infinite-scroll-disabled="tableBeEnd" v-if="fileGrid" :data="fileList" height="38vh" :scrollbar-always-on="true" style="width: 100%"
+                                <el-table v-el-table-infinite-scroll="setScroll" :infinite-scroll-distance="10" :infinite-scroll-disabled="tableBeEnd" v-if="fileGrid == 1" :data="fileList" height="38vh" :scrollbar-always-on="true" style="width: 100%"
                                     @row-contextmenu="handleRowClick" @selection-change="handleSelectionChange"
                                     @row-click="mouseClick" :default-sort="{ prop: 'createTime', order: 'descending' }">
                                     <el-table-column type="selection" width="55" />
@@ -458,7 +458,7 @@ export default {
         let rename = ref(false)//文件夹重命名
         let spaces = ref(false)//空间扩容父传子
         let folderCase = ref(false)
-        let fileGrid = ref(true)
+        let fileGrid = ref(sessionStorage.getItem('fileGrid') || 0)
         let folderGrid = ref(true)
         let editOnline = ref(true)
         let searchFire = ref('')
@@ -663,9 +663,16 @@ export default {
         //控制宫格展示
         const isList = ref(false); //控制显示方式
         const changeShow = (fileGrids) => {
-          isList.value = !isList.value;
-          fileGrid.value = fileGrids
-          folderGrid.value = fileGrids;
+        //   isList.value = !isList.value;
+        //   fileGrid.value = fileGrids
+        //   folderGrid.value = fileGrids;
+        if(fileGrid.value == 1){
+            fileGrid.value = 0
+        }else{
+            fileGrid.value = 1
+        }
+        sessionStorage.setItem('fileGrid',fileGrid.value)
+
         };
         const upFolderData = ref()// 修改的文件夹的数据
         // 获取文件夹，中栏，文件