From d227338c80c369ea9b825401f12bd0a3870febc1 Mon Sep 17 00:00:00 2001
From: Dong Xia <dev12301@linx-info.com>
Date: Wed, 30 Oct 2024 17:42:25 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E7=9B=AE=E5=BD=95=E6=A0=91=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E8=AF=A6=E6=83=85=E6=9F=A5=E7=9C=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../list/node-layout/dictionaryTree/index.vue | 59 ++++++++++++++++++-
 1 file changed, 58 insertions(+), 1 deletion(-)

diff --git a/src/pages/node/list/node-layout/dictionaryTree/index.vue b/src/pages/node/list/node-layout/dictionaryTree/index.vue
index 345f91c..d298afe 100644
--- a/src/pages/node/list/node-layout/dictionaryTree/index.vue
+++ b/src/pages/node/list/node-layout/dictionaryTree/index.vue
@@ -39,17 +39,49 @@
         <a-tag v-else><a-icon type="container" /> {{ text }}</a-tag>
       </a-tooltip>
       <template slot="operation" slot-scope="text, record">
+        <a-button :disabled="!record.isRead" type="primary" @click="selectedFile = record;fileQuery.pageNum = 1;showFile(record)">查看</a-button>
         <a-button type="primary" class="ml10" @click="handllPkgModel(record)">所属软件包</a-button>
       </template>
     </a-table>
+    <a-drawer
+      v-if="isShowDetail"
+      title="配置文件详情"
+      placement="right"
+      :visible="isShowDetail"
+      :width="650"
+      @close="isShowDetail = false"
+    >
+      <div class="showFileDetail" :style="{height:tableHeight + 100 + 'px',overflow:'auto'}">
+        <div v-for="(item,index) in fileDetail" :key="index">
+          {{ item }}
+        </div>
+      </div>
+      <!-- <a-pagination
+        style="float:right;margin-top:15px;"
+        :current="filePagination.current"
+        :page-size="1"
+        :total="filePagination.total"
+        :show-total="total => `共 ${total} 页`"
+        :show-quick-jumper="true"
+        show-less-items
+        @change="filePaginationChange"
+      /> -->
+    </a-drawer>
 
+    <!-- 所属软件包弹窗 -->
+    <a-modal v-model="pkgVisible" title="详情信息" :footer="null" :destroy-on-close="true" :width="750">
+      <FilePackage :file-name="fileName" />
+    </a-modal>
   </div>
 </template>
 
 <script>
 import { lsFile, catFile } from '@/api/fs'
+import FilePackage from '../components/file-package.vue'
 export default {
-
+  components: {
+    FilePackage
+  },
   props: {
     node: {
       type: Object,
@@ -171,6 +203,31 @@ export default {
       tempDir.pop()
       this.path = tempDir.join('/')
       this.lsFile()
+    },
+    // 查看文件
+    showFile() {
+      this.isShowDetail = true
+      catFile({
+        nodeId: this.node.id,
+        path: this.selectedFile.name,
+        pageNum: this.fileQuery.pageNum,
+        pageSize: this.fileQuery.pageSize }).then(res => {
+        if (res.code === 200) {
+          this.fileDetail = res.data.list[0]?.split('\n')
+          this.fileQuery.total = Math.ceil(res.data.total / res.data.pageSize) || 0
+          const tbody = document.querySelector('.showFileDetail')
+          tbody.scrollTo(0, 0)
+        }
+      })
+    },
+    // 文件详情翻页
+    filePaginationChange(current, size) {
+      this.fileQuery.pageNum = current
+      this.showFile()
+    },
+    handllPkgModel(row) {
+      this.pkgVisible = true
+      this.fileName = row.name
     }
   }
 }
-- 
Gitee


From b71f5a5b5fd6efc2e6c24ba42acb6358363914f4 Mon Sep 17 00:00:00 2001
From: Dong Xia <dev12301@linx-info.com>
Date: Wed, 30 Oct 2024 17:43:35 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E5=AE=8C=E6=88=90=E7=9B=AE=E5=BD=95?=
 =?UTF-8?q?=E6=A0=91=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/fs.js                                 | 35 +++++++++++++++++++
 .../list/node-layout/dictionaryTree/index.vue | 10 ------
 2 files changed, 35 insertions(+), 10 deletions(-)
 create mode 100644 src/api/fs.js

diff --git a/src/api/fs.js b/src/api/fs.js
new file mode 100644
index 0000000..6e1df68
--- /dev/null
+++ b/src/api/fs.js
@@ -0,0 +1,35 @@
+import axios from './config'
+
+// 获取文件
+export function lsFile(data) {
+  return axios({
+    url: '/fs/ls',
+    headers: {
+      'Content-Type': 'application/json; charset=UTF-8'
+    },
+    method: 'post',
+    data
+  })
+}
+
+// 查询文件
+export function catFile(data) {
+  return axios({
+    url: '/fs/cat',
+    headers: {
+      'Content-Type': 'application/json; charset=UTF-8'
+    },
+    method: 'post',
+    data
+  })
+}
+
+// 查询文件所属软件包
+export function getPkgByFile(data) {
+  return axios({
+    // baseURL: 'http://172.30.17.23:2124',
+    url: '/getPkgByFile',
+    method: 'post',
+    data
+  })
+}
diff --git a/src/pages/node/list/node-layout/dictionaryTree/index.vue b/src/pages/node/list/node-layout/dictionaryTree/index.vue
index d298afe..a4bbea4 100644
--- a/src/pages/node/list/node-layout/dictionaryTree/index.vue
+++ b/src/pages/node/list/node-layout/dictionaryTree/index.vue
@@ -56,16 +56,6 @@
           {{ item }}
         </div>
       </div>
-      <!-- <a-pagination
-        style="float:right;margin-top:15px;"
-        :current="filePagination.current"
-        :page-size="1"
-        :total="filePagination.total"
-        :show-total="total => `共 ${total} 页`"
-        :show-quick-jumper="true"
-        show-less-items
-        @change="filePaginationChange"
-      /> -->
     </a-drawer>
 
     <!-- 所属软件包弹窗 -->
-- 
Gitee