molong/laravel_swoole
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

格式化代码，websocket功能完善

Browse Source
This commit is contained in:
molong
2026-02-18 21:50:05 +08:00
parent 6543e2ccdd
commit b6c133952b
101 changed files with 15829 additions and 10739 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
resources/admin/src/pages/system/tasks/components/TaskDetailDialog.vue
View File

@@ -1,9 +1,19 @@
<template>
<a-modal title="任务详情" :open="visible" :footer="null" @cancel="handleCancel" width="800px">
<a-modal
title="任务详情"
:open="visible"
:footer="null"
@cancel="handleCancel"
width="800px"
>
<a-descriptions bordered :column="2" v-if="task">
<a-descriptions-item label="任务名称">{{ task.name }}</a-descriptions-item>
<a-descriptions-item label="任务名称">{{
task.name
}}</a-descriptions-item>
<a-descriptions-item label="任务类型">
<a-tag :color="getTypeColor(task.type)">{{ getTypeText(task.type) }}</a-tag>
<a-tag :color="getTypeColor(task.type)">{{
getTypeText(task.type)
}}</a-tag>
</a-descriptions-item>
<a-descriptions-item label="命令/类" :span="2">
<code class="command-code">{{ task.command }}</code>
@@ -11,17 +21,19 @@
<a-descriptions-item label="Cron表达式">
<code class="cron-code">{{ task.expression }}</code>
</a-descriptions-item>
<a-descriptions-item label="时区">{{ task.timezone }}</a-descriptions-item>
<a-descriptions-item label="时区">{{
task.timezone
}}</a-descriptions-item>
<a-descriptions-item label="状态" :span="2">
<a-tag :color="task.is_active ? 'success' : 'error'">
{{ task.is_active ? '启用' : '禁用' }}
{{ task.is_active ? "启用" : "禁用" }}
</a-tag>
</a-descriptions-item>
<a-descriptions-item label="上次运行时间" :span="2">
{{ task.last_run_at ? formatDate(task.last_run_at) : '未运行' }}
{{ task.last_run_at ? formatDate(task.last_run_at) : "未运行" }}
</a-descriptions-item>
<a-descriptions-item label="下次运行时间" :span="2">
{{ task.next_run_at ? formatDate(task.next_run_at) : '-' }}
{{ task.next_run_at ? formatDate(task.next_run_at) : "-" }}
</a-descriptions-item>
<a-descriptions-item label="运行次数">
<a-tag color="success">成功: {{ task.run_count || 0 }}</a-tag>
@@ -32,10 +44,10 @@
</a-tag>
</a-descriptions-item>
<a-descriptions-item label="后台运行" :span="2">
{{ task.run_in_background ? '是' : '否' }}
{{ task.run_in_background ? "是" : "否" }}
</a-descriptions-item>
<a-descriptions-item label="描述" :span="2">
{{ task.description || '-' }}
{{ task.description || "-" }}
</a-descriptions-item>
</a-descriptions>
@@ -59,75 +71,75 @@
</template>
<script setup>
import { ref, computed } from 'vue'
import { message } from 'ant-design-vue'
import { PlayCircleOutlined } from '@ant-design/icons-vue'
import systemApi from '@/api/system'
import { ref, computed } from "vue";
import { message } from "ant-design-vue";
import { PlayCircleOutlined } from "@ant-design/icons-vue";
import systemApi from "@/api/system";
const props = defineProps({
visible: {
type: Boolean,
default: false
default: false,
},
record: {
type: Object,
default: null
}
})
default: null,
},
});
const emit = defineEmits(['update:visible', 'refresh'])
const emit = defineEmits(["update:visible", "refresh"]);
const task = computed(() => props.record)
const task = computed(() => props.record);
// 获取任务类型文本
const getTypeText = (type) => {
const typeMap = {
command: '命令',
job: '任务',
closure: '闭包'
}
return typeMap[type] || type
}
command: "命令",
job: "任务",
closure: "闭包",
};
return typeMap[type] || type;
};
// 获取任务类型颜色
const getTypeColor = (type) => {
const colorMap = {
command: 'blue',
job: 'green',
closure: 'orange'
}
return colorMap[type] || 'default'
}
command: "blue",
job: "green",
closure: "orange",
};
return colorMap[type] || "default";
};
// 格式化日期
const formatDate = (dateStr) => {
if (!dateStr) return '-'
const date = new Date(dateStr)
return date.toLocaleString('zh-CN')
}
if (!dateStr) return "-";
const date = new Date(dateStr);
return date.toLocaleString("zh-CN");
};
// 执行任务
const handleRun = async () => {
if (!props.record) return
if (!props.record) return;
try {
const res = await systemApi.tasks.run.post(props.record.id)
const res = await systemApi.tasks.run.post(props.record.id);
if (res.code === 200) {
message.success('任务执行成功')
emit('refresh')
handleCancel()
message.success("任务执行成功");
emit("refresh");
handleCancel();
} else {
message.error(res.message || '任务执行失败')
message.error(res.message || "任务执行失败");
}
} catch (error) {
message.error('任务执行失败')
message.error("任务执行失败");
}
}
};
// 取消
const handleCancel = () => {
emit('update:visible', false)
}
emit("update:visible", false);
};
</script>
<style scoped lang="scss">
@@ -135,7 +147,7 @@ const handleCancel = () => {
padding: 4px 8px;
background: #f5f5f5;
border-radius: 3px;
font-family: 'Consolas', 'Monaco', monospace;
font-family: "Consolas", "Monaco", monospace;
font-size: 12px;
word-break: break-all;
}
@@ -144,7 +156,7 @@ const handleCancel = () => {
padding: 2px 6px;
background: #f5f5f5;
border-radius: 3px;
font-family: 'Consolas', 'Monaco', monospace;
font-family: "Consolas", "Monaco", monospace;
font-size: 12px;
}
@@ -157,7 +169,7 @@ const handleCancel = () => {
border-radius: 4px;
max-height: 200px;
overflow-y: auto;
font-family: 'Consolas', 'Monaco', monospace;
font-family: "Consolas", "Monaco", monospace;
font-size: 12px;
white-space: pre-wrap;
word-break: break-all;