Browse Source

feat: notice editor

main
xingyu 2 years ago
parent
commit
fe0dea63a7
  1. 7
      src/views/system/notice/NoticeModal.vue
  2. 3
      src/views/system/notice/notice.data.ts

7
src/views/system/notice/NoticeModal.vue

@ -1,10 +1,15 @@
<template> <template>
<BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? '编辑' : '新增'" @ok="handleSubmit"> <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? '编辑' : '新增'" @ok="handleSubmit">
<BasicForm @register="registerForm" /> <BasicForm @register="registerForm">
<template #editor="{ model, field }">
<Tinymce v-model="model[field]" width="100%" />
</template>
</BasicForm>
</BasicModal> </BasicModal>
</template> </template>
<script lang="ts" setup name="SystemNoticeModal"> <script lang="ts" setup name="SystemNoticeModal">
import { ref, unref } from 'vue' import { ref, unref } from 'vue'
import { Tinymce } from '@/components/Tinymce'
import { BasicModal, useModalInner } from '@/components/Modal' import { BasicModal, useModalInner } from '@/components/Modal'
import { BasicForm, useForm } from '@/components/Form' import { BasicForm, useForm } from '@/components/Form'
import { formSchema } from './notice.data' import { formSchema } from './notice.data'

3
src/views/system/notice/notice.data.ts

@ -90,6 +90,7 @@ export const formSchema: FormSchema[] = [
{ {
label: '内容', label: '内容',
field: 'content', field: 'content',
component: 'InputTextArea' component: 'Input',
slot: 'editor'
} }
] ]