| | |
| | | <ElDialog |
| | | :title="dialogTitle" |
| | | :model-value="visible" |
| | | :close-on-click-modal="false" |
| | | @update:model-value="handleCancel" |
| | | width="760px" |
| | | align-center |
| | |
| | | const isEdit = computed(() => Boolean(form.id)) |
| | | const dialogTitle = computed(() => |
| | | form.menuType === 'button' |
| | | ? t(isEdit.value ? 'pages.system.menu.form.titleEditButton' : 'pages.system.menu.form.titleAddButton') |
| | | : t(isEdit.value ? 'pages.system.menu.form.titleEditMenu' : 'pages.system.menu.form.titleAddMenu') |
| | | ? t( |
| | | isEdit.value |
| | | ? 'pages.system.menu.form.titleEditButton' |
| | | : 'pages.system.menu.form.titleAddButton' |
| | | ) |
| | | : t( |
| | | isEdit.value |
| | | ? 'pages.system.menu.form.titleEditMenu' |
| | | : 'pages.system.menu.form.titleAddMenu' |
| | | ) |
| | | ) |
| | | const disableMenuType = computed(() => props.lockType || isEdit.value) |
| | | |
| | | const rules = computed(() => ({ |
| | | name: [{ required: true, message: form.menuType === 'button' ? t('pages.system.menu.form.validationButtonName') : t('pages.system.menu.form.validationMenuName'), trigger: 'blur' }], |
| | | name: [ |
| | | { |
| | | required: true, |
| | | message: |
| | | form.menuType === 'button' |
| | | ? t('pages.system.menu.form.validationButtonName') |
| | | : t('pages.system.menu.form.validationMenuName'), |
| | | trigger: 'blur' |
| | | } |
| | | ], |
| | | route: |
| | | form.menuType === 'menu' |
| | | ? [{ required: true, message: t('pages.system.menu.form.validationRoute'), trigger: 'blur' }] |
| | | ? [ |
| | | { |
| | | required: true, |
| | | message: t('pages.system.menu.form.validationRoute'), |
| | | trigger: 'blur' |
| | | } |
| | | ] |
| | | : [], |
| | | authority: |
| | | form.menuType === 'button' |
| | | ? [{ required: true, message: t('pages.system.menu.form.validationAuthority'), trigger: 'blur' }] |
| | | ? [ |
| | | { |
| | | required: true, |
| | | message: t('pages.system.menu.form.validationAuthority'), |
| | | trigger: 'blur' |
| | | } |
| | | ] |
| | | : [] |
| | | })) |
| | | |
| | |
| | | } |
| | | }, |
| | | { |
| | | label: form.menuType === 'button' ? t('pages.system.menu.form.nameButton') : t('pages.system.menu.form.nameMenu'), |
| | | label: |
| | | form.menuType === 'button' |
| | | ? t('pages.system.menu.form.nameButton') |
| | | : t('pages.system.menu.form.nameMenu'), |
| | | key: 'name', |
| | | type: 'input', |
| | | span: 24, |
| | | props: { |
| | | placeholder: form.menuType === 'button' ? t('pages.system.menu.form.placeholderButtonName') : t('pages.system.menu.form.placeholderMenuName'), |
| | | placeholder: |
| | | form.menuType === 'button' |
| | | ? t('pages.system.menu.form.placeholderButtonName') |
| | | : t('pages.system.menu.form.placeholderMenuName'), |
| | | clearable: true |
| | | } |
| | | } |