diff --git a/web/frontend/src/views/files/Images.vue b/web/frontend/src/views/files/Images.vue
index 9ad6b80..eec0d6a 100644
--- a/web/frontend/src/views/files/Images.vue
+++ b/web/frontend/src/views/files/Images.vue
@@ -99,12 +99,13 @@
       </div>
     </el-dialog>
 
-    <el-dialog v-model="showDetailDlg" title="处理详情" width="70%" :close-on-click-modal="false" top="5vh">
-      <div class="detail-logs">
-        <div v-if="detailLogs.length === 0" style="text-align:center;color:var(--text-muted);padding:40px">暂无该文件的处理日志</div>
-        <div v-for="(line, i) in detailLogs" :key="i" class="detail-line" :class="{err: line.includes('失败')||line.includes('错误'), ok: line.includes('完成')}">{{ line }}</div>
+    <el-dialog v-model="showDetailDlg" title="处理详情" :fullscreen="true" append-to-body :close-on-click-modal="false" class="preview-dialog" @close="showDetailDlg = false">
+      <div class="preview-body">
+        <div class="detail-logs">
+          <div v-if="detailLogs.length === 0" style="text-align:center;color:var(--text-muted);padding:40px">暂无该文件的处理日志</div>
+          <div v-for="(line, i) in detailLogs" :key="i" class="detail-line" :class="{err: line.includes('失败')||line.includes('错误'), ok: line.includes('完成')}">{{ line }}</div>
+        </div>
       </div>
-      <template #footer><el-button @click="showDetailDlg = false">关闭</el-button></template>
     </el-dialog>
 
     <div class="pagination-wrap">
diff --git a/web/frontend/src/views/files/Orders.vue b/web/frontend/src/views/files/Orders.vue
index 744b5ba..e787d36 100644
--- a/web/frontend/src/views/files/Orders.vue
+++ b/web/frontend/src/views/files/Orders.vue
@@ -97,14 +97,13 @@
     </el-dialog>
 
     <!-- Detail dialog -->
-    <el-dialog v-model="showDetailDlg" title="处理详情" width="70%" :close-on-click-modal="false" top="5vh">
-      <div class="detail-logs">
-        <div v-if="detailLogs.length === 0" style="text-align:center;color:var(--text-muted);padding:40px">暂无该文件的处理日志</div>
-        <div v-for="(line, i) in detailLogs" :key="i" class="detail-line" :class="{err: line.includes('失败')||line.includes('错误'), ok: line.includes('完成')}">{{ line }}</div>
+    <el-dialog v-model="showDetailDlg" title="处理详情" :fullscreen="true" append-to-body :close-on-click-modal="false" class="preview-dialog">
+      <div class="preview-body">
+        <div class="detail-logs">
+          <div v-if="detailLogs.length === 0" style="text-align:center;color:var(--text-muted);padding:40px">暂无该文件的处理日志</div>
+          <div v-for="(line, i) in detailLogs" :key="i" class="detail-line" :class="{err: line.includes('失败')||line.includes('错误'), ok: line.includes('完成')}">{{ line }}</div>
+        </div>
       </div>
-      <template #footer>
-        <el-button @click="showDetailDlg = false">关闭</el-button>
-      </template>
     </el-dialog>
 
     <div class="pagination-wrap">
diff --git a/web/frontend/src/views/files/Tables.vue b/web/frontend/src/views/files/Tables.vue
index 0dc0468..87b99e5 100644
--- a/web/frontend/src/views/files/Tables.vue
+++ b/web/frontend/src/views/files/Tables.vue
@@ -95,12 +95,13 @@
       </div>
     </el-dialog>
 
-    <el-dialog v-model="showDetailDlg" title="处理详情" width="70%" :close-on-click-modal="false" top="5vh">
-      <div class="detail-logs">
-        <div v-if="detailLogs.length === 0" style="text-align:center;color:var(--text-muted);padding:40px">暂无该文件的处理日志</div>
-        <div v-for="(line, i) in detailLogs" :key="i" class="detail-line" :class="{err: line.includes('失败')||line.includes('错误'), ok: line.includes('完成')}">{{ line }}</div>
+    <el-dialog v-model="showDetailDlg" title="处理详情" :fullscreen="true" append-to-body :close-on-click-modal="false" class="preview-dialog">
+      <div class="preview-body">
+        <div class="detail-logs">
+          <div v-if="detailLogs.length === 0" style="text-align:center;color:var(--text-muted);padding:40px">暂无该文件的处理日志</div>
+          <div v-for="(line, i) in detailLogs" :key="i" class="detail-line" :class="{err: line.includes('失败')||line.includes('错误'), ok: line.includes('完成')}">{{ line }}</div>
+        </div>
       </div>
-      <template #footer><el-button @click="showDetailDlg = false">关闭</el-button></template>
     </el-dialog>
 
     <div class="pagination-wrap">