From ce661f0664e03fb7b7d798cf97fdd1489f4190df Mon Sep 17 00:00:00 2001 From: zhouwenxuan <1175765986@qq.com> Date: 星期五, 01 十二月 2023 16:29:06 +0800 Subject: [PATCH] 机构 --- src/views/safetyReview/law/components/lawDialog.vue | 221 ++++++++++++++++++++++++++++++++++++------------------ 1 files changed, 146 insertions(+), 75 deletions(-) diff --git a/src/views/safetyReview/law/components/lawDialog.vue b/src/views/safetyReview/law/components/lawDialog.vue index 9033c6c..45e3868 100644 --- a/src/views/safetyReview/law/components/lawDialog.vue +++ b/src/views/safetyReview/law/components/lawDialog.vue @@ -13,59 +13,39 @@ </el-form-item> <el-form-item label="副标题:" prop="subTitle"> <el-input v-model.trim="state.form.subTitle" v-if="!isReview" ></el-input> - <span v-else>{{state.form.title}}</span> + <span v-else>{{state.form.subTitle}}</span> </el-form-item> - <el-form-item label="类别:" prop="level"> - <el-radio-group v-model="state.form.level" v-if="!isReview"> + <el-form-item label="类别:" prop="law"> + <el-radio-group v-model="law" v-if="!isReview" @change="getLawTypeContent"> <el-radio :label="1">法律</el-radio> <el-radio :label="2">法规</el-radio> <el-radio :label="3">地方性规定</el-radio> <el-radio :label="4">其他</el-radio> </el-radio-group> - <span v-else>{{state.form.level === 1 ? '法律' : state.form.level === 2? '法规' :state.form.level === 3?'地方性规定': '其他'}}</span> + <span v-else>{{state.form.lawType}}</span> </el-form-item> - <el-form-item label="颁布机构:" prop="institution"> - <el-input v-model.trim="state.form.institution" v-if="!isReview" ></el-input> - <span v-else>{{state.form.institution}}</span> + <el-form-item label="颁布机构:" prop="pubAgency"> + <el-input v-model.trim="state.form.pubAgency" v-if="!isReview" ></el-input> + <span v-else>{{state.form.pubAgency}}</span> </el-form-item> - <el-form-item label="颁布日期:" prop="publishTime"> + <el-form-item label="颁布日期:" prop="pubDate"> <el-date-picker v-if="!isReview" - v-model="state.form.publishTime" - type="date" + v-model="state.form.pubDate" + type="datetime" + value-format="YYYY-MM-DD hh:mm:ss" placeholder="请选择日期" size="default" /> - <span v-else>{{state.form.publishTime}}</span> + <span v-else>{{state.form.pubDate}}</span> </el-form-item> - <div style="margin: 0 0 15px 30px" v-if="!isReview"> - <el-upload - v-model:file-list="fileList" - class="upload-demo" - action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15" - multiple - :on-preview="handlePreview" - :on-remove="handleRemove" - :before-remove="beforeRemove" - :limit="3" - > - <el-button type="primary">附件上传</el-button> - </el-upload> - </div> - <el-form-item v-else label="附件:" > - <div class="file"> - <el-link v-for="(item,index) in state.form.fileList" type="primary" :key="index" :underline="false"> - <i class="el-icon-paperclip" style="margin-right: 5px;color: #1e6abc"></i>{{item.fileName}} - </el-link> - </div> + <el-form-item label="内容:" v-if="showEditor" prop="content"> + <we-editor ref="myEditor" :propData="state.form.content" @childFn="getEditorData" /> </el-form-item> - <el-form-item v-if="!isReview" style="margin-left: -80px" prop="content"> - <editor ref="myQuillEditor" v-model="state.form.content" :height="300"></editor> - </el-form-item> - <el-form-item label="公告内容:" v-else> - <div class="ql-container ql-snow" style="height: 300px;width: 100%;margin-top: 10px;" > + <el-form-item label="内容:" v-else> + <div class="ql-container ql-snow" style="height: 500px;width: 100%;margin-top: 10px;" > <div class="ql-editor"> - <div v-html="state.form.content"></div> + <div v-html="state.form.content" @click="showFile($event)"></div> </div> </div> </el-form-item> @@ -81,88 +61,179 @@ </template> <script setup> import {reactive, ref, toRefs} from 'vue' -import Editor from "@/components/Editor/index.vue"; +import weEditor from "@/components/WeEditor/index.vue"; import {ElMessage} from "element-plus"; +import {addLaw, editLaw, getLawDetail} from "@/api/backManage/law"; +import axios from "axios"; +import {getToken} from "@/utils/auth"; +const emit = defineEmits(["getList"]); const dialogVisible = ref(false); const title = ref(""); const lawRef = ref(); -const fileList = ref([]); -const myQuillEditor = ref(); +const myEditor = ref(); const isReview = ref(false); +const showEditor = ref(true); +const law = ref(1) const state = reactive({ form: { + id: '', title: '', subTitle: '', content: '', - level: 1, - fileList: [] + lawType: "法律", + pubAgency: '', + pubDate: '' + }, formRules:{ title: [{ required: true, message: '请填写标题', trigger: 'blur' }], - institution: [{ required: true, message: '请填写颁布机构', trigger: 'blur' }], - content: [{ required: true, message: '请输入公告内容', trigger: 'change' }], + pubAgency: [{ required: true, message: '请填写颁布机构', trigger: 'blur' }], + content: [{ required: true, message: '请输入内容', trigger: 'change' }], + pubDate:[{ required: true, message: '请选择颁布日期', trigger: 'blur' }], }, }) -const openDialog = (type, value) => { +const openDialog = async (type, value) => { isReview.value = false; + showEditor.value = false; title.value = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' ; - if(type === 'edit') { - state.noticeForm = value; + if(type === 'edit' || type === 'review') { + const param = { + lawId: value.id + } + const res = await getLawDetail(param); + if(res.code === 200){ + state.form = res.data + if(type === 'edit') { + law.value = res.data.lawType === '法律' ? 1 : res.data.lawType === '法规' ? 2 :res.data.lawType === '地方性规定'? 3 : 4 + } + }else{ + ElMessage.warning(res.message) + } + + } + if(type === 'add'|| type ==='edit'){ + showEditor.value = true; + isReview.value = false; } if(type === 'review') { + showEditor.value = false; isReview.value = true; - state.noticeForm = value; + } + if(type === 'add'){ + reset() } dialogVisible.value = true; } - +const getEditorData = (val) =>{ + state.form.content = val; +} +const getLawTypeContent = (val) => { + state.form.lawType = val === 1 ? '法律' : val === 2? '法规' :val === 3?'地方性规定': '其他' +} +const showFile = (e) => { + if(e.target.nodeName === 'A'){ + console.log("e",e) + e.preventDefault(); + const file = { + fileUrl: e.target.href, + fileName: e.target.download + } + axios.get( file.fileUrl,{ + headers: + { + 'Content-Type': 'application/json', + 'Authorization':getToken(), + }, + responseType: 'blob' + } + ).then(res=>{ + if (res) { + const link = document.createElement('a') + let blob = new Blob([res.data],{type: res.data.type}) + link.style.display = "none"; + link.href = URL.createObjectURL(blob); // 创建URL + link.setAttribute("download", file.fileName); + document.body.appendChild(link); + link.click(); + document.body.removeChild(link); + } else { + this.$message.error('获取文件失败') + } + this.handleClose(); + }) + } +} const onSubmit = async () => { + myEditor.value.submit(); const valid = await lawRef.value.validate(); if(valid){ - if(state.noticeForm.content === "<p><br></p>"){ - ElMessage({ - type: 'warning', - message: '请输入公告内容' - }); - return; + if(title.value === '新增'){ + const param = { + content: state.form.content, + lawType: state.form.lawType, + pubAgency: state.form.pubAgency, + pubDate: state.form.pubDate, + subTitle: state.form.subTitle, + title: state.form.title + } + const res = await addLaw(param) + if(res.code === 200){ + ElMessage({ + type: 'success', + message: '新增成功' + }); + }else{ + ElMessage.warning(res.message) + } + emit("getList") + reset(); + myEditor.value.clear(); + lawRef.value.clearValidate(); + dialogVisible.value = false; + }else if(title.value === '编辑') { + const res = await editLaw(state.form) + if(res.code === 200){ + ElMessage({ + type: 'success', + message: '编辑成功' + }); + }else{ + ElMessage.warning(res.message) + } + emit("getList") + reset(); + myEditor.value.clear(); + lawRef.value.clearValidate(); + dialogVisible.value = false; } - console.log('file, fileList',state.noticeForm.content); - lawRef.value.clearValidate(); - reset(); - dialogVisible.value = false; } } const handleClose = () => { - lawRef.value.clearValidate(); - reset(); - dialogVisible.value = false; + if(title ==="新增"|| title ==='编辑'){ + myEditor.value.clear(); + showEditor.value=false + } + lawRef.value.clearValidate(); + dialogVisible.value = false; } const reset = () => { + law.value = 1; state.form = { + id: '', title: '', subTitle: '', content: '', - level: 1, - fileList: [] + lawType: "法律", + pubAgency: '', + pubDate: '' } } -const handleRemove = (file, fileList) => { - console.log(file, fileList); -} -const handlePreview = (uploadFile) => { - console.log(uploadFile) -} -const beforeRemove = (file, fileList) => { - return this.$confirm(`确定移除 ${ file.name }?`); -} - - defineExpose({ openDialog }); -- Gitblit v1.9.2