From 13a4b647b3ae4225de3eb651b852b59bc1be3893 Mon Sep 17 00:00:00 2001
From: Dong Xia <dev12301@linx-info.com>
Date: Wed, 27 Nov 2024 15:17:33 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=AF=E6=8C=81=E5=8D=87=E7=BA=A7=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E6=9F=A5=E7=9C=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/upgrade/index.vue             | 47 ++++++++++++++++++-------
 src/pages/upgrade/upgradeInfo/index.vue | 33 +++++++++++++++++
 2 files changed, 68 insertions(+), 12 deletions(-)
 create mode 100644 src/pages/upgrade/upgradeInfo/index.vue

diff --git a/src/pages/upgrade/index.vue b/src/pages/upgrade/index.vue
index 99c5870..0bf59da 100644
--- a/src/pages/upgrade/index.vue
+++ b/src/pages/upgrade/index.vue
@@ -41,7 +41,16 @@
         <a-tag v-if="text" class="success">成功</a-tag>
         <a-tag v-else class="danger">失败</a-tag>
       </template>
+
+      <template slot="operation" slot-scope="text, record">
+        <a-button type="link" @click="handleUpgradeInfo(record)"><a-icon type="more" /></a-button>
+      </template>
     </a-table>
+
+    <a-drawer title="升级详情" placement="right" width="35%" :visible="drawerVisible" @close="onClose">
+      <upgrade-info :upgarde-res="upgardeRes" />
+    </a-drawer>
+
     <a-drawer
       title="条件搜索"
       placement="right"
@@ -133,8 +142,12 @@
 <script>
 import dayjs from 'dayjs'
 import moment from 'moment'
+import UpgradeInfo from './upgradeInfo/index.vue'
 import { nodePkgOp, nodePkgOpExport } from '@/api/upgrade'
 export default {
+  components: {
+    UpgradeInfo
+  },
   data() {
     return {
       loading: false,
@@ -200,6 +213,13 @@ export default {
     })
   },
   methods: {
+    handleUpgradeInfo(record) {
+      this.drawerVisible = true
+      this.upgardeRes = record?.opResult || ''
+    },
+    onClose() {
+      this.drawerVisible = false
+    },
     // 刷新表格
     fetchTable() {
       this.loading = true
@@ -278,20 +298,23 @@ export default {
           ...this.listQuery
         })
           .then(res => {
-            const blob = new Blob([res]);
-            // 创建并配置下载链接
-            const link = document.createElement('a');
-            link.href = URL.createObjectURL(blob);
-            link.download = `升级报表_${moment().format('YYYY-MM-DD HH:mm:ss')}.xlsx`;
-            // 触发下载
-            document.body.appendChild(link);
-            link.click();
-            document.body.removeChild(link);
-            // 释放对象URL
-            window.URL.revokeObjectURL(link.href);
-            resolve();
+            const blob = new Blob([res])
+
+            // 创建下载链接
+            const link = document.createElement('a')
+            link.href = URL.createObjectURL(blob)
+
+            link.setAttribute('download', `升级报表_${moment().format('YYYY-MM-DD HH:mm:ss')}.xlsx`)
+
+            document.body.appendChild(link)
+            link.click()
+            document.body.removeChild(link)
+            window.URL.revokeObjectURL(link.href)
+            resolve()
           })
           .catch(err => reject(err))
+          .finally(() => {
+          })
       })
     },
 
diff --git a/src/pages/upgrade/upgradeInfo/index.vue b/src/pages/upgrade/upgradeInfo/index.vue
new file mode 100644
index 0000000..bc43a5f
--- /dev/null
+++ b/src/pages/upgrade/upgradeInfo/index.vue
@@ -0,0 +1,33 @@
+<template>
+  <div style="height:calc(100% - 30px);">
+    <pre class="term">
+      {{ upgardeRes }}
+    </pre>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    upgardeRes: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.term{
+  width: 100%;
+  height: 100%;
+  padding: 5px;
+  border: 1px dashed #888585;
+  border-radius: 5px;
+  white-space: pre-wrap;
+}
+</style>
-- 
Gitee