From cb240126ca776b3c797936594704efc50d53313e Mon Sep 17 00:00:00 2001
From: wanghaohao <wanghaohao@kylinos.cn>
Date: Mon, 8 Dec 2025 17:21:29 +0800
Subject: [PATCH] add version table card

---
 .../src/views/scriptLibrary/versionScript.vue | 104 +++++++++++++++++-
 1 file changed, 101 insertions(+), 3 deletions(-)

diff --git a/automation/web/src/views/scriptLibrary/versionScript.vue b/automation/web/src/views/scriptLibrary/versionScript.vue
index 0832bcfe..3d1d10e4 100644
--- a/automation/web/src/views/scriptLibrary/versionScript.vue
+++ b/automation/web/src/views/scriptLibrary/versionScript.vue
@@ -72,17 +72,80 @@
     </el-card>
     <el-button type="primary" size="small" @click="addVersion">新建版本</el-button>
     <el-button type="primary" size="small" @click="comparisonVersion">版本对比</el-button>
+    <!-- 版本列表表格 -->
+    <el-card class="version-table-card">
+      
+    <KyTable 
+        ref="tableRef" 
+        :getData="scriptVersion" 
+        :showSelect="showSelect"
+      >
+        <template #table-action>
+        </template>
+        <!-- table表格 -->
+        <template #table>
+          <el-table-column
+            prop="version"
+            :label="'版本号'"
+          />
+           <!-- <el-table-column
+            prop="targetSystem"
+            :label="'被引用'"
+          /> -->
+          <el-table-column
+            prop="modify_user"
+            :label="'更新人'"
+          />
+          <el-table-column
+            prop="modify_time"
+            :label="'更新时间'"
+          />
+          <el-table-column
+            prop="status"
+            :label="'状态'"
+          />
+          <el-table-column
+            prop="targetSystem"
+            :label="'操作'"
+          >
+            <template #default="scope" >
+              <el-button type="link" size="small" @click="publishVersion(scope.row)">上线</el-button>
+              <el-button type="link" size="small">禁用</el-button>
+              <el-button type="link" size="small">编辑</el-button>
+              <el-button type="link" size="small">克隆</el-button>
+              <el-button type="link" size="small">去执行</el-button>
+              <el-button type="link" size="small" @click="deleteVersion(scope.row)">删除</el-button>
+            </template>
+
+          </el-table-column>
+        </template>
+        
+        <template #empty>
+          <div>
+            <span role="button" class="link-btn" @click="addScript">
+              创建一个脚本吧!
+            </span>
+          </div>
+        </template>
+    </KyTable>
+    </el-card>
   </div>
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from 'vue';
+import { ref,defineAsyncComponent, onMounted } from 'vue';
 import { ElMessage } from 'element-plus';
 import { useRouter, useRoute } from 'vue-router'
+import { scriptVersion,scriptVersionPublish,scriptVersionDel } from '@/api/scriptLibrary';
+const KyTable = defineAsyncComponent(() => import('@/components/KyTable/index.vue'));
+
+
 const router = useRouter();
 const route = useRoute();
 const dialogVisible = ref<boolean>(false);
 const rwType = ref<string>('custom_list');
+const tableRef = ref(null);
+const showSelect = ref<boolean>(true); // 定义是否显示选择框
 // 脚本详情信息
 const scriptInfo:any = route.query
 const scriptInfo_tag = JSON.parse(scriptInfo.tag)
@@ -90,12 +153,13 @@ console.log('[ scriptInfo ] >', scriptInfo,scriptInfo_tag)
 // 确保在组件挂载时获取脚本详情
 onMounted(() => {
 });
-
-
 const handleCloseDialog = () => {
   dialogVisible.value = false;
   rwType.value = '';
 };
+const addScript = () => { 
+  router.push('/script_library/addScript')
+}
 const isEditingName = ref()
 const tempName = ref()
 const nameInputRef = ref()
@@ -145,6 +209,40 @@ const saveName = async () => {
     ElMessage.error('更新脚本名称失败，请重试');
   }
 };
+const deleteVersion = async (row:any) => {
+  try {
+    const res = await scriptVersionDel({
+      id: row.id
+    });
+    if (res.data.code === 200) {
+      ElMessage.success('已删除');
+      // 刷新当前页面
+      router.go(0);
+    } else {
+      ElMessage.error(res.data.msg || '删除失败');
+    }
+  } catch (error) {
+    ElMessage.error('删除失败，请重试');
+  }
+}
+const publishVersion = async (row: any) => {
+  try {
+    const res = await scriptVersionPublish({
+      id: row.id,
+      new_status: '已发布',
+    });
+    if (res.data.code === 200) {
+      ElMessage.success('上线成功');
+      // 刷新当前页面
+      router.go(0);
+    } else {
+      ElMessage.error(res.data.msg || '上线失败');
+    }
+  } catch (error) {
+    console.error('上线失败:', error);
+    ElMessage.error('上线失败，请重试');
+  }
+}
 // 取消编辑
 const cancelEditName = () => {
   isEditingName.value = false;
-- 
Gitee