master
parent
2b90a30589
commit
14c09a2470
|
|
@ -0,0 +1,228 @@
|
|||
<template>
|
||||
<Page>
|
||||
<ElForm v-show="showSearchForm" inline @submit.prevent="paging">
|
||||
<ElFormItem label="调度 Id">
|
||||
<ElInput
|
||||
v-model="searchForm.scheduleId"
|
||||
placeholder="调度 Id"/>
|
||||
</ElFormItem>
|
||||
<ElFormItem label="日志等级">
|
||||
<ElInput
|
||||
v-model="searchForm.logLevel"
|
||||
placeholder="日志等级"/>
|
||||
</ElFormItem>
|
||||
<ElFormItem label="日志时间">
|
||||
<ElInput
|
||||
v-model="searchForm.logTime"
|
||||
placeholder="日志时间"/>
|
||||
</ElFormItem>
|
||||
<ElFormItem label="位置">
|
||||
<ElInput
|
||||
v-model="searchForm.place"
|
||||
placeholder="位置"/>
|
||||
</ElFormItem>
|
||||
<ElFormItem label="行号">
|
||||
<ElInput
|
||||
v-model="searchForm.line"
|
||||
placeholder="行号"/>
|
||||
</ElFormItem>
|
||||
<ElFormItem label="日志信息">
|
||||
<ElInput
|
||||
v-model="searchForm.msg"
|
||||
placeholder="日志信息"/>
|
||||
</ElFormItem>
|
||||
<ElFormItem label="错误信息">
|
||||
<ElInput
|
||||
v-model="searchForm.err"
|
||||
placeholder="错误信息"/>
|
||||
</ElFormItem>
|
||||
<ElFormItem>
|
||||
<ElButton :icon="elIcons.Search" :loading="searching" native-type="submit" type="primary">搜索</ElButton>
|
||||
<ElButton :icon="elIcons.Refresh" :loading="searching" @click="reset">重置</ElButton>
|
||||
</ElFormItem>
|
||||
</ElForm>
|
||||
<div class="tool-bar">
|
||||
<ElButton :icon="elIcons.Plus" type="primary" @click="addHandler">新建</ElButton>
|
||||
<ElButton :icon="elIcons.Filter" type="default" @click="showSearchForm = !showSearchForm"/>
|
||||
</div>
|
||||
<ElTable v-loading="searching" :data="tableData"
|
||||
cell-class-name="table-cell"
|
||||
class="table-list"
|
||||
empty-text="暂无数据"
|
||||
header-row-class-name="table-header"
|
||||
row-key="id">
|
||||
<ElTableColumn label="调度 Id" prop="scheduleId"/>
|
||||
|
||||
<ElTableColumn label="日志等级" prop="logLevel"/>
|
||||
|
||||
<ElTableColumn label="日志时间" prop="logTime"/>
|
||||
|
||||
<ElTableColumn label="位置" prop="place"/>
|
||||
|
||||
<ElTableColumn label="行号" prop="line"/>
|
||||
|
||||
<ElTableColumn label="日志信息" prop="msg"/>
|
||||
|
||||
<ElTableColumn label="错误信息" prop="err"/>
|
||||
|
||||
<ElTableColumn label="操作" width="180">
|
||||
<template #default="scope">
|
||||
<div class="action-btn">
|
||||
<el-popconfirm
|
||||
cancel-button-text="否"
|
||||
cancel-button-type="primary"
|
||||
confirm-button-text="是"
|
||||
confirm-button-type="danger"
|
||||
placement="top"
|
||||
title="是否删除当前数据?"
|
||||
width="180"
|
||||
@confirm="delHandler(scope)">
|
||||
<template #reference>
|
||||
<ElButton :loading="deling" text type="danger">删除</ElButton>
|
||||
</template>
|
||||
</el-popconfirm>
|
||||
<ElButton text type="primary" @click="modifyHandler(scope)">修改</ElButton>
|
||||
</div>
|
||||
</template>
|
||||
</ElTableColumn>
|
||||
</ElTable>
|
||||
<ElPagination
|
||||
:page-size="pagination.size"
|
||||
:pager-count="pagination.pages"
|
||||
:total="pagination.total"
|
||||
class="pagination"
|
||||
layout="prev, pager, next"
|
||||
@change="pageChangeHandler"/>
|
||||
<Task_execute_logForm ref="task_execute_logForm" @edit-succ="paging"/>
|
||||
</Page>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import Task_execute_logApi from '@/pages/sys/task_execute_log/task_execute_log-api.ts'
|
||||
import Page from '@/components/page/Page.vue'
|
||||
import { elIcons } from '@/common/element/element.ts'
|
||||
import Task_execute_logForm from '@/pages/sys/task_execute_log/Task_execute_logForm.vue'
|
||||
|
||||
const tableData = ref<Task_execute_logTypes.SearchTask_execute_logResult[]>([])
|
||||
const searchForm = reactive<Task_execute_logTypes.SearchTask_execute_logParam>({
|
||||
current: 1,
|
||||
size: 20,
|
||||
})
|
||||
const searching = ref(false)
|
||||
const deling = ref(false)
|
||||
const showSearchForm = ref(true)
|
||||
const task_execute_logFormIns = useTemplateRef<InstanceType<typeof Task_execute_logForm>>('task_execute_logForm')
|
||||
const pagination = reactive<G.Pagination>({
|
||||
total: 0,
|
||||
pages: 0,
|
||||
current: 1,
|
||||
size: 1,
|
||||
})
|
||||
|
||||
function pageChangeHandler(currentPage: number, pageSize: number) {
|
||||
searchForm.current = currentPage
|
||||
searchForm.size = pageSize
|
||||
paging()
|
||||
}
|
||||
|
||||
function showDialog(data?: Task_execute_logTypes.SearchTask_execute_logResult) {
|
||||
task_execute_logFormIns.value?.open(data)
|
||||
}
|
||||
|
||||
function delHandler({row}: { row: Task_execute_logTypes.SearchTask_execute_logResult }) {
|
||||
deling.value = true
|
||||
Task_execute_logApi.del([ row.id! ])
|
||||
.then(() => {
|
||||
ElMessage.success('删除成功')
|
||||
paging()
|
||||
})
|
||||
.finally(() => {
|
||||
deling.value = false
|
||||
})
|
||||
}
|
||||
|
||||
function modifyHandler({row}: { row: Task_execute_logTypes.SearchTask_execute_logResult }) {
|
||||
showDialog(row)
|
||||
}
|
||||
|
||||
function addHandler() {
|
||||
showDialog()
|
||||
}
|
||||
|
||||
function reset() {
|
||||
Object.assign(searchForm, {})
|
||||
paging()
|
||||
}
|
||||
|
||||
function paging() {
|
||||
searching.value = true
|
||||
Task_execute_logApi.paging(searchForm)
|
||||
.then(res => {
|
||||
tableData.value = res.data?.records ?? []
|
||||
})
|
||||
.finally(() => {
|
||||
searching.value = false
|
||||
})
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
paging()
|
||||
})
|
||||
</script>
|
||||
<style lang="stylus" scoped>
|
||||
.table-list {
|
||||
flex 1;
|
||||
width 100%
|
||||
|
||||
:deep(.table-header) {
|
||||
color #454C59
|
||||
|
||||
th {
|
||||
background-color #EDF1F7
|
||||
font-weight 500
|
||||
position relative
|
||||
|
||||
& > div {
|
||||
display flex
|
||||
gap 5px
|
||||
align-items center
|
||||
}
|
||||
|
||||
&:not(:first-child) > div::before {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 1px;
|
||||
width: 1px;
|
||||
background-color: #D3D7DE;
|
||||
transform: translateY(-50%);
|
||||
content: "";
|
||||
height 50%
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
:deep(.table-cell) {
|
||||
color #2F3540
|
||||
}
|
||||
|
||||
.action-btn {
|
||||
width 100%
|
||||
display flex
|
||||
flex-wrap wrap
|
||||
|
||||
& > button {
|
||||
margin 0
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tool-bar {
|
||||
display flex
|
||||
justify-content space-between
|
||||
margin 0 0 20px 0
|
||||
}
|
||||
|
||||
.pagination {
|
||||
justify-content: end;
|
||||
margin: 8px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,115 @@
|
|||
<template>
|
||||
<ElDialog v-model="showDialog"
|
||||
:close-on-click-modal="false"
|
||||
destroy-on-close
|
||||
width="25vw">
|
||||
<ElForm :model="task_execute_logFormData"
|
||||
class="sys_task_execute_log-form"
|
||||
label-width="auto">
|
||||
<ElFormItem label="调度 Id">
|
||||
<ElInput
|
||||
v-model="task_execute_logFormData.scheduleId"
|
||||
:disabled="status === 'view'"
|
||||
placeholder="调度 Id"/>
|
||||
</ElFormItem>
|
||||
<ElFormItem label="日志等级">
|
||||
<ElInput
|
||||
v-model="task_execute_logFormData.logLevel"
|
||||
:disabled="status === 'view'"
|
||||
placeholder="日志等级"/>
|
||||
</ElFormItem>
|
||||
<ElFormItem label="日志时间">
|
||||
<ElInput
|
||||
v-model="task_execute_logFormData.logTime"
|
||||
:disabled="status === 'view'"
|
||||
placeholder="日志时间"/>
|
||||
</ElFormItem>
|
||||
<ElFormItem label="位置">
|
||||
<ElInput
|
||||
v-model="task_execute_logFormData.place"
|
||||
:disabled="status === 'view'"
|
||||
placeholder="位置"/>
|
||||
</ElFormItem>
|
||||
<ElFormItem label="行号">
|
||||
<ElInput
|
||||
v-model="task_execute_logFormData.line"
|
||||
:disabled="status === 'view'"
|
||||
placeholder="行号"/>
|
||||
</ElFormItem>
|
||||
<ElFormItem label="日志信息">
|
||||
<ElInput
|
||||
v-model="task_execute_logFormData.msg"
|
||||
:disabled="status === 'view'"
|
||||
placeholder="日志信息"/>
|
||||
</ElFormItem>
|
||||
<ElFormItem label="错误信息">
|
||||
<ElInput
|
||||
v-model="task_execute_logFormData.err"
|
||||
:disabled="status === 'view'"
|
||||
placeholder="错误信息"/>
|
||||
</ElFormItem>
|
||||
</ElForm>
|
||||
<template #footer>
|
||||
<ElButton @click="showDialog = false">{{ status === 'view' ? '关闭' : '取消' }}</ElButton>
|
||||
<ElButton v-if="status !== 'view'" :loading="submiting" type="primary" @click="submitHandler">提交</ElButton>
|
||||
</template>
|
||||
</ElDialog>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import Task_execute_logApi from '@/pages/sys/task_execute_log/task_execute_log-api.ts'
|
||||
import Strings from '@/common/utils/strings.ts'
|
||||
import { ElMessage } from 'element-plus'
|
||||
|
||||
const emits = defineEmits([ 'editSucc' ])
|
||||
const showDialog = ref(false)
|
||||
const submiting = ref(false)
|
||||
const status = ref<'add' | 'view' | 'modify'>('add')
|
||||
const task_execute_logFormData = reactive<Task_execute_logTypes.SearchTask_execute_logResult>({})
|
||||
|
||||
function submitHandler() {
|
||||
if (status.value === 'view') return
|
||||
submiting.value = true
|
||||
if (task_execute_logFormData.id != null) {
|
||||
Task_execute_logApi.modify(task_execute_logFormData)
|
||||
.then(() => {
|
||||
ElMessage.success('修改成功')
|
||||
emits('editSucc')
|
||||
showDialog.value = false
|
||||
})
|
||||
.finally(() => {
|
||||
submiting.value = false
|
||||
})
|
||||
} else {
|
||||
Task_execute_logApi.add(task_execute_logFormData)
|
||||
.then(() => {
|
||||
ElMessage.success('添加成功')
|
||||
emits('editSucc')
|
||||
showDialog.value = false
|
||||
})
|
||||
.finally(() => {
|
||||
submiting.value = false
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open(data: Task_execute_logTypes.SearchTask_execute_logResult = {}) {
|
||||
showDialog.value = true
|
||||
if (!Strings.isBlank(data.id)) {
|
||||
status.value = 'modify'
|
||||
Task_execute_logApi.detail(data.id!)
|
||||
.then(res => {
|
||||
Object.assign(task_execute_logFormData, res.data)
|
||||
})
|
||||
} else {
|
||||
status.value = 'add'
|
||||
Object.assign(task_execute_logFormData, {})
|
||||
}
|
||||
},
|
||||
})
|
||||
</script>
|
||||
<style lang="stylus" scoped>
|
||||
.sys_task_execute_log-form {
|
||||
padding 20px
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
export default {
|
||||
component: () => import('@/pages/sys/task_execute_log/Task_execute_log.vue'),
|
||||
} as RouterTypes.RouteConfig
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
import {
|
||||
get,
|
||||
post,
|
||||
} from '@/common/utils/http-util.ts'
|
||||
|
||||
export default {
|
||||
paging(data: Task_execute_logTypes.SearchTask_execute_logParam) {
|
||||
return get<G.PageResult<Task_execute_logTypes.SearchTask_execute_logResult>>('/sys_task_execute_log/paging', data)
|
||||
},
|
||||
detail(id: string) {
|
||||
return get<Task_execute_logTypes.SearchTask_execute_logResult>('/sys_task_execute_log/detail', {id})
|
||||
},
|
||||
add(data: Task_execute_logTypes.AddTask_execute_logParam) {
|
||||
return post('/sys_task_execute_log/add', data)
|
||||
},
|
||||
modify(data: Task_execute_logTypes.ModifyTask_execute_logParam) {
|
||||
return post('/sys_task_execute_log/modify', data)
|
||||
},
|
||||
del(ids: string[]) {
|
||||
return post('/sys_task_execute_log/del', ids)
|
||||
},
|
||||
}
|
||||
|
|
@ -0,0 +1,80 @@
|
|||
export {}
|
||||
declare global {
|
||||
namespace Task_execute_logTypes {
|
||||
interface SearchTask_execute_logParam extends G.PageParam {
|
||||
// Id
|
||||
id?: string
|
||||
// 调度 Id
|
||||
scheduleId?: string
|
||||
// 日志等级
|
||||
logLevel?: string
|
||||
// 日志时间
|
||||
logTime?: string
|
||||
// 位置
|
||||
place?: string
|
||||
// 行号
|
||||
line?: number
|
||||
// 日志信息
|
||||
msg?: string
|
||||
// 错误信息
|
||||
err?: string
|
||||
}
|
||||
|
||||
interface SearchTask_execute_logResult {
|
||||
// Id
|
||||
id?: string
|
||||
// 调度 Id
|
||||
scheduleId?: string
|
||||
// 日志等级
|
||||
logLevel?: string
|
||||
// 日志时间
|
||||
logTime?: string
|
||||
// 位置
|
||||
place?: string
|
||||
// 行号
|
||||
line?: number
|
||||
// 日志信息
|
||||
msg?: string
|
||||
// 错误信息
|
||||
err?: string
|
||||
}
|
||||
|
||||
interface AddTask_execute_logParam {
|
||||
// Id
|
||||
id?: string
|
||||
// 调度 Id
|
||||
scheduleId?: string
|
||||
// 日志等级
|
||||
logLevel?: string
|
||||
// 日志时间
|
||||
logTime?: string
|
||||
// 位置
|
||||
place?: string
|
||||
// 行号
|
||||
line?: number
|
||||
// 日志信息
|
||||
msg?: string
|
||||
// 错误信息
|
||||
err?: string
|
||||
}
|
||||
|
||||
interface ModifyTask_execute_logParam {
|
||||
// Id
|
||||
id?: string
|
||||
// 调度 Id
|
||||
scheduleId?: string
|
||||
// 日志等级
|
||||
logLevel?: string
|
||||
// 日志时间
|
||||
logTime?: string
|
||||
// 位置
|
||||
place?: string
|
||||
// 行号
|
||||
line?: number
|
||||
// 日志信息
|
||||
msg?: string
|
||||
// 错误信息
|
||||
err?: string
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue