style: detailRef => detailData

This commit is contained in:
xingyu
2022-12-06 23:46:13 +08:00
parent 731e49d7b6
commit 860049d238
17 changed files with 48 additions and 49 deletions

View File

@ -21,7 +21,7 @@
</ContentWrap>
<XModal v-model="dialogVisible" :title="dialogTitle">
<!-- 对话框(详情) -->
<Descriptions :schema="allSchemas.detailSchema" :data="detailRef">
<Descriptions :schema="allSchemas.detailSchema" :data="detailData">
<template #duration="{ row }">
<span>{{ row.duration + 'ms' }}</span>
</template>
@ -52,14 +52,14 @@ const { gridOptions } = useVxeGrid<ApiAccessLogApi.ApiAccessLogVO>({
getListApi: ApiAccessLogApi.getApiAccessLogPageApi
})
// ========== 详情相关 ==========
const detailRef = ref() // 详情 Ref
const detailData = ref() // 详情 Ref
const dialogVisible = ref(false) // 是否显示弹出层
const dialogTitle = ref('') // 弹出层标题
// 详情操作
const handleDetail = (row: ApiAccessLogApi.ApiAccessLogVO) => {
// 设置数据
detailRef.value = row
detailData.value = row
dialogTitle.value = t('action.detail')
dialogVisible.value = true
}

View File

@ -44,7 +44,7 @@
</ContentWrap>
<XModal v-model="dialogVisible" :title="dialogTitle">
<!-- 对话框(详情) -->
<Descriptions :schema="allSchemas.detailSchema" :data="detailRef" />
<Descriptions :schema="allSchemas.detailSchema" :data="detailData" />
<!-- 操作按钮 -->
<template #footer>
<XButton :title="t('dialog.close')" @click="dialogVisible = false" />
@ -71,14 +71,14 @@ const { gridOptions, getList, exportList } = useVxeGrid<ApiErrorLogApi.ApiErrorL
exportListApi: ApiErrorLogApi.exportApiErrorLogApi
})
// ========== 详情相关 ==========
const detailRef = ref() // 详情 Ref
const detailData = ref() // 详情 Ref
const dialogVisible = ref(false) // 是否显示弹出层
const dialogTitle = ref('') // 弹出层标题
// 详情操作
const handleDetail = (row: ApiErrorLogApi.ApiErrorLogVO) => {
// 设置数据
detailRef.value = row
detailData.value = row
dialogTitle.value = t('action.detail')
dialogVisible.value = true
}

View File

@ -8,7 +8,6 @@
node-key="id"
:data="preview.fileTree"
:expand-on-click-node="false"
default-expanded-keys="[0]"
highlight-current
@node-click="handleNodeClick"
/>

View File

@ -33,7 +33,7 @@
</ContentWrap>
<XModal v-model="dialogVisible" :title="dialogTitle">
<!-- 对话框(详情) -->
<Descriptions :schema="allSchemas.detailSchema" :data="detailRef">
<Descriptions :schema="allSchemas.detailSchema" :data="detailData">
<template #retryInterval="{ row }">
<span>{{ row.retryInterval + '毫秒' }} </span>
</template>
@ -69,13 +69,13 @@ const dialogVisible = ref(false) // 是否显示弹出层
const dialogTitle = ref('') // 弹出层标题
// ========== 详情相关 ==========
const detailRef = ref() // 详情 Ref
const detailData = ref() // 详情 Ref
// 详情操作
const handleDetail = async (row: JobLogApi.JobLogVO) => {
// 设置数据
const res = JobLogApi.getJobLogApi(row.id)
detailRef.value = res
detailData.value = res
dialogTitle.value = t('action.detail')
dialogVisible.value = true
}

View File

@ -101,7 +101,7 @@
<Descriptions
v-if="actionType === 'detail'"
:schema="allSchemas.detailSchema"
:data="detailRef"
:data="detailData"
>
<template #retryInterval="{ row }">
<span>{{ row.retryInterval + '毫秒' }} </span>
@ -161,7 +161,7 @@ const actionType = ref('') // 操作按钮的类型
const dialogVisible = ref(false) // 是否显示弹出层
const dialogTitle = ref('edit') // 弹出层标题
const formRef = ref<FormExpose>() // 表单 Ref
const detailRef = ref() // 详情 Ref
const detailData = ref() // 详情 Ref
const nextTimes = ref([])
const shortcuts = ref([
{
@ -198,7 +198,7 @@ const handleUpdate = async (rowId: number) => {
const handleDetail = async (rowId: number) => {
// 设置数据
const res = await JobApi.getJobApi(rowId)
detailRef.value = res
detailData.value = res
// 后续执行时长
const jobNextTime = await JobApi.getJobNextTimesApi(rowId)
nextTimes.value = jobNextTime