wms-antdvue/.svn/pristine/dc/dc6af3a2c883cdd79123047c8e2d7d8041ef4596.svn-base
2024-11-07 16:33:03 +08:00

116 lines
2.6 KiB
Plaintext

<template>
<a-modal
v-model:visible="props.visible"
title="日志详情"
width="700px"
@cancel="dialogClose"
>
<a-descriptions :column="2" bordered :labelStyle="{width:'160px'}">
<a-descriptions-item label="任务名称:">{{formData.jobName}}</a-descriptions-item>
<a-descriptions-item label="任务组名:">{{formData.jobGroup}}</a-descriptions-item>
<a-descriptions-item label="任务触发器:">{{formData.jobTrigger}}</a-descriptions-item>
<a-descriptions-item label="任务信息:">{{formData.jobMessage}}</a-descriptions-item>
<a-descriptions-item label="cron执行表达式:">{{formData.cronExpression}}</a-descriptions-item>
<a-descriptions-item label="任务开始时间:">{{formData.startTime}}</a-descriptions-item>
<a-descriptions-item label="任务结束时间:">{{formData.endTime}}</a-descriptions-item>
</a-descriptions>
<template #footer>
<span class="dialog-footer">
<a-button @click="dialogClose">关闭</a-button>
</span>
</template>
</a-modal>
</template>
<script lang="ts" setup>
import {getJobLogDetail} from "@/api/monitor/job";
import {onMounted, reactive, shallowRef} from "vue";
const formData = reactive({
id: "",
jobName: "",
jobGroup:'',
jobTrigger:'',
jobMessage:'',
cronExpression:'',
startTime:'',
endTime:''
});
const emit = defineEmits(["update:visible"]);
const props = defineProps({
visible: {
type: Boolean,
required: true,
default: false
},
logId: {
type: Number,
required: true,
default: 0
}
});
const dialogClose = () => {
emit("update:visible", false);
};
const setFormData = async () => {
const data = await getJobLogDetail(props.logId);
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key];
}
}
};
const getReviceType =(type)=>{
let typeText = ''
switch (type) {
case 1:
typeText='系统用户'
break;
case 2:
typeText='会员用户'
break;
case 3:
typeText='其他'
break;
default:
break
}
return typeText
}
const getTyepText =(type)=>{
let typeText = ''
switch (type) {
case 1:
typeText='登录'
break;
case 2:
typeText='注册'
break;
case 3:
typeText='找回密码'
break;
case 4:
typeText='业务'
break;
case 5:
typeText='其他'
break;
default:
break
}
return typeText
}
onMounted(() => {
if (props.logId) {
setFormData();
}
});
</script>