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