You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
1.6 KiB
58 lines
1.6 KiB
<template> |
|
<BasicDrawer |
|
v-bind="$attrs" |
|
@register="registerDrawer" |
|
showFooter |
|
:title="getTitle" |
|
width="500px" |
|
@ok="handleSubmit" |
|
> |
|
<BasicForm @register="registerForm" /> |
|
</BasicDrawer> |
|
</template> |
|
<script lang="ts" setup> |
|
import { ref, computed, unref } from 'vue'; |
|
import { BasicForm, useForm } from '/@/components/Form/index'; |
|
import { formSchema } from './blacklist.data'; |
|
import { BasicDrawer, useDrawerInner } from '/@/components/Drawer'; |
|
import { set } from '/@/api/gateway/blacklist'; |
|
|
|
const emit = defineEmits(['success', 'register']); |
|
const isUpdate = ref(true); |
|
|
|
const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({ |
|
labelWidth: 100, |
|
schemas: formSchema, |
|
showActionButtonGroup: false, |
|
}); |
|
|
|
const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => { |
|
resetFields(); |
|
setDrawerProps({ confirmLoading: false }); |
|
isUpdate.value = !!data?.isUpdate; |
|
|
|
if (unref(isUpdate)) { |
|
setFieldsValue({ |
|
...data.record, |
|
}); |
|
} |
|
}); |
|
|
|
const getTitle = computed(() => (!unref(isUpdate) ? '新增黑名单' : '编辑黑名单')); |
|
|
|
async function handleSubmit() { |
|
try { |
|
const values = await validate(); |
|
if (!unref(isUpdate)) { |
|
values.startTime = values.startTime.format('HH:mm:ss'); |
|
values.endTime = values.endTime.format('HH:mm:ss'); |
|
} |
|
setDrawerProps({ confirmLoading: true }); |
|
await set(values); |
|
closeDrawer(); |
|
emit('success'); |
|
} finally { |
|
setDrawerProps({ confirmLoading: false }); |
|
} |
|
} |
|
</script>
|
|
|