云盘 批量操作

src/components/CloudDisk/cellList.vue

@@ -6,8 +6,12 @@
                 class="fz14" label="" v-model="item.check" @click.stop="item.check=!item.check"/>
                 <div class="CloudDisk-R-Box cursor-pointer" :key="index">
                     <div class="CloudDisk-R-Img">
-                        <el-image :src="item.FilePath" style="width: 100%; height: 100%;"
-                        fit="cover"/>
+                        <el-image class="row items-center" :src="item.FilePath" style="width: 100%; height: 100%;"
+                        fit="cover">
+                            <template #error>
+                                <el-image :src="errImg"></el-image>
+                            </template>
+                        </el-image>
                     </div>
                     <span class="title block">
                         <el-tooltip effect="dark" :content="item.FileName" placement="bottom">
@@ -108,6 +112,7 @@
     const nickNam = ref(''||  Number)
     const editLoading = ref(false)
     const multipleSelection = ref([] as any)
+    const errImg = ref(require('@/assets/img/noImg.png') as any)
     
     const handleChildMouseDown = (event) => {
         event.stopPropagation()

src/components/CloudDisk/index.vue

@@ -70,8 +70,12 @@
                         <div class="CloudDisk-R-Box cursor-pointer" 
                         :class="[ImgId==item.DetailsId?'active':'active2']" @click="setImg(item)">
                             <div class="CloudDisk-R-Img">
-                                <el-image :src="item.FilePath" style="width: 100%; height: 100%;"
-                                fit="cover"/>
+                                <el-image class="row items-center" :src="item.FilePath" style="width: 100%; height: 100%;"
+                                fit="cover">
+                                    <template #error>
+                                        <el-image :src="errImg"></el-image>
+                                    </template>
+                                </el-image>
                                 <!-- <el-image
                                     style="width: 80px; height: 80px"
                                     :src="item.FilePath"
@@ -250,6 +254,8 @@ const editorTarget = ref('')
 const editLoading = ref(false)
 const ShowMessage = ref(false)
 const currentMore = ref(0)
+const errImg = ref(require('@/assets/img/noImg.png') as any)
+
 
 const emit = defineEmits<{
   (event: 'setImg'): void,

src/components/CloudDisk/list.vue

@@ -10,7 +10,7 @@
               <template #default="scope">
                 <div class="row items-center">
                         <el-image
-                        class="cursor-pointer"
+                        class="cursor-pointer row items-center"
                         style="width: 50px; height: auto"
                         :src="scope.row.FilePath"
                         :preview-src-list="[]"

src/views/TemplateCenter/Index.vue

@@ -154,6 +154,7 @@
     <el-table-column label="封面图">
         <template #default="scope" width="110">
           <el-image
+              class="row items-center"
               style="width: 50px; height: auto"
               :src="scope.row.CoverImg"
               :zoom-rate="1.2"
@@ -162,7 +163,11 @@
               :preview-src-list="[]"
               :initial-index="4"
               fit="contain"
-          />
+          >
+          <template #error>
+            <el-image :src="errImg"></el-image>
+            </template>
+        </el-image>
         </template>
       </el-table-column>
       <el-table-column label="名称">
@@ -345,6 +350,7 @@ const QAuthTypes = ref([
     {Name:'VIP',ID:2},
     {Name:'私有',ID:3},
 ])
+const errImg = ref(require('@/assets/img/noImg.png') as any)
 marketStore.setModel('1')
 const tableScrollHandler = ()=>{
     if(queryObj.pageCount>queryObj.pageIndex){

src/views/components/element/ImageElement/index.vue

@@ -51,6 +51,7 @@
               filter: filter,
             }" 
             @dragstart.prevent
+            @dblclick="openDataReplace()"
             alt=""
           />
           <div class="color-mask"
@@ -68,7 +69,7 @@
 <script lang="ts" setup>
 import { computed } from 'vue'
 import { storeToRefs } from 'pinia'
-import { useMainStore, useSlidesStore } from '@/store'
+import { useMainStore, useSlidesStore, useScreenStore } from '@/store'
 import type { ImageElementClip, PPTImageElement } from '@/types/slides'
 import type { ImageClipedEmitData } from '@/types/edit'
 import type { ContextmenuItem } from '@/components/Contextmenu/types'
@@ -108,6 +109,12 @@ const { clipShape, imgPosition } = useClipImage(clip)
 const filters = computed(() => props.elementInfo.filters)
 const { filter } = useFilter(filters)
 
+const { imgReplaceVisible } = storeToRefs(useScreenStore())
+
+const openDataReplace = () => {
+  imgReplaceVisible.value = true
+}
+
 const handleSelectElement = (e: MouseEvent | TouchEvent) => {
   if(e.button && e.button== 1) return
   if (props.elementInfo.lock) {