From 4fe6c5ac4bc2b7fa9c9c71bb52d9df3e8b13bd7c Mon Sep 17 00:00:00 2001
From: zhouwx <1175765986@qq.com>
Date: 星期二, 15 七月 2025 10:11:45 +0800
Subject: [PATCH] 修改
---
src/views/build/conpanyFunctionConsult/qualityManage/rangeManage/range/index.vue | 4
src/views/build/conpanyFunctionConsult/digitalFileDep/product/productFile/components/dataDialog.vue | 220 ++++
src/views/build/conpanyFunctionConsult/industryTemplate/index.vue | 16
public/fileExample.docx | 0
src/views/build/conpanyFunctionConsult/industryTemplate/components/editDialog.vue | 4
src/views/work/onlineEducation/people/components/stuDialog.vue | 41
src/views/build/conpanyFunctionConsult/digitalFileDep/product/proCaralog/index.vue | 315 ++++++
public/fileProjectExample.docx | 0
src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectCaralog/index.vue | 315 ++++++
src/views/build/conpanyFunctionConsult/digitalFileDep/product/proCaralog/components/editDialog.vue | 188 +++
src/views/build/conpanyFunctionConsult/digitalFileDep/product/productFile/index.vue | 675 +++++++++++++
src/api/selfProblems/productFile.js | 43
src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectFile/components/dataDialog.vue | 220 ++++
src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectFile/index.vue | 671 +++++++++++++
src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectCaralog/components/editDialog.vue | 188 +++
15 files changed, 2,885 insertions(+), 15 deletions(-)
diff --git a/public/fileExample.docx b/public/fileExample.docx
new file mode 100644
index 0000000..9b8e8c0
--- /dev/null
+++ b/public/fileExample.docx
Binary files differ
diff --git a/public/fileProjectExample.docx b/public/fileProjectExample.docx
new file mode 100644
index 0000000..1a5e9fa
--- /dev/null
+++ b/public/fileProjectExample.docx
Binary files differ
diff --git a/src/api/selfProblems/productFile.js b/src/api/selfProblems/productFile.js
new file mode 100644
index 0000000..28cbe39
--- /dev/null
+++ b/src/api/selfProblems/productFile.js
@@ -0,0 +1,43 @@
+import request from '@/utils/request'
+
+
+export function getProductFilePage(params) {
+ return request({
+ url: '/quality-target/productItem/list',
+ method: 'get',
+ params: params
+ })
+}
+
+
+export function addProductFile(data) {
+ return request({
+ url: '/quality-target/productItem/insert',
+ method: 'post',
+ data: data
+ })
+}
+
+export function editProductFile(params) {
+ return request({
+ url: `/quality-target/productItem/update`,
+ method: 'post',
+ data: params
+ })
+}
+
+export function delProductFile(data) {
+ return request({
+ url: `/quality-target/productItem/deleted?itemId=${data}`,
+ method: 'get'
+ })
+}
+
+export function copeCatalogue(params) {
+ return request({
+ url: `/quality-target/catalogue/copy`,
+ method: 'post',
+ data: params
+ })
+}
+
diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/product/proCaralog/components/editDialog.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/product/proCaralog/components/editDialog.vue
new file mode 100644
index 0000000..1bad051
--- /dev/null
+++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/product/proCaralog/components/editDialog.vue
@@ -0,0 +1,188 @@
+<template>
+ <div class="notice">
+ <el-dialog
+ v-model="dialogVisible"
+ :title="state.title"
+ width="600px"
+ :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 label="上级分支:" prop="parentId" >
+ <el-tree-select
+ v-model="state.form.parentId"
+ :data="state.menuOptions"
+ :props="{ value: 'id', label: 'name', children: 'children' }"
+ value-key="id"
+ placeholder="上级分支"
+ check-strictly
+ style="width: 100%"
+ />
+ </el-form-item>
+ <el-form-item label="序号:" prop="number">
+ <el-input v-model.trim="state.form.number" :disabled="state.title =='查看'" placeholder="序号"></el-input>
+ </el-form-item>
+
+ <el-form-item label="目录名称:" prop="mess">
+ <el-input v-model.trim="state.form.mess" :disabled="state.title =='查看'" placeholder="目录名称"></el-input>
+ </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 {addCatalogue, editCatalogue, getCatalogue} from "@/api/qualityManage/catalog";
+
+const emit = defineEmits(["getList"]);
+const dialogVisible = ref(false)
+const superRef = ref()
+const state = reactive({
+ title: '',
+ form: {
+ id: null,
+ mess: '',
+ number:'',
+ parentId: null,
+ companyId: null
+ },
+ formRules:{
+ mess: [{ required: true, message: '请输入目录名称', trigger: 'blur' }],
+ number: [{ required: true, message: '请输入序号', trigger: 'blur' }],
+ parentId:[{ required: true, message: '请选择上级分支', trigger: 'blur' }],
+ },
+ isAdmin: false,
+ companyList: [],
+ menuOptions: [],
+
+})
+onMounted(() => {
+
+});
+
+const openDialog = async (type, value,companyId, isAdmin,flag) => {
+ state.isAdmin = isAdmin
+
+ state.title = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看'
+ if(state.title == '新增' && flag == 2){
+ state.form.parentId = value.id
+
+ }else if(state.title == '新增' && flag == 1 ){
+
+ state.form.parentId = 0
+
+ }
+ if(state.title == '编辑'||state.title == '查看'){
+ Object.keys(state.form).forEach(key => {
+ if (key in value) {
+ state.form[key] = value[key]
+ }
+ })
+ }
+ state.form.companyId = companyId
+ if(isAdmin){
+ await getTreeselect()
+ }
+ dialogVisible.value = true
+}
+
+
+const onSubmit = async () => {
+ const valid = await superRef.value.validate();
+ console.log('state.form',state.form)
+ if(valid){
+ if(state.title == '新增'){
+ const {id,...data} = state.form
+ data.type = 2
+ const res = await addCatalogue(data)
+ if(res.code == 200){
+ ElMessage.success(res.message)
+ emit('getList')
+ handleClose()
+ dialogVisible.value = false;
+ }else{
+ ElMessage.warning(res.message)
+ }
+ }else{
+ const {...data} = state.form
+ data.type = 2
+ const res = await editCatalogue(data)
+ if(res.code == 200){
+ ElMessage.success(res.message)
+ emit('getList')
+ handleClose()
+ dialogVisible.value = false;
+ }else{
+ ElMessage.warning(res.message)
+ }
+ }
+ }
+}
+const getTreeselect =async ()=> {
+ state.menuOptions = [];
+ const param = {
+ type: 2,
+ companyId: state.form.companyId
+ }
+ const res = await getCatalogue(param)
+ if(res.code == 200){
+ const menu = { id: 0, name: "主目录", children: [] };
+ menu.children = await handleTree(res.data.data)
+ state.menuOptions.push(menu);
+ }else{
+ ElMessage.warning(res.message)
+ }
+}
+
+const handleTree = (val) => {
+ const traverse = (nodes, currentPath = '') => {
+ nodes.forEach((node, index) => {
+ node.name = `${node.number} ${node.mess}`;
+ // 递归处理子节点（传递当前序号路径）
+ if (node.children && node.children.length) {
+ traverse(node.children, node.number);
+ }
+ });
+ };
+ traverse(val); // 从根节点开始遍历
+ return val;
+}
+const handleClose = () => {
+ state.form = {
+ id: null,
+ mess: '',
+ number:'',
+ parentId: null,
+ companyId: null
+ }
+ state.isTree = false
+ 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/product/proCaralog/index.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/product/proCaralog/index.vue
new file mode 100644
index 0000000..6ca69f2
--- /dev/null
+++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/product/proCaralog/index.vue
@@ -0,0 +1,315 @@
+<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','',1)"
+ >新增</el-button>
+ </el-form-item>
+ <el-form-item label="企业名称:" v-if="data.isAdmin" >
+ <el-select
+ v-model="data.queryParams.companyName"
+ filterable
+ remote
+ @change="selectValue"
+ reserve-keyword
+ remote-show-suffix
+ :remote-method="getCompanyList"
+ :loading="loadingCompany"
+ style="width: 240px"
+ >
+ <el-option
+ v-for="item in data.companyList"
+ :key="item.id"
+ :label="item.name"
+ :value="item.name"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item v-if="data.isAdmin">
+ <el-button
+ type="primary"
+ @click="openCopeDialog"
+ >复制目录</el-button>
+ </el-form-item>
+
+ </el-form>
+ </div>
+ <!-- 表格数据 -->
+ <el-table v-loading="loading"
+ :data="dataList"
+ :border="true"
+ row-key="id"
+ :default-expand-all="true"
+ :tree-props="{ children: 'children'}"
+ >
+ <el-table-column label="目录名称" prop="mess" >
+ <template #default="scope">
+ {{scope.row.number}} {{scope.row.mess}}
+ </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('add',scope.row,2)">新增</el-button>
+ <el-button link type="primary" @click="openDialog('edit',scope.row,null)">编辑</el-button>
+ <el-button link type="danger" v-if="scope.row.children && scope.row.children.length == 0" @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>
+ <el-dialog
+ v-model="data.copyVisible"
+ width="350px"
+ :before-close="handleClose"
+ :close-on-press-escape="false"
+ :close-on-click-modal="false"
+ >
+ <div style="display: flex;flex-direction: column;align-items: center;justify-content: center" v-loading="copyLoading">
+ <span style="font-size: 20px;font-weight: 600;margin-bottom: 8px">选择企业</span>
+ <el-select
+ v-model="data.chooseCompanyId"
+ filterable
+ remote
+ reserve-keyword
+ remote-show-suffix
+ :remote-method="getCompanyList"
+ style="width: 240px"
+ >
+ <el-option
+ v-for="item in data.companyList"
+ :key="item.id"
+ :label="item.name"
+ :value="item.id"
+ />
+ </el-select>
+ </div>
+ <div class="dialog-footer">
+ <el-button @click="handleClose" size="default">取 消</el-button>
+ <el-button type="primary" @click="onSubmitCopy" size="default" v-preReClick>确认</el-button>
+ </div>
+ </el-dialog>
+ </div>
+</template>
+
+<script setup>
+import {getCurrentInstance, onMounted, onUnmounted, reactive, ref, toRefs} from "vue";
+import {ElMessage, ElMessageBox} from "element-plus";
+import editDialog from './components/editDialog.vue'
+import useUserStore from "@/store/modules/user";
+import {delCatalogue, getCatalogue} from "@/api/qualityManage/catalog";
+import {getCompany} from "@/api/onlineEducation/company";
+import {copeCatalogue} from "@/api/selfProblems/productFile";
+const userStore = useUserStore()
+const { proxy } = getCurrentInstance();
+const loading = ref(false);
+const loadingCompany = ref(false)
+const dialogRef = ref();
+const copyDialog = ref()
+const copyLoading = ref(false)
+const data = reactive({
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ companyId: null,
+ },
+ total: 0,
+ dataList: [],
+ companyList: [],
+ industryList: [],
+ isAdmin: false,
+ copyVisible: false,
+ chooseCompanyId: null
+
+});
+
+const { queryParams, total, dataList,companyList,industryList, isAdmin } = toRefs(data);
+const userInfo = ref()
+onMounted(async ()=>{
+ if(userStore.roles.includes('admin')){
+ data.isAdmin = true
+ data.queryParams.companyId = null
+ }else{
+ data.isAdmin = false
+ data.queryParams.companyId = userStore.companyId
+ }
+ await getCompanyList()
+ if(data.isAdmin){
+ data.queryParams.companyId = data.companyList[0].id
+ data.queryParams.companyName = data.companyList[0].name
+ }
+ await getList()
+})
+
+onUnmounted(()=>{
+
+})
+
+const getList = async () => {
+ loading.value = true
+ const param = {
+ companyId:data.queryParams.companyId,
+ type: 2,
+ }
+ const res = await getCatalogue(param);
+ if(res.code === 200){
+ data.dataList = res.data.data
+ }else{
+ ElMessage.warning(res.message)
+ }
+ loading.value = false
+}
+
+const openDialog = (type, value,flag) => {
+
+ dialogRef.value.openDialog(type, value, data.queryParams.companyId, data.isAdmin,flag);
+}
+const openCopeDialog = () => {
+ data.copyVisible = true
+}
+const handleClose = () => {
+ data.chooseCompanyId = null
+ data.copyVisible = false
+}
+
+/** 重置新增的表单以及其他数据 */
+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 delCatalogue(val.id)
+ if(res.code == 200){
+ ElMessage.success('数据删除成功')
+ await getList()
+ }else{
+ ElMessage.warning(res.message)
+ }
+ })
+}
+const selectValue = async (val) => {
+ data.companyList.forEach(item => {
+ if(item.name === val){
+ data.queryParams.companyId = item.id
+ }
+ })
+ await getList()
+}
+const getCompanyList = async (val)=>{
+ if(val){
+ loadingCompany.value = true;
+ const queryParams = {
+ name: val
+ }
+ const res = await getCompany(queryParams)
+ if (res.code == 200) {
+ loadingCompany.value = false;
+ data.companyList = res.data.list
+
+ } else {
+ ElMessage.warning(res.message)
+ }
+ }else {
+ loadingCompany.value = true;
+ const queryParams = {
+ pageSize: 100,
+ pageNum: 1,
+ }
+ const res = await getCompany(queryParams)
+ if (res.code == 200) {
+ loadingCompany.value = false;
+ data.companyList = res.data.list
+
+ } else {
+ ElMessage.warning(res.message)
+ }
+ }
+}
+const onSubmitCopy = async () => {
+ if(!data.chooseCompanyId){
+ ElMessage.warning('请先选择企业')
+ return
+ }
+ let copyData = []
+ const p= {
+ companyId:data.chooseCompanyId,
+ type: 2,
+ }
+ const r = await getCatalogue(p);
+ if(r.code === 200){
+ if(r.data.data.length >0){
+ copyData = r.data.data
+ }else {
+ ElMessage.warning('当前选择企业下暂无目录，请重新选择！')
+ return
+ }
+ }else{
+ ElMessage.warning(r.message)
+ }
+ if(data.dataList && data.dataList.length >0){
+ ElMessageBox.confirm(
+ '当前企业已有数据，是否覆盖原有数据？',
+ '提示',
+ {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: 'warning',
+ })
+ .then( async() => {
+ await copyDataList(copyData)
+ }).catch(err => {
+ console.log('取消')
+ })
+ }else {
+ await copyDataList(copyData)
+ }
+}
+const copyDataList = async (copyData) => {
+ copyData.forEach(item => {
+ item.companyId = data.queryParams.companyId
+ })
+ copyLoading.value = true
+ const res = await copeCatalogue(copyData);
+ if(res.code === 200){
+ ElMessage.success('复制成功')
+ copyLoading.value = false
+ data.copyVisible = false
+ data.chooseCompanyId = null
+ await getList()
+ }else{
+ ElMessage.warning(res.message)
+ }
+}
+</script>
+
+<style scoped lang="scss">
+.dialog-footer{
+ margin-top: 20px;
+ text-align: right;
+ margin-bottom: -5px;
+}
+</style>
diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/product/productFile/components/dataDialog.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/product/productFile/components/dataDialog.vue
new file mode 100644
index 0000000..7e74fc1
--- /dev/null
+++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/product/productFile/components/dataDialog.vue
@@ -0,0 +1,220 @@
+<template>
+ <div class="notice">
+ <el-dialog
+ v-model="dialogVisible"
+ :title="state.title"
+ width="600px"
+ :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 label="文件编号:" prop="number">
+ <el-input v-model.trim="state.form.number" :disabled="state.title =='查看'" placeholder="文件编号"></el-input>
+ </el-form-item>
+ <el-form-item label="文件名称:" prop="fileName">
+ <el-input v-model.trim="state.form.fileName" :disabled="state.title =='查看'" placeholder="文件名称"></el-input>
+ </el-form-item>
+ <el-form-item label="编写指南:" prop="erdact">
+ <el-input v-model.trim="state.form.erdact" :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 {addFile, editFile} from "@/api/qualityManage/range";
+import {addProductFile, editProductFile} from "@/api/selfProblems/productFile";
+
+const emit = defineEmits(["getList"]);
+const dialogVisible = ref(false)
+const superRef = ref()
+const state = reactive({
+ title: '',
+ form: {
+ id: null,
+ name: '',
+ filePath: '',
+ fileName: '',
+ companyId: null,
+ catalogueId: null,
+ erdact: '',
+ number: ''
+ },
+ formRules:{
+ number: [{ required: true, message: '请输入材料编号', trigger: 'blur' }],
+ fileName: [{ required: true, message: '请输入材料名称', trigger: 'blur' }],
+ filePath: [{ required: true, message: '请上传文件', trigger: 'blur' }],
+ },
+ isAdmin: false,
+ companyList: [],
+ industryList: [],
+ uploadUrl: import.meta.env.VITE_APP_BASE_API + '/system/common/uploadFile',
+ header: {
+ Authorization: getToken()
+ },
+ fileLimit: 1,
+ fileList: []
+})
+onMounted(() => {
+
+});
+
+const openDialog = async (type, value,companyId,catalogueId) => {
+ state.title = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看'
+ state.form.companyId = companyId
+ state.form.catalogueId = catalogueId
+ state.form.type = 1
+ 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: value.fileName
+ }
+ 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 addProductFile(data)
+ if(res.code == 200){
+ ElMessage.success(res.message)
+ emit('getList')
+ handleClose()
+ dialogVisible.value = false;
+ }else{
+ ElMessage.warning(res.message)
+ }
+ }else{
+
+ const res = await editProductFile(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.fileName = res.data.originName
+ state.form.filePath = res.data.path
+ }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.fileName = ''
+ state.form.filePath = ''
+ }else{
+ ElMessage({
+ type: 'warning',
+ message: res.message
+ })
+ }
+ }).catch(() => {
+ state.form.fileName = ''
+ state.form.filePath = ''
+ });
+}
+
+const handleClose = () => {
+ state.form = {
+ id: null,
+ name: '',
+ filePath: '',
+ fileName: '',
+ companyId: null,
+ catalogueId: null,
+ erdact: '',
+ number: ''
+ }
+ 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/product/productFile/index.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/product/productFile/index.vue
new file mode 100644
index 0000000..a97b8f4
--- /dev/null
+++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/product/productFile/index.vue
@@ -0,0 +1,675 @@
+<template>
+ <div class="app-container">
+ <div style="margin-bottom: 10px">
+ <el-form style="display: flex;flex-wrap: wrap;">
+ <el-form-item label="企业名称:" v-if="data.isAdmin" style="margin-left: 20px">
+ <el-select
+ v-model="data.queryParams.companyName"
+ filterable
+ remote
+ @change="selectValue"
+ reserve-keyword
+ remote-show-suffix
+ :remote-method="getCompanyList"
+ :loading="loadingCompany"
+ style="width: 240px"
+ >
+ <el-option
+ v-for="item in data.companyList"
+ :key="item.id"
+ :label="item.name"
+ :value="item.name"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item>
+ <el-button
+ style="margin-left: 15px"
+ type="primary"
+ @click="exportData"
+ >导出</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div class="bottom">
+ <div class="left">
+ <span style="font-weight: 600;font-size: 24px">目录</span>
+ <div class="tree-container tree-hide-scrollbar" v-if="data.treeData">
+ <el-tree
+ ref="treeRef"
+ :data="data.treeData"
+ :props="data.defaultProps"
+ :default-expand-all="true"
+ :expand-on-click-node="false"
+ highlight-current
+ node-key="id"
+ :current-node-key="currentSelectedKey"
+ @node-click="handleNodeClick"
+ >
+ <template #default="{ node,data }">
+ <el-tooltip
+ :content="data.mess"
+ placement="bottom"
+ :disabled="!isTextOverflow(data)"
+ >
+ <span class="tree-text">{{ data.mess }}</span>
+ </el-tooltip>
+ </template>
+ </el-tree>
+ </div>
+ <el-empty v-else description="暂无数据" />
+ </div>
+ <div class="right">
+ <el-form :model="state.form" size="default" ref="noticeRef" label-position="top" label-width="125px" >
+ <el-form-item label="产品过程管控文件清单" prop="dataList">
+ <el-button style="margin-bottom: 10px" type="primary" @click="openDataDialog('add',{})">新增</el-button>
+ </el-form-item>
+ <el-table style="margin:15px 0;width: 100%" :data="state.form.dataList" :border="true" >
+ <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
+ <el-table-column label="目录" prop="catalogueName" align="center" width="130" :show-overflow-tooltip="true" />
+ <el-table-column label="文件编号" prop="number" align="center" />
+ <el-table-column label="文件名称" prop="fileNameSimple" align="center" />
+ <el-table-column label="文件" prop="fileName" align="center" >
+ <template #default="scope">
+ <el-link v-if="scope.row.fileName" style="" type="primary" @click="openFile(scope.row.filePath)">{{scope.row.fileName}}</el-link>
+ </template>
+ </el-table-column>
+ <el-table-column label="编写指南" prop="erdact" align="center" />
+ <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="160" >
+ <template #default="scope">
+ <el-button v-if="scope.row.filePath" link type="primary" @click="downloadFile(scope.row)" >下载</el-button>
+ <el-button v-if="data.isAdmin" link type="primary" @click="openDataDialog('edit',scope.row)" >编辑</el-button>
+ <el-button v-if="data.isAdmin" link type="danger" @click="handleDataDelete(scope.row)" >删除</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ </el-form>
+<!-- <div style="display: flex;align-items: center;justify-content: right;margin-top: 10px">-->
+<!-- <el-button v-if="state.form.id && data.isAdmin" type="danger" @click="deleteData">删除</el-button>-->
+<!-- <el-button v-if="data.isAdmin" type="primary" @click="addData()">保存</el-button>-->
+<!-- </div>-->
+ </div>
+ </div>
+ <dataDialog ref="dialogRef" @getList="getFileList"></dataDialog>
+ </div>
+</template>
+<script setup>
+import {getCurrentInstance, nextTick, onMounted, reactive, ref, toRefs} from "vue";
+import Cookies from "js-cookie";
+import {ElMessage, ElMessageBox} from "element-plus";
+import {getCompany} from "@/api/onlineEducation/company";
+import {getToken} from "@/utils/auth";
+import {delPic} from "@/api/onlineEducation/banner";
+import dataDialog from "./components/dataDialog.vue"
+import {delSysClause} from "@/api/staffManage/staff";
+import {getCatalogue} from "@/api/qualityManage/catalog";
+import {
+ addCatalogueData,
+ addFile, delCatalogueData,
+ delFile,
+ editCatalogueData,
+ getCatalogueData,
+ getFile
+} from "@/api/qualityManage/range";
+import axios from "axios";
+import TEditor from "@/components/Tinymce/Tinymce.vue";
+import {renderAsync} from "docx-preview";
+import {delProductFile, getProductFilePage} from "@/api/selfProblems/productFile";
+import {generateWordDocument} from "@/utils/exportWord";
+
+const { proxy } = getCurrentInstance();
+const loading = ref(false);
+const noticeRef = ref();
+const dialogRef = ref();
+const treeRef = ref()
+const dialogRecordRef = ref();
+const currentSelectedKey = ref()
+const loadingCompany = ref(false)
+const data = reactive({
+ queryParams: {
+ type: 2,
+ companyId: null,
+ },
+ companyList: [],
+ isAdmin: false,
+ defaultProps: {
+ children: 'children',
+ label: 'name',
+ },
+ treeData: [],
+});
+const state = reactive({
+ form: {
+ id: '',
+ companyId: null,
+ catalogueId: null,
+ dataList: [],
+ },
+})
+const dataList = ref([]);
+const total = ref(0);
+
+const { queryParams } = toRefs(data);
+
+onMounted(async () => {
+ const userInfo = JSON.parse(Cookies.get('userInfo'))
+ console.log("userInfo",userInfo)
+ data.isAdmin = userInfo.userType === 0;
+ if(data.isAdmin){
+ await getCompanyList()
+ data.queryParams.companyId = data.companyList[0].id
+ data.queryParams.companyName = data.companyList[0].name
+ state.form.companyId = data.companyList[0].id
+ }else {
+ data.queryParams.companyId = userInfo.companyId
+ state.form.companyId = userInfo.companyId
+ }
+ await getList();
+ if(data.treeData.length >0){
+ // state.form.catalogueId = data.treeData[0].id
+ // currentSelectedKey.value = state.form.catalogueId
+ await getFileList()
+
+ }
+
+})
+const getList = async () => {
+ data.treeData = [];
+ loading.value = true;
+ const param = {
+ companyId: state.form.companyId,
+ type : 2
+ }
+ const res = await getCatalogue(param);
+ if(res.code === 200){
+ const menu = await handleTree(res.data.data)
+ data.treeData = menu;
+ }else{
+ ElMessage.warning(res.message)
+ }
+ loading.value = false;
+}
+const textMeasureRef = ref(null);
+const getMeasureElement = () => {
+ if (!textMeasureRef.value) {
+ const el = document.createElement('span');
+ el.className = 'text-measure-element';
+ el.style.cssText = `
+ position: absolute;
+ visibility: hidden;
+ white-space: nowrap;
+ font-size: 14px; /* 匹配实际字体大小 */
+ `;
+ document.body.appendChild(el);
+ textMeasureRef.value = el;
+ }
+ return textMeasureRef.value;
+};
+// 判断文本是否溢出
+const isTextOverflow = (text) => {
+ const measureEl = getMeasureElement();
+ measureEl.textContent = text.mess;
+ return measureEl.scrollWidth > 300; // 180px 是节点容器实际宽度
+};
+
+const handleTree = (val) => {
+ const traverse = (nodes, currentPath = '') => {
+ nodes.forEach((node, index) => {
+ node.mess = `${node.number} ${node.mess}`;
+ // 递归处理子节点（传递当前序号路径）
+ if (node.children && node.children.length) {
+ traverse(node.children, node.number);
+ }
+ });
+ };
+ traverse(val); // 从根节点开始遍历
+ return val;
+}
+const getCompanyList = async (val)=>{
+ if(val){
+ loadingCompany.value = true;
+ const queryParams = {
+ name: val
+ }
+ const res = await getCompany(queryParams)
+ if (res.code == 200) {
+ loadingCompany.value = false;
+ data.companyList = res.data.list
+
+ } else {
+ ElMessage.warning(res.message)
+ }
+ }else {
+ loadingCompany.value = true;
+ const queryParams = {
+ pageSize: 10,
+ pageNum: 1,
+ }
+ const res = await getCompany(queryParams)
+ if (res.code == 200) {
+ loadingCompany.value = false;
+ data.companyList = res.data.list
+
+ } else {
+ ElMessage.warning(res.message)
+ }
+ }
+}
+const selectValue = async (val) => {
+ state.form.id = ''
+ state.form.catalogueId = null
+ data.companyList.forEach(item => {
+ if(item.name === val){
+ data.queryParams.companyId = item.id
+ state.form.companyId = item.id
+ }
+ })
+ await getList()
+ if(data.treeData.length >0 ){
+ // state.form.catalogueId = data.treeData[0].id
+ // currentSelectedKey.value = state.form.catalogueId
+ await getFileList()
+ }else {
+ state.form.dataList = []
+ }
+
+}
+
+const handleNodeClick = async (val) => {
+ state.form.id = ''
+ state.form.catalogueId = val.id
+ currentSelectedKey.value = val.id
+ await getFileList()
+}
+
+const addData = async () => {
+ if(!state.form.catalogueId){
+ ElMessage.warning('请先选择左侧目录！')
+ return
+ }
+ const valid = await noticeRef.value.validate();
+ if(valid){
+
+ if(state.form.id){
+ //编辑
+ const {dataList,recordList,...data} = state.form
+ const res = await editCatalogueData(data)
+ if(res.code == 200){
+ ElMessage.success('编辑成功')
+ await getFileList()
+
+ }else{
+ ElMessage.warning(res.message)
+ }
+
+ }else {
+ //新增
+ const {id,dataList,recordList,...data} = state.form
+ const res = await addCatalogueData(data)
+ if(res.code == 200){
+ ElMessage.success('新增成功')
+ await getFileList()
+
+ }else{
+ ElMessage.warning(res.message)
+ }
+ }
+
+
+ }
+}
+const openDataDialog = (type, value) => {
+ if(!state.form.catalogueId){
+ ElMessage.warning('请先选择左侧目录！')
+ return
+ }
+ dialogRef.value.openDialog(type, value, state.form.companyId,state.form.catalogueId);
+}
+const openRecordDialog = (type, value) => {
+ if(!state.form.catalogueId){
+ ElMessage.warning('请先选择左侧目录！')
+ return
+ }
+ dialogRecordRef.value.openDialog(type, value, state.form.companyId,state.form.catalogueId);
+}
+
+const handleDataDelete = (val) => {
+ ElMessageBox.confirm(
+ '确定删除此条数据？',
+ '提示',
+ {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: 'warning',
+ })
+ .then( async() => {
+ const res = await delProductFile(val.id)
+ if(res.code == 200){
+ ElMessage.success('数据删除成功')
+ await getFileList()
+ }else{
+ ElMessage.warning(res.message)
+ }
+ })
+}
+
+const handleRecordDelete = (val) => {
+ ElMessageBox.confirm(
+ '确定删除此条数据？',
+ '提示',
+ {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: 'warning',
+ })
+ .then( async() => {
+ const res = await delFile(val.id)
+ if(res.code == 200){
+ ElMessage.success('数据删除成功')
+ await getFileList()
+ }else{
+ ElMessage.warning(res.message)
+ }
+ })
+}
+const deleteData = () => {
+ ElMessageBox.confirm(
+ '确定删除此条数据？',
+ '提示',
+ {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: 'warning',
+ })
+ .then( async() => {
+ const res = await delCatalogueData(state.form.id)
+ if(res.code == 200){
+ ElMessage.success('数据删除成功')
+ await getFileList()
+ }else{
+ ElMessage.warning(res.message)
+ }
+ })
+}
+const reset = async () => {
+ data.queryParams = {
+ companyId: '',
+ pageNum: 1,
+ pageSize: 10,
+ }
+ data.companyList = [];
+ await getList();
+ await getCompanyList()
+ data.queryParams.companyId = data.companyList[0].id
+ data.queryParams.companyName = data.companyList[0].name
+ state.form.companyId = data.companyList[0].id
+}
+
+const getFileList = async () => {
+ const queryParams = {
+ companyId: state.form.companyId,
+ catalogueId: state.form.catalogueId,
+ type: 1
+ }
+ const res = await getProductFilePage(queryParams)
+ if (res.code == 200) {
+ state.form.dataList = res.data.list.map(item => {
+ return {
+ ...item,
+ fileNameSimple: item.fileName.split('.')[0]
+ }
+ })
+ } else {
+ ElMessage.warning(res.message)
+ }
+}
+const openFile = async(path)=>{
+ const ext = path.split('.').pop().toLowerCase();
+ if (ext === 'doc') {
+ ElMessageBox.confirm('暂不支持线上预览.doc文件，是否下载查看？', '提示', { confirmButtonText: '确认', cancelButtonText: '取消', type: 'warning' }).then(() => {
+ window.open(`${import.meta.env.VITE_APP_BASE_API}/${path}`, '_blank');
+ }).catch(() => {
+ console.log('取消预览')
+ });
+ return
+ }
+ try {
+ // 1. 获取文件
+ const response = await fetch(import.meta.env.VITE_APP_BASE_API + '/' + path);
+ const arrayBuffer = await response.arrayBuffer();
+ // 2. 创建新窗口
+ const win = window.open('', '_blank')
+ win.document.write(`
+ <!DOCTYPE html>
+ <html>
+ <head>
+ <title>预览</title>
+ <style>
+ body { margin: 20px; font-family: Arial; }
+ .docx-container { width: 100%; height: 100%; }
+ </style>
+ </head>
+ <body>
+ <div id="container" class="docx-container"></div>
+ </body>
+ </html>
+ `);
+ // 3. 渲染 DOCX
+ await renderAsync(arrayBuffer, win.document.getElementById('container'));
+
+ } catch (error) {
+ console.error('预览失败:', error);
+ alert(`预览失败: ${error.message}`);
+ }
+}
+const downloadFile = (e)=>{
+ axios.get(import.meta.env.VITE_APP_BASE_API + '/' +e.filePath,{headers:{'Content-Type': 'application/json','Authorization': `${getToken()}`},responseType: 'blob'}).then(res=>{
+ if (res) {
+ const link = document.createElement('a')
+ let blob = new Blob([res.data],{type: res.data.type})
+ link.style.display = "none";
+ link.href = URL.createObjectURL(blob); // 创建URL
+ link.setAttribute("download", e.fileName);
+ document.body.appendChild(link);
+ link.click();
+ document.body.removeChild(link);
+ } else {
+ ElMessage({
+ type: 'warning',
+ message: '文件读取失败'
+ });
+ }
+ })
+}
+
+const showFile = (e) => {
+ if(e.target.nodeName === 'A'){
+ console.log("e",e)
+ e.preventDefault();
+ const file = {
+ fileUrl: e.target.href,
+ fileName: e.target.innerHTML
+ }
+ axios.get( file.fileUrl,{
+ headers:
+ {
+ 'Content-Type': 'application/json',
+ 'Authorization':getToken(),
+ },
+ responseType: 'blob'
+ }
+ ).then(res=>{
+ if (res) {
+ const link = document.createElement('a')
+ let blob = new Blob([res.data],{type: res.data.type})
+ link.style.display = "none";
+ link.href = URL.createObjectURL(blob); // 创建URL
+ link.setAttribute("download", file.fileName);
+ document.body.appendChild(link);
+ link.click();
+ document.body.removeChild(link);
+ } else {
+ this.$message.error('获取文件失败')
+ }
+ // handleClose();
+ })
+ }
+}
+const exportData = () => {
+ // if(!state.form.catalogueId){
+ // ElMessage.warning('请先选择左侧目录！')
+ // }
+ if(state.form.dataList.length == 0){
+ ElMessage.warning('暂无数据！')
+ return
+ }
+ startGeneration()
+
+}
+const templatePath = '/fileExample.docx'
+const startGeneration = async () => {
+ let table = {}
+ table.name = state.form.dataList[0].companyName
+
+ const dataList = state.form.dataList.map((item,index) => {
+ return{
+ ...item,
+ caralog: item.catalogueName
+ }
+ })
+ const caralogList = idGroupToTree(dataList)
+ table.tableList = caralogList.map((item,index) => {
+ return {
+ ...item,
+ fileList: item.children.map((f,findex) => {
+ return{
+ ...f,
+ first: findex == 0,
+ }
+ })
+ }
+ })
+ try {
+ generateWordDocument(templatePath, table, table.name+'_产品过程管控文件清单.docx');
+ } catch (error){
+ ElMessage({
+ type: 'warning',
+ message: '导出失败'
+ });
+ }
+}
+function idGroupToTree(data) {
+ const groups = data.reduce((map, item) => {
+ map.has(item.caralog) || map.set(item.caralog, []);
+ map.get(item.caralog).push(item);
+ return map;
+ }, new Map());
+ return Array.from(groups).map(([caralog, items]) => ({
+ caralog,
+ children: items
+ }));
+}
+</script>
+
+<style scoped lang="scss">
+.app-container{
+ .bottom{
+ display: flex;
+ width: auto;
+ height: auto;
+ border: 1px solid #c3c3c3;
+ margin: 20px;
+
+ .left{
+ //border-right: 1px solid darkgray;
+ display: flex;
+ min-width: 240px;
+ height: 700px;
+ margin: 20px 20px 20px 50px;
+ flex-direction: column;
+ :deep(.el-tree){
+ background: none;
+ }
+ :deep(.el-tooltip )
+ {
+ color: black;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ word-break: break-all;
+ white-space: nowrap;
+ }
+ .tree-text {
+ display: inline-block;
+ max-width: 300px; /* 根据实际容器宽度调整 */
+ white-space: nowrap; /* 强制不换行 */
+ overflow: hidden; /* 隐藏溢出 */
+ text-overflow: ellipsis; /* 显示省略号 */
+ }
+ /* 可选：移除el-tree默认的节点内边距 */
+ .el-tree-node__content {
+ padding-right: 5px;
+ }
+
+ .tree-container {
+ max-width: 600px;
+ margin-top: 20px;
+ height: 100%;
+ max-height: 1200px;
+ box-shadow: 8px 0 15px rgba(0,21,41,0.08);
+ overflow: auto; /* 确保出现滚动条 */
+ }
+
+ /* 隐藏默认滚动条 */
+ .tree-hide-scrollbar::-webkit-scrollbar {
+ width: 5px;
+ background-color: transparent;
+ }
+ .tree-hide-scrollbar::-webkit-scrollbar-thumb {
+ background-color: transparent;
+ border-radius: 4px;
+ }
+ /* 鼠标悬停时显示滚动条 */
+ .tree-hide-scrollbar:hover::-webkit-scrollbar-thumb {
+ background-color: #e1e1e1;
+ }
+ .tree-hide-scrollbar:hover::-webkit-scrollbar-track {
+ background-color: #f5f7fa;
+ }
+ .tree{
+ max-width: 600px;
+ margin-top: 20px;
+ height: 800px;
+ overflow-x: hidden;
+ box-shadow: 8px 0 15px rgba(0,21,41,0.08)
+ }
+ }
+ .right{
+ margin: 20px 20px 20px 10px;
+ flex: 1;
+ min-width: 100px;
+ :deep(.el-form-item__label){
+ font-weight: 600;font-size: 20px
+ }
+ :deep(.el-form-item__content){
+ float: right;
+ }
+ .reviewTable {
+ :deep(table){
+ border: 1px solid #ccc;
+ text-align: center;
+ }
+ :deep(table td){
+ border: 1px solid #ccc;
+ text-align: center;
+ padding: 0 5px;
+ }
+ :deep(table th){
+ border: 1px solid #ccc;
+ }
+ }
+
+ }
+ }
+
+}
+</style>
diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectCaralog/components/editDialog.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectCaralog/components/editDialog.vue
new file mode 100644
index 0000000..0298b17
--- /dev/null
+++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectCaralog/components/editDialog.vue
@@ -0,0 +1,188 @@
+<template>
+ <div class="notice">
+ <el-dialog
+ v-model="dialogVisible"
+ :title="state.title"
+ width="600px"
+ :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 label="上级分支:" prop="parentId" >
+ <el-tree-select
+ v-model="state.form.parentId"
+ :data="state.menuOptions"
+ :props="{ value: 'id', label: 'name', children: 'children' }"
+ value-key="id"
+ placeholder="上级分支"
+ check-strictly
+ style="width: 100%"
+ />
+ </el-form-item>
+ <el-form-item label="序号:" prop="number">
+ <el-input v-model.trim="state.form.number" :disabled="state.title =='查看'" placeholder="序号"></el-input>
+ </el-form-item>
+
+ <el-form-item label="目录名称:" prop="mess">
+ <el-input v-model.trim="state.form.mess" :disabled="state.title =='查看'" placeholder="目录名称"></el-input>
+ </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 {addCatalogue, editCatalogue, getCatalogue} from "@/api/qualityManage/catalog";
+
+const emit = defineEmits(["getList"]);
+const dialogVisible = ref(false)
+const superRef = ref()
+const state = reactive({
+ title: '',
+ form: {
+ id: null,
+ mess: '',
+ number:'',
+ parentId: null,
+ companyId: null
+ },
+ formRules:{
+ mess: [{ required: true, message: '请输入目录名称', trigger: 'blur' }],
+ number: [{ required: true, message: '请输入序号', trigger: 'blur' }],
+ parentId:[{ required: true, message: '请选择上级分支', trigger: 'blur' }],
+ },
+ isAdmin: false,
+ companyList: [],
+ menuOptions: [],
+
+})
+onMounted(() => {
+
+});
+
+const openDialog = async (type, value,companyId, isAdmin,flag) => {
+ state.isAdmin = isAdmin
+
+ state.title = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看'
+ if(state.title == '新增' && flag == 2){
+ state.form.parentId = value.id
+
+ }else if(state.title == '新增' && flag == 1 ){
+
+ state.form.parentId = 0
+
+ }
+ if(state.title == '编辑'||state.title == '查看'){
+ Object.keys(state.form).forEach(key => {
+ if (key in value) {
+ state.form[key] = value[key]
+ }
+ })
+ }
+ state.form.companyId = companyId
+ if(isAdmin){
+ await getTreeselect()
+ }
+ dialogVisible.value = true
+}
+
+
+const onSubmit = async () => {
+ const valid = await superRef.value.validate();
+ console.log('state.form',state.form)
+ if(valid){
+ if(state.title == '新增'){
+ const {id,...data} = state.form
+ data.type = 3
+ const res = await addCatalogue(data)
+ if(res.code == 200){
+ ElMessage.success(res.message)
+ emit('getList')
+ handleClose()
+ dialogVisible.value = false;
+ }else{
+ ElMessage.warning(res.message)
+ }
+ }else{
+ const {...data} = state.form
+ data.type = 3
+ const res = await editCatalogue(data)
+ if(res.code == 200){
+ ElMessage.success(res.message)
+ emit('getList')
+ handleClose()
+ dialogVisible.value = false;
+ }else{
+ ElMessage.warning(res.message)
+ }
+ }
+ }
+}
+const getTreeselect =async ()=> {
+ state.menuOptions = [];
+ const param = {
+ type: 3,
+ companyId: state.form.companyId
+ }
+ const res = await getCatalogue(param)
+ if(res.code == 200){
+ const menu = { id: 0, name: "主目录", children: [] };
+ menu.children = await handleTree(res.data.data)
+ state.menuOptions.push(menu);
+ }else{
+ ElMessage.warning(res.message)
+ }
+}
+
+const handleTree = (val) => {
+ const traverse = (nodes, currentPath = '') => {
+ nodes.forEach((node, index) => {
+ node.name = `${node.number} ${node.mess}`;
+ // 递归处理子节点（传递当前序号路径）
+ if (node.children && node.children.length) {
+ traverse(node.children, node.number);
+ }
+ });
+ };
+ traverse(val); // 从根节点开始遍历
+ return val;
+}
+const handleClose = () => {
+ state.form = {
+ id: null,
+ mess: '',
+ number:'',
+ parentId: null,
+ companyId: null
+ }
+ state.isTree = false
+ 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/project/projectCaralog/index.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectCaralog/index.vue
new file mode 100644
index 0000000..98ea18d
--- /dev/null
+++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectCaralog/index.vue
@@ -0,0 +1,315 @@
+<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','',1)"
+ >新增</el-button>
+ </el-form-item>
+ <el-form-item label="企业名称:" v-if="data.isAdmin" >
+ <el-select
+ v-model="data.queryParams.companyName"
+ filterable
+ remote
+ @change="selectValue"
+ reserve-keyword
+ remote-show-suffix
+ :remote-method="getCompanyList"
+ :loading="loadingCompany"
+ style="width: 240px"
+ >
+ <el-option
+ v-for="item in data.companyList"
+ :key="item.id"
+ :label="item.name"
+ :value="item.name"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item v-if="data.isAdmin">
+ <el-button
+ type="primary"
+ @click="openCopeDialog"
+ >复制目录</el-button>
+ </el-form-item>
+
+ </el-form>
+ </div>
+ <!-- 表格数据 -->
+ <el-table v-loading="loading"
+ :data="dataList"
+ :border="true"
+ row-key="id"
+ :default-expand-all="true"
+ :tree-props="{ children: 'children'}"
+ >
+ <el-table-column label="目录名称" prop="mess" >
+ <template #default="scope">
+ {{scope.row.number}} {{scope.row.mess}}
+ </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('add',scope.row,2)">新增</el-button>
+ <el-button link type="primary" @click="openDialog('edit',scope.row,null)">编辑</el-button>
+ <el-button link type="danger" v-if="scope.row.children && scope.row.children.length == 0" @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>
+ <el-dialog
+ v-model="data.copyVisible"
+ width="350px"
+ :before-close="handleClose"
+ :close-on-press-escape="false"
+ :close-on-click-modal="false"
+ >
+ <div style="display: flex;flex-direction: column;align-items: center;justify-content: center" v-loading="copyLoading">
+ <span style="font-size: 20px;font-weight: 600;margin-bottom: 8px">选择企业</span>
+ <el-select
+ v-model="data.chooseCompanyId"
+ filterable
+ remote
+ reserve-keyword
+ remote-show-suffix
+ :remote-method="getCompanyList"
+ style="width: 240px"
+ >
+ <el-option
+ v-for="item in data.companyList"
+ :key="item.id"
+ :label="item.name"
+ :value="item.id"
+ />
+ </el-select>
+ </div>
+ <div class="dialog-footer">
+ <el-button @click="handleClose" size="default">取 消</el-button>
+ <el-button type="primary" @click="onSubmitCopy" size="default" v-preReClick>确认</el-button>
+ </div>
+ </el-dialog>
+ </div>
+</template>
+
+<script setup>
+import {getCurrentInstance, onMounted, onUnmounted, reactive, ref, toRefs} from "vue";
+import {ElMessage, ElMessageBox} from "element-plus";
+import editDialog from './components/editDialog.vue'
+import useUserStore from "@/store/modules/user";
+import {delCatalogue, getCatalogue} from "@/api/qualityManage/catalog";
+import {getCompany} from "@/api/onlineEducation/company";
+import {copeCatalogue} from "@/api/selfProblems/productFile";
+const userStore = useUserStore()
+const { proxy } = getCurrentInstance();
+const loading = ref(false);
+const loadingCompany = ref(false)
+const dialogRef = ref();
+const copyDialog = ref()
+const copyLoading = ref(false)
+const data = reactive({
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ companyId: null,
+ },
+ total: 0,
+ dataList: [],
+ companyList: [],
+ industryList: [],
+ isAdmin: false,
+ copyVisible: false,
+ chooseCompanyId: null
+
+});
+
+const { queryParams, total, dataList,companyList,industryList, isAdmin } = toRefs(data);
+const userInfo = ref()
+onMounted(async ()=>{
+ if(userStore.roles.includes('admin')){
+ data.isAdmin = true
+ data.queryParams.companyId = null
+ }else{
+ data.isAdmin = false
+ data.queryParams.companyId = userStore.companyId
+ }
+ await getCompanyList()
+ if(data.isAdmin){
+ data.queryParams.companyId = data.companyList[0].id
+ data.queryParams.companyName = data.companyList[0].name
+ }
+ await getList()
+})
+
+onUnmounted(()=>{
+
+})
+
+const getList = async () => {
+ loading.value = true
+ const param = {
+ companyId:data.queryParams.companyId,
+ type: 3,
+ }
+ const res = await getCatalogue(param);
+ if(res.code === 200){
+ data.dataList = res.data.data
+ }else{
+ ElMessage.warning(res.message)
+ }
+ loading.value = false
+}
+
+const openDialog = (type, value,flag) => {
+
+ dialogRef.value.openDialog(type, value, data.queryParams.companyId, data.isAdmin,flag);
+}
+const openCopeDialog = () => {
+ data.copyVisible = true
+}
+const handleClose = () => {
+ data.chooseCompanyId = null
+ data.copyVisible = false
+}
+
+/** 重置新增的表单以及其他数据 */
+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 delCatalogue(val.id)
+ if(res.code == 200){
+ ElMessage.success('数据删除成功')
+ await getList()
+ }else{
+ ElMessage.warning(res.message)
+ }
+ })
+}
+const selectValue = async (val) => {
+ data.companyList.forEach(item => {
+ if(item.name === val){
+ data.queryParams.companyId = item.id
+ }
+ })
+ await getList()
+}
+const getCompanyList = async (val)=>{
+ if(val){
+ loadingCompany.value = true;
+ const queryParams = {
+ name: val
+ }
+ const res = await getCompany(queryParams)
+ if (res.code == 200) {
+ loadingCompany.value = false;
+ data.companyList = res.data.list
+
+ } else {
+ ElMessage.warning(res.message)
+ }
+ }else {
+ loadingCompany.value = true;
+ const queryParams = {
+ pageSize: 100,
+ pageNum: 1,
+ }
+ const res = await getCompany(queryParams)
+ if (res.code == 200) {
+ loadingCompany.value = false;
+ data.companyList = res.data.list
+
+ } else {
+ ElMessage.warning(res.message)
+ }
+ }
+}
+const onSubmitCopy = async () => {
+ if(!data.chooseCompanyId){
+ ElMessage.warning('请先选择企业')
+ return
+ }
+ let copyData = []
+ const p= {
+ companyId:data.chooseCompanyId,
+ type: 3,
+ }
+ const r = await getCatalogue(p);
+ if(r.code === 200){
+ if(r.data.data.length >0){
+ copyData = r.data.data
+ }else {
+ ElMessage.warning('当前选择企业下暂无目录，请重新选择！')
+ return
+ }
+ }else{
+ ElMessage.warning(r.message)
+ }
+ if(data.dataList && data.dataList.length >0){
+ ElMessageBox.confirm(
+ '当前企业已有数据，是否覆盖原有数据？',
+ '提示',
+ {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: 'warning',
+ })
+ .then( async() => {
+ await copyDataList(copyData)
+ }).catch(err => {
+ console.log('取消')
+ })
+ }else {
+ await copyDataList(copyData)
+ }
+}
+const copyDataList = async (copyData) => {
+ copyData.forEach(item => {
+ item.companyId = data.queryParams.companyId
+ })
+ copyLoading.value = true
+ const res = await copeCatalogue(copyData);
+ if(res.code === 200){
+ ElMessage.success('复制成功')
+ copyLoading.value = false
+ data.copyVisible = false
+ data.chooseCompanyId = null
+ await getList()
+ }else{
+ ElMessage.warning(res.message)
+ }
+}
+</script>
+
+<style scoped lang="scss">
+.dialog-footer{
+ margin-top: 20px;
+ text-align: right;
+ margin-bottom: -5px;
+}
+</style>
diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectFile/components/dataDialog.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectFile/components/dataDialog.vue
new file mode 100644
index 0000000..547c481
--- /dev/null
+++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectFile/components/dataDialog.vue
@@ -0,0 +1,220 @@
+<template>
+ <div class="notice">
+ <el-dialog
+ v-model="dialogVisible"
+ :title="state.title"
+ width="600px"
+ :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 label="文件编号:" prop="number">
+ <el-input v-model.trim="state.form.number" :disabled="state.title =='查看'" placeholder="文件编号"></el-input>
+ </el-form-item>
+ <el-form-item label="文件名称:" prop="fileName">
+ <el-input v-model.trim="state.form.fileName" :disabled="state.title =='查看'" placeholder="文件名称"></el-input>
+ </el-form-item>
+<!-- <el-form-item label="编写指南:" prop="erdact">-->
+<!-- <el-input v-model.trim="state.form.erdact" :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 {addFile, editFile} from "@/api/qualityManage/range";
+import {addProductFile, editProductFile} from "@/api/selfProblems/productFile";
+
+const emit = defineEmits(["getList"]);
+const dialogVisible = ref(false)
+const superRef = ref()
+const state = reactive({
+ title: '',
+ form: {
+ id: null,
+ name: '',
+ filePath: '',
+ fileName: '',
+ companyId: null,
+ catalogueId: null,
+ erdact: '',
+ number: ''
+ },
+ formRules:{
+ number: [{ required: true, message: '请输入材料编号', trigger: 'blur' }],
+ fileName: [{ required: true, message: '请输入材料名称', trigger: 'blur' }],
+ filePath: [{ required: true, message: '请上传文件', trigger: 'blur' }],
+ },
+ isAdmin: false,
+ companyList: [],
+ industryList: [],
+ uploadUrl: import.meta.env.VITE_APP_BASE_API + '/system/common/uploadFile',
+ header: {
+ Authorization: getToken()
+ },
+ fileLimit: 1,
+ fileList: []
+})
+onMounted(() => {
+
+});
+
+const openDialog = async (type, value,companyId,catalogueId) => {
+ state.title = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看'
+ state.form.companyId = companyId
+ state.form.catalogueId = catalogueId
+ state.form.type = 2
+ 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: value.fileName
+ }
+ 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 addProductFile(data)
+ if(res.code == 200){
+ ElMessage.success(res.message)
+ emit('getList')
+ handleClose()
+ dialogVisible.value = false;
+ }else{
+ ElMessage.warning(res.message)
+ }
+ }else{
+
+ const res = await editProductFile(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.fileName = res.data.originName
+ state.form.filePath = res.data.path
+ }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.fileName = ''
+ state.form.filePath = ''
+ }else{
+ ElMessage({
+ type: 'warning',
+ message: res.message
+ })
+ }
+ }).catch(() => {
+ state.form.fileName = ''
+ state.form.filePath = ''
+ });
+}
+
+const handleClose = () => {
+ state.form = {
+ id: null,
+ name: '',
+ filePath: '',
+ fileName: '',
+ companyId: null,
+ catalogueId: null,
+ erdact: '',
+ number: ''
+ }
+ 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/project/projectFile/index.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectFile/index.vue
new file mode 100644
index 0000000..d43a131
--- /dev/null
+++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectFile/index.vue
@@ -0,0 +1,671 @@
+<template>
+ <div class="app-container">
+ <div style="margin-bottom: 10px">
+ <el-form style="display: flex;flex-wrap: wrap;">
+ <el-form-item label="企业名称:" v-if="data.isAdmin" style="margin-left: 20px">
+ <el-select
+ v-model="data.queryParams.companyName"
+ filterable
+ remote
+ @change="selectValue"
+ reserve-keyword
+ remote-show-suffix
+ :remote-method="getCompanyList"
+ :loading="loadingCompany"
+ style="width: 240px"
+ >
+ <el-option
+ v-for="item in data.companyList"
+ :key="item.id"
+ :label="item.name"
+ :value="item.name"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item>
+ <el-button
+ style="margin-left: 15px"
+ type="primary"
+ @click="exportData"
+ >导出</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div class="bottom">
+ <div class="left">
+ <span style="font-weight: 600;font-size: 24px">目录</span>
+ <div class="tree-container tree-hide-scrollbar" v-if="data.treeData">
+ <el-tree
+ ref="treeRef"
+ :data="data.treeData"
+ :props="data.defaultProps"
+ :default-expand-all="true"
+ :expand-on-click-node="false"
+ highlight-current
+ node-key="id"
+ :current-node-key="currentSelectedKey"
+ @node-click="handleNodeClick"
+ >
+ <template #default="{ node,data }">
+ <el-tooltip
+ :content="data.mess"
+ placement="bottom"
+ :disabled="!isTextOverflow(data)"
+ >
+ <span class="tree-text">{{ data.mess }}</span>
+ </el-tooltip>
+ </template>
+ </el-tree>
+ </div>
+ <el-empty v-else description="暂无数据" />
+ </div>
+ <div class="right">
+ <el-form :model="state.form" size="default" ref="noticeRef" label-position="top" label-width="125px" >
+ <el-form-item label="项目过程管控文件清单" prop="dataList">
+ <el-button style="margin-bottom: 10px" type="primary" @click="openDataDialog('add',{})">新增</el-button>
+ </el-form-item>
+ <el-table style="margin:15px 0;width: 100%" :data="state.form.dataList" :border="true" >
+ <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
+ <el-table-column label="目录" prop="catalogueName" align="center" width="130" :show-overflow-tooltip="true" />
+ <el-table-column label="文件编号" prop="number" align="center" />
+ <el-table-column label="文件名称" prop="fileNameSimple" align="center" />
+ <el-table-column label="文件" prop="fileName" align="center" >
+ <template #default="scope">
+ <el-link v-if="scope.row.fileName" style="" type="primary" @click="openFile(scope.row.filePath)">{{scope.row.fileName}}</el-link>
+ </template>
+ </el-table-column>
+ <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="160" >
+ <template #default="scope">
+ <el-button v-if="scope.row.filePath" link type="primary" @click="downloadFile(scope.row)" >下载</el-button>
+ <el-button v-if="data.isAdmin" link type="primary" @click="openDataDialog('edit',scope.row)" >编辑</el-button>
+ <el-button v-if="data.isAdmin" link type="danger" @click="handleDataDelete(scope.row)" >删除</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ </el-form>
+<!-- <div style="display: flex;align-items: center;justify-content: right;margin-top: 10px">-->
+<!-- <el-button v-if="state.form.id && data.isAdmin" type="danger" @click="deleteData">删除</el-button>-->
+<!-- <el-button v-if="data.isAdmin" type="primary" @click="addData()">保存</el-button>-->
+<!-- </div>-->
+ </div>
+ </div>
+ <dataDialog ref="dialogRef" @getList="getFileList"></dataDialog>
+ </div>
+</template>
+<script setup>
+import {getCurrentInstance, nextTick, onMounted, reactive, ref, toRefs} from "vue";
+import Cookies from "js-cookie";
+import {ElMessage, ElMessageBox} from "element-plus";
+import {getCompany} from "@/api/onlineEducation/company";
+import {getToken} from "@/utils/auth";
+import {delPic} from "@/api/onlineEducation/banner";
+import dataDialog from "./components/dataDialog.vue"
+import {delSysClause} from "@/api/staffManage/staff";
+import {getCatalogue} from "@/api/qualityManage/catalog";
+import {
+ addCatalogueData,
+ addFile, delCatalogueData,
+ delFile,
+ editCatalogueData,
+ getCatalogueData,
+ getFile
+} from "@/api/qualityManage/range";
+import axios from "axios";
+import TEditor from "@/components/Tinymce/Tinymce.vue";
+import {renderAsync} from "docx-preview";
+import {delProductFile, getProductFilePage} from "@/api/selfProblems/productFile";
+import {generateWordDocument} from "@/utils/exportWord";
+
+const { proxy } = getCurrentInstance();
+const loading = ref(false);
+const noticeRef = ref();
+const dialogRef = ref();
+const treeRef = ref()
+const dialogRecordRef = ref();
+const currentSelectedKey = ref()
+const loadingCompany = ref(false)
+const data = reactive({
+ queryParams: {
+ type: 3,
+ companyId: null,
+ },
+ companyList: [],
+ isAdmin: false,
+ defaultProps: {
+ children: 'children',
+ label: 'name',
+ },
+ treeData: [],
+});
+const state = reactive({
+ form: {
+ id: '',
+ companyId: null,
+ catalogueId: null,
+ dataList: [],
+ },
+})
+const dataList = ref([]);
+const total = ref(0);
+
+const { queryParams } = toRefs(data);
+
+onMounted(async () => {
+ const userInfo = JSON.parse(Cookies.get('userInfo'))
+ console.log("userInfo",userInfo)
+ data.isAdmin = userInfo.userType === 0;
+ if(data.isAdmin){
+ await getCompanyList()
+ data.queryParams.companyId = data.companyList[0].id
+ data.queryParams.companyName = data.companyList[0].name
+ state.form.companyId = data.companyList[0].id
+ }else {
+ data.queryParams.companyId = userInfo.companyId
+ state.form.companyId = userInfo.companyId
+ }
+ await getList();
+ if(data.treeData.length >0){
+ // state.form.catalogueId = data.treeData[0].id
+ // currentSelectedKey.value = state.form.catalogueId
+ await getFileList()
+
+ }
+
+})
+const getList = async () => {
+ data.treeData = [];
+ loading.value = true;
+ const param = {
+ companyId: state.form.companyId,
+ type : 3
+ }
+ const res = await getCatalogue(param);
+ if(res.code === 200){
+ const menu = await handleTree(res.data.data)
+ data.treeData = menu;
+ }else{
+ ElMessage.warning(res.message)
+ }
+ loading.value = false;
+}
+const textMeasureRef = ref(null);
+const getMeasureElement = () => {
+ if (!textMeasureRef.value) {
+ const el = document.createElement('span');
+ el.className = 'text-measure-element';
+ el.style.cssText = `
+ position: absolute;
+ visibility: hidden;
+ white-space: nowrap;
+ font-size: 14px; /* 匹配实际字体大小 */
+ `;
+ document.body.appendChild(el);
+ textMeasureRef.value = el;
+ }
+ return textMeasureRef.value;
+};
+// 判断文本是否溢出
+const isTextOverflow = (text) => {
+ const measureEl = getMeasureElement();
+ measureEl.textContent = text.mess;
+ return measureEl.scrollWidth > 300; // 180px 是节点容器实际宽度
+};
+
+const handleTree = (val) => {
+ const traverse = (nodes, currentPath = '') => {
+ nodes.forEach((node, index) => {
+ node.mess = `${node.number} ${node.mess}`;
+ // 递归处理子节点（传递当前序号路径）
+ if (node.children && node.children.length) {
+ traverse(node.children, node.number);
+ }
+ });
+ };
+ traverse(val); // 从根节点开始遍历
+ return val;
+}
+const getCompanyList = async (val)=>{
+ if(val){
+ loadingCompany.value = true;
+ const queryParams = {
+ name: val
+ }
+ const res = await getCompany(queryParams)
+ if (res.code == 200) {
+ loadingCompany.value = false;
+ data.companyList = res.data.list
+
+ } else {
+ ElMessage.warning(res.message)
+ }
+ }else {
+ loadingCompany.value = true;
+ const queryParams = {
+ pageSize: 10,
+ pageNum: 1,
+ }
+ const res = await getCompany(queryParams)
+ if (res.code == 200) {
+ loadingCompany.value = false;
+ data.companyList = res.data.list
+
+ } else {
+ ElMessage.warning(res.message)
+ }
+ }
+}
+const selectValue = async (val) => {
+ state.form.id = ''
+ state.form.catalogueId = null
+ data.companyList.forEach(item => {
+ if(item.name === val){
+ data.queryParams.companyId = item.id
+ state.form.companyId = item.id
+ }
+ })
+ await getList()
+ if(data.treeData.length >0 ){
+ // state.form.catalogueId = data.treeData[0].id
+ // currentSelectedKey.value = state.form.catalogueId
+ await getFileList()
+ }else {
+ state.form.dataList = []
+ }
+
+}
+
+const handleNodeClick = async (val) => {
+ state.form.id = ''
+ state.form.catalogueId = val.id
+ currentSelectedKey.value = val.id
+ await getFileList()
+}
+
+const addData = async () => {
+ if(!state.form.catalogueId){
+ ElMessage.warning('请先选择左侧目录！')
+ return
+ }
+ const valid = await noticeRef.value.validate();
+ if(valid){
+
+ if(state.form.id){
+ //编辑
+ const {dataList,recordList,...data} = state.form
+ const res = await editCatalogueData(data)
+ if(res.code == 200){
+ ElMessage.success('编辑成功')
+ await getFileList()
+
+ }else{
+ ElMessage.warning(res.message)
+ }
+
+ }else {
+ //新增
+ const {id,dataList,recordList,...data} = state.form
+ const res = await addCatalogueData(data)
+ if(res.code == 200){
+ ElMessage.success('新增成功')
+ await getFileList()
+
+ }else{
+ ElMessage.warning(res.message)
+ }
+ }
+
+
+ }
+}
+const openDataDialog = (type, value) => {
+ if(!state.form.catalogueId){
+ ElMessage.warning('请先选择左侧目录！')
+ return
+ }
+ dialogRef.value.openDialog(type, value, state.form.companyId,state.form.catalogueId);
+}
+const openRecordDialog = (type, value) => {
+ if(!state.form.catalogueId){
+ ElMessage.warning('请先选择左侧目录！')
+ return
+ }
+ dialogRecordRef.value.openDialog(type, value, state.form.companyId,state.form.catalogueId);
+}
+
+const handleDataDelete = (val) => {
+ ElMessageBox.confirm(
+ '确定删除此条数据？',
+ '提示',
+ {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: 'warning',
+ })
+ .then( async() => {
+ const res = await delProductFile(val.id)
+ if(res.code == 200){
+ ElMessage.success('数据删除成功')
+ await getFileList()
+ }else{
+ ElMessage.warning(res.message)
+ }
+ })
+}
+
+const handleRecordDelete = (val) => {
+ ElMessageBox.confirm(
+ '确定删除此条数据？',
+ '提示',
+ {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: 'warning',
+ })
+ .then( async() => {
+ const res = await delFile(val.id)
+ if(res.code == 200){
+ ElMessage.success('数据删除成功')
+ await getFileList()
+ }else{
+ ElMessage.warning(res.message)
+ }
+ })
+}
+const deleteData = () => {
+ ElMessageBox.confirm(
+ '确定删除此条数据？',
+ '提示',
+ {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: 'warning',
+ })
+ .then( async() => {
+ const res = await delCatalogueData(state.form.id)
+ if(res.code == 200){
+ ElMessage.success('数据删除成功')
+ await getFileList()
+ }else{
+ ElMessage.warning(res.message)
+ }
+ })
+}
+const reset = async () => {
+ data.queryParams = {
+ companyId: '',
+ pageNum: 1,
+ pageSize: 10,
+ }
+ data.companyList = [];
+ await getList();
+ await getCompanyList()
+ data.queryParams.companyId = data.companyList[0].id
+ data.queryParams.companyName = data.companyList[0].name
+ state.form.companyId = data.companyList[0].id
+}
+
+const getFileList = async () => {
+ const queryParams = {
+ companyId: state.form.companyId,
+ catalogueId: state.form.catalogueId,
+ type: 2
+ }
+ const res = await getProductFilePage(queryParams)
+ if (res.code == 200) {
+ state.form.dataList = res.data.list.map(item => {
+ return {
+ ...item,
+ fileNameSimple: item.fileName.split('.')[0]
+ }
+ })
+ } else {
+ ElMessage.warning(res.message)
+ }
+}
+const openFile = async(path)=>{
+ const ext = path.split('.').pop().toLowerCase();
+ if (ext === 'doc') {
+ ElMessageBox.confirm('暂不支持线上预览.doc文件，是否下载查看？', '提示', { confirmButtonText: '确认', cancelButtonText: '取消', type: 'warning' }).then(() => {
+ window.open(`${import.meta.env.VITE_APP_BASE_API}/${path}`, '_blank');
+ }).catch(() => {
+ console.log('取消预览')
+ });
+ return
+ }
+ try {
+ // 1. 获取文件
+ const response = await fetch(import.meta.env.VITE_APP_BASE_API + '/' + path);
+ const arrayBuffer = await response.arrayBuffer();
+ // 2. 创建新窗口
+ const win = window.open('', '_blank')
+ win.document.write(`
+ <!DOCTYPE html>
+ <html>
+ <head>
+ <title>预览</title>
+ <style>
+ body { margin: 20px; font-family: Arial; }
+ .docx-container { width: 100%; height: 100%; }
+ </style>
+ </head>
+ <body>
+ <div id="container" class="docx-container"></div>
+ </body>
+ </html>
+ `);
+ // 3. 渲染 DOCX
+ await renderAsync(arrayBuffer, win.document.getElementById('container'));
+
+ } catch (error) {
+ console.error('预览失败:', error);
+ alert(`预览失败: ${error.message}`);
+ }
+}
+const downloadFile = (e)=>{
+ axios.get(import.meta.env.VITE_APP_BASE_API + '/' +e.filePath,{headers:{'Content-Type': 'application/json','Authorization': `${getToken()}`},responseType: 'blob'}).then(res=>{
+ if (res) {
+ const link = document.createElement('a')
+ let blob = new Blob([res.data],{type: res.data.type})
+ link.style.display = "none";
+ link.href = URL.createObjectURL(blob); // 创建URL
+ link.setAttribute("download", e.fileName);
+ document.body.appendChild(link);
+ link.click();
+ document.body.removeChild(link);
+ } else {
+ ElMessage({
+ type: 'warning',
+ message: '文件读取失败'
+ });
+ }
+ })
+}
+
+const showFile = (e) => {
+ if(e.target.nodeName === 'A'){
+ console.log("e",e)
+ e.preventDefault();
+ const file = {
+ fileUrl: e.target.href,
+ fileName: e.target.innerHTML
+ }
+ axios.get( file.fileUrl,{
+ headers:
+ {
+ 'Content-Type': 'application/json',
+ 'Authorization':getToken(),
+ },
+ responseType: 'blob'
+ }
+ ).then(res=>{
+ if (res) {
+ const link = document.createElement('a')
+ let blob = new Blob([res.data],{type: res.data.type})
+ link.style.display = "none";
+ link.href = URL.createObjectURL(blob); // 创建URL
+ link.setAttribute("download", file.fileName);
+ document.body.appendChild(link);
+ link.click();
+ document.body.removeChild(link);
+ } else {
+ this.$message.error('获取文件失败')
+ }
+ // handleClose();
+ })
+ }
+}
+const exportData = () => {
+ if(state.form.dataList.length == 0){
+ ElMessage.warning('暂无数据！')
+ return
+ }
+ startGeneration()
+
+}
+const templatePath = '/fileProjectExample.docx'
+const startGeneration = async () => {
+ let table = {}
+ table.name = state.form.dataList[0].companyName
+
+ const dataList = state.form.dataList.map((item,index) => {
+ return{
+ ...item,
+ caralog: item.catalogueName
+ }
+ })
+ const caralogList = idGroupToTree(dataList)
+ table.tableList = caralogList.map((item,index) => {
+ return {
+ ...item,
+ fileList: item.children.map((f,findex) => {
+ return{
+ ...f,
+ first: findex == 0,
+ }
+ })
+ }
+ })
+ try {
+ generateWordDocument(templatePath, table, table.name+'_项目过程管控文件清单.docx');
+ } catch (error){
+ ElMessage({
+ type: 'warning',
+ message: '导出失败'
+ });
+ }
+}
+function idGroupToTree(data) {
+ const groups = data.reduce((map, item) => {
+ map.has(item.caralog) || map.set(item.caralog, []);
+ map.get(item.caralog).push(item);
+ return map;
+ }, new Map());
+ return Array.from(groups).map(([caralog, items]) => ({
+ caralog,
+ children: items
+ }));
+}
+</script>
+
+<style scoped lang="scss">
+.app-container{
+ .bottom{
+ display: flex;
+ width: auto;
+ height: auto;
+ border: 1px solid #c3c3c3;
+ margin: 20px;
+
+ .left{
+ //border-right: 1px solid darkgray;
+ display: flex;
+ min-width: 240px;
+ height: 700px;
+ margin: 20px 20px 20px 50px;
+ flex-direction: column;
+ :deep(.el-tree){
+ background: none;
+ }
+ :deep(.el-tooltip )
+ {
+ color: black;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ word-break: break-all;
+ white-space: nowrap;
+ }
+ .tree-text {
+ display: inline-block;
+ max-width: 300px; /* 根据实际容器宽度调整 */
+ white-space: nowrap; /* 强制不换行 */
+ overflow: hidden; /* 隐藏溢出 */
+ text-overflow: ellipsis; /* 显示省略号 */
+ }
+ /* 可选：移除el-tree默认的节点内边距 */
+ .el-tree-node__content {
+ padding-right: 5px;
+ }
+
+ .tree-container {
+ max-width: 600px;
+ margin-top: 20px;
+ height: 100%;
+ max-height: 1200px;
+ box-shadow: 8px 0 15px rgba(0,21,41,0.08);
+ overflow: auto; /* 确保出现滚动条 */
+ }
+
+ /* 隐藏默认滚动条 */
+ .tree-hide-scrollbar::-webkit-scrollbar {
+ width: 5px;
+ background-color: transparent;
+ }
+ .tree-hide-scrollbar::-webkit-scrollbar-thumb {
+ background-color: transparent;
+ border-radius: 4px;
+ }
+ /* 鼠标悬停时显示滚动条 */
+ .tree-hide-scrollbar:hover::-webkit-scrollbar-thumb {
+ background-color: #e1e1e1;
+ }
+ .tree-hide-scrollbar:hover::-webkit-scrollbar-track {
+ background-color: #f5f7fa;
+ }
+ .tree{
+ max-width: 600px;
+ margin-top: 20px;
+ height: 800px;
+ overflow-x: hidden;
+ box-shadow: 8px 0 15px rgba(0,21,41,0.08)
+ }
+ }
+ .right{
+ margin: 20px 20px 20px 10px;
+ flex: 1;
+ min-width: 100px;
+ :deep(.el-form-item__label){
+ font-weight: 600;font-size: 20px
+ }
+ :deep(.el-form-item__content){
+ float: right;
+ }
+ .reviewTable {
+ :deep(table){
+ border: 1px solid #ccc;
+ text-align: center;
+ }
+ :deep(table td){
+ border: 1px solid #ccc;
+ text-align: center;
+ padding: 0 5px;
+ }
+ :deep(table th){
+ border: 1px solid #ccc;
+ }
+ }
+
+ }
+ }
+
+}
+</style>
diff --git a/src/views/build/conpanyFunctionConsult/industryTemplate/components/editDialog.vue b/src/views/build/conpanyFunctionConsult/industryTemplate/components/editDialog.vue
index 6c640b6..afcaa46 100644
--- a/src/views/build/conpanyFunctionConsult/industryTemplate/components/editDialog.vue
+++ b/src/views/build/conpanyFunctionConsult/industryTemplate/components/editDialog.vue
@@ -39,10 +39,10 @@
</el-select>
</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-upload accept=".doc,.docx,.xls,.xlsx" :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>
+ <div class="el-upload__tip">支持上传.doc、.docx、.xls、.xlsx格式文档，尺寸小于5M，最多可上传1张</div>
</template>
</el-upload>
</el-form-item>
diff --git a/src/views/build/conpanyFunctionConsult/industryTemplate/index.vue b/src/views/build/conpanyFunctionConsult/industryTemplate/index.vue
index 56fe630..b13c007 100644
--- a/src/views/build/conpanyFunctionConsult/industryTemplate/index.vue
+++ b/src/views/build/conpanyFunctionConsult/industryTemplate/index.vue
@@ -30,6 +30,9 @@
</el-option>
</el-select>
</el-form-item>
+ <el-form-item label="文件记录：" >
+ <el-input v-model.trim="data.queryParams.templateName" placeholder="请输入"></el-input>
+ </el-form-item>
<el-form-item label="分类：" >
<el-input v-model.trim="data.queryParams.type" placeholder="请输入"></el-input>
</el-form-item>
@@ -141,7 +144,8 @@
pageSize: 10,
companyId: null,
industryType: null,
- type: ''
+ type: '',
+ templateName: ''
},
total: 0,
dataList: [],
@@ -185,8 +189,8 @@
})
const openFile = async(path)=>{
const ext = path.split('.').pop().toLowerCase();
- if (ext === 'doc') {
- ElMessageBox.confirm('暂不支持线上预览.doc文件，是否下载查看？', '提示', { confirmButtonText: '确认', cancelButtonText: '取消', type: 'warning' }).then(() => {
+ if (ext === 'doc' || ext === 'xls' || ext === 'xlsx') {
+ ElMessageBox.confirm('暂不支持线上预览文件，是否下载查看？', '提示', { confirmButtonText: '确认', cancelButtonText: '取消', type: 'warning' }).then(() => {
window.open(`${import.meta.env.VITE_APP_BASE_API}/${path}`, '_blank');
}).catch(() => {
console.log('取消预览')
@@ -343,7 +347,8 @@
pageSize: 10,
companyId: null,
industryType: null,
- type: ''
+ type: '',
+ templateName: ''
}
await getCompanyList()
}else {
@@ -352,7 +357,8 @@
pageSize: 10,
companyId: data.queryParams.companyId,
industryType: null,
- type: ''
+ type: '',
+ templateName: ''
}
}
await getList()
diff --git a/src/views/build/conpanyFunctionConsult/qualityManage/rangeManage/range/index.vue b/src/views/build/conpanyFunctionConsult/qualityManage/rangeManage/range/index.vue
index e480e98..239dd6c 100644
--- a/src/views/build/conpanyFunctionConsult/qualityManage/rangeManage/range/index.vue
+++ b/src/views/build/conpanyFunctionConsult/qualityManage/rangeManage/range/index.vue
@@ -272,7 +272,7 @@
const handleTree = (val) => {
const traverse = (nodes, currentPath = '') => {
nodes.forEach((node, index) => {
- node.name = `${node.number} ${node.mess}`;
+ node.mess= `${node.number} ${node.mess}`;
// 递归处理子节点（传递当前序号路径）
if (node.children && node.children.length) {
traverse(node.children, node.number);
@@ -299,7 +299,7 @@
}else {
loadingCompany.value = true;
const queryParams = {
- pageSize: 10,
+ pageSize: 100,
pageNum: 1,
}
const res = await getCompany(queryParams)
diff --git a/src/views/work/onlineEducation/people/components/stuDialog.vue b/src/views/work/onlineEducation/people/components/stuDialog.vue
index 8976689..75a879f 100644
--- a/src/views/work/onlineEducation/people/components/stuDialog.vue
+++ b/src/views/work/onlineEducation/people/components/stuDialog.vue
@@ -55,6 +55,20 @@
/>
</el-select>
</el-form-item>
+ <el-form-item label="部门:" prop="deptId" v-if="state.title !== '修改密码'">
+ <el-select
+ v-model="state.form.deptId"
+ placeholder="请选择部门"
+ style="width: 100%"
+ >
+ <el-option
+ v-for="item in state.deptList"
+ :key="item.deptId"
+ :label="item.deptName"
+ :value="item.deptId"
+ />
+ </el-select>
+ </el-form-item>
<el-form-item label="工号:" prop="empno" v-if="state.title !== '修改密码'">
<el-input v-model.trim="state.form.empno" :disabled="disabled" placeholder="请输入工号" ></el-input>
</el-form-item>
@@ -87,6 +101,7 @@
import {addStudent, checkStuIdNo, checkStuPhone, editStudent} from "@/api/onlineEducation/student";
import {getCompany} from "@/api/onlineEducation/company";
import {getUser} from "@/api/onlineEducation/user";
+import {getDept} from "@/api/qualityObjectives/object";
const emit = defineEmits(["getList"]);
const dialogVisible = ref(false)
const superRef = ref(null)
@@ -221,7 +236,8 @@
idNo: '',
createId: null,
createBy: '',
- userType: null
+ userType: null,
+ deptId: null
},
formRules:{
@@ -234,17 +250,29 @@
},
isAdmin: false,
- deptUserList: []
+ deptUserList: [],
+ deptList: []
})
const startPhone = ref('');
const startIdNo = ref('');
const UisMounted = ref(false);
-onMounted(() => {
+onMounted(async () => {
UisMounted.value = true;
+ await getDeptList()
});
-
+const getDeptList = async () => {
+ const param = {
+ pageNum: 1,
+ pageSize: 999,
+ companyId: state.form.companyId
+ }
+ const res = await getDept(param)
+ if(res.code === 200){
+ state.deptList = res.data
+ }
+}
const currentUserType = ref(null)
const disabled = ref(false);
const openDialog = async (type, value) => {
@@ -287,6 +315,7 @@
if(valid){
if(state.title == '新增'){
const {confirmPassword,id,...data} = state.form
+
data.password = Base64.encode(data.password)
const res = await addStudent(data)
if(res.code == 200){
@@ -298,8 +327,8 @@
ElMessage.warning(res.message)
}
}else if(state.title == '编辑'){
- const {id, name, phone, sex, companyId, empno, post, duty, idNo,createId,createBy} = state.form
- const data = {id, name, phone, sex, companyId, empno, post, duty, idNo,createId,createBy}
+ const {id, name, phone, sex, companyId, empno, post, duty,deptId, idNo,createId,createBy} = state.form
+ const data = {id, name, phone, sex, companyId, empno, post, deptId, duty, idNo,createId,createBy}
const res = await editStudent(data)
if(res.code == 200){
ElMessage.success(res.message)
--
Gitblit v1.9.2