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