预览云盘图

src/components/home/BackTop.vue

 <template>
-    <div class="BackTopBox animate__animated animate__fadeInUp">
+    <div class="BackTopBox animate__animated"
+    :class="[scrollTop<400?'animate__fadeOutDown':'animate__fadeInUp']">
         <img class="cursor-pointer"  src="../../assets//img/backtop.png" 
             style="height: 58px;"
             @click="BackTop"/> 
@@ -7,6 +8,12 @@
 </template>
 <script setup lang="ts">
 import { ref, onMounted, reactive } from 'vue'
+const props = defineProps({
+    scrollTop:{
+        type: Number,
+        default: 0,
+    },
+})
 const emit = defineEmits<{
     (event: 'BackTop'): void,
 }>()

src/views/Editor/EditorHeader/index.vue

@@ -247,11 +247,12 @@ const goBack = (type:any) =>{
     }else if(model.value==2){
       if(type==1) {
         searchData.value.SalesEditor = router.currentRoute.value.params
-        searchData.value.TempId2 = queryObj.value.TempId
+        if(searchData.value.sellId)searchData.value.TempId2 = queryObj.value.TempId
         marketStore.setMarket(true)
         SalesBackStore.setSalesBack(1)
         searchData.value.TempId = 0
-        path = `/market/create/${queryObj.value.TemplateType==1?'trip':'ad'}${searchData.value.currentMenu>=0?'/'+searchData.value.currentMenu:''}`
+        if(searchData.value.sellId) path = `/market/create/${queryObj.value.TemplateType==1?'trip':'ad'}${searchData.value.currentMenu>=0?'/'+searchData.value.currentMenu:''}`
+        else path = `/market/create`
       }
       else if(searchData.value.currentMenu>=0) {
         path = `/space/${searchData.value.currentMenu}`
@@ -266,12 +267,14 @@ const goBack = (type:any) =>{
 // 返回是否清空数据
 const setNewDatas = (type,i) => {
     if(!type) {
+      searchData.value.TempId = 0
       searchData.value.TempId2 = 0
       searchData.value.sellId = 0
       searchData.value.sellTempId = 0
       searchData.value.TemplateType = 0
       SalesBackStore.setSalesBack(0)
       SalesEditorStore.setSalesEditor(0)
+      slidesStore.ClearSlides()
     }
     CoverImgStore.setCoverImg(null)
 }

src/views/Market/Index.vue

@@ -226,7 +226,7 @@
     <!-- vip购买提示 -->
     <vipFooter v-if="!userInfo.iv&&!userInfo.it&&!userInfo.OpenPrompt" @close="closeVip"></vipFooter>
     <!-- 到顶部 -->
-    <BackTop v-if="marketRef&&marketRef.scrollTop>800" @BackTop="goBackTop"></BackTop>
+    <BackTop :scrollTop="marketRef&&marketRef.scrollTop>=0?marketRef.scrollTop:0" @BackTop="goBackTop"></BackTop>
 </template>
 
 <script setup lang="ts">

src/views/SellTemplate/CloudDiskList.vue

@@ -30,10 +30,10 @@
               </div>
               <div class="CloudDisk-L-Center fz14" v-loading="loadingGroup">
                   <div class="CloudDisk-L-Title row flex-between cusor-pointer"
-                  v-for="(item,index) in GroupList" :key="index"
+                  v-for="(item,index) in GroupList"
                   :class="[queryObj.CloudGroupId==item.Id?'active':'']">
                       <span class="block" @click="refreshHandler(item)">{{item.GName}}</span>
-                      <div class="row">
+                      <div class="row" :key="index">
                           <template v-if="item.Id">
                               <el-dropdown class="q-pl-lg CloudDisk-L-TitleR" trigger="click">
                                   <div class="CloudDisk-L-Title-M row items-center flex-center">
@@ -83,7 +83,7 @@
                       </FileInput>
                       
                       <template v-for="(item,index) in dataList">
-                        <el-dropdown trigger="click">
+                        <el-dropdown trigger="click" :key="index">
                           <div class="CloudDisk-R-Box cursor-pointer">
                               <div class="CloudDisk-R-Img">
                                   <el-image :src="item.FilePath" style="width: 100%; height: 100%;"
@@ -126,6 +126,7 @@
                               <el-dropdown-item icon="CopyDocument" @click="CopyTo(item)">复制到</el-dropdown-item>
                               <el-dropdown-item icon="Expand" @click="MoveFile(item)">移动到</el-dropdown-item>
                               <el-dropdown-item icon="Delete" @click="deleteImg(item)">删除</el-dropdown-item>
+                              <el-dropdown-item icon="View" @click="getImg(item,index)">查看</el-dropdown-item>
                             </el-dropdown-menu>
                           </template>
                         </el-dropdown>
@@ -169,10 +170,17 @@
       :GroupList="GroupAll"
       @close="close"
       @success="close(),dialogCMVisible=false,SearchGroup(),refreshHandler()"></copyMove>
+
+    <el-image-viewer 
+      @close="() => { isViewerShown = false }" 
+      v-if="isViewerShown" 
+      :initial-index="currentImg"
+      :url-list="srcList"></el-image-viewer>
+      
   </template>
   <script setup lang="ts">
-  import { ref, reactive, watch, inject, onMounted, PropType } from "vue";
-  import { ElMessage } from "element-plus";
+  import { ref, reactive, watch, inject, onMounted, PropType, nextTick } from "vue";
+  import { ElMessage,ElImage, ImageViewer } from "element-plus";
   import { ArrowLeft,CopyDocument } from "@element-plus/icons-vue";
   import CloudDiskService from "@/services/CloudDiskService";
   import { injectKeyTemplate } from "@/types/injectKey";
@@ -209,6 +217,15 @@
   const GroupId = ref(''|Number)
   const dialogCMVisible = ref(false)
   const editLoading = ref(false)
+  
+  const currentImg = ref(-1)
+  const srcList = ref([] as Array<any>)
+  const isViewerShown = ref(false);
+
+  const getImg = (item:any,index:Number) => {
+    currentImg.value = index
+    isViewerShown.value = true
+  }
 
   const CopyTo = (row:any) =>{
     addEditMsg.Id = row.DetailsId
@@ -436,7 +453,9 @@ const SearchImg = () =>{
           });
         };
         arrList(pageRes.data.data.pageData);
+        let imgs = pageRes.data.data.pageData.map(x=> x.FilePath)
         dataList.value = dataList.value.concat(pageRes.data.data.pageData);
+        srcList.value = srcList.value.concat(imgs);
         queryObj.pageCount = pageRes.data.data.pageCount;
       }
       loading.value = false;