From 190d2d29617e6704438c5459479b7a56ed090191 Mon Sep 17 00:00:00 2001
From: Dong Xia <dev12301@linx-info.com>
Date: Thu, 31 Oct 2024 14:54:20 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B9=B3=E5=8F=B0=E5=91=BD=E4=BB=A4=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/script.js                  |   9 +++
 src/pages/script/command/index.vue | 114 +++++++++++++++++++++++++++++
 2 files changed, 123 insertions(+)
 create mode 100644 src/pages/script/command/index.vue

diff --git a/src/api/script.js b/src/api/script.js
index 873064b..3ad9605 100644
--- a/src/api/script.js
+++ b/src/api/script.js
@@ -30,6 +30,15 @@ export function executeScriptApi(data) {
   })
 }
 
+// 获取命令列表
+export function getCmommandListApi(data) {
+  return request({
+    url: '/manageCommandPre/list',
+    method: 'post',
+    headers: { 'Content-Type': 'application/json' },
+    data
+  })
+}
 // 执行结果列表
 export function getExecResApi(data) {
   return request({
diff --git a/src/pages/script/command/index.vue b/src/pages/script/command/index.vue
new file mode 100644
index 0000000..b6d691a
--- /dev/null
+++ b/src/pages/script/command/index.vue
@@ -0,0 +1,114 @@
+<template>
+  <div ref="tableBox" style="height: 100%;">
+    <div ref="filter" class="filter">
+      <a-button type="primary" icon="plus" @click="handleAddCommand">添加命令</a-button>
+      <a-button type="primary" @click="handleExecRes">下发结果</a-button>
+    </div>
+
+    <a-table
+      ref="table"
+      :loading="loading"
+      :columns="columns"
+      :data-source="tableData"
+      :pagination="pagination"
+      :scroll="{x: 900, y: tableHeight - 50}"
+      @change="change"
+    >
+      <a slot="param" slot-scope="text">{{ text }}</a>
+      <a slot="path" slot-scope="text">{{ text }}</a>
+      <a slot="createTime" slot-scope="text">{{ text }}</a>
+      <template slot="operation" slot-scope="text, record">
+      </template>
+    </a-table>
+
+  </div>
+</template>
+
+<script>
+import { getCmommandListApi } from '@/api/script'
+
+export default {
+  components: {
+    Commandform,
+    ExecScript,
+    ExecScriptRes,
+    ExecResult
+  },
+  data() {
+    return {
+      loading: false,
+      tableHeight: 0,
+      total: 0,
+      listQuery: {
+        pageNum: 1,
+        pageSize: 10
+      },
+      tableData: [],
+      selectedRow: null,
+      columns: [
+        { title: '命令名称', dataIndex: 'param', key: 'param', width: 100, ellipsis: true },
+        { title: '执行路径', dataIndex: 'path', key: 'path', width: 100, ellipsis: true },
+        { title: '创建时间', dataIndex: 'createTime', key: 'createTime', width: 100, ellipsis: true },
+        { title: '操作', dataIndex: 'operation', key: 'operation', width: 60, ellipsis: true, scopedSlots: { customRender: 'operation' }, align: 'center' }
+      ],
+      buttonLoading: false
+    }
+  },
+  computed: {
+    pagination() {
+      return {
+        total: this.total,
+        current: this.listQuery.pageNum || 1,
+        pageSize: this.listQuery.pageSize || 10,
+        pageSizeOptions: ['10', '20', '50', '100'],
+        showSizeChanger: true,
+        showTotal: (total) => {
+          return `共 ${total} 条`
+        }
+      }
+    }
+  },
+  created() {
+    this.loadData()
+  },
+  mounted() {
+    setTimeout(() => {
+      this.tableHeight = this.$refs.tableBox.clientHeight - 140
+    })
+  },
+  methods: {
+    loadData() {
+      this.loading = true
+      getCmommandListApi({
+        pageNum: this.listQuery.pageNum,
+        pageSize: this.listQuery.pageSize
+      })
+        .then(res => {
+          if (res.code === 200) {
+            this.tableData = res.data?.list
+            this.total = Number(res.data?.total || 0)
+          }
+        })
+        .catch(() => {})
+        .finally(() => {
+          this.loading = false
+        })
+    },
+
+    // 分页、排序、筛选变化时触发
+    change(pagination) {
+      this.listQuery.pageNum = pagination.current
+      this.listQuery.pageSize = pagination.pageSize
+      this.loadData()
+    }
+
+  }
+}
+
+</script>
+
+<style scoped>
+.ant-btn{
+  margin-right: 10px;
+}
+</style>
-- 
Gitee