<template>
|
<view class="yd-page-container">
|
<!-- 顶部导航栏 -->
|
<wd-navbar
|
title="${table.classComment}详情"
|
left-arrow placeholder safe-area-inset-top fixed
|
@click-left="handleBack"
|
/>
|
|
<!-- 详情内容 -->
|
<view>
|
<wd-cell-group border>
|
#foreach($column in $columns)
|
#if ($column.primaryKey || $column.listOperationResult || $column.createOperation || $column.updateOperation)
|
#set ($javaField = $column.javaField)
|
#set ($comment = $column.columnComment)
|
#if ($column.dictType && "" != $column.dictType)
|
<wd-cell title="${comment}">
|
<dict-tag :type="DICT_TYPE.${column.dictType.toUpperCase()}" :value="formData?.${javaField}" />
|
</wd-cell>
|
#elseif ($column.javaType == "LocalDateTime")
|
<wd-cell title="${comment}" :value="formatDateTime(formData?.${javaField}) || '-'" />
|
#else
|
<wd-cell title="${comment}" :value="formData?.${javaField} ?? '-'" />
|
#end
|
#end
|
#end
|
</wd-cell-group>
|
</view>
|
|
<!-- 底部操作按钮 -->
|
<view class="yd-detail-footer">
|
<view class="yd-detail-footer-actions">
|
<wd-button
|
v-if="hasAccessByCodes(['${permissionPrefix}:update'])"
|
class="flex-1" type="warning" @click="handleEdit"
|
>
|
编辑
|
</wd-button>
|
<wd-button
|
v-if="hasAccessByCodes(['${permissionPrefix}:delete'])"
|
class="flex-1" type="error" :loading="deleting" @click="handleDelete"
|
>
|
删除
|
</wd-button>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script lang="ts" setup>
|
#set ($hasDict = 0)
|
#foreach($column in $columns)
|
#if ($hasDict == 0 && $column.dictType && "" != $column.dictType)
|
#set ($hasDict = 1)
|
#end
|
#end
|
#set ($hasDateTime = 0)
|
#foreach($column in $columns)
|
#if ($hasDateTime == 0 && $column.javaType == "LocalDateTime")
|
#set ($hasDateTime = 1)
|
#end
|
#end
|
import type { ${simpleClassName} } from '@/api/${table.moduleName}/${table.businessName}'
|
import { onMounted, ref } from 'vue'
|
import { useToast } from 'wot-design-uni'
|
import { delete${simpleClassName}, get${simpleClassName} } from '@/api/${table.moduleName}/${table.businessName}'
|
import { useAccess } from '@/hooks/useAccess'
|
import { navigateBackPlus } from '@/utils'
|
#if ($hasDict == 1)
|
import { DICT_TYPE } from '@/utils/constants'
|
#end
|
#if ($hasDateTime == 1)
|
import { formatDateTime } from '@/utils/date'
|
#end
|
|
const props = defineProps<{
|
id?: number | any
|
}>()
|
|
definePage({
|
style: {
|
navigationBarTitleText: '',
|
navigationStyle: 'custom',
|
},
|
})
|
|
const { hasAccessByCodes } = useAccess()
|
const toast = useToast()
|
const formData = ref<${simpleClassName}>()
|
const deleting = ref(false)
|
|
/** 返回上一页 */
|
function handleBack() {
|
navigateBackPlus('/pages-${table.moduleName}/${table.businessName}/index')
|
}
|
|
/** 加载${table.classComment}详情 */
|
async function getDetail() {
|
if (!props.id) {
|
return
|
}
|
try {
|
toast.loading('加载中...')
|
formData.value = await get${simpleClassName}(props.id)
|
} finally {
|
toast.close()
|
}
|
}
|
|
/** 编辑${table.classComment} */
|
function handleEdit() {
|
uni.navigateTo({
|
url: `/pages-${table.moduleName}/${table.businessName}/form/index?id=#[[${]]#props.id#[[}]]#`,
|
})
|
}
|
|
/** 删除${table.classComment} */
|
function handleDelete() {
|
if (!props.id) {
|
return
|
}
|
uni.showModal({
|
title: '提示',
|
content: '确定要删除该${table.classComment}吗？',
|
success: async (res) => {
|
if (!res.confirm) {
|
return
|
}
|
deleting.value = true
|
try {
|
await delete${simpleClassName}(props.id)
|
toast.success('删除成功')
|
setTimeout(() => {
|
handleBack()
|
}, 500)
|
} finally {
|
deleting.value = false
|
}
|
},
|
})
|
}
|
|
/** 初始化 */
|
onMounted(() => {
|
getDetail()
|
})
|
</script>
|
|
<style lang="scss" scoped>
|
</style>
|
