|
|
@@ -40,7 +40,7 @@ import TallItemView from './TallItemView.vue'
|
|
|
import { QuillEditor } from '@vueup/vue-quill'
|
|
|
import '@vueup/vue-quill/dist/vue-quill.snow.css'
|
|
|
const recordList = ref([]) //专业
|
|
|
-const formRef = ref() //专业
|
|
|
+const formRef = ref(null) //专业
|
|
|
const quillEditorRef = ref(null) // 预览回显
|
|
|
const mode = ref('add') //专业
|
|
|
import {addItem, detail, editItem} from '@/api/answer'
|
|
|
@@ -62,6 +62,7 @@ watch(
|
|
|
(newVal, oldVal) => {
|
|
|
if (newVal == false && formRef.value) {
|
|
|
formRef.value.resetFields()
|
|
|
+ formState.info = undefined
|
|
|
}
|
|
|
},
|
|
|
{deep: true, immediate: true}
|
|
|
@@ -69,10 +70,21 @@ watch(
|
|
|
const open = () => {
|
|
|
|
|
|
visible.value = true
|
|
|
+ formState.info = undefined
|
|
|
+ // 重置富文本编辑器
|
|
|
+ if (quillEditorRef.value) {
|
|
|
+ quillEditorRef.value.setHTML('')
|
|
|
+ }
|
|
|
mode.value = 'add'
|
|
|
}
|
|
|
const edit = (item) => {
|
|
|
visible.value = true
|
|
|
+ formState.info = undefined
|
|
|
+ formState.info = undefined
|
|
|
+ // 重置富文本编辑器
|
|
|
+ if (quillEditorRef.value) {
|
|
|
+ quillEditorRef.value.setHTML('')
|
|
|
+ }
|
|
|
mode.value = 'edit'
|
|
|
console.log('编辑内容',item)
|
|
|
detail({id : item.id}).then((res)=>{
|
|
|
@@ -88,7 +100,7 @@ const edit = (item) => {
|
|
|
const handleOk = (e) => {
|
|
|
formRef.value.validate().then(() => {
|
|
|
let json = JSON.parse(JSON.stringify(formState))
|
|
|
- // formState.courseDesc = toRaw(quillEditorRef.value).getHTML()
|
|
|
+ json.info = toRaw(quillEditorRef.value).getHTML()
|
|
|
|
|
|
if (mode.value == 'add') {
|
|
|
addItem(json).then((res) => {
|
|
|
@@ -96,6 +108,7 @@ const handleOk = (e) => {
|
|
|
emit("handleAddItem")
|
|
|
visible.value = false
|
|
|
}
|
|
|
+ formRef.value.resetFields()
|
|
|
})
|
|
|
}
|
|
|
if (mode.value == 'edit') {
|
|
|
@@ -104,6 +117,7 @@ const handleOk = (e) => {
|
|
|
emit("handleAddItem")
|
|
|
visible.value = false
|
|
|
}
|
|
|
+ formRef.value.resetFields()
|
|
|
})
|
|
|
}
|
|
|
})
|