From 7619b42541a7b44c4f859b17f69d087b39aef08c Mon Sep 17 00:00:00 2001
From: zhouwx <1175765986@qq.com>
Date: 星期一, 24 十一月 2025 16:53:46 +0800
Subject: [PATCH] 修改
---
src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectFileNew/index.vue | 576 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 576 insertions(+), 0 deletions(-)
diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectFileNew/index.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectFileNew/index.vue
new file mode 100644
index 0000000..344c84e
--- /dev/null
+++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectFileNew/index.vue
@@ -0,0 +1,576 @@
+<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 style="margin-left: 15px" label="项目名称:">
+ <el-select v-model="data.queryParams.itemId"
+ filterable
+ placeholder="请选择"
+ clearable style="width: 100%"
+ @change="changePro"
+ >
+ <el-option
+ v-for="item in data.projectList"
+ :key="item.id"
+ :label="item.itemName"
+ :value="item.id">
+ </el-option>
+ </el-select>
+
+ </el-form-item>
+ <el-form-item style="margin-left: 15px">
+ <el-button type="primary" @click="query">查询</el-button>
+ <el-button type="primary" plain @click="reset">重置</el-button>
+ </el-form-item>
+<!-- <el-form-item>-->
+<!-- <el-button-->
+<!-- style="margin-left: 15px"-->
+<!-- type="primary"-->
+<!-- @click="exportData"-->
+<!-- >导出</el-button>-->
+<!-- </el-form-item>-->
+ </el-form>
+ </div>
+ <el-table v-loading="loading"
+ :data="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="项目文档" prop="projectDocuments" align="center" >
+ <template #default="scope">
+ <div style="display: flex;align-items: center">
+ <div v-for="(item,index) in scope.row.projectDocuments" >
+ <div >
+ <el-link type="primary" @click="openFile(item.filePath)">{{item.fileName}} </el-link><span v-if="index != scope.row.projectDocuments.length-1">、</span>
+ </div>
+ </div>
+ </div>
+
+ </template>
+ </el-table-column>
+ <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="260" >
+ <template #default="scope">
+ <div v-if="scope.row.filePath || scope.row.isFile == 1">
+ <el-button v-if="scope.row.filePath" link type="primary" @click="openFile(scope.row.filePath)" >查看模板</el-button>
+ <el-button v-if="scope.row.filePath" link type="primary" @click="downloadFile(scope.row)" >下载模板</el-button>
+ <el-button v-if="scope.row.isFile == 1" link type="primary" v-hasPermi="['productFileNew:add']" @click="openDataDialog('add',{},scope.row)">新增</el-button>
+ <el-button v-if="scope.row.isFile == 1 && scope.row.projectDocuments && scope.row.projectDocuments.length>0" link type="primary" v-hasPermi="['productFileNew:add']" @click="openDataDialog('edit',scope.row,scope.row)">编辑</el-button>
+ </div>
+ <div v-else>--</div>
+ </template>
+ </el-table-column>
+ </el-table>
+ <div class="pag-container">
+ <el-pagination
+ v-model:current-page="data.queryParams.pageNum"
+ v-model:page-size="data.queryParams.pageSize"
+ :page-sizes="[10,15,20,25]"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="total"
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ />
+ </div>
+<!-- <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="getList"></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, getProductSet} from "@/api/selfProblems/productFile";
+import {generateWordDocument} from "@/utils/exportWord";
+import {getCaralogFile} from "@/api/projectFileNew";
+
+const { proxy } = getCurrentInstance();
+const loading = ref(false);
+const dialogRef = ref();
+const treeRef = ref()
+const dialogRecordRef = ref();
+const currentSelectedKey = ref()
+const loadingCompany = ref(false)
+const data = reactive({
+ queryParams: {
+ type: 3,
+ companyId: null,
+ itemId: null,
+ pageNum: 1,
+ pageSize: 10,
+ },
+ companyList: [],
+ projectList: [],
+ isAdmin: false,
+ userId: null,
+ defaultProps: {
+ children: 'children',
+ label: 'name',
+ },
+ dataList: []
+});
+
+const total = ref(0);
+
+const { queryParams } = toRefs(data);
+
+onMounted(async () => {
+ const userInfo = JSON.parse(Cookies.get('userInfo'))
+ data.isAdmin = userInfo.userType === 0;
+ data.userId = userInfo.id
+
+ if(data.isAdmin){
+ await getCompanyList()
+ data.queryParams.companyId = data.companyList[0].id
+ data.queryParams.companyName = data.companyList[0].name
+ }else {
+ data.queryParams.companyId = userInfo.companyId
+ }
+ await getProjectList()
+ await getList()
+})
+const getProjectList = async () => {
+ const param = {
+ companyId: data.queryParams.companyId,
+ userId: data.isAdmin ? null : data.userId
+ }
+ const res = await getProductSet(param);
+ if(res.code === 200){
+ data.projectList = res.data
+ // if(res.data && res.data.length >0 ){
+ // data.queryParams.itemId = res.data[0].id
+ // }
+ }else{
+ ElMessage.warning(res.message)
+ }
+
+}
+const getList = async () => {
+ loading.value = true
+ const param = {
+ companyId:data.queryParams.companyId,
+ type: 3,
+ itemId:data.queryParams.itemId,
+ }
+ const res = await getCaralogFile(param);
+ if(res.code === 200){
+ data.dataList = res.data.data
+ }else{
+ ElMessage.warning(res.message)
+ }
+ loading.value = false
+}
+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) => {
+ data.companyList.forEach(item => {
+ if(item.name === val){
+ data.queryParams.companyId = item.id
+ }
+ })
+ data.projectList = []
+ data.queryParams.itemId = null
+ await getProjectList()
+
+}
+const changePro = () => {
+
+}
+
+const openDataDialog = (type, value,item) => {
+ if(type === 'add' ){
+ if(!data.queryParams.companyId){
+ ElMessage.warning('请选择单位')
+ return
+ }
+ if(!data.queryParams.itemId){
+ ElMessage.warning('请先选择项目！')
+ return
+ }
+ }
+ dialogRef.value.openDialog(type, value, data.queryParams.companyId,data.queryParams.itemId,item.id);
+}
+
+const handleDataDelete = (val) => {
+ ElMessageBox.confirm(
+ '确定删除此条数据？',
+ '提示',
+ {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: 'warning',
+ })
+ .then( async() => {
+ const res = await delProductFile(val.id)
+ if(res.code == 200){
+ ElMessage.success('数据删除成功')
+ await getList()
+ }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 getList()
+ }else{
+ ElMessage.warning(res.message)
+ }
+ })
+}
+
+const reset = async () => {
+ data.queryParams = {
+ companyId: data.isAdmin ? null : data.queryParams.companyId,
+ pageNum: 1,
+ pageSize: 10,
+ itemId: null,
+ }
+ data.companyList = [];
+ if(data.isAdmin){
+ await getCompanyList()
+ data.queryParams.companyId = data.companyList[0].id
+ data.queryParams.companyName = data.companyList[0].name
+ }
+ await getProjectList();
+ await getList();
+}
+const query = async () => {
+ await getList()
+}
+
+
+const handleSizeChange = (val) => {
+ data.queryParams.pageSize = val
+ getList()
+}
+const handleCurrentChange = (val) => {
+ data.queryParams.pageNum = val
+ getList()
+}
+
+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 openFile = async(path)=>{
+ const ext = path.split('.').pop().toLowerCase();
+ if (ext === 'doc' || ext === 'xls' || ext === 'xlsx' || ext === 'ppt' || ext === 'pptx') {
+ ElMessageBox.confirm(`暂不支持线上预览.${ext}文件，是否下载查看？`, '提示', { confirmButtonText: '确认', cancelButtonText: '取消', type: 'warning' }).then(() => {
+ window.open(`${import.meta.env.VITE_APP_BASE_API}/${path}`, '_blank');
+ }).catch(() => {
+ console.log('取消预览')
+ });
+ return
+ }else if(ext === 'pdf' || ext === 'jpg'|| ext === 'jpeg' || ext === 'png' ){
+ window.open(`${import.meta.env.VITE_APP_BASE_API}/${path}`, '_blank');
+ }else{
+ 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 exportData = () => {
+ if(data.dataList.length == 0){
+ ElMessage.warning('暂无数据！')
+ return
+ }
+ startGeneration()
+
+}
+const templatePath = '/fileProjectExample.docx'
+const startGeneration = async () => {
+ let table = {}
+ table.name = data.dataList[0].companyName
+
+ const dataList = data.dataList.map((item,index) => {
+ return{
+ ...item,
+ caralog: item.catalogueName
+ }
+ })
+ const caralogList = idGroupToTree(dataList)
+ const itemList = idGroupToTree(data.projectList)
+
+ 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{
+ .pag-container{
+ float: right;
+ margin-top: 10px;
+ }
+ .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>
--
Gitblit v1.9.2