From da848843e653003ba8554a6e95880fe399637de5 Mon Sep 17 00:00:00 2001 From: shj <1790240199@qq.com> Date: 星期三, 24 八月 2022 10:46:00 +0800 Subject: [PATCH] Merge branch 'master' of https://sinanoaq.cn:8888/r/gtqtOut --- src/views/accidentManagementSystem/accidentCases/component/DailogCases.vue | 28 +++++++++++++++++++++++----- 1 files changed, 23 insertions(+), 5 deletions(-) diff --git a/src/views/accidentManagementSystem/accidentCases/component/DailogCases.vue b/src/views/accidentManagementSystem/accidentCases/component/DailogCases.vue index d8b6979..3f1ffb1 100644 --- a/src/views/accidentManagementSystem/accidentCases/component/DailogCases.vue +++ b/src/views/accidentManagementSystem/accidentCases/component/DailogCases.vue @@ -3,12 +3,12 @@ <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button> <el-form :model="form" ref="ruleFormRef" :rules="rules" :disabled="disabled" label-width="120px"> <el-row> - <el-col :span="11"> + <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-form-item label="标题" size="default" prop="caseTitle"> <el-input v-model="form.caseTitle" /> </el-form-item> </el-col> - <el-col :span="11" offset="2"> + <el-col :xs="24" :sm="11" :md="11" :lg="11" :xl="11" class="mb20"> <el-form-item label="发布时间" size="default" prop="caseTime"> <el-date-picker v-model="form.caseTime" @@ -18,6 +18,12 @@ placeholder="请选择" style="width: 100%" /> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="23" :md="23" :lg="23" :xl="23" class="mb20"> + <el-form-item label="内容" size="default" prop="caseContent"> + <Wangeditor v-if="dialogVisible" style="width: 100%" :value="form.caseContent" + @change="changeCaseContent" showTop=""></Wangeditor> </el-form-item> </el-col> </el-row> @@ -37,23 +43,32 @@ import { Search, FullScreen } from '@element-plus/icons-vue'; import { ElMessageBox, ElMessage, ElButton, ElInput, TabsPaneContext } from 'element-plus'; import { accidentManagementSystemApi } from '/@/api/accidentManagementSystem'; +import Wangeditor from './wangEditor/index.vue'; + + export default defineComponent({ - components: {MdEditor}, + components: {Wangeditor}, setup(props, { emit }) { + const getWangEditorValue = (str:string) => { + console.log(str); + } const ruleFormRef = ref<FormInstance>(); const dialogVisible = ref<boolean>(false); const form = ref({ caseTitle: '',///案例标题 - caseContent: '案例内容',///案例内容 + caseContent: '',///案例内容 caseTime: '', }); + const changeCaseContent = (e) => { + form.value.caseContent = e + } const targetType = ref(); const disabled = ref(false); const titles = ref(); const titleT = ref(); const openDailog = (title: string, id: number) => { dialogVisible.value = true; - titles.value = `${title}目标分解`; + titles.value = `${title}事故案例`; titleT.value = title; // targetType.value = type; disabled.value = title == '查看' ? true : false; @@ -130,6 +145,8 @@ const resetForm = (formEl: FormInstance | undefined) => { if (!formEl) return; formEl.resetFields(); + form.value = {} + console.log(form.value) dialogVisible.value = false; }; //全屏 @@ -158,6 +175,7 @@ targetType, disabled, titles, + changeCaseContent }; }, }); -- Gitblit v1.9.2