From 7294da8875b4767fc8c21bd7a42bd884e8ce6cab Mon Sep 17 00:00:00 2001
From: zhouwx <1175765986@qq.com>
Date: 星期四, 27 十一月 2025 17:18:57 +0800
Subject: [PATCH] 修改

---
 src/views/build/conpanyFunctionConsult/digitalFileDep/project/processCaralog/index.vue                     |  319 ++++
 src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectFileNew/components/dataDialog.vue     |    8 
 src/views/build/conpanyFunctionConsult/digitalFileDep/project/unqualifiedCaralog/components/editDialog.vue |  282 +++
 src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectPlan/components/dataDialog.vue        |  222 +++
 src/views/build/conpanyFunctionConsult/digitalFileDep/project/productProcess/components/dataDialog.vue     |  222 +++
 src/views/build/conpanyFunctionConsult/digitalFileDep/project/unqualifiedCaralog/index.vue                 |  319 ++++
 src/views/build/conpanyFunctionConsult/digitalFileDep/project/unqualified/components/dataDialog.vue        |  222 +++
 src/views/build/conpanyFunctionConsult/companyInfo/policy/index.vue                                        |    2 
 src/views/build/conpanyFunctionConsult/digitalFileDep/project/planCaralog/index.vue                        |  319 ++++
 src/views/build/conpanyFunctionConsult/standardSysTemp/programStanderdModule/index.vue                     |    4 
 src/views/build/conpanyFunctionConsult/standardSysTemp/techStandardModule/index.vue                        |    4 
 src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectPlan/index.vue                        |  576 ++++++++
 src/views/build/conpanyFunctionConsult/digitalFileDep/project/processCaralog/components/editDialog.vue     |  282 +++
 src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectFileNew/index.vue                     |    2 
 src/views/build/conpanyFunctionConsult/digitalFileDep/project/planCaralog/components/editDialog.vue        |  282 +++
 src/views/build/conpanyFunctionConsult/digitalFileDep/project/productProcess/index.vue                     |  576 ++++++++
 src/views/build/conpanyFunctionConsult/digitalFileDep/project/unqualified/index.vue                        |  576 ++++++++
 17 files changed, 4,207 insertions(+), 10 deletions(-)

diff --git a/src/views/build/conpanyFunctionConsult/companyInfo/policy/index.vue b/src/views/build/conpanyFunctionConsult/companyInfo/policy/index.vue
index 36d8ad5..70aa5c6 100644
--- a/src/views/build/conpanyFunctionConsult/companyInfo/policy/index.vue
+++ b/src/views/build/conpanyFunctionConsult/companyInfo/policy/index.vue
@@ -31,7 +31,7 @@
     <!-- 表格数据 -->
     <el-table v-loading="loading" :data="dataList" :border="true">
       <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
-      <el-table-column label="质量方针内容" prop="policy" width="900">
+      <el-table-column label="质量方针内容" prop="policy" align="left" header-align="center" width="900">
         <template #default="scope">
           <div v-html="scope.row.policy"></div>
         </template>
diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/project/planCaralog/components/editDialog.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/planCaralog/components/editDialog.vue
new file mode 100644
index 0000000..e8d311b
--- /dev/null
+++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/planCaralog/components/editDialog.vue
@@ -0,0 +1,282 @@
+<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-item label="排序:"  prop="sort">
+          <el-input v-model.number.trim="state.form.sort" type="number" :disabled="state.title =='查看'" placeholder="排序"></el-input>
+        </el-form-item>
+        <el-form-item label="模板文件:" prop="filePath">
+          <el-upload accept=".doc,.docx,.pdf" :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、.pdf格式文档,尺寸小于30M,最多可上传1份</div>
+            </template>
+          </el-upload>
+        </el-form-item>
+        <el-form-item label="是否添加文件:"  prop="isFile">
+          <el-radio-group v-model="state.form.isFile"  >
+            <el-radio :label="1">是</el-radio>
+            <el-radio :label="2">否</el-radio>
+          </el-radio-group>
+        </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";
+import {getToken} from "@/utils/auth";
+import {delPic} from "@/api/onlineEducation/banner";
+
+const emit = defineEmits(["getList"]);
+const dialogVisible = ref(false)
+const superRef = ref()
+const state = reactive({
+  title: '',
+  form: {
+    id: null,
+    mess: '',
+    number:'',
+    parentId: null,
+    companyId: null,
+    sort: null,
+    isFile:null,
+    filePath:'',
+    fileName:''
+  },
+  formRules:{
+    mess: [{ required: true, message: '请输入目录名称', trigger: 'blur' }],
+    number: [{ required: true, message: '请输入序号', trigger: 'blur' }],
+    parentId:[{ required: true, message: '请选择上级分支', trigger: 'blur' }],
+    sort: [{ required: true, message: '请输入排序', trigger: 'blur' }],
+    isFile:[{ required: true, message: '请选择是否添加文件', trigger: 'blur' }],
+    // filePath:[{ required: true, message: '请上传文件', trigger: 'blur' }],
+  },
+  isAdmin: false,
+  companyList: [],
+  menuOptions: [],
+  uploadUrl: import.meta.env.VITE_APP_BASE_API + '/system/common/uploadFile',
+  header: {
+    Authorization: getToken()
+  },
+  fileLimit: 1,
+  fileList: [],
+
+})
+onMounted(() => {
+
+});
+
+const openDialog = async (type, value,companyId, isAdmin,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]
+      }
+    })
+    if(value.filePath) {
+      const obj = {
+        url: value.filePath,
+        name: value.fileName
+      }
+      state.fileList = [obj]
+    }
+  }
+  state.form.companyId = companyId
+
+    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 = 11
+      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 = 11
+      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: 11,
+    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 handleAvatarSuccess = (res, uploadFile) => {
+  if(res.code == 200){
+    state.form.filePath = res.data.path
+    state.form.fileName = res.data.originName
+    state.form.format = '.' + res.data.filename.split('.')[1]
+  }else{
+    state.fileList = []
+    ElMessage({
+      type: 'warning',
+      message: '文件上传失败'
+    })
+  }
+}
+
+const showTip =()=>{
+  ElMessage({
+    type: 'warning',
+    message: '超出文件上传数量'
+  });
+}
+const picSize = async (rawFile) => {
+  if(rawFile.size / 1024 / 1024 > 30){
+    ElMessage({
+      type: 'warning',
+      message: '文件大小不能超过30M'
+    });
+    return false
+  }
+};
+const handleRemove = async (file, uploadFiles) => {
+  let path = state.form.filePath;
+  await delPic({path: path}).then(res => {
+    if(res.code == 200){
+      // ElMessage({
+      //   type: 'success',
+      //   message: '文件已删除'
+      // })
+      state.form.filePath = ''
+      state.form.fileName = ''
+      state.form.format = ''
+    }else{
+      ElMessage({
+        type: 'warning',
+        message: res.message
+      })
+    }
+  }).catch(() => {
+    state.form.imgUrl = ''
+  });
+}
+const handleClose = () => {
+  state.form = {
+    id: null,
+    mess: '',
+    number:'',
+    parentId: null,
+    companyId: null,
+    sort: null,
+    isFile:null,
+    filePath:'',
+    fileName:''
+  }
+  state.fileList = []
+  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/planCaralog/index.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/planCaralog/index.vue
new file mode 100644
index 0000000..e66ab45
--- /dev/null
+++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/planCaralog/index.vue
@@ -0,0 +1,319 @@
+<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)"
+              v-hasPermi="['planCaralog:add']"
+          >新增</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="排序" prop="sort"  >
+      </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)" v-hasPermi="['planCaralog:add']">新增</el-button>
+          <el-button link type="primary" @click="openDialog('edit',scope.row,null)" v-hasPermi="['planCaralog:edit']">编辑</el-button>
+          <el-button link type="danger" v-if="scope.row.children && scope.row.children.length == 0" @click="handleDelete(scope.row)" v-hasPermi="['planCaralog:del']">删除</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
+  }
+
+  if(data.isAdmin){
+    await getCompanyList()
+    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: 11,
+  }
+  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: 11,
+  }
+  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/processCaralog/components/editDialog.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/processCaralog/components/editDialog.vue
new file mode 100644
index 0000000..77566f1
--- /dev/null
+++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/processCaralog/components/editDialog.vue
@@ -0,0 +1,282 @@
+<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-item label="排序:"  prop="sort">
+          <el-input v-model.number.trim="state.form.sort" type="number" :disabled="state.title =='查看'" placeholder="排序"></el-input>
+        </el-form-item>
+        <el-form-item label="模板文件:" prop="filePath">
+          <el-upload accept=".doc,.docx,.pdf" :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、.pdf格式文档,尺寸小于30M,最多可上传1份</div>
+            </template>
+          </el-upload>
+        </el-form-item>
+        <el-form-item label="是否添加文件:"  prop="isFile">
+          <el-radio-group v-model="state.form.isFile"  >
+            <el-radio :label="1">是</el-radio>
+            <el-radio :label="2">否</el-radio>
+          </el-radio-group>
+        </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";
+import {getToken} from "@/utils/auth";
+import {delPic} from "@/api/onlineEducation/banner";
+
+const emit = defineEmits(["getList"]);
+const dialogVisible = ref(false)
+const superRef = ref()
+const state = reactive({
+  title: '',
+  form: {
+    id: null,
+    mess: '',
+    number:'',
+    parentId: null,
+    companyId: null,
+    sort: null,
+    isFile:null,
+    filePath:'',
+    fileName:''
+  },
+  formRules:{
+    mess: [{ required: true, message: '请输入目录名称', trigger: 'blur' }],
+    number: [{ required: true, message: '请输入序号', trigger: 'blur' }],
+    parentId:[{ required: true, message: '请选择上级分支', trigger: 'blur' }],
+    sort: [{ required: true, message: '请输入排序', trigger: 'blur' }],
+    isFile:[{ required: true, message: '请选择是否添加文件', trigger: 'blur' }],
+    // filePath:[{ required: true, message: '请上传文件', trigger: 'blur' }],
+  },
+  isAdmin: false,
+  companyList: [],
+  menuOptions: [],
+  uploadUrl: import.meta.env.VITE_APP_BASE_API + '/system/common/uploadFile',
+  header: {
+    Authorization: getToken()
+  },
+  fileLimit: 1,
+  fileList: [],
+
+})
+onMounted(() => {
+
+});
+
+const openDialog = async (type, value,companyId, isAdmin,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]
+      }
+    })
+    if(value.filePath) {
+      const obj = {
+        url: value.filePath,
+        name: value.fileName
+      }
+      state.fileList = [obj]
+    }
+  }
+  state.form.companyId = companyId
+
+    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 = 12
+      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 = 12
+      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: 12,
+    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 handleAvatarSuccess = (res, uploadFile) => {
+  if(res.code == 200){
+    state.form.filePath = res.data.path
+    state.form.fileName = res.data.originName
+    state.form.format = '.' + res.data.filename.split('.')[1]
+  }else{
+    state.fileList = []
+    ElMessage({
+      type: 'warning',
+      message: '文件上传失败'
+    })
+  }
+}
+
+const showTip =()=>{
+  ElMessage({
+    type: 'warning',
+    message: '超出文件上传数量'
+  });
+}
+const picSize = async (rawFile) => {
+  if(rawFile.size / 1024 / 1024 > 30){
+    ElMessage({
+      type: 'warning',
+      message: '文件大小不能超过30M'
+    });
+    return false
+  }
+};
+const handleRemove = async (file, uploadFiles) => {
+  let path = state.form.filePath;
+  await delPic({path: path}).then(res => {
+    if(res.code == 200){
+      // ElMessage({
+      //   type: 'success',
+      //   message: '文件已删除'
+      // })
+      state.form.filePath = ''
+      state.form.fileName = ''
+      state.form.format = ''
+    }else{
+      ElMessage({
+        type: 'warning',
+        message: res.message
+      })
+    }
+  }).catch(() => {
+    state.form.imgUrl = ''
+  });
+}
+const handleClose = () => {
+  state.form = {
+    id: null,
+    mess: '',
+    number:'',
+    parentId: null,
+    companyId: null,
+    sort: null,
+    isFile:null,
+    filePath:'',
+    fileName:''
+  }
+  state.fileList = []
+  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/processCaralog/index.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/processCaralog/index.vue
new file mode 100644
index 0000000..6b5239e
--- /dev/null
+++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/processCaralog/index.vue
@@ -0,0 +1,319 @@
+<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)"
+              v-hasPermi="['processCaralog:add']"
+          >新增</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="排序" prop="sort"  >
+      </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)" v-hasPermi="['processCaralog:add']">新增</el-button>
+          <el-button link type="primary" @click="openDialog('edit',scope.row,null)" v-hasPermi="['processCaralog:edit']">编辑</el-button>
+          <el-button link type="danger" v-if="scope.row.children && scope.row.children.length == 0" @click="handleDelete(scope.row)" v-hasPermi="['processCaralog:del']">删除</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
+  }
+
+  if(data.isAdmin){
+    await getCompanyList()
+    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: 12,
+  }
+  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: 12,
+  }
+  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/productProcess/components/dataDialog.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/productProcess/components/dataDialog.vue
new file mode 100644
index 0000000..10ec143
--- /dev/null
+++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/productProcess/components/dataDialog.vue
@@ -0,0 +1,222 @@
+<template>
+  <div class="notice">
+    <el-dialog
+        v-model="dialogVisible"
+        :title="state.title"
+        width="600px"
+        :before-close="handleClose"
+        :modal="false"
+        draggable
+        :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="projectDocuments">
+          <el-upload
+              accept=".doc,.docx,.pdf,.xlsx,.xls,.png,.jpg,.jpeg"
+              :action="state.uploadUrl"
+              :headers="state.header"
+              method="post"
+              :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)"
+              :on-exceed="showTip"
+              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、.pdf、.xlsx、.xls、图片格式文档,尺寸小于30M</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, getProductSet} from "@/api/selfProblems/productFile";
+import Cookies from "js-cookie";
+import {addCaralogFile, editCaralogFile} from "@/api/projectFileNew";
+
+const emit = defineEmits(["getList"]);
+const dialogVisible = ref(false)
+const superRef = ref()
+const state = reactive({
+  title: '',
+  form: {
+    id: null,
+    type: 12,
+    projectDocuments:[],
+    catalogueId:null,
+    itemId:null
+
+  },
+  formRules:{
+    projectDocuments: [{ required: true, message: '请选择文件', trigger: 'blur' }],
+  },
+  isAdmin: false,
+  companyList: [],
+  industryList: [],
+  uploadUrl: import.meta.env.VITE_APP_BASE_API + '/system/common/uploadFile',
+  header: {
+    Authorization: getToken()
+  },
+  fileList: [],
+  projectList: [],
+  userId: null,
+})
+onMounted(() => {
+
+});
+
+const openDialog = async (type, value,companyId,itemId,catalogueId) => {
+  const userInfo = JSON.parse(Cookies.get('userInfo'))
+  state.isAdmin = userInfo.userType === 0;
+  state.title = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看'
+  state.form.companyId = companyId
+  state.form.itemId = itemId
+  state.form.catalogueId = catalogueId
+  if(state.title == '编辑'||state.title == '查看'){
+    Object.keys(state.form).forEach(key => {
+      if (key in value) {
+        state.form[key] = value[key]
+      }
+    })
+    state.fileList = value.projectDocuments.map(i => {
+      return {
+        name: i.fileName,
+        path: i.filePath
+      }
+    })
+    state.form.itemId = state.form.itemId == 0 ? null : state.form.itemId
+  }
+  dialogVisible.value = true
+}
+
+const handleChange = ()=> {
+  console.log(state.form.catalogueId,'id')
+}
+
+
+const onSubmit = async () => {
+  const valid = await superRef.value.validate();
+  if(valid){
+    if(state.title == '新增'){
+      const {id,...data} = state.form
+      const res = await addCaralogFile(data)
+      if(res.code == 200){
+        ElMessage.success(res.message)
+        emit('getList')
+        handleClose()
+        dialogVisible.value = false;
+      }else{
+        ElMessage.warning(res.message)
+      }
+    }else{
+
+      const res = await editCaralogFile(state.form)
+      if(res.code == 200){
+        ElMessage.success(res.message)
+        emit('getList')
+        handleClose()
+        dialogVisible.value = false;
+      }else{
+        ElMessage.warning(res.message)
+      }
+    }
+  }
+}
+
+const handleAvatarSuccess = (response,uploadFile) => {
+  if(response.code == 200){
+    state.form.projectDocuments = state.fileList.map(item => {
+      return {
+        fileName: item.response ? item.response?.data.originName: item.name,
+        filePath: item.response ? item.response?.data.path: item.path
+      }
+    })
+  }else{
+    // state.fileList = []
+    // state.form.projectDocuments = []
+    ElMessage({
+      type: 'warning',
+      message: response.message
+    })
+  }
+}
+
+const showTip =()=>{
+  ElMessage({
+    type: 'warning',
+    message: '超出文件上传数量'
+  });
+}
+const picSize = async (rawFile) => {
+  if(rawFile.size / 1024 / 1024 > 30){
+    ElMessage({
+      type: 'warning',
+      message: '文件大小不能超过30M'
+    });
+    return false
+  }
+};
+const handleRemove = async (file, uploadFiles) => {
+  state.form.projectDocuments = state.fileList.map(item => {
+    return {
+      fileName: item.response ? item.response?.data.originName: item.name,
+      filePath: item.response ? item.response?.data.path: item.path
+    }
+  })
+}
+
+const handleClose = () => {
+  state.form = {
+    id: null,
+    name: '',
+    type: 12,
+    filePath: '',
+    fileName: '',
+    companyId: null,
+    catalogueId: null,
+    erdact: '',
+    number: '',
+    itemId: null
+  }
+  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/productProcess/index.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/productProcess/index.vue
new file mode 100644
index 0000000..67ec2d8
--- /dev/null
+++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/productProcess/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="['process: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="['process:edit']" @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: 12,
+    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: 12,
+    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>
diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectFileNew/components/dataDialog.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectFileNew/components/dataDialog.vue
index 16759cb..c625723 100644
--- a/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectFileNew/components/dataDialog.vue
+++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectFileNew/components/dataDialog.vue
@@ -13,7 +13,7 @@
       <el-form :model="state.form" size="default" ref="superRef" :rules="state.formRules" label-width="150px" >
         <el-form-item label="文件:" prop="projectDocuments">
           <el-upload
-              accept=".doc,.docx,.pdf,.png,.jpg,.jpeg"
+              accept=".doc,.docx,.pdf,.xlsx,.xls,.png,.jpg,.jpeg"
               :action="state.uploadUrl"
               :headers="state.header"
               method="post"
@@ -24,7 +24,7 @@
               :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles)" >
             <el-button type="primary">点击上传</el-button>
             <template #tip>
-              <div class="el-upload__tip">支持上传.doc、.docx、.pdf、图片格式文档,尺寸小于5M</div>
+              <div class="el-upload__tip">支持上传.doc、.docx、.pdf、.xlsx、.xls、图片格式文档,尺寸小于30M</div>
             </template>
           </el-upload>
         </el-form-item>
@@ -166,10 +166,10 @@
   });
 }
 const picSize = async (rawFile) => {
-  if(rawFile.size / 1024 / 1024 > 5){
+  if(rawFile.size / 1024 / 1024 > 30){
     ElMessage({
       type: 'warning',
-      message: '文件大小不能超过5M'
+      message: '文件大小不能超过30M'
     });
     return false
   }
diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectFileNew/index.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectFileNew/index.vue
index 344c84e..67699f9 100644
--- a/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectFileNew/index.vue
+++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectFileNew/index.vue
@@ -81,7 +81,7 @@
                   <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>
+                  <el-button v-if="scope.row.isFile == 1 && scope.row.projectDocuments && scope.row.projectDocuments.length>0" link type="primary" v-hasPermi="['productFileNew:edit']" @click="openDataDialog('edit',scope.row,scope.row)">编辑</el-button>
                 </div>
                 <div v-else>--</div>
               </template>
diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectPlan/components/dataDialog.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectPlan/components/dataDialog.vue
new file mode 100644
index 0000000..34cb98f
--- /dev/null
+++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectPlan/components/dataDialog.vue
@@ -0,0 +1,222 @@
+<template>
+  <div class="notice">
+    <el-dialog
+        v-model="dialogVisible"
+        :title="state.title"
+        width="600px"
+        :before-close="handleClose"
+        :modal="false"
+        draggable
+        :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="projectDocuments">
+          <el-upload
+              accept=".doc,.docx,.pdf,.xlsx,.xls,.png,.jpg,.jpe"
+              :action="state.uploadUrl"
+              :headers="state.header"
+              method="post"
+              :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)"
+              :on-exceed="showTip"
+              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、.pdf、.xlsx、.xls、图片格式文档,尺寸小于30M</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, getProductSet} from "@/api/selfProblems/productFile";
+import Cookies from "js-cookie";
+import {addCaralogFile, editCaralogFile} from "@/api/projectFileNew";
+
+const emit = defineEmits(["getList"]);
+const dialogVisible = ref(false)
+const superRef = ref()
+const state = reactive({
+  title: '',
+  form: {
+    id: null,
+    type: 11,
+    projectDocuments:[],
+    catalogueId:null,
+    itemId:null
+
+  },
+  formRules:{
+    projectDocuments: [{ required: true, message: '请选择文件', trigger: 'blur' }],
+  },
+  isAdmin: false,
+  companyList: [],
+  industryList: [],
+  uploadUrl: import.meta.env.VITE_APP_BASE_API + '/system/common/uploadFile',
+  header: {
+    Authorization: getToken()
+  },
+  fileList: [],
+  projectList: [],
+  userId: null,
+})
+onMounted(() => {
+
+});
+
+const openDialog = async (type, value,companyId,itemId,catalogueId) => {
+  const userInfo = JSON.parse(Cookies.get('userInfo'))
+  state.isAdmin = userInfo.userType === 0;
+  state.title = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看'
+  state.form.companyId = companyId
+  state.form.itemId = itemId
+  state.form.catalogueId = catalogueId
+  if(state.title == '编辑'||state.title == '查看'){
+    Object.keys(state.form).forEach(key => {
+      if (key in value) {
+        state.form[key] = value[key]
+      }
+    })
+    state.fileList = value.projectDocuments.map(i => {
+      return {
+        name: i.fileName,
+        path: i.filePath
+      }
+    })
+    state.form.itemId = state.form.itemId == 0 ? null : state.form.itemId
+  }
+  dialogVisible.value = true
+}
+
+const handleChange = ()=> {
+  console.log(state.form.catalogueId,'id')
+}
+
+
+const onSubmit = async () => {
+  const valid = await superRef.value.validate();
+  if(valid){
+    if(state.title == '新增'){
+      const {id,...data} = state.form
+      const res = await addCaralogFile(data)
+      if(res.code == 200){
+        ElMessage.success(res.message)
+        emit('getList')
+        handleClose()
+        dialogVisible.value = false;
+      }else{
+        ElMessage.warning(res.message)
+      }
+    }else{
+
+      const res = await editCaralogFile(state.form)
+      if(res.code == 200){
+        ElMessage.success(res.message)
+        emit('getList')
+        handleClose()
+        dialogVisible.value = false;
+      }else{
+        ElMessage.warning(res.message)
+      }
+    }
+  }
+}
+
+const handleAvatarSuccess = (response,uploadFile) => {
+  if(response.code == 200){
+    state.form.projectDocuments = state.fileList.map(item => {
+      return {
+        fileName: item.response ? item.response?.data.originName: item.name,
+        filePath: item.response ? item.response?.data.path: item.path
+      }
+    })
+  }else{
+    // state.fileList = []
+    // state.form.projectDocuments = []
+    ElMessage({
+      type: 'warning',
+      message: response.message
+    })
+  }
+}
+
+const showTip =()=>{
+  ElMessage({
+    type: 'warning',
+    message: '超出文件上传数量'
+  });
+}
+const picSize = async (rawFile) => {
+  if(rawFile.size / 1024 / 1024 > 30){
+    ElMessage({
+      type: 'warning',
+      message: '文件大小不能超过30M'
+    });
+    return false
+  }
+};
+const handleRemove = async (file, uploadFiles) => {
+  state.form.projectDocuments = state.fileList.map(item => {
+    return {
+      fileName: item.response ? item.response?.data.originName: item.name,
+      filePath: item.response ? item.response?.data.path: item.path
+    }
+  })
+}
+
+const handleClose = () => {
+  state.form = {
+    id: null,
+    name: '',
+    type: 11,
+    filePath: '',
+    fileName: '',
+    companyId: null,
+    catalogueId: null,
+    erdact: '',
+    number: '',
+    itemId: null
+  }
+  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/projectPlan/index.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectPlan/index.vue
new file mode 100644
index 0000000..e35485a
--- /dev/null
+++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectPlan/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="['plan: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="['plan:edit']" @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: 11,
+    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: 11,
+    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>
diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/project/unqualified/components/dataDialog.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/unqualified/components/dataDialog.vue
new file mode 100644
index 0000000..fdd878e
--- /dev/null
+++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/unqualified/components/dataDialog.vue
@@ -0,0 +1,222 @@
+<template>
+  <div class="notice">
+    <el-dialog
+        v-model="dialogVisible"
+        :title="state.title"
+        width="600px"
+        :before-close="handleClose"
+        :modal="false"
+        draggable
+        :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="projectDocuments">
+          <el-upload
+              accept=".doc,.docx,.pdf,.xlsx,.xls,.png,.jpg,.jpeg"
+              :action="state.uploadUrl"
+              :headers="state.header"
+              method="post"
+              :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)"
+              :on-exceed="showTip"
+              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、.pdf、.xlsx、.xls、图片格式文档,尺寸小于30M</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, getProductSet} from "@/api/selfProblems/productFile";
+import Cookies from "js-cookie";
+import {addCaralogFile, editCaralogFile} from "@/api/projectFileNew";
+
+const emit = defineEmits(["getList"]);
+const dialogVisible = ref(false)
+const superRef = ref()
+const state = reactive({
+  title: '',
+  form: {
+    id: null,
+    type: 13,
+    projectDocuments:[],
+    catalogueId:null,
+    itemId:null
+
+  },
+  formRules:{
+    projectDocuments: [{ required: true, message: '请选择文件', trigger: 'blur' }],
+  },
+  isAdmin: false,
+  companyList: [],
+  industryList: [],
+  uploadUrl: import.meta.env.VITE_APP_BASE_API + '/system/common/uploadFile',
+  header: {
+    Authorization: getToken()
+  },
+  fileList: [],
+  projectList: [],
+  userId: null,
+})
+onMounted(() => {
+
+});
+
+const openDialog = async (type, value,companyId,itemId,catalogueId) => {
+  const userInfo = JSON.parse(Cookies.get('userInfo'))
+  state.isAdmin = userInfo.userType === 0;
+  state.title = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看'
+  state.form.companyId = companyId
+  state.form.itemId = itemId
+  state.form.catalogueId = catalogueId
+  if(state.title == '编辑'||state.title == '查看'){
+    Object.keys(state.form).forEach(key => {
+      if (key in value) {
+        state.form[key] = value[key]
+      }
+    })
+    state.fileList = value.projectDocuments.map(i => {
+      return {
+        name: i.fileName,
+        path: i.filePath
+      }
+    })
+    state.form.itemId = state.form.itemId == 0 ? null : state.form.itemId
+  }
+  dialogVisible.value = true
+}
+
+const handleChange = ()=> {
+  console.log(state.form.catalogueId,'id')
+}
+
+
+const onSubmit = async () => {
+  const valid = await superRef.value.validate();
+  if(valid){
+    if(state.title == '新增'){
+      const {id,...data} = state.form
+      const res = await addCaralogFile(data)
+      if(res.code == 200){
+        ElMessage.success(res.message)
+        emit('getList')
+        handleClose()
+        dialogVisible.value = false;
+      }else{
+        ElMessage.warning(res.message)
+      }
+    }else{
+
+      const res = await editCaralogFile(state.form)
+      if(res.code == 200){
+        ElMessage.success(res.message)
+        emit('getList')
+        handleClose()
+        dialogVisible.value = false;
+      }else{
+        ElMessage.warning(res.message)
+      }
+    }
+  }
+}
+
+const handleAvatarSuccess = (response,uploadFile) => {
+  if(response.code == 200){
+    state.form.projectDocuments = state.fileList.map(item => {
+      return {
+        fileName: item.response ? item.response?.data.originName: item.name,
+        filePath: item.response ? item.response?.data.path: item.path
+      }
+    })
+  }else{
+    // state.fileList = []
+    // state.form.projectDocuments = []
+    ElMessage({
+      type: 'warning',
+      message: response.message
+    })
+  }
+}
+
+const showTip =()=>{
+  ElMessage({
+    type: 'warning',
+    message: '超出文件上传数量'
+  });
+}
+const picSize = async (rawFile) => {
+  if(rawFile.size / 1024 / 1024 > 30){
+    ElMessage({
+      type: 'warning',
+      message: '文件大小不能超过30M'
+    });
+    return false
+  }
+};
+const handleRemove = async (file, uploadFiles) => {
+  state.form.projectDocuments = state.fileList.map(item => {
+    return {
+      fileName: item.response ? item.response?.data.originName: item.name,
+      filePath: item.response ? item.response?.data.path: item.path
+    }
+  })
+}
+
+const handleClose = () => {
+  state.form = {
+    id: null,
+    name: '',
+    type: 13,
+    filePath: '',
+    fileName: '',
+    companyId: null,
+    catalogueId: null,
+    erdact: '',
+    number: '',
+    itemId: null
+  }
+  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/unqualified/index.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/unqualified/index.vue
new file mode 100644
index 0000000..dd6958c
--- /dev/null
+++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/unqualified/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="['unqualified: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="['unqualified:edit']" @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: 13,
+    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: 13,
+    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>
diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/project/unqualifiedCaralog/components/editDialog.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/unqualifiedCaralog/components/editDialog.vue
new file mode 100644
index 0000000..b6e2df6
--- /dev/null
+++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/unqualifiedCaralog/components/editDialog.vue
@@ -0,0 +1,282 @@
+<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-item label="排序:"  prop="sort">
+          <el-input v-model.number.trim="state.form.sort" type="number" :disabled="state.title =='查看'" placeholder="排序"></el-input>
+        </el-form-item>
+        <el-form-item label="模板文件:" prop="filePath">
+          <el-upload accept=".doc,.docx,.pdf" :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、.pdf格式文档,尺寸小于30M,最多可上传1份</div>
+            </template>
+          </el-upload>
+        </el-form-item>
+        <el-form-item label="是否添加文件:"  prop="isFile">
+          <el-radio-group v-model="state.form.isFile"  >
+            <el-radio :label="1">是</el-radio>
+            <el-radio :label="2">否</el-radio>
+          </el-radio-group>
+        </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";
+import {getToken} from "@/utils/auth";
+import {delPic} from "@/api/onlineEducation/banner";
+
+const emit = defineEmits(["getList"]);
+const dialogVisible = ref(false)
+const superRef = ref()
+const state = reactive({
+  title: '',
+  form: {
+    id: null,
+    mess: '',
+    number:'',
+    parentId: null,
+    companyId: null,
+    sort: null,
+    isFile:null,
+    filePath:'',
+    fileName:''
+  },
+  formRules:{
+    mess: [{ required: true, message: '请输入目录名称', trigger: 'blur' }],
+    number: [{ required: true, message: '请输入序号', trigger: 'blur' }],
+    parentId:[{ required: true, message: '请选择上级分支', trigger: 'blur' }],
+    sort: [{ required: true, message: '请输入排序', trigger: 'blur' }],
+    isFile:[{ required: true, message: '请选择是否添加文件', trigger: 'blur' }],
+    // filePath:[{ required: true, message: '请上传文件', trigger: 'blur' }],
+  },
+  isAdmin: false,
+  companyList: [],
+  menuOptions: [],
+  uploadUrl: import.meta.env.VITE_APP_BASE_API + '/system/common/uploadFile',
+  header: {
+    Authorization: getToken()
+  },
+  fileLimit: 1,
+  fileList: [],
+
+})
+onMounted(() => {
+
+});
+
+const openDialog = async (type, value,companyId, isAdmin,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]
+      }
+    })
+    if(value.filePath) {
+      const obj = {
+        url: value.filePath,
+        name: value.fileName
+      }
+      state.fileList = [obj]
+    }
+  }
+  state.form.companyId = companyId
+
+    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 = 13
+      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 = 13
+      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: 13,
+    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 handleAvatarSuccess = (res, uploadFile) => {
+  if(res.code == 200){
+    state.form.filePath = res.data.path
+    state.form.fileName = res.data.originName
+    state.form.format = '.' + res.data.filename.split('.')[1]
+  }else{
+    state.fileList = []
+    ElMessage({
+      type: 'warning',
+      message: '文件上传失败'
+    })
+  }
+}
+
+const showTip =()=>{
+  ElMessage({
+    type: 'warning',
+    message: '超出文件上传数量'
+  });
+}
+const picSize = async (rawFile) => {
+  if(rawFile.size / 1024 / 1024 > 30){
+    ElMessage({
+      type: 'warning',
+      message: '文件大小不能超过30M'
+    });
+    return false
+  }
+};
+const handleRemove = async (file, uploadFiles) => {
+  let path = state.form.filePath;
+  await delPic({path: path}).then(res => {
+    if(res.code == 200){
+      // ElMessage({
+      //   type: 'success',
+      //   message: '文件已删除'
+      // })
+      state.form.filePath = ''
+      state.form.fileName = ''
+      state.form.format = ''
+    }else{
+      ElMessage({
+        type: 'warning',
+        message: res.message
+      })
+    }
+  }).catch(() => {
+    state.form.imgUrl = ''
+  });
+}
+const handleClose = () => {
+  state.form = {
+    id: null,
+    mess: '',
+    number:'',
+    parentId: null,
+    companyId: null,
+    sort: null,
+    isFile:null,
+    filePath:'',
+    fileName:''
+  }
+  state.fileList = []
+  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/unqualifiedCaralog/index.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/unqualifiedCaralog/index.vue
new file mode 100644
index 0000000..a2651f4
--- /dev/null
+++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/project/unqualifiedCaralog/index.vue
@@ -0,0 +1,319 @@
+<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)"
+              v-hasPermi="['unqualifiedCaralog:add']"
+          >新增</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="排序" prop="sort"  >
+      </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)" v-hasPermi="['unqualifiedCaralog:add']">新增</el-button>
+          <el-button link type="primary" @click="openDialog('edit',scope.row,null)" v-hasPermi="['unqualifiedCaralog:edit']">编辑</el-button>
+          <el-button link type="danger" v-if="scope.row.children && scope.row.children.length == 0" @click="handleDelete(scope.row)" v-hasPermi="['unqualifiedCaralog:del']">删除</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
+  }
+
+  if(data.isAdmin){
+    await getCompanyList()
+    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: 13,
+  }
+  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: 13,
+  }
+  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/standardSysTemp/programStanderdModule/index.vue b/src/views/build/conpanyFunctionConsult/standardSysTemp/programStanderdModule/index.vue
index 6e8f409..74dd4db 100644
--- a/src/views/build/conpanyFunctionConsult/standardSysTemp/programStanderdModule/index.vue
+++ b/src/views/build/conpanyFunctionConsult/standardSysTemp/programStanderdModule/index.vue
@@ -30,8 +30,8 @@
     <el-table v-loading="loading" :data="dataList" :border="true">
       <el-table-column label="序号" type="index" align="center" width="80"/>
       <el-table-column label="模板名称" prop="templateName" header-align="center" align="left"/>
-      <el-table-column label="所属部门" prop="deptName" header-align="center" align="left"/>
-      <el-table-column label="行业类别" prop="industryTypeName" header-align="center" align="left"/>
+<!--      <el-table-column label="所属部门" prop="deptName" header-align="center" align="left"/>-->
+<!--      <el-table-column label="行业类别" prop="industryTypeName" header-align="center" align="left"/>-->
       <el-table-column label="模板文件" header-align="center" align="left">
         <template #default="scope">
           <el-link type="primary" @click="openFile(scope.row.filePath)">{{scope.row.templateName + '模板' + scope.row.format}}</el-link>
diff --git a/src/views/build/conpanyFunctionConsult/standardSysTemp/techStandardModule/index.vue b/src/views/build/conpanyFunctionConsult/standardSysTemp/techStandardModule/index.vue
index 45d1bb7..5abc8a9 100644
--- a/src/views/build/conpanyFunctionConsult/standardSysTemp/techStandardModule/index.vue
+++ b/src/views/build/conpanyFunctionConsult/standardSysTemp/techStandardModule/index.vue
@@ -30,8 +30,8 @@
     <el-table v-loading="loading" :data="dataList" :border="true">
       <el-table-column label="序号" type="index" align="center" width="80"/>
       <el-table-column label="模板名称" prop="templateName" header-align="center" align="left"/>
-      <el-table-column label="所属部门" prop="department" header-align="center" align="left"/>
-      <el-table-column label="行业类别" prop="industryTypeName" header-align="center" align="left"/>
+<!--      <el-table-column label="所属部门" prop="department" header-align="center" align="left"/>-->
+<!--      <el-table-column label="行业类别" prop="industryTypeName" header-align="center" align="left"/>-->
       <el-table-column label="模板文件" header-align="center" align="left">
         <template #default="scope">
           <el-link type="primary" @click="openFile(scope.row.filePath)">{{scope.row.templateName + '模板' + scope.row.format}}</el-link>

--
Gitblit v1.9.2