pig/pig-farm-controller-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新接口和调用方

Browse Source
This commit is contained in:
huang
2025-10-29 19:42:48 +08:00
parent fff309f56b
commit 0ff82657ab
5 changed files with 180 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/api/plan.js
View File

@@ -1,7 +1,7 @@
import http from '../utils/http';
/**
* @typedef {('计划分析'|'等待'|'下料')} TaskType
* @typedef {('计划分析'|'等待'|'下料'|'全量采集')} TaskType
*/
/**
@@ -67,6 +67,10 @@ import http from '../utils/http';
* @typedef {('子计划'|'任务')} PlanContentType
*/
/**
* @typedef {('自定义任务'|'系统任务')} PlanType
*/
/**
* @typedef {object} PlanResponse
* @property {number} id
@@ -78,17 +82,41 @@ import http from '../utils/http';
* @property {number} execute_count
* @property {PlanStatus} status
* @property {PlanContentType} content_type
* @property {PlanType} plan_type
* @property {Array<TaskResponse>} tasks
* @property {Array<SubPlanResponse>} sub_plans
*/
/**
* @typedef {object} ListPlansResponse
* @property {Array<PlanResponse>} plans
* @property {number} total
*/
/**
* @typedef {object} PlanExecutionLogDTO
* @property {string} created_at
* @property {string} ended_at
* @property {string} error
* @property {number} id
* @property {number} plan_id
* @property {string} plan_name
* @property {string} started_at
* @property {string} status
* @property {string} updated_at
*/
/**
* 获取所有计划的列表
* @returns {Promise<Array<PlanResponse>>}
* @param {object} params - 查询参数
* @param {number} [params.page] - 页码
* @param {number} [params.pageSize] - 每页大小
* @param {('所有任务'|'自定义任务'|'系统任务')} [params.planType] - 计划类型
* @returns {Promise<ListPlansResponse>}
*/
const getPlans = () => {
return http.get('/api/v1/plans');
const getPlans = (params) => {
return http.get('/api/v1/plans', { params });
};
/**
@@ -110,7 +138,7 @@ const getPlanById = (id) => {
};
/**
* 根据计划ID更新计划的详细信息
* 根据计划ID更新计划的详细信息。系统计划不允许修改。
* @param {number} id - 计划ID
* @param {UpdatePlanRequest} planData - 更新后的计划信息
* @returns {Promise<PlanResponse>}
@@ -120,7 +148,7 @@ const updatePlan = (id, planData) => {
};
/**
* 根据计划ID删除计划（软删除）
* 根据计划ID删除计划。（软删除）系统计划不允许删除。
* @param {number} id - 计划ID
* @returns {Promise<*>}
*/
@@ -129,7 +157,7 @@ const deletePlan = (id) => {
};
/**
* 根据计划ID启动一个计划的执行
* 根据计划ID启动一个计划的执行。系统计划不允许手动启动。
* @param {number} id - 计划ID
* @returns {Promise<*>}
*/
@@ -138,7 +166,7 @@ const startPlan = (id) => {
};
/**
* 根据计划ID停止一个正在执行的计划
* 根据计划ID停止一个正在执行的计划。系统计划不能被停止。
* @param {number} id - 计划ID
* @returns {Promise<*>}
*/

28
src/components/PlanDetail.vue
View File

@@ -20,9 +20,9 @@
<span>{{ plan.name }} - 内容</span>
<div>
<template v-if="!isSubPlan">
<el-button class="button" type="primary" @click="savePlanContent" v-if="isEditingContent">保存</el-button>
<el-button class="button" type="danger" @click="cancelEdit" v-if="isEditingContent">取消</el-button>
<el-button class="button" @click="enterEditMode" v-else>编辑内容</el-button>
<el-button class="button" type="primary" @click="savePlanContent" v-if="isEditingContent" :disabled="plan.plan_type === '系统任务'">保存</el-button>
<el-button class="button" type="danger" @click="cancelEdit" v-if="isEditingContent" :disabled="plan.plan_type === '系统任务'">取消</el-button>
<el-button class="button" @click="enterEditMode" v-else :disabled="plan.plan_type === '系统任务'">编辑内容</el-button>
</template>
<!-- Dynamic Add Buttons -->
@@ -32,12 +32,14 @@
type="primary"
size="small"
@click="showAddSubPlanDialog"
:disabled="plan.plan_type === '系统任务'"
>增加子计划</el-button>
<el-button
v-if="plan.content_type === 'tasks' || !plan.content_type"
type="primary"
size="small"
@click="showTaskEditorDialog()"
:disabled="plan.plan_type === '系统任务'"
>增加子任务</el-button>
</template>
</div>
@@ -61,8 +63,8 @@
延时: {{ task.parameters.delay_duration }} 秒
</p>
<el-button-group v-if="isEditingContent">
<el-button type="primary" size="small" @click="editTask(task)">编辑</el-button>
<el-button type="danger" size="small" @click="deleteTask(task)">删除</el-button>
<el-button type="primary" size="small" @click="editTask(task)" :disabled="plan.plan_type === '系统任务'">编辑</el-button>
<el-button type="danger" size="small" @click="deleteTask(task)" :disabled="plan.plan_type === '系统任务'">删除</el-button>
</el-button-group>
</el-card>
</el-timeline-item>
@@ -80,7 +82,7 @@
<!-- Pass child_plan_id to recursive PlanDetail -->
<plan-detail :plan-id="subPlan.child_plan_id" :is-sub-plan="true" />
<el-button-group v-if="isEditingContent" class="sub-plan-actions">
<el-button type="danger" size="small" @click="deleteSubPlan(subPlan)">删除</el-button>
<el-button type="danger" size="small" @click="deleteSubPlan(subPlan)" :disabled="plan.plan_type === '系统任务'">删除</el-button>
</el-button-group>
</div>
</el-card>
@@ -135,16 +137,16 @@
>
<el-form :model="currentTaskForm" ref="taskFormRef" :rules="taskFormRules" label-width="100px">
<el-form-item label="任务类型" prop="type">
<el-select v-model="currentTaskForm.type" placeholder="请选择任务类型" style="width: 100%;" :disabled="isEditingTask">
<el-select v-model="currentTaskForm.type" placeholder="请选择任务类型" style="width: 100%;" :disabled="isEditingTask || plan.plan_type === '系统任务'">
<!-- Only Delay Task for now -->
<el-option label="延时任务" value="delay_task"></el-option>
</el-select>
</el-form-item>
<el-form-item label="任务名称" prop="name">
<el-input v-model="currentTaskForm.name" placeholder="请输入任务名称"></el-input>
<el-input v-model="currentTaskForm.name" placeholder="请输入任务名称" :disabled="plan.plan_type === '系统任务'"></el-input>
</el-form-item>
<el-form-item label="任务描述" prop="description">
<el-input type="textarea" v-model="currentTaskForm.description" placeholder="请输入任务描述"></el-input>
<el-input type="textarea" v-model="currentTaskForm.description" placeholder="请输入任务描述" :disabled="plan.plan_type === '系统任务'"></el-input>
</el-form-item>
<!-- Dynamic task component for specific parameters -->
<template v-if="currentTaskForm.type === 'delay_task'">
@@ -153,6 +155,7 @@
@update:parameters="val => currentTaskForm.parameters = val"
prop-path="parameters.delay_duration"
:is-editing="true"
:disabled="plan.plan_type === '系统任务'"
/>
</template>
<!-- More task types can be rendered here -->
@@ -160,7 +163,7 @@
<template #footer>
<span class="dialog-footer">
<el-button @click="taskEditorDialogVisible = false">取消</el-button>
<el-button type="primary" @click="confirmTaskEdit">确定</el-button>
<el-button type="primary" @click="confirmTaskEdit" :disabled="plan.plan_type === '系统任务'">确定</el-button>
</span>
</template>
</el-dialog>
@@ -355,7 +358,7 @@ export default {
},
async fetchAvailablePlans() {
try {
const response = await apiClient.plans.getPlans(); // 更正此处
const response = await apiClient.plans.getPlans({ planType: '自定义任务' });
this.availablePlans = response.data.plans.filter(p =>
p.id !== this.planId
);
@@ -483,7 +486,8 @@ export default {
} else {
ElMessage.error('未找到要编辑的任务');
}
} else {
}
else {
// Add a new task
const newTask = {
id: Date.now(),

6
src/views/monitor/PlanExecutionLogsView.vue
View File

@@ -34,6 +34,12 @@ const planExecutionLogColumns = [
sorter: true,
minWidth: 120,
},
{
title: '计划名称',
dataIndex: 'plan_name',
key: 'plan_name',
minWidth: 150,
},
{
title: '状态',
dataIndex: 'status',

31
src/views/plan/PlanList.vue
View File

@@ -9,7 +9,15 @@
<el-icon :size="20"><Refresh /></el-icon>
</el-button>
</div>
<el-button type="primary" @click="addPlan">添加计划</el-button>
<div class="filter-and-add">
<el-select v-model="planTypeFilter" placeholder="选择计划类型" @change="loadPlans" style="width: 150px; margin-right: 10px;">
<el-option label="所有任务" value="所有任务"></el-option>
<el-option label="自定义任务" value="自定义任务"></el-option>
<el-option label="系统任务" value="系统任务"></el-option>
</el-select>
<el-button type="primary" @click="addPlan">添加计划</el-button>
</div>
</div>
</template>
@@ -65,17 +73,18 @@
</el-table-column>
<el-table-column label="操作" width="280">
<template #default="scope">
<el-button size="small" @click="editPlan(scope.row)">编辑</el-button>
<el-button size="small" @click="editPlan(scope.row)" :disabled="scope.row.plan_type === '系统任务'">编辑</el-button>
<el-button size="small" @click="showDetails(scope.row)">详情</el-button>
<el-button
size="small"
:type="scope.row.status === 1 ? 'warning' : 'primary'"
@click="scope.row.status === 1 ? stopPlan(scope.row) : startPlan(scope.row)"
:loading="stoppingPlanId === scope.row.id || startingPlanId === scope.row.id"
:disabled="scope.row.plan_type === '系统任务'"
>
{{ scope.row.status === 1 ? '停止' : '启动' }}
</el-button>
<el-button size="small" type="danger" @click="deletePlan(scope.row)">删除</el-button>
<el-button size="small" type="danger" @click="deletePlan(scope.row)" :disabled="scope.row.plan_type === '系统任务'">删除</el-button>
</template>
</el-table-column>
</el-table>
@@ -145,7 +154,8 @@ export default {
},
selectedPlanIdForDetails: null, // 当前要查看详情的计划ID
startingPlanId: null,
stoppingPlanId: null
stoppingPlanId: null,
planTypeFilter: '自定义任务', // 新增：计划类型筛选，默认自定义任务
};
},
async mounted() {
@@ -158,7 +168,7 @@ export default {
this.error = null;
try {
const response = await apiClient.plans.getPlans(); // 更正此处
const response = await apiClient.plans.getPlans({ planType: this.planTypeFilter }); // 传递 planTypeFilter
let fetchedPlans = response.data?.plans || [];
// Default sort by ID ascending
fetchedPlans.sort((a, b) => a.id - b.id);
@@ -326,6 +336,10 @@ export default {
handlePlanCancel() {
this.dialogVisible = false;
}
},
watch: {
// 监听 planTypeFilter 变化，重新加载计划列表
planTypeFilter: 'loadPlans'
}
};
</script>
@@ -388,6 +402,11 @@ export default {
height: 20px;
}
.filter-and-add {
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.plan-list {
padding: 10px;
@@ -397,4 +416,4 @@ export default {
gap: 15px;
}
}
</style>
</style>