From 083f8e4ea2030a228ae43ad412f72a5954990878 Mon Sep 17 00:00:00 2001
From: Wangxin <wangxin@icanag.com>
Date: Tue, 11 Nov 2025 22:02:34 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90web=E3=80=91=20=E6=97=B6=E9=97=B4?=
 =?UTF-8?q?=E6=A0=BC=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../alops-ui/src/api/QandA/knowledge.js       |  9 +++
 .../src/views/QandA/knowledge/index.vue       | 62 ++++++++++++++++++-
 .../inMonitoring/devicesState/detail.vue      |  4 +-
 3 files changed, 71 insertions(+), 4 deletions(-)

diff --git a/ALOps_sys_fe/alops-ui/src/api/QandA/knowledge.js b/ALOps_sys_fe/alops-ui/src/api/QandA/knowledge.js
index e59bf367..7f83bc1a 100644
--- a/ALOps_sys_fe/alops-ui/src/api/QandA/knowledge.js
+++ b/ALOps_sys_fe/alops-ui/src/api/QandA/knowledge.js
@@ -64,6 +64,15 @@ export function del(id) {
   })
 }
 
+// 下载文件
+export function downloadFile(fileId) {
+  return request({
+    url: api + '/file/download/' + fileId,
+    method: 'get',
+    responseType: 'blob' // 指定响应类型为二进制数据
+  })
+}
+
 
 
 
diff --git a/ALOps_sys_fe/alops-ui/src/views/QandA/knowledge/index.vue b/ALOps_sys_fe/alops-ui/src/views/QandA/knowledge/index.vue
index 0c1c9207..1496d19a 100644
--- a/ALOps_sys_fe/alops-ui/src/views/QandA/knowledge/index.vue
+++ b/ALOps_sys_fe/alops-ui/src/views/QandA/knowledge/index.vue
@@ -25,8 +25,10 @@
                   <span>{{ formatISOTime(scope.row.uploadTime) }}</span>
                 </template>
               </el-table-column>
-              <el-table-column label="操作" align="center" width="160" class-name="small-padding fixed-width">
+              <el-table-column label="操作" align="center" width="240" class-name="small-padding fixed-width">
                 <template slot-scope="scope" v-if="scope.row.id !== 1">
+                  <el-button size="mini" type="text" icon="el-icon-view" @click="previewFile(scope.row)" v-hasPermi="['QandA:knowledge:preview']">预览</el-button>
+                  <el-button size="mini" type="text" icon="el-icon-download" @click="downloadFile(scope.row)" v-hasPermi="['QandA:knowledge:filedownload']">下载</el-button>
                   <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['QandA:knowledge:update']">修改</el-button>
                   <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['QandA:knowledge:del']">删除</el-button>
                 </template>
@@ -80,7 +82,7 @@
 </template>
 
 <script>
-import { list,  del, add, update, permanentKnowledgeList, uploadedFilesList } from "@/api/QandA/knowledge"
+import { list,  del, add, update, permanentKnowledgeList, uploadedFilesList, downloadFile } from "@/api/QandA/knowledge"
 import { getToken } from "@/utils/auth"
 import Treeselect from "@riophae/vue-treeselect"
 import "@riophae/vue-treeselect/dist/vue-treeselect.css"
@@ -378,6 +380,62 @@ export default {
     // 提交上传文件
     submitFileForm() {
       this.$refs.upload.submit()
+    },
+    // 预览文件
+    previewFile(row) {
+      // 构建完整的文件路径
+      const filePath = this.appBase + row.filePath;
+      
+      // 根据文件格式进行不同处理
+      if (row.format === 'txt') {
+        // 对于txt文件，可以通过新窗口打开直接预览
+        window.open(filePath, '_blank');
+      } else if (row.format === 'docx') {
+        // 对于docx文件，可以使用在线预览服务或通过新窗口打开
+        // 这里使用新窗口打开的方式
+        window.open(filePath, '_blank');
+        // 也可以使用在线预览服务，例如：
+        // const previewUrl = `https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(filePath)}`;
+        // window.open(previewUrl, '_blank');
+      } else {
+        // 其他文件格式的处理
+        this.$message.info('暂不支持此文件格式的预览');
+      }
+    },
+    // 下载文件
+    downloadFile(row) {
+      // 使用导入的API函数进行文件下载
+      downloadFile(row.id).then(response => {
+        // 获取文件名，如果响应头中没有则使用row.source
+        let fileName = row.source;
+        const contentDisposition = response.headers['content-disposition'];
+        if (contentDisposition && contentDisposition.indexOf('filename=') !== -1) {
+          fileName = decodeURIComponent(contentDisposition.split('filename=')[1]);
+        }
+        
+        // 创建Blob对象
+        const blob = new Blob([response.data]);
+        
+        // 创建下载链接
+        const link = document.createElement('a');
+        link.href = URL.createObjectURL(blob);
+        link.download = fileName;
+        link.style.display = 'none';
+        
+        // 添加到DOM并触发下载
+        document.body.appendChild(link);
+        link.click();
+        
+        // 清理
+        document.body.removeChild(link);
+        URL.revokeObjectURL(link.href); // 释放URL对象
+        
+        // 显示下载成功提示
+        this.$message.success('文件下载成功');
+      }).catch(error => {
+        console.error('文件下载失败:', error);
+        this.$message.error('文件下载失败，请重试');
+      });
     }
   }
 }
diff --git a/ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/detail.vue b/ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/detail.vue
index b2241826..59f51416 100644
--- a/ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/detail.vue
+++ b/ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/detail.vue
@@ -161,7 +161,7 @@
                         <el-date-picker
                             v-model="DateValue"
                             type="datetimerange"
-                            value-format="yyyy-MM-dd hh:mm:ss"
+                            value-format="yyyy-MM-dd HH:mm:ss"
                             range-separator="至"
                             start-placeholder="开始日期"
                             end-placeholder="结束日期"
@@ -326,7 +326,7 @@ export default {
   components: { History, Interface, Vlan, Routing, LineChart, Veneer},
   data() {
     return {
-      DateValue: [dayjs().subtract(1, 'week').format('YYYY-MM-DD HH:mm:ss'),dayjs().format('YYYY-MM-DD HH:mm:ss')],
+      DateValue: [dayjs().startOf('day').format('YYYY-MM-DD HH:mm:ss'),dayjs().endOf('day').format('YYYY-MM-DD HH:mm:ss')],
       selectedTab: 1,
       tabs: [
         { name: '历史预警' },