From 4d99171d6e935ba2060ae0af723a8e2db72d22d6 Mon Sep 17 00:00:00 2001 From: 祖安之光 <11848914+light-of-zuan@user.noreply.gitee.com> Date: 星期三, 02 七月 2025 11:07:04 +0800 Subject: [PATCH] 修改新增 --- src/views/build/conpanyFunctionConsult/digitalFileDep/techType/index.vue | 166 ++ src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/qualityManual/components/editDialog.vue | 223 +++ src/views/build/conpanyFunctionConsult/digitalFileDep/productType/index.vue | 166 ++ src/views/build/conpanyFunctionConsult/standardSysTemp/appStandardModule/index.vue | 166 ++ src/views/build/conpanyFunctionConsult/standardSysTemp/appStandardModule/components/editDialog.vue | 226 +++ src/views/build/conpanyFunctionConsult/staffManage/staffPortfolio/components/editorDialog.vue | 11 src/views/build/conpanyFunctionConsult/standardSysTemp/sysStandardModule/index.vue | 165 ++ src/views/build/conpanyFunctionConsult/companyInfo/basicInfo/index.vue | 2 public/qualityFile.docx | 0 src/views/build/conpanyFunctionConsult/digitalFileDep/otherIntellFile/index.vue | 166 ++ src/views/build/conpanyFunctionConsult/standardSysTemp/techStandardModule/components/editDialog.vue | 226 +++ src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/recordSheets/index.vue | 166 ++ src/views/build/conpanyFunctionConsult/digitalFileDep/otherIntellFile/components/editDialog.vue | 226 +++ src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/workInstruct/index.vue | 166 ++ src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/appFile/index.vue | 166 ++ src/views/build/conpanyFunctionConsult/standardSysTemp/techStandardModule/index.vue | 166 ++ src/views/build/conpanyFunctionConsult/digitalFileDep/productType/components/editDialog.vue | 226 +++ src/views/build/conpanyFunctionConsult/orgStructure/departManage/components/dutyDialog.vue | 7 src/views/build/conpanyFunctionConsult/orgStructure/dutyDistributeChart/index.vue | 9 src/views/onlineEducation/systemManage/user/components/userDialog.vue | 4 src/views/build/conpanyFunctionConsult/orgStructure/departManage/components/departDialog.vue | 16 src/permission.js | 3 src/views/work/onlineEducation/systemManage/user/components/userDialog.vue | 3 src/api/standardSys/standardSys.js | 65 src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/workInstruct/components/editDialog.vue | 226 +++ src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/qualityManual/components/exportDoc.js | 138 + src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/recordSheets/components/editDialog.vue | 226 +++ src/router/index.js | 15 src/views/build/conpanyFunctionConsult/digitalFileDep/techType/components/editDialog.vue | 226 +++ src/views/build/conpanyFunctionConsult/orgStructure/departManage/components/exportWord.js | 1 src/views/build/conpanyFunctionConsult/staffManage/staffRegister/components/staffDialog.vue | 30 src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/appFile/components/editDialog.vue | 226 +++ src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/qualityManual/index.vue | 294 ++++ src/views/build/conpanyFunctionConsult/orgStructure/departManage/index.vue | 8 src/views/build/conpanyFunctionConsult/standardSysTemp/sysStandardModule/components/editDialog.vue | 226 +++ 35 files changed, 4,305 insertions(+), 51 deletions(-) diff --git a/public/qualityFile.docx b/public/qualityFile.docx new file mode 100644 index 0000000..f3a7b9f --- /dev/null +++ b/public/qualityFile.docx Binary files differ diff --git a/src/api/standardSys/standardSys.js b/src/api/standardSys/standardSys.js new file mode 100644 index 0000000..fb192d8 --- /dev/null +++ b/src/api/standardSys/standardSys.js @@ -0,0 +1,65 @@ +import request from '@/utils/request' + +export function getStandardTemp(params) { + return request({ + url: '/template/standardizedTemplate/list', + method: 'get', + params: params + }) +} + +export function saveStandardTemp(data) { + return request({ + url: '/template/standardizedTemplate/insert', + method: 'post', + data: data + }) +} + +export function updateStandardTemp(data) { + return request({ + url: '/template/standardizedTemplate/update', + method: 'post', + data: data + }) +} + +export function delStandardTemp(params) { + return request({ + url: '/template/standardizedTemplate/deleted', + method: 'get', + params: params + }) +} + +export function getStandardQuality(params) { + return request({ + url: '/template/standardizedQuality/info', + method: 'get', + params: params + }) +} + +export function addStandardQuality(data) { + return request({ + url: '/template/standardizedQuality/insert', + method: 'post', + data: data + }) +} + +export function delStandardQuality(params) { + return request({ + url: '/template/standardizedQuality/deleted', + method: 'get', + params: params + }) +} + +export function getStandardDetail(params) { + return request({ + url: '/template/standardizedQuality/dataInfo', + method: 'get', + params: params + }) +} \ No newline at end of file diff --git a/src/permission.js b/src/permission.js index eef296e..7766949 100644 --- a/src/permission.js +++ b/src/permission.js @@ -11,7 +11,7 @@ NProgress.configure({ showSpinner: false }); -const whiteList = ['/homePage','/fillForm','/checkProgress','/certPdf']; +const whiteList = ['/homePage']; router.beforeEach((to, from, next) => { NProgress.start() @@ -36,7 +36,6 @@ router.addRoute(route) // 动态添加可访问路由表 } }) - console.log(to.fullPath,"to.fullPath") if (to.fullPath == '/index') { // 当登录之后,直接通过ip地址和端口号访问时,跳转到第一个路由页面indexPage let pathIndex = '' diff --git a/src/router/index.js b/src/router/index.js index 6f00bf0..a0f8956 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -53,21 +53,6 @@ hidden: true }, { - path: '/fillForm', - component: () => import('@/views/safetyReview/expertManage/fillForm/index.vue'), - hidden: true - }, - { - path: '/certPdf', - component: () => import('@/views/certificatePdf'), - hidden: true - }, - { - path: '/checkProgress', - component: () => import('@/views/safetyReview/expertManage/checkProgress/index.vue'), - hidden: true - }, - { path: '/chapters', component: Layout, redirect: '/chapters', diff --git a/src/views/build/conpanyFunctionConsult/companyInfo/basicInfo/index.vue b/src/views/build/conpanyFunctionConsult/companyInfo/basicInfo/index.vue index a917036..bc91cd0 100644 --- a/src/views/build/conpanyFunctionConsult/companyInfo/basicInfo/index.vue +++ b/src/views/build/conpanyFunctionConsult/companyInfo/basicInfo/index.vue @@ -116,8 +116,6 @@ if(data.isAdmin){ getCompanyList() } - - }); const getList = async () => { loading.value = true; diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/appFile/components/editDialog.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/appFile/components/editDialog.vue new file mode 100644 index 0000000..22ce37d --- /dev/null +++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/appFile/components/editDialog.vue @@ -0,0 +1,226 @@ +<template> + <div class="notice"> + <el-dialog + v-model="dialogVisible" + :title="state.title" + width="700px" + :before-close="handleClose" + :close-on-press-escape="false" + :close-on-click-modal="false" + > + <el-form :model="state.form" size="default" ref="superRef" :rules="state.formRules" label-width="150px" > + <el-form-item v-if="state.isAdmin" label="企业:" prop="companyId"> + <el-select v-model="state.form.companyId" placeholder="请选择" clearable> + <el-option + v-for="item in state.companyList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item label="名称:" prop="templateName"> + <el-input v-model.trim="state.form.templateName" :disabled="state.title =='查看'" placeholder="名称"></el-input> + </el-form-item> + <el-form-item label="文件:" prop="filePath"> + <el-upload accept=".doc,.docx" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)" :on-exceed="showTip" :limit='state.fileLimit' v-model:file-list="state.fileList" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles)" > + <el-button type="primary">点击上传</el-button> + <template #tip> + <div class="el-upload__tip">支持上传.doc、.docx格式文档,尺寸小于5M,最多可上传1张</div> + </template> + </el-upload> + </el-form-item> + </el-form> + <template #footer v-if="state.title !='查看'"> + <span class="dialog-footer"> + <el-button @click="handleClose" size="default">取 消</el-button> + <el-button type="primary" @click="onSubmit" size="default" v-preReClick>确认</el-button> + </span> + </template> + </el-dialog> + </div> +</template> +<script setup> +import {reactive, ref, toRefs, defineEmits, nextTick, onMounted} from 'vue' +import {ElMessage} from "element-plus"; +import {addUser, editUser, getUserById, resetPwd} from "@/api/onlineEducation/user" +import {Base64} from "js-base64" +import {getCompany} from "@/api/onlineEducation/company"; +import {addIndustryTemp, updateIndustryTemp, updateInfoPlatforms} from "@/api/staffManage/staff"; +import {getToken} from "@/utils/auth"; +import {delPic} from "@/api/onlineEducation/banner"; +import {saveStandardTemp, updateStandardTemp} from "@/api/standardSys/standardSys"; + +const emit = defineEmits(["getList"]); +const dialogVisible = ref(false) +const superRef = ref() +const checkFiles = (rule, value, callback) => { + if (state.fileList.length == 0) { + callback(new Error('请上传文件')) + } else { + callback() + } +} +const state = reactive({ + title: '', + form: { + id: null, + templateName: '', + filePath: '', + format: '', + companyId: null, + templateType: 4 + }, + formRules:{ + companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], + templateName: [{ required: true, message: '请输入名称', trigger: 'blur' }], + filePath: [{ required: true, validator: checkFiles, trigger: 'blur' }] + }, + isAdmin: false, + companyList: [], + uploadUrl: import.meta.env.VITE_APP_BASE_API + '/system/common/uploadFile', + header: { + Authorization: getToken() + }, + fileLimit: 1, + fileList: [] +}) +onMounted(() => { + +}); + +const openDialog = async (type, value,companyId, isAdmin, companyList) => { + state.isAdmin = isAdmin + if(isAdmin){ + state.companyList = companyList + } + state.title = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' + state.form.companyId = companyId + if(state.title == '编辑'||state.title == '查看'){ + Object.keys(state.form).forEach(key => { + if (key in value) { + state.form[key] = value[key] + } + }) + if(value.filePath) { + const obj = { + url: value.filePath, + name: '模板文件' + } + state.fileList = [obj] + } + } + dialogVisible.value = true +} + + +const onSubmit = async () => { + const valid = await superRef.value.validate(); + if(valid){ + if(state.title == '新增'){ + const {id,...data} = state.form + const res = await saveStandardTemp(data) + if(res.code == 200){ + ElMessage.success(res.message) + emit('getList') + handleClose() + dialogVisible.value = false; + }else{ + ElMessage.warning(res.message) + } + }else{ + const res = await updateStandardTemp(state.form) + if(res.code == 200){ + ElMessage.success(res.message) + emit('getList') + handleClose() + dialogVisible.value = false; + }else{ + ElMessage.warning(res.message) + } + } + } +} + +const handleAvatarSuccess = (res, uploadFile) => { + if(res.code == 200){ + state.form.filePath = res.data.path + state.form.format = '.' + res.data.filename.split('.')[1] + }else{ + state.fileList = [] + ElMessage({ + type: 'warning', + message: '文件上传失败' + }) + } +} + +const showTip =()=>{ + ElMessage({ + type: 'warning', + message: '超出文件上传数量' + }); +} +const picSize = async (rawFile) => { + if(rawFile.size / 1024 / 1024 > 5){ + ElMessage({ + type: 'warning', + message: '文件大小不能超过5M' + }); + return false + } +}; +const handleRemove = async (file, uploadFiles) => { + let path = state.form.filePath; + await delPic({path: path}).then(res => { + if(res.code == 200){ + // ElMessage({ + // type: 'success', + // message: '文件已删除' + // }) + state.form.filePath = '' + state.form.format = '' + }else{ + ElMessage({ + type: 'warning', + message: res.message + }) + } + }).catch(() => { + state.form.imgUrl = '' + }); +} + +const handleClose = () => { + state.form = { + id: null, + templateName: '', + filePath: '', + format: '', + companyId: null, + templateType: 4 + } + state.fileList = [] + superRef.value.clearValidate(); + superRef.value.resetFields() + dialogVisible.value = false; +} + +defineExpose({ + openDialog +}); + +</script> + +<style scoped lang="scss"> +.notice{ + :deep(.el-form .el-form-item__label) { + font-size: 15px; + } + .file { + display: flex; + flex-direction: column; + align-items: flex-start; + } +} +</style> diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/appFile/index.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/appFile/index.vue new file mode 100644 index 0000000..62b6b90 --- /dev/null +++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/appFile/index.vue @@ -0,0 +1,166 @@ +<template> + <div class="app-container"> + <div style="display: flex;justify-content: space-between"> + <el-form :inline="true" style="display: flex;align-items: center;flex-wrap: wrap;" > + <el-form-item> + <el-button + type="primary" + plain + icon="Plus" + @click="openDialog('add',{})" + >新增</el-button> + </el-form-item> + <el-form-item v-if="isAdmin" label="企业:" > + <el-select v-model="data.queryParams.companyId" placeholder="请选择" clearable> + <el-option + v-for="item in companyList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item > + <el-button v-if="isAdmin" type="primary" @click="getList">查询</el-button> + <el-button v-if="isAdmin" type="primary" plain @click="reset">重置</el-button> + </el-form-item> + </el-form> + </div> + <!-- 表格数据 --> + <el-table v-loading="loading" :data="dataList" :border="true"> + <el-table-column label="序号" type="index" align="center" width="80"/> + <el-table-column label="名称" prop="templateName" align="center"/> + <el-table-column label="文件" align="center"> + <template #default="scope"> + <el-button link type="primary" @click="downloadFile(scope.row.filePath)">{{scope.row.templateName}}</el-button> + </template> + </el-table-column> + <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > + <template #default="scope"> + <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button> + <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button> + </template> + </el-table-column> + </el-table> + + <pagination + v-show="total > 0" + :total="total" + v-model:page="queryParams.pageNum" + v-model:limit="queryParams.pageSize" + @pagination="getList" + /> + + <edit-dialog ref="dialogRef" @getList=getList></edit-dialog> + </div> +</template> + +<script setup> +import {getCurrentInstance, onMounted, onUnmounted, reactive, ref, toRefs} from "vue"; +import {ElMessage, ElMessageBox} from "element-plus"; +import {delCompany, getCompany} from "@/api/onlineEducation/company"; +import Cookies from "js-cookie"; +import editDialog from './components/editDialog.vue' +import useUserStore from "@/store/modules/user"; +import {getStandardTemp,delStandardTemp} from "@/api/standardSys/standardSys"; +const userStore = useUserStore() +const { proxy } = getCurrentInstance(); +const loading = ref(false); +const dialogRef = ref(); +const data = reactive({ + queryParams: { + pageNum: 1, + pageSize: 10, + companyId: null, + templateType: 4 + }, + total: 0, + dataList: [], + companyList: [], + isAdmin: false +}); + +const { queryParams, total, dataList,companyList, isAdmin } = toRefs(data); +const userInfo = ref() +onMounted(async ()=>{ + if(userStore.roles.includes('admin')){ + data.isAdmin = true + await getCompanyList() + }else{ + data.isAdmin = false + data.queryParams.companyId = userStore.companyId + } + await getList() +}) + +onUnmounted(()=>{ + +}) + +const getList = async () => { + loading.value = true + const res = await getStandardTemp(data.queryParams) + if(res.code == 200){ + console.log(res.data,'data') + data.dataList = res.data.list || [] + data.total = res.data.total + }else{ + ElMessage.warning(res.message) + } + loading.value = false +} + +const getCompanyList = async ()=>{ + const queryParams = { + pageNum: 1, + pageSize: 999 + } + const res = await getCompany(queryParams) + if (res.code == 200) { + data.companyList = res.data.list?res.data.list:[] + // data.queryParams.companyId = data.companyList[0].id + } else { + ElMessage.warning(res.message) + } +} + +const downloadFile = (path)=>{ + window.open(import.meta.env.VITE_APP_BASE_API + '/' + path) +} + +const openDialog = (type, value) => { + dialogRef.value.openDialog(type, value, data.queryParams.companyId, data.isAdmin, data.companyList); +} + +/** 重置新增的表单以及其他数据 */ +const reset= async()=> { + data.queryParams = { + pageNum: 1, + pageSize: 10, + companyId: null, + templateType: 4 + } + await getCompanyList() + await getList() +} +const handleDelete = (val) => { + ElMessageBox.confirm( + '确定删除此条数据?', + '提示', + { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: 'warning', + }) + .then( async() => { + const res = await delStandardTemp({standardizedTemplateId: val.id}) + if(res.code == 200){ + ElMessage.success('数据删除成功') + await getList() + }else{ + ElMessage.warning(res.message) + } + }) +} + +</script> diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/qualityManual/components/editDialog.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/qualityManual/components/editDialog.vue new file mode 100644 index 0000000..5e1028b --- /dev/null +++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/qualityManual/components/editDialog.vue @@ -0,0 +1,223 @@ +<template> + <div class="notice"> + <el-dialog + v-model="dialogVisible" + :title="state.title" + width="700px" + :before-close="handleClose" + :close-on-press-escape="false" + :close-on-click-modal="false" + > + <el-form :model="state.form" size="default" ref="superRef" :rules="state.formRules" label-width="150px" > + <el-form-item v-if="state.isAdmin" label="企业:" prop="companyId"> + <el-select v-model="state.form.companyId" placeholder="请选择" clearable> + <el-option + v-for="item in state.companyList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item label="模板名称:" prop="templateName"> + <el-input v-model.trim="state.form.templateName" :disabled="state.title =='查看'" placeholder="模板名称"></el-input> + </el-form-item> + <el-form-item label="模板文件:" prop="filePath"> + <el-upload accept=".doc,.docx" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)" :on-exceed="showTip" :limit='state.fileLimit' v-model:file-list="state.fileList" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles)" > + <el-button type="primary">点击上传</el-button> + <template #tip> + <div class="el-upload__tip">支持上传.doc、.docx格式文档,尺寸小于5M,最多可上传1张</div> + </template> + </el-upload> + </el-form-item> + </el-form> + <template #footer v-if="state.title !='查看'"> + <span class="dialog-footer"> + <el-button @click="handleClose" size="default">取 消</el-button> + <el-button type="primary" @click="onSubmit" size="default" v-preReClick>确认</el-button> + </span> + </template> + </el-dialog> + </div> +</template> +<script setup> +import {reactive, ref, toRefs, defineEmits, nextTick, onMounted} from 'vue' +import {ElMessage} from "element-plus"; +import {addUser, editUser, getUserById, resetPwd} from "@/api/onlineEducation/user" +import {Base64} from "js-base64" +import {getCompany} from "@/api/onlineEducation/company"; +import {addIndustryTemp, updateIndustryTemp, updateInfoPlatforms} from "@/api/staffManage/staff"; +import {getToken} from "@/utils/auth"; +import {delPic} from "@/api/onlineEducation/banner"; + +const emit = defineEmits(["getList"]); +const dialogVisible = ref(false) +const superRef = ref() +const checkFiles = (rule, value, callback) => { + if (state.fileList.length == 0) { + callback(new Error('请上传模板文件')) + } else { + callback() + } +} +const state = reactive({ + title: '', + form: { + id: null, + templateName: '', + filePath: '', + format: '', + companyId: null + }, + formRules:{ + companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], + templateName: [{ required: true, message: '请输入模板名称', trigger: 'blur' }], + filePath: [{ required: true, validator: checkFiles, trigger: 'blur' }] + }, + isAdmin: false, + companyList: [], + uploadUrl: import.meta.env.VITE_APP_BASE_API + '/system/common/uploadFile', + header: { + Authorization: getToken() + }, + fileLimit: 1, + fileList: [] +}) +onMounted(() => { + +}); + +const openDialog = async (type, value,companyId, isAdmin, companyList) => { + state.isAdmin = isAdmin + if(isAdmin){ + state.companyList = companyList + } + state.title = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' + state.form.companyId = companyId + if(state.title == '编辑'||state.title == '查看'){ + Object.keys(state.form).forEach(key => { + if (key in value) { + state.form[key] = value[key] + } + }) + if(value.filePath) { + const obj = { + url: value.filePath, + name: '模板文件' + } + state.fileList = [obj] + } + } + dialogVisible.value = true +} + + +const onSubmit = async () => { + const valid = await superRef.value.validate(); + if(valid){ + if(state.title == '新增'){ + const {id,...data} = state.form + const res = await addIndustryTemp(data) + if(res.code == 200){ + ElMessage.success(res.message) + emit('getList') + handleClose() + dialogVisible.value = false; + }else{ + ElMessage.warning(res.message) + } + }else{ + const res = await updateIndustryTemp(state.form) + if(res.code == 200){ + ElMessage.success(res.message) + emit('getList') + handleClose() + dialogVisible.value = false; + }else{ + ElMessage.warning(res.message) + } + } + } +} + +const handleAvatarSuccess = (res, uploadFile) => { + if(res.code == 200){ + state.form.filePath = res.data.path + state.form.format = '.' + res.data.filename.split('.')[1] + }else{ + state.fileList = [] + ElMessage({ + type: 'warning', + message: '文件上传失败' + }) + } +} + +const showTip =()=>{ + ElMessage({ + type: 'warning', + message: '超出文件上传数量' + }); +} +const picSize = async (rawFile) => { + if(rawFile.size / 1024 / 1024 > 5){ + ElMessage({ + type: 'warning', + message: '文件大小不能超过5M' + }); + return false + } +}; +const handleRemove = async (file, uploadFiles) => { + let path = state.form.filePath; + await delPic({path: path}).then(res => { + if(res.code == 200){ + // ElMessage({ + // type: 'success', + // message: '文件已删除' + // }) + state.form.filePath = '' + state.form.format = '' + }else{ + ElMessage({ + type: 'warning', + message: res.message + }) + } + }).catch(() => { + state.form.imgUrl = '' + }); +} + +const handleClose = () => { + state.form = { + id: null, + templateName: '', + industryType: '', + filePath: '', + format: '', + companyId: null + } + superRef.value.clearValidate(); + superRef.value.resetFields() + dialogVisible.value = false; +} + +defineExpose({ + openDialog +}); + +</script> + +<style scoped lang="scss"> +.notice{ + :deep(.el-form .el-form-item__label) { + font-size: 15px; + } + .file { + display: flex; + flex-direction: column; + align-items: flex-start; + } +} +</style> diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/qualityManual/components/exportDoc.js b/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/qualityManual/components/exportDoc.js new file mode 100644 index 0000000..d29dd2f --- /dev/null +++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/qualityManual/components/exportDoc.js @@ -0,0 +1,138 @@ +// 引入工具 +import PizZip from 'pizzip'; +import Docxtemplater from 'docxtemplater'; +import JSZipUtils from 'jszip-utils'; +import { saveAs } from 'file-saver'; + +// 加载 .docx 模板文件 +function loadFile(url, callback) { + JSZipUtils.getBinaryContent(url, callback); +} + +// 下载生成的文档 +export function download(file, name) { + saveAs(file, name); +} + +// 处理富文本,提取段落和缩进信息 +function processRichText(html) { + if (!html) return ''; + + // 将HTML字符串转换为DOM对象 + const parser = new DOMParser(); + const doc = parser.parseFromString(html, 'text/html'); + + let result = []; + + // 处理普通段落 + const paragraphs = doc.querySelectorAll('p'); + paragraphs.forEach(p => { + const style = p.getAttribute('style') || ''; + const indentMatch = style.match(/text-indent:\s*(\d+)pt/); + const indent = indentMatch ? parseInt(indentMatch[1]) / 24 : 0; + const text = p.textContent.trim(); + + if (text) { + const indentStr = indent > 0 ? ' '.repeat(indent) : ''; + result.push(indentStr + text); + } + }); + + // 处理列表(ul/li) + const lists = doc.querySelectorAll('ul'); + lists.forEach(ul => { + const lis = ul.querySelectorAll('li'); + lis.forEach(li => { + // 计算缩进层级 + let parent = li.parentElement; + let indentLevel = 0; + while (parent && parent !== ul) { + if (parent.tagName === 'UL') indentLevel++; + parent = parent.parentElement; + } + + const text = li.textContent.trim(); + if (text) { + // 使用不同符号表示不同层级 + const bullets = ['▪', '•', '▫', '◦']; + const bullet = bullets[Math.min(indentLevel, bullets.length - 1)]; + const indentStr = ' '.repeat(indentLevel); + result.push(indentStr + bullet + ' ' + text); + } + }); + }); + + return result.join('\n\n'); // 用两个换行符分隔段落 +} + +function convertTreeToHtml(data) { + let html = ''; + + function buildList(items) { + let listHtml = '<ul style="font-family: 宋体; font-size: 12pt; line-height: 1.5;">'; + + items.forEach(item => { + listHtml += `<li style="margin-bottom: 6pt;">${item.label}`; + + if (item.children && item.children.length > 0) { + listHtml += buildList(item.children); + } + + listHtml += '</li>'; + }); + + listHtml += '</ul>'; + return listHtml; + } + + html = buildList(data); + return html; +} + +// 生成并下载 Word 文档 +export function generateWordDocument(templatePath, data, name) { + // 处理富文本字段(如果有) + if (data.summaries && typeof data.summaries === 'string') { + data.summaries = processRichText(data.summaries); + } + if (data.policies && typeof data.policies === 'string') { + data.policies = processRichText(data.policies); + } + + // 处理树形结构数据(如果有) + if (data.deptList && Array.isArray(data.deptList)) { + data.departmentsHtml = processRichText(convertTreeToHtml(data.deptList)); + } + + loadFile(templatePath, function (error, content) { + if (error) { + throw error; + } + + try { + // 加载模板文件内容到 PizZip + const zip = new PizZip(content); + const doc = new Docxtemplater(zip, { + paragraphLoop: true, + linebreaks: true, + }); + + // 设置模板中的占位符数据 + doc.setData(data); + + // 渲染文档 + doc.render(); + + // 生成最终的文档 Blob + const fileWord = doc.getZip().generate({ + type: 'blob', + mimeType: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', + }); + + saveAs(fileWord, name); + } catch (error) { + console.error('Error rendering document:', error); + throw error; + } + }); +} \ No newline at end of file diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/qualityManual/index.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/qualityManual/index.vue new file mode 100644 index 0000000..68b04e6 --- /dev/null +++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/qualityManual/index.vue @@ -0,0 +1,294 @@ +<template> + <div class="app-container"> + <div style="display: flex;justify-content: space-between"> + <el-form :inline="true" style="display: flex;align-items: center;flex-wrap: wrap;" > +<!-- <el-form-item>--> +<!-- <el-button--> +<!-- type="primary"--> +<!-- plain--> +<!-- icon="Plus"--> +<!-- @click="openDialog('add',{})"--> +<!-- >新增</el-button>--> +<!-- </el-form-item>--> + <el-form-item v-if="isAdmin" label="企业:" > + <el-select v-model="data.queryParams.companyId" placeholder="请选择" clearable> + <el-option + v-for="item in companyList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item > + <el-button v-if="isAdmin" type="primary" @click="getList">查询</el-button> + <el-button v-if="isAdmin" type="primary" plain @click="reset">重置</el-button> + <el-button type="primary" @click="addFile">生成质量手册</el-button> + </el-form-item> + </el-form> + </div> + <!-- 表格数据 --> + <el-table v-loading="loading" :data="dataList" :border="true"> + <el-table-column label="序号" type="index" align="center" width="80"/> + <el-table-column label="质量手册" prop="fileName" align="center"> + <template #default="scope"> + <el-button link type="primary" @click="initFile()">{{scope.row.qualityName + '.docx'}}</el-button> + </template> + </el-table-column> + <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > + <template #default="scope"> +<!-- <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button>--> + <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button> + </template> + </el-table-column> + </el-table> + + <pagination + v-show="total > 0" + :total="total" + v-model:page="queryParams.pageNum" + v-model:limit="queryParams.pageSize" + @pagination="getList" + /> + + <edit-dialog ref="dialogRef" @getList=getList></edit-dialog> + </div> +</template> + +<script setup> +import {getCurrentInstance, onMounted, onUnmounted, reactive, ref, toRefs} from "vue"; +import {ElMessage, ElMessageBox} from "element-plus"; +import {delCompany, getCompany} from "@/api/onlineEducation/company"; +import {delUser, getUser} from "@/api/onlineEducation/user"; +import Cookies from "js-cookie"; +import editDialog from './components/editDialog.vue' +import {generateWordDocument} from './components/exportDoc.js' + + +import { + addIndustryTemp, + delIndustryTemp, + getIndustryTemp, +} from "@/api/staffManage/staff"; +import useUserStore from "@/store/modules/user"; +import { + addStandardQuality, + delStandardQuality, + getStandardDetail, + getStandardQuality +} from "@/api/standardSys/standardSys"; +import {getBasic} from "@/api/companyInfo/basicInfo"; +import {getCom} from "@/api/companyInfo/overview"; + +const userStore = useUserStore() +const { proxy } = getCurrentInstance(); +const loading = ref(false); +const dialogRef = ref(); +const data = reactive({ + queryParams: { + pageNum: 1, + pageSize: 10, + companyId: null + }, + total: 0, + dataList: [], + companyList: [], + isAdmin: false, + companyInfo: { + summaries: '', + policies: '', + deptList: [], + duties: [], + temps: [] + }, + caluseList: [ + {clauseNum: '4', content: '组织环境'}, + {clauseNum: '4.1', content: '理解组织及其环境',manage: true,represent: false}, + {clauseNum: '4.2', content: '理解相关方的需求和期望',manage: true,represent: false}, + {clauseNum: '4.3', content: '确定质量管理体系的范围',manage: false,represent: true}, + {clauseNum: '4.4', content: '质量管理体系及其过程',manage: false,represent: true}, + {clauseNum: '5', content: '领导作用'}, + {clauseNum: '5.1', content: '领导作用和承诺',manage: true,represent: false}, + {clauseNum: '5.2', content: '方针',manage: true,represent: false}, + {clauseNum: '5.3', content: '组织内的角色、职责和权限',manage: true,represent: false}, + {clauseNum: '6', content: ''}, + {clauseNum: '6.1', content: '应对风险和机遇的措施',manage: true,represent: false}, + {clauseNum: '6.2', content: '质量目标及其实现的策划',manage: false,represent: true}, + {clauseNum: '6.3', content: '变更的策划',manage: false,represent: true}, + {clauseNum: '7', content: '支持'}, + {clauseNum: '7.1', content: '资源',manage: true,represent: false}, + {clauseNum: '7.1.1', content: '总则',manage: true,represent: false}, + {clauseNum: '7.1.2', content: '人员',manage: true,represent: false}, + {clauseNum: '7.1.3', content: '基础设施',manage: false,represent: true}, + {clauseNum: '7.1.4', content: '过程运行环境',manage: false,represent: true}, + {clauseNum: '7.1.5', content: '监视和测量资源',manage: false,represent: true}, + {clauseNum: '7.1.6', content: '组织的知识',manage: false,represent: true} + ] +}); + +const { queryParams, total, dataList,companyList, isAdmin } = toRefs(data); +const userInfo = ref() +onMounted(async ()=>{ + if(userStore.roles.includes('admin')){ + data.isAdmin = true + await getCompanyList() + }else{ + data.isAdmin = false + data.queryParams.companyId = userStore.companyId + } + await getList() +}) + +onUnmounted(()=>{ + +}) + +const getList = async () => { + loading.value = true + const res = await getStandardQuality(data.queryParams) + if(res.code == 200){ + data.dataList = res.data.data || [] + data.total = res.data.total + }else{ + ElMessage.warning(res.message) + } + loading.value = false +} + +const addFile = async ()=>{ + let params={} + if(data.queryParams.companyId){ + params = { + qualityName: '质量手册', + companyId: data.queryParams.companyId + } + }else{ + ElMessage.warning('请先选择对应的企业') + return + } + const res = await addStandardQuality(params) + if(res.code == 200){ + ElMessage.success(res.message) + await getList() + }else{ + ElMessage.warning(res.message) + } +} + +const getCompanyList = async ()=>{ + const queryParams = { + pageNum: 1, + pageSize: 999 + } + const res = await getCompany(queryParams) + if (res.code == 200) { + data.companyList = res.data.list?res.data.list:[] + // data.queryParams.companyId = data.companyList[0].id + } else { + ElMessage.warning(res.message) + } +} + +const getInfo = async () => { + loading.value = true; + if(!data.queryParams.companyId){ + ElMessage.warning('请选择企业') + } + const res = await getStandardDetail({companyId: data.queryParams.companyId}); + if(res.code === 200){ + data.companyInfo.summaries = res.data.companySummaries[0].companySummary + data.companyInfo.policies = res.data.companyQualityPolicies[0].policy + data.companyInfo.deptList = res.data.treeSelects + data.companyInfo.duties = transformDuties(res.data.sysFunctionalDistributions) + data.companyInfo.temps = res.data.companyIndustryTemplates?.map((item,index)=>{ + return { + index: index + 1, + templateName: item.templateName + } + }) + }else{ + ElMessage.warning(res.message) + } + loading.value = false; + +} + +const transformDuties=(duties)=>{ + let tableData = [] + for(let item of duties){ + const index = tableData.findIndex(i=>i.deptId == item.deptId) + if(index == -1){ + const obj = { + deptName: item.deptName, + deptId: item.deptId + } + obj[item.clauseNum] = item.chooseLab==1?'●':'○' + tableData.push(obj) + }else{ + tableData[index][item.clauseNum] = item.chooseLab==1?'●':'○' + } + } + console.log(tableData,'table1') + tableData = tableData.map(j=>{ + for(let i of data.caluseList){ + if(!j.hasOwnProperty(i.clauseNum)){ + j[i.clauseNum] = '○' + } + } + return j + }) + console.log(tableData,'table2') + return tableData +} + +const initFile = async () => { + await getInfo() + const templatePath = '/qualityFile.docx' + try { + await generateWordDocument( + templatePath, + data.companyInfo, + '质量手册.docx' + ); + ElMessage.success('文档生成成功!'); + } catch (error) { + console.error('导出失败:', error); + ElMessage.warning('文档生成失败'); + } +} + +const openDialog = (type, value) => { + dialogRef.value.openDialog(type, value, data.queryParams.companyId, data.isAdmin, data.companyList); +} + +/** 重置新增的表单以及其他数据 */ +const reset= async()=> { + data.queryParams = { + pageNum: 1, + pageSize: 10, + companyId: null + } + await getCompanyList() + await getList() +} +const handleDelete = (val) => { + ElMessageBox.confirm( + '确定删除此条数据?', + '提示', + { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: 'warning', + }) + .then( async() => { + const res = await delStandardQuality({standardizedQualityId: val.id}) + if(res.code == 200){ + ElMessage.success('数据删除成功') + await getList() + }else{ + ElMessage.warning(res.message) + } + }) +} + +</script> diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/recordSheets/components/editDialog.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/recordSheets/components/editDialog.vue new file mode 100644 index 0000000..1e910d4 --- /dev/null +++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/recordSheets/components/editDialog.vue @@ -0,0 +1,226 @@ +<template> + <div class="notice"> + <el-dialog + v-model="dialogVisible" + :title="state.title" + width="700px" + :before-close="handleClose" + :close-on-press-escape="false" + :close-on-click-modal="false" + > + <el-form :model="state.form" size="default" ref="superRef" :rules="state.formRules" label-width="150px" > + <el-form-item v-if="state.isAdmin" label="企业:" prop="companyId"> + <el-select v-model="state.form.companyId" placeholder="请选择" clearable> + <el-option + v-for="item in state.companyList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item label="名称:" prop="templateName"> + <el-input v-model.trim="state.form.templateName" :disabled="state.title =='查看'" placeholder="名称"></el-input> + </el-form-item> + <el-form-item label="文件:" prop="filePath"> + <el-upload accept=".doc,.docx" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)" :on-exceed="showTip" :limit='state.fileLimit' v-model:file-list="state.fileList" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles)" > + <el-button type="primary">点击上传</el-button> + <template #tip> + <div class="el-upload__tip">支持上传.doc、.docx格式文档,尺寸小于5M,最多可上传1张</div> + </template> + </el-upload> + </el-form-item> + </el-form> + <template #footer v-if="state.title !='查看'"> + <span class="dialog-footer"> + <el-button @click="handleClose" size="default">取 消</el-button> + <el-button type="primary" @click="onSubmit" size="default" v-preReClick>确认</el-button> + </span> + </template> + </el-dialog> + </div> +</template> +<script setup> +import {reactive, ref, toRefs, defineEmits, nextTick, onMounted} from 'vue' +import {ElMessage} from "element-plus"; +import {addUser, editUser, getUserById, resetPwd} from "@/api/onlineEducation/user" +import {Base64} from "js-base64" +import {getCompany} from "@/api/onlineEducation/company"; +import {addIndustryTemp, updateIndustryTemp, updateInfoPlatforms} from "@/api/staffManage/staff"; +import {getToken} from "@/utils/auth"; +import {delPic} from "@/api/onlineEducation/banner"; +import {saveStandardTemp, updateStandardTemp} from "@/api/standardSys/standardSys"; + +const emit = defineEmits(["getList"]); +const dialogVisible = ref(false) +const superRef = ref() +const checkFiles = (rule, value, callback) => { + if (state.fileList.length == 0) { + callback(new Error('请上传文件')) + } else { + callback() + } +} +const state = reactive({ + title: '', + form: { + id: null, + templateName: '', + filePath: '', + format: '', + companyId: null, + templateType: 6 + }, + formRules:{ + companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], + templateName: [{ required: true, message: '请输入名称', trigger: 'blur' }], + filePath: [{ required: true, validator: checkFiles, trigger: 'blur' }] + }, + isAdmin: false, + companyList: [], + uploadUrl: import.meta.env.VITE_APP_BASE_API + '/system/common/uploadFile', + header: { + Authorization: getToken() + }, + fileLimit: 1, + fileList: [] +}) +onMounted(() => { + +}); + +const openDialog = async (type, value,companyId, isAdmin, companyList) => { + state.isAdmin = isAdmin + if(isAdmin){ + state.companyList = companyList + } + state.title = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' + state.form.companyId = companyId + if(state.title == '编辑'||state.title == '查看'){ + Object.keys(state.form).forEach(key => { + if (key in value) { + state.form[key] = value[key] + } + }) + if(value.filePath) { + const obj = { + url: value.filePath, + name: '模板文件' + } + state.fileList = [obj] + } + } + dialogVisible.value = true +} + + +const onSubmit = async () => { + const valid = await superRef.value.validate(); + if(valid){ + if(state.title == '新增'){ + const {id,...data} = state.form + const res = await saveStandardTemp(data) + if(res.code == 200){ + ElMessage.success(res.message) + emit('getList') + handleClose() + dialogVisible.value = false; + }else{ + ElMessage.warning(res.message) + } + }else{ + const res = await updateStandardTemp(state.form) + if(res.code == 200){ + ElMessage.success(res.message) + emit('getList') + handleClose() + dialogVisible.value = false; + }else{ + ElMessage.warning(res.message) + } + } + } +} + +const handleAvatarSuccess = (res, uploadFile) => { + if(res.code == 200){ + state.form.filePath = res.data.path + state.form.format = '.' + res.data.filename.split('.')[1] + }else{ + state.fileList = [] + ElMessage({ + type: 'warning', + message: '文件上传失败' + }) + } +} + +const showTip =()=>{ + ElMessage({ + type: 'warning', + message: '超出文件上传数量' + }); +} +const picSize = async (rawFile) => { + if(rawFile.size / 1024 / 1024 > 5){ + ElMessage({ + type: 'warning', + message: '文件大小不能超过5M' + }); + return false + } +}; +const handleRemove = async (file, uploadFiles) => { + let path = state.form.filePath; + await delPic({path: path}).then(res => { + if(res.code == 200){ + // ElMessage({ + // type: 'success', + // message: '文件已删除' + // }) + state.form.filePath = '' + state.form.format = '' + }else{ + ElMessage({ + type: 'warning', + message: res.message + }) + } + }).catch(() => { + state.form.imgUrl = '' + }); +} + +const handleClose = () => { + state.form = { + id: null, + templateName: '', + filePath: '', + format: '', + companyId: null, + templateType: 6 + } + state.fileList = [] + superRef.value.clearValidate(); + superRef.value.resetFields() + dialogVisible.value = false; +} + +defineExpose({ + openDialog +}); + +</script> + +<style scoped lang="scss"> +.notice{ + :deep(.el-form .el-form-item__label) { + font-size: 15px; + } + .file { + display: flex; + flex-direction: column; + align-items: flex-start; + } +} +</style> diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/recordSheets/index.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/recordSheets/index.vue new file mode 100644 index 0000000..217d3a2 --- /dev/null +++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/recordSheets/index.vue @@ -0,0 +1,166 @@ +<template> + <div class="app-container"> + <div style="display: flex;justify-content: space-between"> + <el-form :inline="true" style="display: flex;align-items: center;flex-wrap: wrap;" > + <el-form-item> + <el-button + type="primary" + plain + icon="Plus" + @click="openDialog('add',{})" + >新增</el-button> + </el-form-item> + <el-form-item v-if="isAdmin" label="企业:" > + <el-select v-model="data.queryParams.companyId" placeholder="请选择" clearable> + <el-option + v-for="item in companyList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item > + <el-button v-if="isAdmin" type="primary" @click="getList">查询</el-button> + <el-button v-if="isAdmin" type="primary" plain @click="reset">重置</el-button> + </el-form-item> + </el-form> + </div> + <!-- 表格数据 --> + <el-table v-loading="loading" :data="dataList" :border="true"> + <el-table-column label="序号" type="index" align="center" width="80"/> + <el-table-column label="名称" prop="templateName" align="center"/> + <el-table-column label="文件" align="center"> + <template #default="scope"> + <el-button link type="primary" @click="downloadFile(scope.row.filePath)">{{scope.row.templateName}}</el-button> + </template> + </el-table-column> + <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > + <template #default="scope"> + <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button> + <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button> + </template> + </el-table-column> + </el-table> + + <pagination + v-show="total > 0" + :total="total" + v-model:page="queryParams.pageNum" + v-model:limit="queryParams.pageSize" + @pagination="getList" + /> + + <edit-dialog ref="dialogRef" @getList=getList></edit-dialog> + </div> +</template> + +<script setup> +import {getCurrentInstance, onMounted, onUnmounted, reactive, ref, toRefs} from "vue"; +import {ElMessage, ElMessageBox} from "element-plus"; +import {delCompany, getCompany} from "@/api/onlineEducation/company"; +import Cookies from "js-cookie"; +import editDialog from './components/editDialog.vue' +import useUserStore from "@/store/modules/user"; +import {getStandardTemp,delStandardTemp} from "@/api/standardSys/standardSys"; +const userStore = useUserStore() +const { proxy } = getCurrentInstance(); +const loading = ref(false); +const dialogRef = ref(); +const data = reactive({ + queryParams: { + pageNum: 1, + pageSize: 10, + companyId: null, + templateType: 6 + }, + total: 0, + dataList: [], + companyList: [], + isAdmin: false +}); + +const { queryParams, total, dataList,companyList, isAdmin } = toRefs(data); +const userInfo = ref() +onMounted(async ()=>{ + if(userStore.roles.includes('admin')){ + data.isAdmin = true + await getCompanyList() + }else{ + data.isAdmin = false + data.queryParams.companyId = userStore.companyId + } + await getList() +}) + +onUnmounted(()=>{ + +}) + +const getList = async () => { + loading.value = true + const res = await getStandardTemp(data.queryParams) + if(res.code == 200){ + console.log(res.data,'data') + data.dataList = res.data.list || [] + data.total = res.data.total + }else{ + ElMessage.warning(res.message) + } + loading.value = false +} + +const getCompanyList = async ()=>{ + const queryParams = { + pageNum: 1, + pageSize: 999 + } + const res = await getCompany(queryParams) + if (res.code == 200) { + data.companyList = res.data.list?res.data.list:[] + // data.queryParams.companyId = data.companyList[0].id + } else { + ElMessage.warning(res.message) + } +} + +const downloadFile = (path)=>{ + window.open(import.meta.env.VITE_APP_BASE_API + '/' + path) +} + +const openDialog = (type, value) => { + dialogRef.value.openDialog(type, value, data.queryParams.companyId, data.isAdmin, data.companyList); +} + +/** 重置新增的表单以及其他数据 */ +const reset= async()=> { + data.queryParams = { + pageNum: 1, + pageSize: 10, + companyId: null, + templateType: 6 + } + await getCompanyList() + await getList() +} +const handleDelete = (val) => { + ElMessageBox.confirm( + '确定删除此条数据?', + '提示', + { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: 'warning', + }) + .then( async() => { + const res = await delStandardTemp({standardizedTemplateId: val.id}) + if(res.code == 200){ + ElMessage.success('数据删除成功') + await getList() + }else{ + ElMessage.warning(res.message) + } + }) +} + +</script> diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/workInstruct/components/editDialog.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/workInstruct/components/editDialog.vue new file mode 100644 index 0000000..5a9b35c --- /dev/null +++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/workInstruct/components/editDialog.vue @@ -0,0 +1,226 @@ +<template> + <div class="notice"> + <el-dialog + v-model="dialogVisible" + :title="state.title" + width="700px" + :before-close="handleClose" + :close-on-press-escape="false" + :close-on-click-modal="false" + > + <el-form :model="state.form" size="default" ref="superRef" :rules="state.formRules" label-width="150px" > + <el-form-item v-if="state.isAdmin" label="企业:" prop="companyId"> + <el-select v-model="state.form.companyId" placeholder="请选择" clearable> + <el-option + v-for="item in state.companyList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item label="名称:" prop="templateName"> + <el-input v-model.trim="state.form.templateName" :disabled="state.title =='查看'" placeholder="名称"></el-input> + </el-form-item> + <el-form-item label="文件:" prop="filePath"> + <el-upload accept=".doc,.docx" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)" :on-exceed="showTip" :limit='state.fileLimit' v-model:file-list="state.fileList" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles)" > + <el-button type="primary">点击上传</el-button> + <template #tip> + <div class="el-upload__tip">支持上传.doc、.docx格式文档,尺寸小于5M,最多可上传1张</div> + </template> + </el-upload> + </el-form-item> + </el-form> + <template #footer v-if="state.title !='查看'"> + <span class="dialog-footer"> + <el-button @click="handleClose" size="default">取 消</el-button> + <el-button type="primary" @click="onSubmit" size="default" v-preReClick>确认</el-button> + </span> + </template> + </el-dialog> + </div> +</template> +<script setup> +import {reactive, ref, toRefs, defineEmits, nextTick, onMounted} from 'vue' +import {ElMessage} from "element-plus"; +import {addUser, editUser, getUserById, resetPwd} from "@/api/onlineEducation/user" +import {Base64} from "js-base64" +import {getCompany} from "@/api/onlineEducation/company"; +import {addIndustryTemp, updateIndustryTemp, updateInfoPlatforms} from "@/api/staffManage/staff"; +import {getToken} from "@/utils/auth"; +import {delPic} from "@/api/onlineEducation/banner"; +import {saveStandardTemp, updateStandardTemp} from "@/api/standardSys/standardSys"; + +const emit = defineEmits(["getList"]); +const dialogVisible = ref(false) +const superRef = ref() +const checkFiles = (rule, value, callback) => { + if (state.fileList.length == 0) { + callback(new Error('请上传文件')) + } else { + callback() + } +} +const state = reactive({ + title: '', + form: { + id: null, + templateName: '', + filePath: '', + format: '', + companyId: null, + templateType: 5 + }, + formRules:{ + companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], + templateName: [{ required: true, message: '请输入名称', trigger: 'blur' }], + filePath: [{ required: true, validator: checkFiles, trigger: 'blur' }] + }, + isAdmin: false, + companyList: [], + uploadUrl: import.meta.env.VITE_APP_BASE_API + '/system/common/uploadFile', + header: { + Authorization: getToken() + }, + fileLimit: 1, + fileList: [] +}) +onMounted(() => { + +}); + +const openDialog = async (type, value,companyId, isAdmin, companyList) => { + state.isAdmin = isAdmin + if(isAdmin){ + state.companyList = companyList + } + state.title = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' + state.form.companyId = companyId + if(state.title == '编辑'||state.title == '查看'){ + Object.keys(state.form).forEach(key => { + if (key in value) { + state.form[key] = value[key] + } + }) + if(value.filePath) { + const obj = { + url: value.filePath, + name: '模板文件' + } + state.fileList = [obj] + } + } + dialogVisible.value = true +} + + +const onSubmit = async () => { + const valid = await superRef.value.validate(); + if(valid){ + if(state.title == '新增'){ + const {id,...data} = state.form + const res = await saveStandardTemp(data) + if(res.code == 200){ + ElMessage.success(res.message) + emit('getList') + handleClose() + dialogVisible.value = false; + }else{ + ElMessage.warning(res.message) + } + }else{ + const res = await updateStandardTemp(state.form) + if(res.code == 200){ + ElMessage.success(res.message) + emit('getList') + handleClose() + dialogVisible.value = false; + }else{ + ElMessage.warning(res.message) + } + } + } +} + +const handleAvatarSuccess = (res, uploadFile) => { + if(res.code == 200){ + state.form.filePath = res.data.path + state.form.format = '.' + res.data.filename.split('.')[1] + }else{ + state.fileList = [] + ElMessage({ + type: 'warning', + message: '文件上传失败' + }) + } +} + +const showTip =()=>{ + ElMessage({ + type: 'warning', + message: '超出文件上传数量' + }); +} +const picSize = async (rawFile) => { + if(rawFile.size / 1024 / 1024 > 5){ + ElMessage({ + type: 'warning', + message: '文件大小不能超过5M' + }); + return false + } +}; +const handleRemove = async (file, uploadFiles) => { + let path = state.form.filePath; + await delPic({path: path}).then(res => { + if(res.code == 200){ + // ElMessage({ + // type: 'success', + // message: '文件已删除' + // }) + state.form.filePath = '' + state.form.format = '' + }else{ + ElMessage({ + type: 'warning', + message: res.message + }) + } + }).catch(() => { + state.form.imgUrl = '' + }); +} + +const handleClose = () => { + state.form = { + id: null, + templateName: '', + filePath: '', + format: '', + companyId: null, + templateType: 5 + } + state.fileList = [] + superRef.value.clearValidate(); + superRef.value.resetFields() + dialogVisible.value = false; +} + +defineExpose({ + openDialog +}); + +</script> + +<style scoped lang="scss"> +.notice{ + :deep(.el-form .el-form-item__label) { + font-size: 15px; + } + .file { + display: flex; + flex-direction: column; + align-items: flex-start; + } +} +</style> diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/workInstruct/index.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/workInstruct/index.vue new file mode 100644 index 0000000..573cf60 --- /dev/null +++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/workInstruct/index.vue @@ -0,0 +1,166 @@ +<template> + <div class="app-container"> + <div style="display: flex;justify-content: space-between"> + <el-form :inline="true" style="display: flex;align-items: center;flex-wrap: wrap;" > + <el-form-item> + <el-button + type="primary" + plain + icon="Plus" + @click="openDialog('add',{})" + >新增</el-button> + </el-form-item> + <el-form-item v-if="isAdmin" label="企业:" > + <el-select v-model="data.queryParams.companyId" placeholder="请选择" clearable> + <el-option + v-for="item in companyList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item > + <el-button v-if="isAdmin" type="primary" @click="getList">查询</el-button> + <el-button v-if="isAdmin" type="primary" plain @click="reset">重置</el-button> + </el-form-item> + </el-form> + </div> + <!-- 表格数据 --> + <el-table v-loading="loading" :data="dataList" :border="true"> + <el-table-column label="序号" type="index" align="center" width="80"/> + <el-table-column label="名称" prop="templateName" align="center"/> + <el-table-column label="文件" align="center"> + <template #default="scope"> + <el-button link type="primary" @click="downloadFile(scope.row.filePath)">{{scope.row.templateName}}</el-button> + </template> + </el-table-column> + <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > + <template #default="scope"> + <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button> + <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button> + </template> + </el-table-column> + </el-table> + + <pagination + v-show="total > 0" + :total="total" + v-model:page="queryParams.pageNum" + v-model:limit="queryParams.pageSize" + @pagination="getList" + /> + + <edit-dialog ref="dialogRef" @getList=getList></edit-dialog> + </div> +</template> + +<script setup> +import {getCurrentInstance, onMounted, onUnmounted, reactive, ref, toRefs} from "vue"; +import {ElMessage, ElMessageBox} from "element-plus"; +import {delCompany, getCompany} from "@/api/onlineEducation/company"; +import Cookies from "js-cookie"; +import editDialog from './components/editDialog.vue' +import useUserStore from "@/store/modules/user"; +import {getStandardTemp,delStandardTemp} from "@/api/standardSys/standardSys"; +const userStore = useUserStore() +const { proxy } = getCurrentInstance(); +const loading = ref(false); +const dialogRef = ref(); +const data = reactive({ + queryParams: { + pageNum: 1, + pageSize: 10, + companyId: null, + templateType: 5 + }, + total: 0, + dataList: [], + companyList: [], + isAdmin: false +}); + +const { queryParams, total, dataList,companyList, isAdmin } = toRefs(data); +const userInfo = ref() +onMounted(async ()=>{ + if(userStore.roles.includes('admin')){ + data.isAdmin = true + await getCompanyList() + }else{ + data.isAdmin = false + data.queryParams.companyId = userStore.companyId + } + await getList() +}) + +onUnmounted(()=>{ + +}) + +const getList = async () => { + loading.value = true + const res = await getStandardTemp(data.queryParams) + if(res.code == 200){ + console.log(res.data,'data') + data.dataList = res.data.list || [] + data.total = res.data.total + }else{ + ElMessage.warning(res.message) + } + loading.value = false +} + +const getCompanyList = async ()=>{ + const queryParams = { + pageNum: 1, + pageSize: 999 + } + const res = await getCompany(queryParams) + if (res.code == 200) { + data.companyList = res.data.list?res.data.list:[] + // data.queryParams.companyId = data.companyList[0].id + } else { + ElMessage.warning(res.message) + } +} + +const downloadFile = (path)=>{ + window.open(import.meta.env.VITE_APP_BASE_API + '/' + path) +} + +const openDialog = (type, value) => { + dialogRef.value.openDialog(type, value, data.queryParams.companyId, data.isAdmin, data.companyList); +} + +/** 重置新增的表单以及其他数据 */ +const reset= async()=> { + data.queryParams = { + pageNum: 1, + pageSize: 10, + companyId: null, + templateType: 5 + } + await getCompanyList() + await getList() +} +const handleDelete = (val) => { + ElMessageBox.confirm( + '确定删除此条数据?', + '提示', + { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: 'warning', + }) + .then( async() => { + const res = await delStandardTemp({standardizedTemplateId: val.id}) + if(res.code == 200){ + ElMessage.success('数据删除成功') + await getList() + }else{ + ElMessage.warning(res.message) + } + }) +} + +</script> diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/otherIntellFile/components/editDialog.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/otherIntellFile/components/editDialog.vue new file mode 100644 index 0000000..8b37a58 --- /dev/null +++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/otherIntellFile/components/editDialog.vue @@ -0,0 +1,226 @@ +<template> + <div class="notice"> + <el-dialog + v-model="dialogVisible" + :title="state.title" + width="700px" + :before-close="handleClose" + :close-on-press-escape="false" + :close-on-click-modal="false" + > + <el-form :model="state.form" size="default" ref="superRef" :rules="state.formRules" label-width="150px" > + <el-form-item v-if="state.isAdmin" label="企业:" prop="companyId"> + <el-select v-model="state.form.companyId" placeholder="请选择" clearable> + <el-option + v-for="item in state.companyList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item label="名称:" prop="templateName"> + <el-input v-model.trim="state.form.templateName" :disabled="state.title =='查看'" placeholder="名称"></el-input> + </el-form-item> + <el-form-item label="文件:" prop="filePath"> + <el-upload accept=".doc,.docx" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)" :on-exceed="showTip" :limit='state.fileLimit' v-model:file-list="state.fileList" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles)" > + <el-button type="primary">点击上传</el-button> + <template #tip> + <div class="el-upload__tip">支持上传.doc、.docx格式文档,尺寸小于5M,最多可上传1张</div> + </template> + </el-upload> + </el-form-item> + </el-form> + <template #footer v-if="state.title !='查看'"> + <span class="dialog-footer"> + <el-button @click="handleClose" size="default">取 消</el-button> + <el-button type="primary" @click="onSubmit" size="default" v-preReClick>确认</el-button> + </span> + </template> + </el-dialog> + </div> +</template> +<script setup> +import {reactive, ref, toRefs, defineEmits, nextTick, onMounted} from 'vue' +import {ElMessage} from "element-plus"; +import {addUser, editUser, getUserById, resetPwd} from "@/api/onlineEducation/user" +import {Base64} from "js-base64" +import {getCompany} from "@/api/onlineEducation/company"; +import {addIndustryTemp, updateIndustryTemp, updateInfoPlatforms} from "@/api/staffManage/staff"; +import {getToken} from "@/utils/auth"; +import {delPic} from "@/api/onlineEducation/banner"; +import {saveStandardTemp, updateStandardTemp} from "@/api/standardSys/standardSys"; + +const emit = defineEmits(["getList"]); +const dialogVisible = ref(false) +const superRef = ref() +const checkFiles = (rule, value, callback) => { + if (state.fileList.length == 0) { + callback(new Error('请上传文件')) + } else { + callback() + } +} +const state = reactive({ + title: '', + form: { + id: null, + templateName: '', + filePath: '', + format: '', + companyId: null, + templateType: 9 + }, + formRules:{ + companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], + templateName: [{ required: true, message: '请输入名称', trigger: 'blur' }], + filePath: [{ required: true, validator: checkFiles, trigger: 'blur' }] + }, + isAdmin: false, + companyList: [], + uploadUrl: import.meta.env.VITE_APP_BASE_API + '/system/common/uploadFile', + header: { + Authorization: getToken() + }, + fileLimit: 1, + fileList: [] +}) +onMounted(() => { + +}); + +const openDialog = async (type, value,companyId, isAdmin, companyList) => { + state.isAdmin = isAdmin + if(isAdmin){ + state.companyList = companyList + } + state.title = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' + state.form.companyId = companyId + if(state.title == '编辑'||state.title == '查看'){ + Object.keys(state.form).forEach(key => { + if (key in value) { + state.form[key] = value[key] + } + }) + if(value.filePath) { + const obj = { + url: value.filePath, + name: '模板文件' + } + state.fileList = [obj] + } + } + dialogVisible.value = true +} + + +const onSubmit = async () => { + const valid = await superRef.value.validate(); + if(valid){ + if(state.title == '新增'){ + const {id,...data} = state.form + const res = await saveStandardTemp(data) + if(res.code == 200){ + ElMessage.success(res.message) + emit('getList') + handleClose() + dialogVisible.value = false; + }else{ + ElMessage.warning(res.message) + } + }else{ + const res = await updateStandardTemp(state.form) + if(res.code == 200){ + ElMessage.success(res.message) + emit('getList') + handleClose() + dialogVisible.value = false; + }else{ + ElMessage.warning(res.message) + } + } + } +} + +const handleAvatarSuccess = (res, uploadFile) => { + if(res.code == 200){ + state.form.filePath = res.data.path + state.form.format = '.' + res.data.filename.split('.')[1] + }else{ + state.fileList = [] + ElMessage({ + type: 'warning', + message: '文件上传失败' + }) + } +} + +const showTip =()=>{ + ElMessage({ + type: 'warning', + message: '超出文件上传数量' + }); +} +const picSize = async (rawFile) => { + if(rawFile.size / 1024 / 1024 > 5){ + ElMessage({ + type: 'warning', + message: '文件大小不能超过5M' + }); + return false + } +}; +const handleRemove = async (file, uploadFiles) => { + let path = state.form.filePath; + await delPic({path: path}).then(res => { + if(res.code == 200){ + // ElMessage({ + // type: 'success', + // message: '文件已删除' + // }) + state.form.filePath = '' + state.form.format = '' + }else{ + ElMessage({ + type: 'warning', + message: res.message + }) + } + }).catch(() => { + state.form.imgUrl = '' + }); +} + +const handleClose = () => { + state.form = { + id: null, + templateName: '', + filePath: '', + format: '', + companyId: null, + templateType: 9 + } + state.fileList = [] + superRef.value.clearValidate(); + superRef.value.resetFields() + dialogVisible.value = false; +} + +defineExpose({ + openDialog +}); + +</script> + +<style scoped lang="scss"> +.notice{ + :deep(.el-form .el-form-item__label) { + font-size: 15px; + } + .file { + display: flex; + flex-direction: column; + align-items: flex-start; + } +} +</style> diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/otherIntellFile/index.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/otherIntellFile/index.vue new file mode 100644 index 0000000..c2c75a7 --- /dev/null +++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/otherIntellFile/index.vue @@ -0,0 +1,166 @@ +<template> + <div class="app-container"> + <div style="display: flex;justify-content: space-between"> + <el-form :inline="true" style="display: flex;align-items: center;flex-wrap: wrap;" > + <el-form-item> + <el-button + type="primary" + plain + icon="Plus" + @click="openDialog('add',{})" + >新增</el-button> + </el-form-item> + <el-form-item v-if="isAdmin" label="企业:" > + <el-select v-model="data.queryParams.companyId" placeholder="请选择" clearable> + <el-option + v-for="item in companyList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item > + <el-button v-if="isAdmin" type="primary" @click="getList">查询</el-button> + <el-button v-if="isAdmin" type="primary" plain @click="reset">重置</el-button> + </el-form-item> + </el-form> + </div> + <!-- 表格数据 --> + <el-table v-loading="loading" :data="dataList" :border="true"> + <el-table-column label="序号" type="index" align="center" width="80"/> + <el-table-column label="名称" prop="templateName" align="center"/> + <el-table-column label="文件" align="center"> + <template #default="scope"> + <el-button link type="primary" @click="downloadFile(scope.row.filePath)">{{scope.row.templateName}}</el-button> + </template> + </el-table-column> + <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > + <template #default="scope"> + <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button> + <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button> + </template> + </el-table-column> + </el-table> + + <pagination + v-show="total > 0" + :total="total" + v-model:page="queryParams.pageNum" + v-model:limit="queryParams.pageSize" + @pagination="getList" + /> + + <edit-dialog ref="dialogRef" @getList=getList></edit-dialog> + </div> +</template> + +<script setup> +import {getCurrentInstance, onMounted, onUnmounted, reactive, ref, toRefs} from "vue"; +import {ElMessage, ElMessageBox} from "element-plus"; +import {delCompany, getCompany} from "@/api/onlineEducation/company"; +import Cookies from "js-cookie"; +import editDialog from './components/editDialog.vue' +import useUserStore from "@/store/modules/user"; +import {getStandardTemp,delStandardTemp} from "@/api/standardSys/standardSys"; +const userStore = useUserStore() +const { proxy } = getCurrentInstance(); +const loading = ref(false); +const dialogRef = ref(); +const data = reactive({ + queryParams: { + pageNum: 1, + pageSize: 10, + companyId: null, + templateType: 9 + }, + total: 0, + dataList: [], + companyList: [], + isAdmin: false +}); + +const { queryParams, total, dataList,companyList, isAdmin } = toRefs(data); +const userInfo = ref() +onMounted(async ()=>{ + if(userStore.roles.includes('admin')){ + data.isAdmin = true + await getCompanyList() + }else{ + data.isAdmin = false + data.queryParams.companyId = userStore.companyId + } + await getList() +}) + +onUnmounted(()=>{ + +}) + +const getList = async () => { + loading.value = true + const res = await getStandardTemp(data.queryParams) + if(res.code == 200){ + console.log(res.data,'data') + data.dataList = res.data.list || [] + data.total = res.data.total + }else{ + ElMessage.warning(res.message) + } + loading.value = false +} + +const getCompanyList = async ()=>{ + const queryParams = { + pageNum: 1, + pageSize: 999 + } + const res = await getCompany(queryParams) + if (res.code == 200) { + data.companyList = res.data.list?res.data.list:[] + // data.queryParams.companyId = data.companyList[0].id + } else { + ElMessage.warning(res.message) + } +} + +const downloadFile = (path)=>{ + window.open(import.meta.env.VITE_APP_BASE_API + '/' + path) +} + +const openDialog = (type, value) => { + dialogRef.value.openDialog(type, value, data.queryParams.companyId, data.isAdmin, data.companyList); +} + +/** 重置新增的表单以及其他数据 */ +const reset= async()=> { + data.queryParams = { + pageNum: 1, + pageSize: 10, + companyId: null, + templateType: 9 + } + await getCompanyList() + await getList() +} +const handleDelete = (val) => { + ElMessageBox.confirm( + '确定删除此条数据?', + '提示', + { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: 'warning', + }) + .then( async() => { + const res = await delStandardTemp({standardizedTemplateId: val.id}) + if(res.code == 200){ + ElMessage.success('数据删除成功') + await getList() + }else{ + ElMessage.warning(res.message) + } + }) +} + +</script> diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/productType/components/editDialog.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/productType/components/editDialog.vue new file mode 100644 index 0000000..a4140fa --- /dev/null +++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/productType/components/editDialog.vue @@ -0,0 +1,226 @@ +<template> + <div class="notice"> + <el-dialog + v-model="dialogVisible" + :title="state.title" + width="700px" + :before-close="handleClose" + :close-on-press-escape="false" + :close-on-click-modal="false" + > + <el-form :model="state.form" size="default" ref="superRef" :rules="state.formRules" label-width="150px" > + <el-form-item v-if="state.isAdmin" label="企业:" prop="companyId"> + <el-select v-model="state.form.companyId" placeholder="请选择" clearable> + <el-option + v-for="item in state.companyList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item label="名称:" prop="templateName"> + <el-input v-model.trim="state.form.templateName" :disabled="state.title =='查看'" placeholder="名称"></el-input> + </el-form-item> + <el-form-item label="文件:" prop="filePath"> + <el-upload accept=".doc,.docx" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)" :on-exceed="showTip" :limit='state.fileLimit' v-model:file-list="state.fileList" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles)" > + <el-button type="primary">点击上传</el-button> + <template #tip> + <div class="el-upload__tip">支持上传.doc、.docx格式文档,尺寸小于5M,最多可上传1张</div> + </template> + </el-upload> + </el-form-item> + </el-form> + <template #footer v-if="state.title !='查看'"> + <span class="dialog-footer"> + <el-button @click="handleClose" size="default">取 消</el-button> + <el-button type="primary" @click="onSubmit" size="default" v-preReClick>确认</el-button> + </span> + </template> + </el-dialog> + </div> +</template> +<script setup> +import {reactive, ref, toRefs, defineEmits, nextTick, onMounted} from 'vue' +import {ElMessage} from "element-plus"; +import {addUser, editUser, getUserById, resetPwd} from "@/api/onlineEducation/user" +import {Base64} from "js-base64" +import {getCompany} from "@/api/onlineEducation/company"; +import {addIndustryTemp, updateIndustryTemp, updateInfoPlatforms} from "@/api/staffManage/staff"; +import {getToken} from "@/utils/auth"; +import {delPic} from "@/api/onlineEducation/banner"; +import {saveStandardTemp, updateStandardTemp} from "@/api/standardSys/standardSys"; + +const emit = defineEmits(["getList"]); +const dialogVisible = ref(false) +const superRef = ref() +const checkFiles = (rule, value, callback) => { + if (state.fileList.length == 0) { + callback(new Error('请上传文件')) + } else { + callback() + } +} +const state = reactive({ + title: '', + form: { + id: null, + templateName: '', + filePath: '', + format: '', + companyId: null, + templateType: 8 + }, + formRules:{ + companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], + templateName: [{ required: true, message: '请输入名称', trigger: 'blur' }], + filePath: [{ required: true, validator: checkFiles, trigger: 'blur' }] + }, + isAdmin: false, + companyList: [], + uploadUrl: import.meta.env.VITE_APP_BASE_API + '/system/common/uploadFile', + header: { + Authorization: getToken() + }, + fileLimit: 1, + fileList: [] +}) +onMounted(() => { + +}); + +const openDialog = async (type, value,companyId, isAdmin, companyList) => { + state.isAdmin = isAdmin + if(isAdmin){ + state.companyList = companyList + } + state.title = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' + state.form.companyId = companyId + if(state.title == '编辑'||state.title == '查看'){ + Object.keys(state.form).forEach(key => { + if (key in value) { + state.form[key] = value[key] + } + }) + if(value.filePath) { + const obj = { + url: value.filePath, + name: '模板文件' + } + state.fileList = [obj] + } + } + dialogVisible.value = true +} + + +const onSubmit = async () => { + const valid = await superRef.value.validate(); + if(valid){ + if(state.title == '新增'){ + const {id,...data} = state.form + const res = await saveStandardTemp(data) + if(res.code == 200){ + ElMessage.success(res.message) + emit('getList') + handleClose() + dialogVisible.value = false; + }else{ + ElMessage.warning(res.message) + } + }else{ + const res = await updateStandardTemp(state.form) + if(res.code == 200){ + ElMessage.success(res.message) + emit('getList') + handleClose() + dialogVisible.value = false; + }else{ + ElMessage.warning(res.message) + } + } + } +} + +const handleAvatarSuccess = (res, uploadFile) => { + if(res.code == 200){ + state.form.filePath = res.data.path + state.form.format = '.' + res.data.filename.split('.')[1] + }else{ + state.fileList = [] + ElMessage({ + type: 'warning', + message: '文件上传失败' + }) + } +} + +const showTip =()=>{ + ElMessage({ + type: 'warning', + message: '超出文件上传数量' + }); +} +const picSize = async (rawFile) => { + if(rawFile.size / 1024 / 1024 > 5){ + ElMessage({ + type: 'warning', + message: '文件大小不能超过5M' + }); + return false + } +}; +const handleRemove = async (file, uploadFiles) => { + let path = state.form.filePath; + await delPic({path: path}).then(res => { + if(res.code == 200){ + // ElMessage({ + // type: 'success', + // message: '文件已删除' + // }) + state.form.filePath = '' + state.form.format = '' + }else{ + ElMessage({ + type: 'warning', + message: res.message + }) + } + }).catch(() => { + state.form.imgUrl = '' + }); +} + +const handleClose = () => { + state.form = { + id: null, + templateName: '', + filePath: '', + format: '', + companyId: null, + templateType: 8 + } + state.fileList = [] + superRef.value.clearValidate(); + superRef.value.resetFields() + dialogVisible.value = false; +} + +defineExpose({ + openDialog +}); + +</script> + +<style scoped lang="scss"> +.notice{ + :deep(.el-form .el-form-item__label) { + font-size: 15px; + } + .file { + display: flex; + flex-direction: column; + align-items: flex-start; + } +} +</style> diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/productType/index.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/productType/index.vue new file mode 100644 index 0000000..6083f90 --- /dev/null +++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/productType/index.vue @@ -0,0 +1,166 @@ +<template> + <div class="app-container"> + <div style="display: flex;justify-content: space-between"> + <el-form :inline="true" style="display: flex;align-items: center;flex-wrap: wrap;" > + <el-form-item> + <el-button + type="primary" + plain + icon="Plus" + @click="openDialog('add',{})" + >新增</el-button> + </el-form-item> + <el-form-item v-if="isAdmin" label="企业:" > + <el-select v-model="data.queryParams.companyId" placeholder="请选择" clearable> + <el-option + v-for="item in companyList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item > + <el-button v-if="isAdmin" type="primary" @click="getList">查询</el-button> + <el-button v-if="isAdmin" type="primary" plain @click="reset">重置</el-button> + </el-form-item> + </el-form> + </div> + <!-- 表格数据 --> + <el-table v-loading="loading" :data="dataList" :border="true"> + <el-table-column label="序号" type="index" align="center" width="80"/> + <el-table-column label="名称" prop="templateName" align="center"/> + <el-table-column label="文件" align="center"> + <template #default="scope"> + <el-button link type="primary" @click="downloadFile(scope.row.filePath)">{{scope.row.templateName}}</el-button> + </template> + </el-table-column> + <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > + <template #default="scope"> + <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button> + <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button> + </template> + </el-table-column> + </el-table> + + <pagination + v-show="total > 0" + :total="total" + v-model:page="queryParams.pageNum" + v-model:limit="queryParams.pageSize" + @pagination="getList" + /> + + <edit-dialog ref="dialogRef" @getList=getList></edit-dialog> + </div> +</template> + +<script setup> +import {getCurrentInstance, onMounted, onUnmounted, reactive, ref, toRefs} from "vue"; +import {ElMessage, ElMessageBox} from "element-plus"; +import {delCompany, getCompany} from "@/api/onlineEducation/company"; +import Cookies from "js-cookie"; +import editDialog from './components/editDialog.vue' +import useUserStore from "@/store/modules/user"; +import {getStandardTemp,delStandardTemp} from "@/api/standardSys/standardSys"; +const userStore = useUserStore() +const { proxy } = getCurrentInstance(); +const loading = ref(false); +const dialogRef = ref(); +const data = reactive({ + queryParams: { + pageNum: 1, + pageSize: 10, + companyId: null, + templateType: 8 + }, + total: 0, + dataList: [], + companyList: [], + isAdmin: false +}); + +const { queryParams, total, dataList,companyList, isAdmin } = toRefs(data); +const userInfo = ref() +onMounted(async ()=>{ + if(userStore.roles.includes('admin')){ + data.isAdmin = true + await getCompanyList() + }else{ + data.isAdmin = false + data.queryParams.companyId = userStore.companyId + } + await getList() +}) + +onUnmounted(()=>{ + +}) + +const getList = async () => { + loading.value = true + const res = await getStandardTemp(data.queryParams) + if(res.code == 200){ + console.log(res.data,'data') + data.dataList = res.data.list || [] + data.total = res.data.total + }else{ + ElMessage.warning(res.message) + } + loading.value = false +} + +const getCompanyList = async ()=>{ + const queryParams = { + pageNum: 1, + pageSize: 999 + } + const res = await getCompany(queryParams) + if (res.code == 200) { + data.companyList = res.data.list?res.data.list:[] + // data.queryParams.companyId = data.companyList[0].id + } else { + ElMessage.warning(res.message) + } +} + +const downloadFile = (path)=>{ + window.open(import.meta.env.VITE_APP_BASE_API + '/' + path) +} + +const openDialog = (type, value) => { + dialogRef.value.openDialog(type, value, data.queryParams.companyId, data.isAdmin, data.companyList); +} + +/** 重置新增的表单以及其他数据 */ +const reset= async()=> { + data.queryParams = { + pageNum: 1, + pageSize: 10, + companyId: null, + templateType: 8 + } + await getCompanyList() + await getList() +} +const handleDelete = (val) => { + ElMessageBox.confirm( + '确定删除此条数据?', + '提示', + { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: 'warning', + }) + .then( async() => { + const res = await delStandardTemp({standardizedTemplateId: val.id}) + if(res.code == 200){ + ElMessage.success('数据删除成功') + await getList() + }else{ + ElMessage.warning(res.message) + } + }) +} + +</script> diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/techType/components/editDialog.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/techType/components/editDialog.vue new file mode 100644 index 0000000..f7f49ae --- /dev/null +++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/techType/components/editDialog.vue @@ -0,0 +1,226 @@ +<template> + <div class="notice"> + <el-dialog + v-model="dialogVisible" + :title="state.title" + width="700px" + :before-close="handleClose" + :close-on-press-escape="false" + :close-on-click-modal="false" + > + <el-form :model="state.form" size="default" ref="superRef" :rules="state.formRules" label-width="150px" > + <el-form-item v-if="state.isAdmin" label="企业:" prop="companyId"> + <el-select v-model="state.form.companyId" placeholder="请选择" clearable> + <el-option + v-for="item in state.companyList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item label="名称:" prop="templateName"> + <el-input v-model.trim="state.form.templateName" :disabled="state.title =='查看'" placeholder="名称"></el-input> + </el-form-item> + <el-form-item label="文件:" prop="filePath"> + <el-upload accept=".doc,.docx" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)" :on-exceed="showTip" :limit='state.fileLimit' v-model:file-list="state.fileList" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles)" > + <el-button type="primary">点击上传</el-button> + <template #tip> + <div class="el-upload__tip">支持上传.doc、.docx格式文档,尺寸小于5M,最多可上传1张</div> + </template> + </el-upload> + </el-form-item> + </el-form> + <template #footer v-if="state.title !='查看'"> + <span class="dialog-footer"> + <el-button @click="handleClose" size="default">取 消</el-button> + <el-button type="primary" @click="onSubmit" size="default" v-preReClick>确认</el-button> + </span> + </template> + </el-dialog> + </div> +</template> +<script setup> +import {reactive, ref, toRefs, defineEmits, nextTick, onMounted} from 'vue' +import {ElMessage} from "element-plus"; +import {addUser, editUser, getUserById, resetPwd} from "@/api/onlineEducation/user" +import {Base64} from "js-base64" +import {getCompany} from "@/api/onlineEducation/company"; +import {addIndustryTemp, updateIndustryTemp, updateInfoPlatforms} from "@/api/staffManage/staff"; +import {getToken} from "@/utils/auth"; +import {delPic} from "@/api/onlineEducation/banner"; +import {saveStandardTemp, updateStandardTemp} from "@/api/standardSys/standardSys"; + +const emit = defineEmits(["getList"]); +const dialogVisible = ref(false) +const superRef = ref() +const checkFiles = (rule, value, callback) => { + if (state.fileList.length == 0) { + callback(new Error('请上传文件')) + } else { + callback() + } +} +const state = reactive({ + title: '', + form: { + id: null, + templateName: '', + filePath: '', + format: '', + companyId: null, + templateType: 7 + }, + formRules:{ + companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], + templateName: [{ required: true, message: '请输入名称', trigger: 'blur' }], + filePath: [{ required: true, validator: checkFiles, trigger: 'blur' }] + }, + isAdmin: false, + companyList: [], + uploadUrl: import.meta.env.VITE_APP_BASE_API + '/system/common/uploadFile', + header: { + Authorization: getToken() + }, + fileLimit: 1, + fileList: [] +}) +onMounted(() => { + +}); + +const openDialog = async (type, value,companyId, isAdmin, companyList) => { + state.isAdmin = isAdmin + if(isAdmin){ + state.companyList = companyList + } + state.title = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' + state.form.companyId = companyId + if(state.title == '编辑'||state.title == '查看'){ + Object.keys(state.form).forEach(key => { + if (key in value) { + state.form[key] = value[key] + } + }) + if(value.filePath) { + const obj = { + url: value.filePath, + name: '模板文件' + } + state.fileList = [obj] + } + } + dialogVisible.value = true +} + + +const onSubmit = async () => { + const valid = await superRef.value.validate(); + if(valid){ + if(state.title == '新增'){ + const {id,...data} = state.form + const res = await saveStandardTemp(data) + if(res.code == 200){ + ElMessage.success(res.message) + emit('getList') + handleClose() + dialogVisible.value = false; + }else{ + ElMessage.warning(res.message) + } + }else{ + const res = await updateStandardTemp(state.form) + if(res.code == 200){ + ElMessage.success(res.message) + emit('getList') + handleClose() + dialogVisible.value = false; + }else{ + ElMessage.warning(res.message) + } + } + } +} + +const handleAvatarSuccess = (res, uploadFile) => { + if(res.code == 200){ + state.form.filePath = res.data.path + state.form.format = '.' + res.data.filename.split('.')[1] + }else{ + state.fileList = [] + ElMessage({ + type: 'warning', + message: '文件上传失败' + }) + } +} + +const showTip =()=>{ + ElMessage({ + type: 'warning', + message: '超出文件上传数量' + }); +} +const picSize = async (rawFile) => { + if(rawFile.size / 1024 / 1024 > 5){ + ElMessage({ + type: 'warning', + message: '文件大小不能超过5M' + }); + return false + } +}; +const handleRemove = async (file, uploadFiles) => { + let path = state.form.filePath; + await delPic({path: path}).then(res => { + if(res.code == 200){ + // ElMessage({ + // type: 'success', + // message: '文件已删除' + // }) + state.form.filePath = '' + state.form.format = '' + }else{ + ElMessage({ + type: 'warning', + message: res.message + }) + } + }).catch(() => { + state.form.imgUrl = '' + }); +} + +const handleClose = () => { + state.form = { + id: null, + templateName: '', + filePath: '', + format: '', + companyId: null, + templateType: 7 + } + state.fileList = [] + superRef.value.clearValidate(); + superRef.value.resetFields() + dialogVisible.value = false; +} + +defineExpose({ + openDialog +}); + +</script> + +<style scoped lang="scss"> +.notice{ + :deep(.el-form .el-form-item__label) { + font-size: 15px; + } + .file { + display: flex; + flex-direction: column; + align-items: flex-start; + } +} +</style> diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/techType/index.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/techType/index.vue new file mode 100644 index 0000000..5a15405 --- /dev/null +++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/techType/index.vue @@ -0,0 +1,166 @@ +<template> + <div class="app-container"> + <div style="display: flex;justify-content: space-between"> + <el-form :inline="true" style="display: flex;align-items: center;flex-wrap: wrap;" > + <el-form-item> + <el-button + type="primary" + plain + icon="Plus" + @click="openDialog('add',{})" + >新增</el-button> + </el-form-item> + <el-form-item v-if="isAdmin" label="企业:" > + <el-select v-model="data.queryParams.companyId" placeholder="请选择" clearable> + <el-option + v-for="item in companyList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item > + <el-button v-if="isAdmin" type="primary" @click="getList">查询</el-button> + <el-button v-if="isAdmin" type="primary" plain @click="reset">重置</el-button> + </el-form-item> + </el-form> + </div> + <!-- 表格数据 --> + <el-table v-loading="loading" :data="dataList" :border="true"> + <el-table-column label="序号" type="index" align="center" width="80"/> + <el-table-column label="名称" prop="templateName" align="center"/> + <el-table-column label="文件" align="center"> + <template #default="scope"> + <el-button link type="primary" @click="downloadFile(scope.row.filePath)">{{scope.row.templateName}}</el-button> + </template> + </el-table-column> + <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > + <template #default="scope"> + <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button> + <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button> + </template> + </el-table-column> + </el-table> + + <pagination + v-show="total > 0" + :total="total" + v-model:page="queryParams.pageNum" + v-model:limit="queryParams.pageSize" + @pagination="getList" + /> + + <edit-dialog ref="dialogRef" @getList=getList></edit-dialog> + </div> +</template> + +<script setup> +import {getCurrentInstance, onMounted, onUnmounted, reactive, ref, toRefs} from "vue"; +import {ElMessage, ElMessageBox} from "element-plus"; +import {delCompany, getCompany} from "@/api/onlineEducation/company"; +import Cookies from "js-cookie"; +import editDialog from './components/editDialog.vue' +import useUserStore from "@/store/modules/user"; +import {getStandardTemp,delStandardTemp} from "@/api/standardSys/standardSys"; +const userStore = useUserStore() +const { proxy } = getCurrentInstance(); +const loading = ref(false); +const dialogRef = ref(); +const data = reactive({ + queryParams: { + pageNum: 1, + pageSize: 10, + companyId: null, + templateType: 7 + }, + total: 0, + dataList: [], + companyList: [], + isAdmin: false +}); + +const { queryParams, total, dataList,companyList, isAdmin } = toRefs(data); +const userInfo = ref() +onMounted(async ()=>{ + if(userStore.roles.includes('admin')){ + data.isAdmin = true + await getCompanyList() + }else{ + data.isAdmin = false + data.queryParams.companyId = userStore.companyId + } + await getList() +}) + +onUnmounted(()=>{ + +}) + +const getList = async () => { + loading.value = true + const res = await getStandardTemp(data.queryParams) + if(res.code == 200){ + console.log(res.data,'data') + data.dataList = res.data.list || [] + data.total = res.data.total + }else{ + ElMessage.warning(res.message) + } + loading.value = false +} + +const getCompanyList = async ()=>{ + const queryParams = { + pageNum: 1, + pageSize: 999 + } + const res = await getCompany(queryParams) + if (res.code == 200) { + data.companyList = res.data.list?res.data.list:[] + // data.queryParams.companyId = data.companyList[0].id + } else { + ElMessage.warning(res.message) + } +} + +const downloadFile = (path)=>{ + window.open(import.meta.env.VITE_APP_BASE_API + '/' + path) +} + +const openDialog = (type, value) => { + dialogRef.value.openDialog(type, value, data.queryParams.companyId, data.isAdmin, data.companyList); +} + +/** 重置新增的表单以及其他数据 */ +const reset= async()=> { + data.queryParams = { + pageNum: 1, + pageSize: 10, + companyId: null, + templateType: 7 + } + await getCompanyList() + await getList() +} +const handleDelete = (val) => { + ElMessageBox.confirm( + '确定删除此条数据?', + '提示', + { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: 'warning', + }) + .then( async() => { + const res = await delStandardTemp({standardizedTemplateId: val.id}) + if(res.code == 200){ + ElMessage.success('数据删除成功') + await getList() + }else{ + ElMessage.warning(res.message) + } + }) +} + +</script> diff --git a/src/views/build/conpanyFunctionConsult/orgStructure/departManage/components/departDialog.vue b/src/views/build/conpanyFunctionConsult/orgStructure/departManage/components/departDialog.vue index b83be69..05e4b12 100644 --- a/src/views/build/conpanyFunctionConsult/orgStructure/departManage/components/departDialog.vue +++ b/src/views/build/conpanyFunctionConsult/orgStructure/departManage/components/departDialog.vue @@ -83,7 +83,6 @@ import {ElMessage} from "element-plus"; import {getDepart, getSysClause, saveDepart} from "@/api/orgStructure/depart"; import {listUser} from "@/api/system/user"; - const emit = defineEmits(["getList"]); const dialogVisible = ref(false) const superRef = ref() @@ -108,9 +107,9 @@ formRules:{ companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], deptName: [{ required: true, message: '请输入部门名称', trigger: 'blur' }], - leaderUserId: [{ required: true, message: '请选择负责人', trigger: 'blur' }], - parentId: [{ required: true, message: '请选择负责部门', trigger: 'blur' }], - caluseVO1List: [{ required: true, message: '请选择设计条款', trigger: 'blur' }], + // leaderUserId: [{ required: true, message: '请选择负责人', trigger: 'blur' }], + // parentId: [{ required: true, message: '请选择负责部门', trigger: 'blur' }], + caluseVO1List: [{ required: true, message: '请选择涉及条款', trigger: 'blur' }], } }) @@ -136,6 +135,7 @@ } }); state.oldClauseList = value.caluseVO1List + console.log(state.oldClauseList,'old') }else{ state.form.companyId = companyId } @@ -176,7 +176,7 @@ return { clauseId: i.id, clauseNum: i.clauseNum, - content: i.name, + content: i.clauseNum+'-'+i.name, id: null } }) @@ -188,6 +188,12 @@ const onSubmit = async () => { const valid = await superRef.value.validate(); if(valid){ + state.form.caluseVO1List = state.form.caluseVO1List.map(i=>{ + return { + ...i, + content: i.content.split('-')[1] + } + }) state.form.delCaluseIds = state.oldClauseList.filter(oldItem => !state.form.caluseVO1List.some(newItem => newItem.id === oldItem.id)).map(item => item.id) const res = await saveDepart(state.form) if(res.code == 200){ diff --git a/src/views/build/conpanyFunctionConsult/orgStructure/departManage/components/dutyDialog.vue b/src/views/build/conpanyFunctionConsult/orgStructure/departManage/components/dutyDialog.vue index c18d848..ee5e014 100644 --- a/src/views/build/conpanyFunctionConsult/orgStructure/departManage/components/dutyDialog.vue +++ b/src/views/build/conpanyFunctionConsult/orgStructure/departManage/components/dutyDialog.vue @@ -69,6 +69,7 @@ <el-input v-model.trim="scope.row.clauseNum" size="large" + type="textarea" :autosize="{minRows: 1}" v-if="scope.$index>4 && scope.$index<state.form.sysDeptResponsibilityList.length-2" style="width: 100%;" > @@ -83,6 +84,7 @@ <el-input v-model.trim="scope.row.content" size="large" + type="textarea" :autosize="{minRows: 1}" v-if="scope.$index>4 && scope.$index<state.form.sysDeptResponsibilityList.length-2" style="width: 100%;" > @@ -110,6 +112,7 @@ <el-input v-model.trim="scope.row.leader" size="large" + type="textarea" :autosize="{minRows: 1}" style="width: 100%;" > </el-input> @@ -120,6 +123,7 @@ <el-input v-model.trim="scope.row.evidenceMaterials" size="large" + type="textarea" :autosize="{minRows: 1}" style="width: 100%;" > </el-input> @@ -130,6 +134,7 @@ <el-input v-model.trim="scope.row.managementDocuments" size="large" + type="textarea" :autosize="{minRows: 1}" style="width: 100%;" clearable > @@ -140,6 +145,7 @@ <template #default="scope"> <el-input v-model.trim="scope.row.technicalDocuments" + type="textarea" :autosize="{minRows: 1}" size="large" style="width: 100%;" > @@ -150,6 +156,7 @@ <template #default="scope"> <el-input v-model.trim="scope.row.existingRecords" + type="textarea" :autosize="{minRows: 1}" size="large" style="width: 100%;" > diff --git a/src/views/build/conpanyFunctionConsult/orgStructure/departManage/components/exportWord.js b/src/views/build/conpanyFunctionConsult/orgStructure/departManage/components/exportWord.js index 3ba3d7b..227c9ae 100644 --- a/src/views/build/conpanyFunctionConsult/orgStructure/departManage/components/exportWord.js +++ b/src/views/build/conpanyFunctionConsult/orgStructure/departManage/components/exportWord.js @@ -3,7 +3,6 @@ import Docxtemplater from 'docxtemplater'; import JSZipUtils from 'jszip-utils'; import { saveAs } from 'file-saver'; - // 加载 .docx 模板文件 function loadFile(url, callback) { JSZipUtils.getBinaryContent(url, callback); diff --git a/src/views/build/conpanyFunctionConsult/orgStructure/departManage/index.vue b/src/views/build/conpanyFunctionConsult/orgStructure/departManage/index.vue index 83ec96e..f66da1c 100644 --- a/src/views/build/conpanyFunctionConsult/orgStructure/departManage/index.vue +++ b/src/views/build/conpanyFunctionConsult/orgStructure/departManage/index.vue @@ -18,7 +18,7 @@ <el-form-item > <el-button v-if="isAdmin" type="primary" @click="getList">查询</el-button> <el-button v-if="isAdmin" type="primary" plain @click="reset">重置</el-button> - <el-button type="primary" @click="initDistribute">生成智能分配表</el-button> + <el-button type="primary" @click="initDistribute">生成职能分配表</el-button> </el-form-item> </el-form> </div> @@ -219,6 +219,7 @@ tableData.tableData = sortResponsibilities(res.data.sysDeptResponsibilitys.map(i=>{ return { ...i, + leader: i.leader || '', evidenceMaterials: i.evidenceMaterials || '', managementDocuments: i.managementDocuments || '', technicalDocuments: i.technicalDocuments || '', @@ -226,15 +227,16 @@ } })) }else{ - tableData.tableData = [...data.firstFive,...res.data.sysDeptResponsibilitys.map(i=>{ + tableData.tableData = [...data.firstFive,...res.data.sysDeptResponsibilitys,...data.lastTwo].map(i=>{ return { ...i, + leader: i.leader || '', evidenceMaterials: i.evidenceMaterials || '', managementDocuments: i.managementDocuments || '', technicalDocuments: i.technicalDocuments || '', existingRecords: i.existingRecords || '', } - }),...data.lastTwo] + }) } return tableData }else{ diff --git a/src/views/build/conpanyFunctionConsult/orgStructure/dutyDistributeChart/index.vue b/src/views/build/conpanyFunctionConsult/orgStructure/dutyDistributeChart/index.vue index d472afb..b67b257 100644 --- a/src/views/build/conpanyFunctionConsult/orgStructure/dutyDistributeChart/index.vue +++ b/src/views/build/conpanyFunctionConsult/orgStructure/dutyDistributeChart/index.vue @@ -116,7 +116,6 @@ data.queryParams.companyId = userStore.companyId data.form.companyId = userStore.companyId } - await getDeptList() await getList() }) @@ -175,13 +174,14 @@ if (columnIndex === 0) { return [1, 1] } else if(columnIndex === 1){ - return [1,8] + return [1,900] } } } const getList = async () => { loading.value = true + await getDeptList() const res = await getDistribution(data.queryParams) if(res.code == 200){ data.dataList = res.data @@ -254,13 +254,14 @@ } /** 重置新增的表单以及其他数据 */ -function reset() { +const reset= async()=> { data.queryParams = { pageNum: 1, pageSize: 10, companyId: null } - getList() + await getCompanyList() + await getList() } const handleDelete = (val) => { ElMessageBox.confirm( diff --git a/src/views/build/conpanyFunctionConsult/staffManage/staffPortfolio/components/editorDialog.vue b/src/views/build/conpanyFunctionConsult/staffManage/staffPortfolio/components/editorDialog.vue index 38d6d2b..7d6dc96 100644 --- a/src/views/build/conpanyFunctionConsult/staffManage/staffPortfolio/components/editorDialog.vue +++ b/src/views/build/conpanyFunctionConsult/staffManage/staffPortfolio/components/editorDialog.vue @@ -3,7 +3,7 @@ <el-dialog v-model="dialogVisible" :title="state.title" - width="700px" + width="800px" :before-close="handleClose" :close-on-press-escape="false" :close-on-click-modal="false" @@ -20,7 +20,8 @@ </el-select> </el-form-item> <el-form-item label="员工情况介绍:" prop="companyRoster"> - <editor v-model="state.form.companyRoster" :min-height="300"/> +<!-- <editor v-model="state.form.companyRoster" :min-height="300"/>--> + <t-editor style="width: 800px" ref="myEditor" :value="state.form.companyRoster" ></t-editor> </el-form-item> </el-form> <template #footer v-if="state.title !='查看'"> @@ -39,10 +40,11 @@ import {Base64} from "js-base64" import {getCompany} from "@/api/onlineEducation/company"; import {saveRoster, updateRoster} from "@/api/staffManage/staff"; - +import TEditor from "@/components/Tinymce/Tinymce.vue" const emit = defineEmits(["getList"]); const dialogVisible = ref(false) const superRef = ref() +const myEditor = ref(); const state = reactive({ title: '', form: { @@ -89,9 +91,9 @@ const loading = ref(false) const onSubmit = async () => { + state.form.companyRoster = tinyMCE.activeEditor.getContent(); const valid = await superRef.value.validate(); if(valid){ - if(state.title == '新增'){ const {id,...data} = state.form const res = await saveRoster(data) @@ -123,6 +125,7 @@ companyId: null, companyRoster: '', } + myEditor.value.clear(); superRef.value.clearValidate(); superRef.value.resetFields() dialogVisible.value = false; diff --git a/src/views/build/conpanyFunctionConsult/staffManage/staffRegister/components/staffDialog.vue b/src/views/build/conpanyFunctionConsult/staffManage/staffRegister/components/staffDialog.vue index e06122a..bf956a2 100644 --- a/src/views/build/conpanyFunctionConsult/staffManage/staffRegister/components/staffDialog.vue +++ b/src/views/build/conpanyFunctionConsult/staffManage/staffRegister/components/staffDialog.vue @@ -156,7 +156,7 @@ import { View } from "@element-plus/icons-vue"; import scorllSelect from '@/components/scrollSelect/index.vue' import {ElMessage} from "element-plus"; -import {verifyPhone, verifyPwd, verifyUsername} from "@/utils/validate"; +import {verifyPhone, verifyPwd, verifyUsername,verifyIdCard} from "@/utils/validate"; import { checkUserName, checkPhone } from "@/api/login" import {addUser, editUser, getUserById, resetPwd} from "@/api/onlineEducation/user" import {Base64} from "js-base64" @@ -184,10 +184,22 @@ const validateUserPhone = (rule, value, callback)=>{ if(value === ''){ - callback(new Error('请输入手机号')) + callback() }else{ if(!verifyPhone(value)){ callback(new Error('手机号格式有误')) + }else{ + callback() + } + } +} + +const verifyId = (rule, value, callback)=>{ + if(value === ''){ + callback() + }else{ + if(!verifyIdCard(value)){ + callback(new Error('身份证号格式有误')) }else{ callback() } @@ -261,21 +273,19 @@ formRules:{ name: [{ required: true, message: '请输入姓名', trigger: 'blur' }], companyName: [{ required: true, message: '请选择所在企业', trigger: 'blur' }], - deptId: [{ required: true, message: '请选择部门', trigger: 'blur' }], - username: [{ required: true, trigger: "blur", validator: validateUsername }], + // deptId: [{ required: true, message: '请选择部门', trigger: 'blur' }], + username: [{ required: true, message: '请选择用户名', trigger: 'blur' }], password: [{ required: true, validator: validatePwd, trigger: 'blur' }], confirmPassword: [{ required: true, validator: equalToPassword, trigger: 'blur' }], - // phone: [{ required: true, validator: validateUserPhone, trigger: 'blur' }], + phone: [{ validator: validateUserPhone, trigger: 'blur' }], userType: [{ required: true, message: '请选择用户类型', trigger: 'blur' }], - // idCard: [{ required: true, message: '请输入身份证号', trigger: 'blur' }], + idCard: [{ validator: verifyId, trigger: 'blur' }], entryTime: [{ required: true, message: '请选择入职时间', trigger: 'blur' }], - duty: [{ required: true, message: '请输入职务', trigger: 'blur' }], + // duty: [{ required: true, message: '请输入职务', trigger: 'blur' }], // post: [{ required: true, message: '请输入专业', trigger: 'blur' }] }, companyList: [], - userList: [ - - ], + userList: [], keyword:'', pageNum: 1, pageSize: 10, diff --git a/src/views/build/conpanyFunctionConsult/standardSysTemp/appStandardModule/components/editDialog.vue b/src/views/build/conpanyFunctionConsult/standardSysTemp/appStandardModule/components/editDialog.vue new file mode 100644 index 0000000..f956cf0 --- /dev/null +++ b/src/views/build/conpanyFunctionConsult/standardSysTemp/appStandardModule/components/editDialog.vue @@ -0,0 +1,226 @@ +<template> + <div class="notice"> + <el-dialog + v-model="dialogVisible" + :title="state.title" + width="700px" + :before-close="handleClose" + :close-on-press-escape="false" + :close-on-click-modal="false" + > + <el-form :model="state.form" size="default" ref="superRef" :rules="state.formRules" label-width="150px" > + <el-form-item v-if="state.isAdmin" label="企业:" prop="companyId"> + <el-select v-model="state.form.companyId" placeholder="请选择" clearable> + <el-option + v-for="item in state.companyList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item label="模板名称:" prop="templateName"> + <el-input v-model.trim="state.form.templateName" :disabled="state.title =='查看'" placeholder="模板名称"></el-input> + </el-form-item> + <el-form-item label="模板文件:" prop="filePath"> + <el-upload accept=".doc,.docx" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)" :on-exceed="showTip" :limit='state.fileLimit' v-model:file-list="state.fileList" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles)" > + <el-button type="primary">点击上传</el-button> + <template #tip> + <div class="el-upload__tip">支持上传.doc、.docx格式文档,尺寸小于5M,最多可上传1张</div> + </template> + </el-upload> + </el-form-item> + </el-form> + <template #footer v-if="state.title !='查看'"> + <span class="dialog-footer"> + <el-button @click="handleClose" size="default">取 消</el-button> + <el-button type="primary" @click="onSubmit" size="default" v-preReClick>确认</el-button> + </span> + </template> + </el-dialog> + </div> +</template> +<script setup> +import {reactive, ref, toRefs, defineEmits, nextTick, onMounted} from 'vue' +import {ElMessage} from "element-plus"; +import {addUser, editUser, getUserById, resetPwd} from "@/api/onlineEducation/user" +import {Base64} from "js-base64" +import {getCompany} from "@/api/onlineEducation/company"; +import {addIndustryTemp, updateIndustryTemp, updateInfoPlatforms} from "@/api/staffManage/staff"; +import {getToken} from "@/utils/auth"; +import {delPic} from "@/api/onlineEducation/banner"; +import {saveStandardTemp, updateStandardTemp} from "@/api/standardSys/standardSys"; + +const emit = defineEmits(["getList"]); +const dialogVisible = ref(false) +const superRef = ref() +const checkFiles = (rule, value, callback) => { + if (state.fileList.length == 0) { + callback(new Error('请上传模板文件')) + } else { + callback() + } +} +const state = reactive({ + title: '', + form: { + id: null, + templateName: '', + filePath: '', + format: '', + companyId: null, + templateType: 3 + }, + formRules:{ + companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], + templateName: [{ required: true, message: '请输入模板名称', trigger: 'blur' }], + filePath: [{ required: true, validator: checkFiles, trigger: 'blur' }] + }, + isAdmin: false, + companyList: [], + uploadUrl: import.meta.env.VITE_APP_BASE_API + '/system/common/uploadFile', + header: { + Authorization: getToken() + }, + fileLimit: 1, + fileList: [] +}) +onMounted(() => { + +}); + +const openDialog = async (type, value,companyId, isAdmin, companyList) => { + state.isAdmin = isAdmin + if(isAdmin){ + state.companyList = companyList + } + state.title = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' + state.form.companyId = companyId + if(state.title == '编辑'||state.title == '查看'){ + Object.keys(state.form).forEach(key => { + if (key in value) { + state.form[key] = value[key] + } + }) + if(value.filePath) { + const obj = { + url: value.filePath, + name: '模板文件' + } + state.fileList = [obj] + } + } + dialogVisible.value = true +} + + +const onSubmit = async () => { + const valid = await superRef.value.validate(); + if(valid){ + if(state.title == '新增'){ + const {id,...data} = state.form + const res = await saveStandardTemp(data) + if(res.code == 200){ + ElMessage.success(res.message) + emit('getList') + handleClose() + dialogVisible.value = false; + }else{ + ElMessage.warning(res.message) + } + }else{ + const res = await updateStandardTemp(state.form) + if(res.code == 200){ + ElMessage.success(res.message) + emit('getList') + handleClose() + dialogVisible.value = false; + }else{ + ElMessage.warning(res.message) + } + } + } +} + +const handleAvatarSuccess = (res, uploadFile) => { + if(res.code == 200){ + state.form.filePath = res.data.path + state.form.format = '.' + res.data.filename.split('.')[1] + }else{ + state.fileList = [] + ElMessage({ + type: 'warning', + message: '文件上传失败' + }) + } +} + +const showTip =()=>{ + ElMessage({ + type: 'warning', + message: '超出文件上传数量' + }); +} +const picSize = async (rawFile) => { + if(rawFile.size / 1024 / 1024 > 5){ + ElMessage({ + type: 'warning', + message: '文件大小不能超过5M' + }); + return false + } +}; +const handleRemove = async (file, uploadFiles) => { + let path = state.form.filePath; + await delPic({path: path}).then(res => { + if(res.code == 200){ + // ElMessage({ + // type: 'success', + // message: '文件已删除' + // }) + state.form.filePath = '' + state.form.format = '' + }else{ + ElMessage({ + type: 'warning', + message: res.message + }) + } + }).catch(() => { + state.form.imgUrl = '' + }); +} + +const handleClose = () => { + state.form = { + id: null, + templateName: '', + filePath: '', + format: '', + companyId: null, + templateType: 3 + } + state.fileList = [] + superRef.value.clearValidate(); + superRef.value.resetFields() + dialogVisible.value = false; +} + +defineExpose({ + openDialog +}); + +</script> + +<style scoped lang="scss"> +.notice{ + :deep(.el-form .el-form-item__label) { + font-size: 15px; + } + .file { + display: flex; + flex-direction: column; + align-items: flex-start; + } +} +</style> diff --git a/src/views/build/conpanyFunctionConsult/standardSysTemp/appStandardModule/index.vue b/src/views/build/conpanyFunctionConsult/standardSysTemp/appStandardModule/index.vue new file mode 100644 index 0000000..a75f169 --- /dev/null +++ b/src/views/build/conpanyFunctionConsult/standardSysTemp/appStandardModule/index.vue @@ -0,0 +1,166 @@ +<template> + <div class="app-container"> + <div style="display: flex;justify-content: space-between"> + <el-form :inline="true" style="display: flex;align-items: center;flex-wrap: wrap;" > + <el-form-item> + <el-button + type="primary" + plain + icon="Plus" + @click="openDialog('add',{})" + >新增</el-button> + </el-form-item> + <el-form-item v-if="isAdmin" label="企业:" > + <el-select v-model="data.queryParams.companyId" placeholder="请选择" clearable> + <el-option + v-for="item in companyList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item > + <el-button v-if="isAdmin" type="primary" @click="getList">查询</el-button> + <el-button v-if="isAdmin" type="primary" plain @click="reset">重置</el-button> + </el-form-item> + </el-form> + </div> + <!-- 表格数据 --> + <el-table v-loading="loading" :data="dataList" :border="true"> + <el-table-column label="序号" type="index" align="center" width="80"/> + <el-table-column label="模板名称" prop="templateName" align="center"/> + <el-table-column label="模板文件" align="center"> + <template #default="scope"> + <el-button link type="primary" @click="downloadFile(scope.row.filePath)">{{scope.row.templateName + '模板'}}</el-button> + </template> + </el-table-column> + <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > + <template #default="scope"> + <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button> + <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button> + </template> + </el-table-column> + </el-table> + + <pagination + v-show="total > 0" + :total="total" + v-model:page="queryParams.pageNum" + v-model:limit="queryParams.pageSize" + @pagination="getList" + /> + + <edit-dialog ref="dialogRef" @getList=getList></edit-dialog> + </div> +</template> + +<script setup> +import {getCurrentInstance, onMounted, onUnmounted, reactive, ref, toRefs} from "vue"; +import {ElMessage, ElMessageBox} from "element-plus"; +import {delCompany, getCompany} from "@/api/onlineEducation/company"; +import Cookies from "js-cookie"; +import editDialog from './components/editDialog.vue' +import useUserStore from "@/store/modules/user"; +import {getStandardTemp,delStandardTemp} from "@/api/standardSys/standardSys"; +const userStore = useUserStore() +const { proxy } = getCurrentInstance(); +const loading = ref(false); +const dialogRef = ref(); +const data = reactive({ + queryParams: { + pageNum: 1, + pageSize: 10, + companyId: null, + templateType: 3 + }, + total: 0, + dataList: [], + companyList: [], + isAdmin: false +}); + +const { queryParams, total, dataList,companyList, isAdmin } = toRefs(data); +const userInfo = ref() +onMounted(async ()=>{ + if(userStore.roles.includes('admin')){ + data.isAdmin = true + await getCompanyList() + }else{ + data.isAdmin = false + data.queryParams.companyId = userStore.companyId + } + await getList() +}) + +onUnmounted(()=>{ + +}) + +const getList = async () => { + loading.value = true + const res = await getStandardTemp(data.queryParams) + if(res.code == 200){ + console.log(res.data,'data') + data.dataList = res.data.list || [] + data.total = res.data.total + }else{ + ElMessage.warning(res.message) + } + loading.value = false +} + +const getCompanyList = async ()=>{ + const queryParams = { + pageNum: 1, + pageSize: 999 + } + const res = await getCompany(queryParams) + if (res.code == 200) { + data.companyList = res.data.list?res.data.list:[] + // data.queryParams.companyId = data.companyList[0].id + } else { + ElMessage.warning(res.message) + } +} + +const downloadFile = (path)=>{ + window.open(import.meta.env.VITE_APP_BASE_API + '/' + path) +} + +const openDialog = (type, value) => { + dialogRef.value.openDialog(type, value, data.queryParams.companyId, data.isAdmin, data.companyList); +} + +/** 重置新增的表单以及其他数据 */ +const reset= async()=> { + data.queryParams = { + pageNum: 1, + pageSize: 10, + companyId: null, + templateType: 3 + } + await getCompanyList() + await getList() +} +const handleDelete = (val) => { + ElMessageBox.confirm( + '确定删除此条数据?', + '提示', + { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: 'warning', + }) + .then( async() => { + const res = await delStandardTemp({standardizedTemplateId: val.id}) + if(res.code == 200){ + ElMessage.success('数据删除成功') + await getList() + }else{ + ElMessage.warning(res.message) + } + }) +} + +</script> diff --git a/src/views/build/conpanyFunctionConsult/standardSysTemp/sysStandardModule/components/editDialog.vue b/src/views/build/conpanyFunctionConsult/standardSysTemp/sysStandardModule/components/editDialog.vue new file mode 100644 index 0000000..191794b --- /dev/null +++ b/src/views/build/conpanyFunctionConsult/standardSysTemp/sysStandardModule/components/editDialog.vue @@ -0,0 +1,226 @@ +<template> + <div class="notice"> + <el-dialog + v-model="dialogVisible" + :title="state.title" + width="700px" + :before-close="handleClose" + :close-on-press-escape="false" + :close-on-click-modal="false" + > + <el-form :model="state.form" size="default" ref="superRef" :rules="state.formRules" label-width="150px" > + <el-form-item v-if="state.isAdmin" label="企业:" prop="companyId"> + <el-select v-model="state.form.companyId" placeholder="请选择" clearable> + <el-option + v-for="item in state.companyList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item label="模板名称:" prop="templateName"> + <el-input v-model.trim="state.form.templateName" :disabled="state.title =='查看'" placeholder="模板名称"></el-input> + </el-form-item> + <el-form-item label="模板文件:" prop="filePath"> + <el-upload accept=".doc,.docx" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)" :on-exceed="showTip" :limit='state.fileLimit' v-model:file-list="state.fileList" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles)" > + <el-button type="primary">点击上传</el-button> + <template #tip> + <div class="el-upload__tip">支持上传.doc、.docx格式文档,尺寸小于5M,最多可上传1张</div> + </template> + </el-upload> + </el-form-item> + </el-form> + <template #footer v-if="state.title !='查看'"> + <span class="dialog-footer"> + <el-button @click="handleClose" size="default">取 消</el-button> + <el-button type="primary" @click="onSubmit" size="default" v-preReClick>确认</el-button> + </span> + </template> + </el-dialog> + </div> +</template> +<script setup> +import {reactive, ref, toRefs, defineEmits, nextTick, onMounted} from 'vue' +import {ElMessage} from "element-plus"; +import {addUser, editUser, getUserById, resetPwd} from "@/api/onlineEducation/user" +import {Base64} from "js-base64" +import {getCompany} from "@/api/onlineEducation/company"; +import {addIndustryTemp, updateIndustryTemp, updateInfoPlatforms} from "@/api/staffManage/staff"; +import {getToken} from "@/utils/auth"; +import {delPic} from "@/api/onlineEducation/banner"; +import {saveStandardTemp, updateStandardTemp} from "@/api/standardSys/standardSys"; + +const emit = defineEmits(["getList"]); +const dialogVisible = ref(false) +const superRef = ref() +const checkFiles = (rule, value, callback) => { + if (state.fileList.length == 0) { + callback(new Error('请上传模板文件')) + } else { + callback() + } +} +const state = reactive({ + title: '', + form: { + id: null, + templateName: '', + filePath: '', + format: '', + companyId: null, + templateType: 1 + }, + formRules:{ + companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], + templateName: [{ required: true, message: '请输入模板名称', trigger: 'blur' }], + filePath: [{ required: true, validator: checkFiles, trigger: 'blur' }] + }, + isAdmin: false, + companyList: [], + uploadUrl: import.meta.env.VITE_APP_BASE_API + '/system/common/uploadFile', + header: { + Authorization: getToken() + }, + fileLimit: 1, + fileList: [] +}) +onMounted(() => { + +}); + +const openDialog = async (type, value,companyId, isAdmin, companyList) => { + state.isAdmin = isAdmin + if(isAdmin){ + state.companyList = companyList + } + state.title = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' + state.form.companyId = companyId + if(state.title == '编辑'||state.title == '查看'){ + Object.keys(state.form).forEach(key => { + if (key in value) { + state.form[key] = value[key] + } + }) + if(value.filePath) { + const obj = { + url: value.filePath, + name: '模板文件' + } + state.fileList = [obj] + } + } + dialogVisible.value = true +} + + +const onSubmit = async () => { + const valid = await superRef.value.validate(); + if(valid){ + if(state.title == '新增'){ + const {id,...data} = state.form + const res = await saveStandardTemp(data) + if(res.code == 200){ + ElMessage.success(res.message) + emit('getList') + handleClose() + dialogVisible.value = false; + }else{ + ElMessage.warning(res.message) + } + }else{ + const res = await updateStandardTemp(state.form) + if(res.code == 200){ + ElMessage.success(res.message) + emit('getList') + handleClose() + dialogVisible.value = false; + }else{ + ElMessage.warning(res.message) + } + } + } +} + +const handleAvatarSuccess = (res, uploadFile) => { + if(res.code == 200){ + state.form.filePath = res.data.path + state.form.format = '.' + res.data.filename.split('.')[1] + }else{ + state.fileList = [] + ElMessage({ + type: 'warning', + message: '文件上传失败' + }) + } +} + +const showTip =()=>{ + ElMessage({ + type: 'warning', + message: '超出文件上传数量' + }); +} +const picSize = async (rawFile) => { + if(rawFile.size / 1024 / 1024 > 5){ + ElMessage({ + type: 'warning', + message: '文件大小不能超过5M' + }); + return false + } +}; +const handleRemove = async (file, uploadFiles) => { + let path = state.form.filePath; + await delPic({path: path}).then(res => { + if(res.code == 200){ + // ElMessage({ + // type: 'success', + // message: '文件已删除' + // }) + state.form.filePath = '' + state.form.format = '' + }else{ + ElMessage({ + type: 'warning', + message: res.message + }) + } + }).catch(() => { + state.form.imgUrl = '' + }); +} + +const handleClose = () => { + state.form = { + id: null, + templateName: '', + filePath: '', + format: '', + companyId: null, + templateType: 1 + } + state.fileList = [] + superRef.value.clearValidate(); + superRef.value.resetFields() + dialogVisible.value = false; +} + +defineExpose({ + openDialog +}); + +</script> + +<style scoped lang="scss"> +.notice{ + :deep(.el-form .el-form-item__label) { + font-size: 15px; + } + .file { + display: flex; + flex-direction: column; + align-items: flex-start; + } +} +</style> diff --git a/src/views/build/conpanyFunctionConsult/standardSysTemp/sysStandardModule/index.vue b/src/views/build/conpanyFunctionConsult/standardSysTemp/sysStandardModule/index.vue new file mode 100644 index 0000000..b7e2c7c --- /dev/null +++ b/src/views/build/conpanyFunctionConsult/standardSysTemp/sysStandardModule/index.vue @@ -0,0 +1,165 @@ +<template> + <div class="app-container"> + <div style="display: flex;justify-content: space-between"> + <el-form :inline="true" style="display: flex;align-items: center;flex-wrap: wrap;" > + <el-form-item> + <el-button + type="primary" + plain + icon="Plus" + @click="openDialog('add',{})" + >新增</el-button> + </el-form-item> + <el-form-item v-if="isAdmin" label="企业:" > + <el-select v-model="data.queryParams.companyId" placeholder="请选择" clearable> + <el-option + v-for="item in companyList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item > + <el-button v-if="isAdmin" type="primary" @click="getList">查询</el-button> + <el-button v-if="isAdmin" type="primary" plain @click="reset">重置</el-button> + </el-form-item> + </el-form> + </div> + <!-- 表格数据 --> + <el-table v-loading="loading" :data="dataList" :border="true"> + <el-table-column label="序号" type="index" align="center" width="80"/> + <el-table-column label="模板名称" prop="templateName" align="center"/> + <el-table-column label="模板文件" align="center"> + <template #default="scope"> + <el-button link type="primary" @click="downloadFile(scope.row.filePath)">{{scope.row.templateName + '模板'}}</el-button> + </template> + </el-table-column> + <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > + <template #default="scope"> + <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button> + <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button> + </template> + </el-table-column> + </el-table> + + <pagination + v-show="total > 0" + :total="total" + v-model:page="queryParams.pageNum" + v-model:limit="queryParams.pageSize" + @pagination="getList" + /> + + <edit-dialog ref="dialogRef" @getList=getList></edit-dialog> + </div> +</template> + +<script setup> +import {getCurrentInstance, onMounted, onUnmounted, reactive, ref, toRefs} from "vue"; +import {ElMessage, ElMessageBox} from "element-plus"; +import {delCompany, getCompany} from "@/api/onlineEducation/company"; +import Cookies from "js-cookie"; +import editDialog from './components/editDialog.vue' +import useUserStore from "@/store/modules/user"; +import {getStandardTemp,delStandardTemp} from "@/api/standardSys/standardSys"; +const userStore = useUserStore() +const { proxy } = getCurrentInstance(); +const loading = ref(false); +const dialogRef = ref(); +const data = reactive({ + queryParams: { + pageNum: 1, + pageSize: 10, + companyId: null, + templateType: 1 + }, + total: 0, + dataList: [], + companyList: [], + isAdmin: false +}); + +const { queryParams, total, dataList,companyList, isAdmin } = toRefs(data); +const userInfo = ref() +onMounted(async ()=>{ + if(userStore.roles.includes('admin')){ + data.isAdmin = true + await getCompanyList() + }else{ + data.isAdmin = false + data.queryParams.companyId = userStore.companyId + } + await getList() +}) + +onUnmounted(()=>{ + +}) + +const getList = async () => { + loading.value = true + const res = await getStandardTemp(data.queryParams) + if(res.code == 200){ + data.dataList = res.data.list || [] + data.total = res.data.total + }else{ + ElMessage.warning(res.message) + } + loading.value = false +} + +const getCompanyList = async ()=>{ + const queryParams = { + pageNum: 1, + pageSize: 999 + } + const res = await getCompany(queryParams) + if (res.code == 200) { + data.companyList = res.data.list?res.data.list:[] + // data.queryParams.companyId = data.companyList[0].id + } else { + ElMessage.warning(res.message) + } +} + +const downloadFile = (path)=>{ + window.open(import.meta.env.VITE_APP_BASE_API + '/' + path) +} + +const openDialog = (type, value) => { + dialogRef.value.openDialog(type, value, data.queryParams.companyId, data.isAdmin, data.companyList); +} + +/** 重置新增的表单以及其他数据 */ +const reset= async()=> { + data.queryParams = { + pageNum: 1, + pageSize: 10, + companyId: null, + templateType: 1 + } + await getCompanyList() + await getList() +} +const handleDelete = (val) => { + ElMessageBox.confirm( + '确定删除此条数据?', + '提示', + { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: 'warning', + }) + .then( async() => { + const res = await delStandardTemp({standardizedTemplateId: val.id}) + if(res.code == 200){ + ElMessage.success('数据删除成功') + await getList() + }else{ + ElMessage.warning(res.message) + } + }) +} + +</script> diff --git a/src/views/build/conpanyFunctionConsult/standardSysTemp/techStandardModule/components/editDialog.vue b/src/views/build/conpanyFunctionConsult/standardSysTemp/techStandardModule/components/editDialog.vue new file mode 100644 index 0000000..ac0ad98 --- /dev/null +++ b/src/views/build/conpanyFunctionConsult/standardSysTemp/techStandardModule/components/editDialog.vue @@ -0,0 +1,226 @@ +<template> + <div class="notice"> + <el-dialog + v-model="dialogVisible" + :title="state.title" + width="700px" + :before-close="handleClose" + :close-on-press-escape="false" + :close-on-click-modal="false" + > + <el-form :model="state.form" size="default" ref="superRef" :rules="state.formRules" label-width="150px" > + <el-form-item v-if="state.isAdmin" label="企业:" prop="companyId"> + <el-select v-model="state.form.companyId" placeholder="请选择" clearable> + <el-option + v-for="item in state.companyList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item label="模板名称:" prop="templateName"> + <el-input v-model.trim="state.form.templateName" :disabled="state.title =='查看'" placeholder="模板名称"></el-input> + </el-form-item> + <el-form-item label="模板文件:" prop="filePath"> + <el-upload accept=".doc,.docx" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)" :on-exceed="showTip" :limit='state.fileLimit' v-model:file-list="state.fileList" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles)" > + <el-button type="primary">点击上传</el-button> + <template #tip> + <div class="el-upload__tip">支持上传.doc、.docx格式文档,尺寸小于5M,最多可上传1张</div> + </template> + </el-upload> + </el-form-item> + </el-form> + <template #footer v-if="state.title !='查看'"> + <span class="dialog-footer"> + <el-button @click="handleClose" size="default">取 消</el-button> + <el-button type="primary" @click="onSubmit" size="default" v-preReClick>确认</el-button> + </span> + </template> + </el-dialog> + </div> +</template> +<script setup> +import {reactive, ref, toRefs, defineEmits, nextTick, onMounted} from 'vue' +import {ElMessage} from "element-plus"; +import {addUser, editUser, getUserById, resetPwd} from "@/api/onlineEducation/user" +import {Base64} from "js-base64" +import {getCompany} from "@/api/onlineEducation/company"; +import {addIndustryTemp, updateIndustryTemp, updateInfoPlatforms} from "@/api/staffManage/staff"; +import {getToken} from "@/utils/auth"; +import {delPic} from "@/api/onlineEducation/banner"; +import {saveStandardTemp, updateStandardTemp} from "@/api/standardSys/standardSys"; + +const emit = defineEmits(["getList"]); +const dialogVisible = ref(false) +const superRef = ref() +const checkFiles = (rule, value, callback) => { + if (state.fileList.length == 0) { + callback(new Error('请上传模板文件')) + } else { + callback() + } +} +const state = reactive({ + title: '', + form: { + id: null, + templateName: '', + filePath: '', + format: '', + companyId: null, + templateType: 2 + }, + formRules:{ + companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], + templateName: [{ required: true, message: '请输入模板名称', trigger: 'blur' }], + filePath: [{ required: true, validator: checkFiles, trigger: 'blur' }] + }, + isAdmin: false, + companyList: [], + uploadUrl: import.meta.env.VITE_APP_BASE_API + '/system/common/uploadFile', + header: { + Authorization: getToken() + }, + fileLimit: 1, + fileList: [] +}) +onMounted(() => { + +}); + +const openDialog = async (type, value,companyId, isAdmin, companyList) => { + state.isAdmin = isAdmin + if(isAdmin){ + state.companyList = companyList + } + state.title = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' + state.form.companyId = companyId + if(state.title == '编辑'||state.title == '查看'){ + Object.keys(state.form).forEach(key => { + if (key in value) { + state.form[key] = value[key] + } + }) + if(value.filePath) { + const obj = { + url: value.filePath, + name: '模板文件' + } + state.fileList = [obj] + } + } + dialogVisible.value = true +} + + +const onSubmit = async () => { + const valid = await superRef.value.validate(); + if(valid){ + if(state.title == '新增'){ + const {id,...data} = state.form + const res = await saveStandardTemp(data) + if(res.code == 200){ + ElMessage.success(res.message) + emit('getList') + handleClose() + dialogVisible.value = false; + }else{ + ElMessage.warning(res.message) + } + }else{ + const res = await updateStandardTemp(state.form) + if(res.code == 200){ + ElMessage.success(res.message) + emit('getList') + handleClose() + dialogVisible.value = false; + }else{ + ElMessage.warning(res.message) + } + } + } +} + +const handleAvatarSuccess = (res, uploadFile) => { + if(res.code == 200){ + state.form.filePath = res.data.path + state.form.format = '.' + res.data.filename.split('.')[1] + }else{ + state.fileList = [] + ElMessage({ + type: 'warning', + message: '文件上传失败' + }) + } +} + +const showTip =()=>{ + ElMessage({ + type: 'warning', + message: '超出文件上传数量' + }); +} +const picSize = async (rawFile) => { + if(rawFile.size / 1024 / 1024 > 5){ + ElMessage({ + type: 'warning', + message: '文件大小不能超过5M' + }); + return false + } +}; +const handleRemove = async (file, uploadFiles) => { + let path = state.form.filePath; + await delPic({path: path}).then(res => { + if(res.code == 200){ + // ElMessage({ + // type: 'success', + // message: '文件已删除' + // }) + state.form.filePath = '' + state.form.format = '' + }else{ + ElMessage({ + type: 'warning', + message: res.message + }) + } + }).catch(() => { + state.form.imgUrl = '' + }); +} + +const handleClose = () => { + state.form = { + id: null, + templateName: '', + filePath: '', + format: '', + companyId: null, + templateType: 2 + } + state.fileList = [] + superRef.value.clearValidate(); + superRef.value.resetFields() + dialogVisible.value = false; +} + +defineExpose({ + openDialog +}); + +</script> + +<style scoped lang="scss"> +.notice{ + :deep(.el-form .el-form-item__label) { + font-size: 15px; + } + .file { + display: flex; + flex-direction: column; + align-items: flex-start; + } +} +</style> diff --git a/src/views/build/conpanyFunctionConsult/standardSysTemp/techStandardModule/index.vue b/src/views/build/conpanyFunctionConsult/standardSysTemp/techStandardModule/index.vue new file mode 100644 index 0000000..4bb25c3 --- /dev/null +++ b/src/views/build/conpanyFunctionConsult/standardSysTemp/techStandardModule/index.vue @@ -0,0 +1,166 @@ +<template> + <div class="app-container"> + <div style="display: flex;justify-content: space-between"> + <el-form :inline="true" style="display: flex;align-items: center;flex-wrap: wrap;" > + <el-form-item> + <el-button + type="primary" + plain + icon="Plus" + @click="openDialog('add',{})" + >新增</el-button> + </el-form-item> + <el-form-item v-if="isAdmin" label="企业:" > + <el-select v-model="data.queryParams.companyId" placeholder="请选择" clearable> + <el-option + v-for="item in companyList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item > + <el-button v-if="isAdmin" type="primary" @click="getList">查询</el-button> + <el-button v-if="isAdmin" type="primary" plain @click="reset">重置</el-button> + </el-form-item> + </el-form> + </div> + <!-- 表格数据 --> + <el-table v-loading="loading" :data="dataList" :border="true"> + <el-table-column label="序号" type="index" align="center" width="80"/> + <el-table-column label="模板名称" prop="templateName" align="center"/> + <el-table-column label="模板文件" align="center"> + <template #default="scope"> + <el-button link type="primary" @click="downloadFile(scope.row.filePath)">{{scope.row.templateName + '模板'}}</el-button> + </template> + </el-table-column> + <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > + <template #default="scope"> + <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button> + <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button> + </template> + </el-table-column> + </el-table> + + <pagination + v-show="total > 0" + :total="total" + v-model:page="queryParams.pageNum" + v-model:limit="queryParams.pageSize" + @pagination="getList" + /> + + <edit-dialog ref="dialogRef" @getList=getList></edit-dialog> + </div> +</template> + +<script setup> +import {getCurrentInstance, onMounted, onUnmounted, reactive, ref, toRefs} from "vue"; +import {ElMessage, ElMessageBox} from "element-plus"; +import {delCompany, getCompany} from "@/api/onlineEducation/company"; +import Cookies from "js-cookie"; +import editDialog from './components/editDialog.vue' +import useUserStore from "@/store/modules/user"; +import {getStandardTemp,delStandardTemp} from "@/api/standardSys/standardSys"; +const userStore = useUserStore() +const { proxy } = getCurrentInstance(); +const loading = ref(false); +const dialogRef = ref(); +const data = reactive({ + queryParams: { + pageNum: 1, + pageSize: 10, + companyId: null, + templateType: 2 + }, + total: 0, + dataList: [], + companyList: [], + isAdmin: false +}); + +const { queryParams, total, dataList,companyList, isAdmin } = toRefs(data); +const userInfo = ref() +onMounted(async ()=>{ + if(userStore.roles.includes('admin')){ + data.isAdmin = true + await getCompanyList() + }else{ + data.isAdmin = false + data.queryParams.companyId = userStore.companyId + } + await getList() +}) + +onUnmounted(()=>{ + +}) + +const getList = async () => { + loading.value = true + const res = await getStandardTemp(data.queryParams) + if(res.code == 200){ + console.log(res.data,'data') + data.dataList = res.data.list || [] + data.total = res.data.total + }else{ + ElMessage.warning(res.message) + } + loading.value = false +} + +const getCompanyList = async ()=>{ + const queryParams = { + pageNum: 1, + pageSize: 999 + } + const res = await getCompany(queryParams) + if (res.code == 200) { + data.companyList = res.data.list?res.data.list:[] + // data.queryParams.companyId = data.companyList[0].id + } else { + ElMessage.warning(res.message) + } +} + +const downloadFile = (path)=>{ + window.open(import.meta.env.VITE_APP_BASE_API + '/' + path) +} + +const openDialog = (type, value) => { + dialogRef.value.openDialog(type, value, data.queryParams.companyId, data.isAdmin, data.companyList); +} + +/** 重置新增的表单以及其他数据 */ +const reset= async()=> { + data.queryParams = { + pageNum: 1, + pageSize: 10, + companyId: null, + templateType: 2 + } + await getCompanyList() + await getList() +} +const handleDelete = (val) => { + ElMessageBox.confirm( + '确定删除此条数据?', + '提示', + { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: 'warning', + }) + .then( async() => { + const res = await delStandardTemp({standardizedTemplateId: val.id}) + if(res.code == 200){ + ElMessage.success('数据删除成功') + await getList() + }else{ + ElMessage.warning(res.message) + } + }) +} + +</script> diff --git a/src/views/onlineEducation/systemManage/user/components/userDialog.vue b/src/views/onlineEducation/systemManage/user/components/userDialog.vue index 59f2a98..8e3c00f 100644 --- a/src/views/onlineEducation/systemManage/user/components/userDialog.vue +++ b/src/views/onlineEducation/systemManage/user/components/userDialog.vue @@ -122,12 +122,10 @@ import { View } from "@element-plus/icons-vue"; import scorllSelect from '@/components/scrollSelect/index.vue' import {ElMessage} from "element-plus"; -import {verifyPhone, verifyPwd, verifyUsername} from "../../../../../utils/validate"; +import {verifyPhone, verifyPwd, verifyUsername} from "@/utils/validate"; import { checkUserName, checkPhone } from "@/api/login" import {addUser, editUser, getUserById, resetPwd} from "@/api/onlineEducation/user" import {Base64} from "js-base64" -import {resetUserPwd} from "../../../../../api/sysUsers"; -import {getInstitutionDetail} from "@/api/backManage/insitution"; import {getCompany} from "@/api/onlineEducation/company"; import {get} from "@vueuse/core"; import {getUser} from "@/api/onlineEducation/user"; diff --git a/src/views/work/onlineEducation/systemManage/user/components/userDialog.vue b/src/views/work/onlineEducation/systemManage/user/components/userDialog.vue index 59f2a98..9e167d1 100644 --- a/src/views/work/onlineEducation/systemManage/user/components/userDialog.vue +++ b/src/views/work/onlineEducation/systemManage/user/components/userDialog.vue @@ -122,11 +122,10 @@ import { View } from "@element-plus/icons-vue"; import scorllSelect from '@/components/scrollSelect/index.vue' import {ElMessage} from "element-plus"; -import {verifyPhone, verifyPwd, verifyUsername} from "../../../../../utils/validate"; +import {verifyPhone, verifyPwd, verifyUsername} from "@/utils/validate"; import { checkUserName, checkPhone } from "@/api/login" import {addUser, editUser, getUserById, resetPwd} from "@/api/onlineEducation/user" import {Base64} from "js-base64" -import {resetUserPwd} from "../../../../../api/sysUsers"; import {getInstitutionDetail} from "@/api/backManage/insitution"; import {getCompany} from "@/api/onlineEducation/company"; import {get} from "@vueuse/core"; -- Gitblit v1.9.2