huangge1199/vue-pro
1
0
Fork 0
mirror of https://gitee.com/huangge1199_admin/vue-pro.git synced 2024-11-26 17:21:53 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: 优化post界面

Browse Source
This commit is contained in:
xingyuv 2023-02-09 18:41:48 +08:00
parent a379e3a206
commit 563eb8ba90
2 changed files with 21 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
yudao-ui-admin-vue3/src/views/system/post/PostForm.vue
View File

@ -39,7 +39,7 @@ const emit = defineEmits(['success'])
// 弹窗相关的变量 // 弹窗相关的变量
const modelVisible = ref(false) // 是否显示弹出层 const modelVisible = ref(false) // 是否显示弹出层
const modelTitle = ref('edit') // 弹出层标题 const modelTitle = ref('update') // 弹出层标题
const modelLoading = ref(false) // 弹出层loading const modelLoading = ref(false) // 弹出层loading
const actionType = ref('') // 操作按钮的类型 const actionType = ref('') // 操作按钮的类型
const actionLoading = ref(false) // 按钮 Loading const actionLoading = ref(false) // 按钮 Loading
@ -67,26 +67,25 @@ const openModal = async (type: string, rowId?: number) => {
const submitForm = async () => { const submitForm = async () => {
const elForm = unref(formRef)?.getElFormRef() const elForm = unref(formRef)?.getElFormRef()
if (!elForm) return if (!elForm) return
elForm.validate(async (valid) => { const valid = await elForm.validate()
if (valid) { if (valid) {
actionLoading.value = true actionLoading.value = true
// 提交请求 // 提交请求
try { try {
const data = unref(formRef)?.formModel as PostApi.PostVO const data = unref(formRef)?.formModel as PostApi.PostVO
if (actionType.value === 'create') { if (actionType.value === 'create') {
await PostApi.createPostApi(data) await PostApi.createPostApi(data)
message.success(t('common.createSuccess')) message.success(t('common.createSuccess'))
} else { } else {
await PostApi.updatePostApi(data) await PostApi.updatePostApi(data)
message.success(t('common.updateSuccess')) message.success(t('common.updateSuccess'))
}
modelVisible.value = false
emit('success')
} finally {
actionLoading.value = false
} }
modelVisible.value = false
emit('success')
} finally {
actionLoading.value = false
} }
}) }
} }
defineExpose({ openModal: openModal }) defineExpose({ openModal: openModal })

5
yudao-ui-admin-vue3/src/views/system/post/index.vue
View File

@ -51,7 +51,7 @@ import { allSchemas } from './post.data'
import PostForm from './PostForm.vue' import PostForm from './PostForm.vue'
const { t } = useI18n() // 国际化 const { t } = useI18n() // 国际化
const modalRef = ref()
// 列表相关的变量 // 列表相关的变量
const [registerTable, { reload, deleteData, exportList }] = useXTable({ const [registerTable, { reload, deleteData, exportList }] = useXTable({
allSchemas: allSchemas, allSchemas: allSchemas,
@ -59,7 +59,8 @@ const [registerTable, { reload, deleteData, exportList }] = useXTable({
deleteApi: PostApi.deletePostApi, deleteApi: PostApi.deletePostApi,
exportListApi: PostApi.exportPostApi exportListApi: PostApi.exportPostApi
}) })
// 表单相关的变量
const modalRef = ref()
const openModal = (type: string, rowId?: number) => { const openModal = (type: string, rowId?: number) => {
modalRef.value.openModal(type, rowId) modalRef.value.openModal(type, rowId)
} }