From 85480e07a3223b4e8111724ac54f3d6b92a28498 Mon Sep 17 00:00:00 2001
From: wangchengming <15110151257@163.com>
Date: Sun, 7 Dec 2025 19:05:28 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E6=9C=AC=E5=9C=B0=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/modules/user.js               |  4 ++-
 src/views/mediaLibrary/exportDialog.vue |  7 +++++
 src/views/mediaLibrary/index.vue        | 20 +++++++-----
 src/views/mediaMap/index.vue            |  3 ++
 src/views/outdoorMedia/index.vue        | 42 ++++++++++++++-----------
 5 files changed, 48 insertions(+), 28 deletions(-)

diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index baec5f6..dcf7039 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -16,6 +16,7 @@ const useUserStore = defineStore(
       userName: '',
       avatar: '',
       phoneNumber: '',
+      dataScopeDeptId: '',
       roles: [],
       permissions: []
     }),
@@ -50,13 +51,14 @@ const useUserStore = defineStore(
               this.permissions = res.permissions
             } else {
               this.roles = ['ROLE_DEFAULT']
-            }
+            } 
             this.id = user.userId
             this.name = user.realName
             // this.nickName = user.nickName
             this.userName = user.userName
             this.avatar = avatar
             this.phoneNumber = user.phonenumber
+            this.dataScopeDeptId = user.deptId
             /* 初始密码提示 */
             if(res.isDefaultModifyPwd) {
               ElMessageBox.confirm('您的密码还是初始密码，请修改密码！',  '安全提示', {  confirmButtonText: '确定',  cancelButtonText: '取消',  type: 'warning' }).then(() => {
diff --git a/src/views/mediaLibrary/exportDialog.vue b/src/views/mediaLibrary/exportDialog.vue
index a510c4d..8e15b57 100644
--- a/src/views/mediaLibrary/exportDialog.vue
+++ b/src/views/mediaLibrary/exportDialog.vue
@@ -1314,6 +1314,7 @@ const ckdxPriceFild = ref([
 // 导出提交信息
 const exportForm = ref({
     ids: undefined,
+    dataScopeDeptId: undefined,
     exportBaseFields: undefined,
     mediaTypeExport: [],
     hasFiles: false
@@ -1711,6 +1712,12 @@ const initExportExcel = (_mediaIds, _curDeptIds) => {
     exportForm.value.ids = _mediaIds
     curDeptIds.value = _curDeptIds
 
+    if (_curDeptIds && _curDeptIds.length == 2) exportForm.value.dataScopeDeptId = undefined
+    else {
+        console.log('走了这里？', _curDeptIds)
+        exportForm.value.dataScopeDeptId = _curDeptIds[0]
+    }
+
     exportOpen.value = true
     getMediaExcelBaseField()
     getMediaExcelPriceField()
diff --git a/src/views/mediaLibrary/index.vue b/src/views/mediaLibrary/index.vue
index 48d0d55..5fbc13f 100644
--- a/src/views/mediaLibrary/index.vue
+++ b/src/views/mediaLibrary/index.vue
@@ -180,8 +180,8 @@
                     <el-table-column type="selection" width="55" align="center" />
                     <el-table-column label="媒体名称" align="left" prop="mediaName" width="320">
                         <template #default="scope">
-                            <el-popover popper-class="myImg_popover" placement="right-start" 
-                                :open-delay="300" @show="loadMediaImage(scope.row)" @hide="clearMediaImage(scope.row)">
+                            <el-popover popper-class="myImg_popover" placement="right-start" :open-delay="300"
+                                @show="loadMediaImage(scope.row)" @hide="clearMediaImage(scope.row)">
                                 <div v-if="scope.row.imageLoading" class="img-loading">加载中...</div>
                                 <img v-else-if="scope.row.imageUrl" :src="scope.row.imageUrl" class="media-preview-img"
                                     @error="scope.row.imageUrl = ''" />
@@ -190,7 +190,7 @@
                                 <template #reference>
                                     <span class="mediaNameLabel" @click="handleOpenDetail(scope.row)">{{
                                         scope.row.mediaName
-                                        }}</span>
+                                    }}</span>
                                 </template>
                             </el-popover>
                         </template>
@@ -300,6 +300,7 @@ import { mediaPageList, deleteMedia } from "@/api/mediaLibrary"
 import { listDept } from "@/api/system/dept"
 import { pptTemplatePage } from "@/api/system/pptTemplate"
 import { busDownloadRecordPage } from "@/api/mediaDownRecord"
+import useUserStore from '@/store/modules/user'
 // 注入组件
 import mediaForm from "./mediaForm.vue";
 import mediaDetail from "./mediaDetail.vue";
@@ -313,7 +314,7 @@ import exportPPTDialog from './exportPPTDialog.vue';
 import importPrice from './importPrice.vue';
 import downRecords from './downRecords.vue';
 import { useBackgroundStore } from '@/store/modules/background'
-
+const userStore = useUserStore()
 const router = useRouter()
 const bgStore = useBackgroundStore()
 const { proxy } = getCurrentInstance()
@@ -416,6 +417,8 @@ const tableRef = ref(null)
 // 添加一个标志位来区分是用户操作还是程序设置
 const isSettingSelection = ref(false)
 
+const uniqueDeptIds = ref([])
+
 // 加载图片（异步+并发控制）
 const loadMediaImage = (row) => {
     // 已加载/正在加载，直接返回
@@ -794,9 +797,10 @@ const handleExportExcel = () => {
     //     proxy.$modal.msgWarning("请选择要导出的媒体!!!")
     //     return false
     // }
-    const mediaIds = multipleChoseArr.value.map(item => item.id);
-    const uniqueDeptIds = [...new Set(multipleChoseArr.value.map(item => item.dataScopeDeptId))];
-    exportDialogRef.value.initExportExcel(mediaIds, uniqueDeptIds)
+    const mediaIds = multipleChoseArr.value.map(item => item.id); 
+    if (multipleChoseArr.value.length == 0) uniqueDeptIds.value = [userStore.dataScopeDeptId]
+    else uniqueDeptIds.value = [...new Set(multipleChoseArr.value.map(item => item.dataScopeDeptId))];
+    exportDialogRef.value.initExportExcel(mediaIds, uniqueDeptIds.value)
 }
 /** 导出PPT按钮操作 */
 const handleExportPPT = (tempId) => {
@@ -827,7 +831,7 @@ onMounted(() => {
 </script>
 <style lang="scss">
 // 新增图片预览相关样式
-.myImg_popover { 
+.myImg_popover {
     background: #fff;
     border-radius: 4px;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
diff --git a/src/views/mediaMap/index.vue b/src/views/mediaMap/index.vue
index 9ef2078..d4d4962 100644
--- a/src/views/mediaMap/index.vue
+++ b/src/views/mediaMap/index.vue
@@ -436,6 +436,9 @@ const handleQuery = () => {
 // 获取媒体详情
 const handleViewMedia = (_mediaId) => {
     mediaDetail({ mediaId: _mediaId }).then(res => {
+        // 先清空预览图片集合
+        fileList.value = []
+        previewImg.value = []
         detailForm.value = res.data
         if (detailForm.value.mediaFile && detailForm.value.mediaFile.length > 0) {
             fileList.value = detailForm.value.mediaFile.filter(item => item.fileType == 6)
diff --git a/src/views/outdoorMedia/index.vue b/src/views/outdoorMedia/index.vue
index 54d9ba4..61dcad5 100644
--- a/src/views/outdoorMedia/index.vue
+++ b/src/views/outdoorMedia/index.vue
@@ -123,7 +123,7 @@
                                     @click="handleViewMedia(scope.row.id)" />
                                 <!-- 加载失败占位 -->
                                 <div v-else class="img-error" @click="reloadImg(scope.row)">
-                                    <span class="error-text">加载失败，点击重试</span>
+                                    <span class="error-text">加载失败/无图片，点击重试</span>
                                 </div>
                             </template>
                         </el-table-column>
@@ -488,27 +488,31 @@ const initImgStatus = (list) => {
 
 // 异步加载图片核心函数
 const loadImgAsync = (row) => {
-    // 构建优化后的图片 URL（结合之前的格式/缩略图优化）
-    const imgUrl = baseUrl + row.mediaFileList[0].fileName;
+    if (row.mediaFileList && row.mediaFileList.length > 0) {
+        // 构建优化后的图片 URL（结合之前的格式/缩略图优化）
+        const imgUrl = baseUrl + row.mediaFileList[0].fileName;
 
-    // 创建新的图片对象（异步加载）
-    const img = new Image();
-    img.crossOrigin = 'anonymous'; // 处理跨域
-    img.src = imgUrl;
+        // 创建新的图片对象（异步加载）
+        const img = new Image();
+        img.crossOrigin = 'anonymous'; // 处理跨域
+        img.src = imgUrl;
 
-    // 加载成功回调
-    img.onload = () => {
-        row.imgUrl = imgUrl;
-        row.imgLoaded = true;
-        row.imgError = false;
-    };
+        // 加载成功回调
+        img.onload = () => {
+            row.imgUrl = imgUrl;
+            row.imgLoaded = true;
+            row.imgError = false;
+        };
 
-    // 加载失败回调
-    img.onerror = () => {
-        console.warn('图片异步加载失败：', imgUrl);
-        row.imgError = true;
-        row.imgLoaded = false;
-    };
+        // 加载失败回调
+        img.onerror = () => {
+            console.warn('图片异步加载失败：', imgUrl);
+            row.imgError = true;
+            row.imgLoaded = false;
+        };
+    } else {
+        row.imgError = true; // 无图片时标记为失败（显示无图占位）
+    } 
 };
 
 // 重试加载图片