3 changed files with 143 additions and 1 deletions
@ -0,0 +1,122 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<!-- 查询条件 --> |
||||
|
<el-row :gutter="10" class="mb8"> |
||||
|
<el-form :inline="true" :model="queryForm"> |
||||
|
<el-form-item label="任务名称"> |
||||
|
<el-input v-model="queryForm.taskName" placeholder="请输入任务名称" clearable /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="任务类型"> |
||||
|
<el-input v-model="queryForm.taskType" placeholder="请输入任务类型" clearable /> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" icon="Search" @click="handleSearch">搜索</el-button> |
||||
|
<el-button icon="Refresh" @click="resetQuery">重置</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</el-row> |
||||
|
|
||||
|
<!-- 表格 --> |
||||
|
<el-table |
||||
|
v-loading="loading" |
||||
|
:data="taskList" |
||||
|
style="width: 100%" |
||||
|
border |
||||
|
stripe |
||||
|
> |
||||
|
<el-table-column prop="taskCode" label="任务编号" width="180" /> |
||||
|
<el-table-column prop="taskType" label="任务类型" width="180" /> |
||||
|
<el-table-column prop="taskName" label="任务名称" width="220" /> |
||||
|
<el-table-column prop="processReleaseState" label="状态" width="100"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-tag :type="row.processReleaseState === 'ONLINE' ? 'success' : 'info'"> |
||||
|
{{ row.processReleaseState === 'ONLINE' ? '上线' : '下线' }} |
||||
|
</el-tag> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="processDefinitionName" label="工作流名称" /> |
||||
|
<el-table-column prop="taskVersion" label="版本" width="120"> |
||||
|
<template #default="{ row }"> |
||||
|
V{{ row.taskVersion }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column prop="taskCreateTime" label="创建时间" width="180" /> |
||||
|
<el-table-column prop="taskUpdateTime" label="更新时间" width="180" /> |
||||
|
</el-table> |
||||
|
|
||||
|
<!-- 分页 --> |
||||
|
<pagination |
||||
|
v-show="total > 0" |
||||
|
:total="total" |
||||
|
v-model:page="queryForm.pageNum" |
||||
|
v-model:limit="queryForm.pageSize" |
||||
|
@pagination="getList" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script setup> |
||||
|
import { ref, reactive, onMounted } from 'vue' |
||||
|
import { ElMessage } from 'element-plus' |
||||
|
import { listTaskDefinitions } from '@/api/metadataConfig/metadataConfig' |
||||
|
import cache from "@/plugins/cache"; |
||||
|
|
||||
|
// 查询条件 |
||||
|
const queryForm = reactive({ |
||||
|
taskName: '', |
||||
|
taskType: '', |
||||
|
workflowName: '', |
||||
|
pageNum: 1, |
||||
|
pageSize: 10, |
||||
|
userName:cache.local.get("username"), |
||||
|
password:cache.local.get("password") |
||||
|
}) |
||||
|
|
||||
|
// 数据 |
||||
|
const taskList = ref([]) |
||||
|
const total = ref(0) |
||||
|
const loading = ref(false) |
||||
|
|
||||
|
// 获取列表 |
||||
|
async function getList() { |
||||
|
loading.value = true |
||||
|
try { |
||||
|
const res = await listTaskDefinitions(queryForm) |
||||
|
// 假设后端返回 { total, totalList } |
||||
|
taskList.value = res.data.totalList || res.data.rows || [] |
||||
|
total.value = res.data.total || 0 |
||||
|
} catch (error) { |
||||
|
ElMessage.error('获取任务定义失败,请重试') |
||||
|
} finally { |
||||
|
loading.value = false |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// 搜索 |
||||
|
function handleSearch() { |
||||
|
queryForm.pageNum = 1 |
||||
|
getList() |
||||
|
} |
||||
|
|
||||
|
// 重置 |
||||
|
function resetQuery() { |
||||
|
queryForm.taskName = '' |
||||
|
queryForm.taskType = '' |
||||
|
queryForm.pageNum = 1 |
||||
|
getList() |
||||
|
} |
||||
|
|
||||
|
onMounted(() => { |
||||
|
getList() |
||||
|
}) |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.app-container { |
||||
|
padding: 20px; |
||||
|
} |
||||
|
.mb8 { |
||||
|
margin-bottom: 8px; |
||||
|
} |
||||
|
</style> |
Loading…
Reference in new issue