From 2be66e2a590bc719c6ecdb0bbd0aaa4c9b91fd98 Mon Sep 17 00:00:00 2001 From: zhouwx <1175765986@qq.com> Date: 星期五, 27 六月 2025 15:15:09 +0800 Subject: [PATCH] 修改 --- src/views/build/conpanyFunctionConsult/companyInfo/overview/components/overviewDialog.vue | 129 +++++++++++++++++++++++++++++-------------- 1 files changed, 87 insertions(+), 42 deletions(-) diff --git a/src/views/build/conpanyFunctionConsult/companyInfo/overview/components/overviewDialog.vue b/src/views/build/conpanyFunctionConsult/companyInfo/overview/components/overviewDialog.vue index a521f1e..0f15ffa 100644 --- a/src/views/build/conpanyFunctionConsult/companyInfo/overview/components/overviewDialog.vue +++ b/src/views/build/conpanyFunctionConsult/companyInfo/overview/components/overviewDialog.vue @@ -7,13 +7,34 @@ :before-close="handleClose" > <el-form :model="state.noticeForm" size="default" ref="noticeRef" :rules="title === '新增' || title === '编辑' ? state.formRules : {}" label-width="110px" > + <el-form-item label="企业名称:" prop="companyName" v-if="state.isAdmin"> + <el-select + v-model="state.noticeForm.companyName" + filterable + remote + :disabled="title == '查看' || !state.isAdmin" + @change="selectValue" + reserve-keyword + placeholder="请输入企业名称" + remote-show-suffix + :remote-method="getCompanyList" + style="width: 100%" + > + <el-option + v-for="item in state.companyList" + :key="item.id" + :label="item.name" + :value="item.name" + /> + </el-select> + </el-form-item> <el-form-item label="企业概括:" v-if="showEditor" required> - <t-editor style="width: 800px" ref="myEditor" :value="state.noticeForm.noticeContent" ></t-editor> + <t-editor style="width: 800px" ref="myEditor" :value="state.noticeForm.companySummary" ></t-editor> </el-form-item> - <el-form-item label="公告内容:" v-else> + <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 class="reviewTable" v-html="state.noticeForm.noticeContent" @click="showFile($event)"></div> + <div class="reviewTable" v-html="state.noticeForm.companySummary" @click="showFile($event)"></div> </div> </div> </el-form-item> @@ -28,7 +49,7 @@ </div> </template> <script setup> -import {nextTick, reactive, ref, toRefs, watch} from 'vue' +import {nextTick, onMounted, reactive, ref, toRefs, watch} from 'vue' import WeEditor from "@/components/WeEditor/index.vue"; import TEditor from "@/components/Tinymce/Tinymce.vue" import {ElMessage} from "element-plus"; @@ -37,6 +58,9 @@ import {getToken} from "@/utils/auth"; import {handleThemeStyle} from "@/utils/theme"; import useSettingsStore from "@/store/modules/settings"; +import {addCom, editCom} from "@/api/companyInfo/overview"; +import Cookies from "js-cookie"; +import {getCompany} from "@/api/onlineEducation/company"; const emit = defineEmits(["getList"]); @@ -51,34 +75,35 @@ const state = reactive({ noticeForm: { id: '', - noticeTitle: '', - noticeContent: '', + companySummary: '', + companyId:null, + companyName: '' }, formRules:{ - // noticeContent: [{ required: true, message: '请输入公告内容', trigger: 'blur' }], + companyName: [{ required: true, message: '请选择企业', trigger: 'blur' }], + companySummary: [{ required: true, message: '企业概况', trigger: 'blur' }], }, + isAdmin: false, + companyList: [] }) +onMounted(() => { + +}); const openDialog = async (type, value) => { - dialogVisible.value = true; - // state.noticeForm.noticeContent = "" + const userInfo = JSON.parse(Cookies.get('userInfo')) + state.isAdmin = userInfo.userType === 0; isReview.value = false; showEditor.value = false title.value = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' ; if(type === 'edit' || type === 'review') { - // const param = { - // noticeId: value.id - // } - // const res = await getNoticeDetail(param); - // if(res.code === 200){ - // state.noticeForm.id = res.data.id - // state.noticeForm.noticeTitle = res.data.title - // state.noticeForm.noticeContent = res.data.content - // }else{ - // ElMessage.warning(res.message) - // } - + state.noticeForm.companySummary = value.companySummary + state.noticeForm.id = value.id + if(state.isAdmin){ + state.noticeForm.companyId = value.companyId + state.noticeForm.companyName = value.companyName + } } if(type === 'review') { showEditor.value = false @@ -91,11 +116,10 @@ if(type === 'add'){ reset() } - - + dialogVisible.value = true; } const getEditorData = (val) =>{ - state.noticeForm.noticeContent = val; + state.noticeForm.companySummary = val; } const showFile = (e) => { @@ -131,27 +155,41 @@ }) } } +const getCompanyList = async (val)=>{ + if(val != ""){ + const queryParams = { + name: val + } + const res = await getCompany(queryParams) + if (res.code == 200) { + state.companyList = res.data.list + + } else { + ElMessage.warning(res.message) + } + } +} const onSubmit = async () => { - state.noticeForm.noticeContent = tinyMCE.activeEditor.getContent(); - console.log("点击提交") - console.log('data',state.noticeForm.noticeContent) + state.noticeForm.companySummary = tinyMCE.activeEditor.getContent(); + if(!state.isAdmin){ + const userInfo = JSON.parse(Cookies.get('userInfo')) + state.noticeForm.companyId = userInfo.companyId + state.noticeForm.companyName = userInfo.companyName + } // // myEditor.value.submit(); const valid = await noticeRef.value.validate(); if(valid){ - - if(state.noticeForm.noticeContent == "") { + if(state.noticeForm.companySummary == "") { ElMessage({ type: 'warning', - message: '请输入公司概况' + message: '请输入企业概况' }); return; } if(title.value === '新增'){ - const param = { - content: state.noticeForm.noticeContent, - } - const res = await addNotice(param) + const {id,...data} = JSON.parse(JSON.stringify(state.noticeForm)) + const res = await addCom(data) if(res.code === 200){ ElMessage({ type: 'success', @@ -167,11 +205,8 @@ noticeRef.value.clearValidate(); dialogVisible.value = false; }else if(title.value === '编辑') { - const param = { - id: state.noticeForm.id, - content: state.noticeForm.noticeContent, - } - const res = await editNotice(param) + const {...data} = JSON.parse(JSON.stringify(state.noticeForm)) + const res = await editCom(data) if(res.code === 200){ ElMessage({ type: 'success', @@ -190,6 +225,13 @@ } } +const selectValue = (val) => { + state.companyList.forEach(item => { + if(item.name === val){ + state.noticeForm.companyId = item.id + } + }) +} const handleClose = () => { if(title.value ==="新增"|| title.value ==='编辑'){ myEditor.value.clear(); @@ -197,15 +239,18 @@ } // reset() + state.companyList = [] noticeRef.value.clearValidate(); dialogVisible.value = false; } const reset = () => { state.noticeForm = { - id: '', - noticeTitle: '', - noticeContent: '' + id: '', + companySummary: '', + companyId:null, + companyName: '' } + state.companyList = [] } defineExpose({ -- Gitblit v1.9.2