Merge pull request 'master' (#230) from master into dm

Reviewed-on: http://git.feashow.cn/clay/mosr-web/pulls/230
2024-05-24 07:54:17 +00:00
parent 3b0637e1b3 9013d54add
commit 604fad9009
96 changed files with 7438 additions and 967 deletions
--- a/.drone.yml
+++ b/.drone.yml
@@ -25,9 +25,9 @@ steps:
      - npm -v
      - mkdir -p ./node_modules
      - export NODE_MODULES_PATH=`pwd`/node_modules
-      #- npm config set registry https://registry.npm.taobao.org
+      # - npm config set registry https://registry.npmmirror.com
      #- set NODE_OPTIONS=--openssl-legacy-provider
-      #      - npm install
+      # - npm install
      - npm run build
      - ls /app/build/$DRONE_REPO_NAME/
      - echo $NODE_MODULES_PATH
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>科研管理平台</title>
+<!--    <title>科研管理平台</title>-->
  </head>
  <body>
    <div id="app"></div>
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,7 @@
        "axios": "^1.4.0",
        "d3": "^7.8.5",
        "echarts": "^5.4.2",
-        "element-plus": "^2.3.5",
+        "element-plus": "^2.6.0",
        "highlight.js": "9.18.5",
        "jquery": "^3.6.0",
        "js-cookie": "^3.0.5",
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
    "axios": "^1.4.0",
    "d3": "^7.8.5",
    "echarts": "^5.4.2",
-    "element-plus": "^2.3.5",
+    "element-plus": "^2.6.0",
    "highlight.js": "9.18.5",
    "jquery": "^3.6.0",
    "js-cookie": "^3.0.5",
--- a/src/api/home/index.js
+++ b/src/api/home/index.js
@@ -0,0 +1,8 @@
+import request from '@/utils/request.js'
+
+export const getHomeInfo = () => {
+  return request({
+    url: '/workflow/mosr/process/task',
+    method: "get"
+  });
+};
--- a/src/api/project-demand/index.js
+++ b/src/api/project-demand/index.js
@@ -0,0 +1,84 @@
+import request from '@/utils/request.js'
+//需求征集
+export const getDemandInfo = (param) => {
+  return request({
+    url: '/workflow/mosr/requirement',
+    method: "get",
+    params: param
+  });
+};
+export const getWorkflowInfo = () => {
+  return request({
+    url: '/workflow/mosr/requirement/process',
+    method: "get"
+  });
+};
+export const getInfo = (requirementId) => {
+  return request({
+    url: `/workflow/mosr/requirement/info/${requirementId}`,
+    method: "get"
+  });
+};
+export const getFormInfo = (requirementId) => {
+  return request({
+    url: `/workflow/mosr/requirement/form/${requirementId}`,
+    method: "get"
+  });
+};
+export const agreeTask = (data) => {
+  return request({
+    url: `/workflow/mosr/process/task/agree`,
+    method: "post",
+    data: data
+  });
+};
+export const rejectTask = (data) => {
+  return request({
+    url: `/workflow/mosr/process/task/reject`,
+    method: "post",
+    data: data
+  });
+};
+
+export const addRequirement = (data) => {
+  return request({
+    url: '/workflow/mosr/requirement',
+    method: "post",
+    data: data
+  });
+};
+export const resubmit = (data) => {
+  return request({
+    url: '/workflow/mosr/requirement/resubmit',
+    method: "post",
+    data: data
+  });
+};
+export const deleteFile = (fileId) => {
+  return request({
+    url: `/workflow/process/file/delete/${fileId}`,
+    method: "delete"
+  });
+};
+export const downloadFile = (fileId) => {
+  return request({
+    url: '/workflow/process/file/download',
+    method: "get",
+    responseType:'blob',
+    params:{
+      fileId:fileId
+    }
+  });
+};
+export const getCompanyOption = () => {
+  return request({
+    url: '/admin/mosr/sub/company/companyOption',
+    method: "get"
+  });
+};
+export const deleteDemand = (id) => {
+  return request({
+    url: `/workflow/mosr/requirement/${id}`,
+    method: "delete"
+  });
+};
--- a/src/api/project-manage/index.js
+++ b/src/api/project-manage/index.js
@@ -0,0 +1,86 @@
+import request from '@/utils/request.js'
+//项目立项
+export const getApplyProcess = (projectId) => {
+  return request({
+    url: `/workflow/mosr/project/approval/initiation/process/${projectId}`,
+    method: "get"
+  });
+};
+export const projectApply = (data) => {
+  return request({
+    url: '/workflow/mosr/project/approval/initiation/apply',
+    method: "post",
+    data: data
+  });
+};
+export const getApplyDetail = (ProjectId) => {
+  return request({
+    url: `/workflow/mosr/project/approval/info/${ProjectId}`,
+    method: "get"
+  });
+};
+
+export const resubmitApply = (data) => {
+  return request({
+    url: '/workflow/mosr/project/approval/initiation/resubmit',
+    method: "post",
+    data: data
+  });
+};
+//项目实施
+export const getCheckDetail = (projectId) => {
+  return request({
+    url: `/workflow/mosr/project/implementation/info/${projectId}`,
+    method: "get"
+  });
+};
+export const resubmitCheck = (data) => {
+  return request({
+    url: '/workflow/mosr/project/implementation/resubmit',
+    method: "post",
+    data: data
+  });
+};
+
+export const projectCheck = (data) => {
+  return request({
+    url: '/workflow/mosr/project/implementation/initiation/check',
+    method: "post",
+    data: data
+  });
+};
+export const getProjectCheckProcess = (projectId) => {
+  return request({
+    url: `/workflow/mosr/project/implementation/process/${projectId}`,
+    method: "get"
+  });
+};
+
+//项目归档
+export const getConclusionDetail = (ProjectId) => {
+  return request({
+    url: `/workflow/mosr/project/filing/info/${ProjectId}`,
+    method: "get"
+  });
+};
+export const resubmitConclusion = (data) => {
+  return request({
+    url: '/workflow/mosr/project/filing/resubmit',
+    method: "post",
+    data: data
+  });
+};
+
+export const projectConclusion = (data) => {
+  return request({
+    url: '/workflow/mosr/project/filing/project/entry',
+    method: "post",
+    data: data
+  });
+};
+export const getProjectConclusionProcess = () => {
+  return request({
+    url: '/workflow/mosr/project/filing/process',
+    method: "get"
+  });
+};
--- a/src/api/role/role.js
+++ b/src/api/role/role.js
@@ -14,6 +14,14 @@ export const getRoleOption = () => {
    method: "get"
  });
 };
+
+export const getTemRoleOption = () => {
+  return request({
+    url: '/admin/role/option/template',
+    method: "get"
+  });
+};
+
 //查询角色信息
 export const getRoleDetail = (roleId) => {
  return request({
--- a/src/api/workflow/process-definition.js
+++ b/src/api/workflow/process-definition.js
@@ -60,3 +60,12 @@ export function addProcessDefinition(param) {
        data: param
    })
 }
+
+export function getTypeOption() {
+    return request({
+        url: "/workflow/process/definition/type/option",
+        method: "get",
+    })
+}
+
+
--- a/src/api/workflow/process-user.js
+++ b/src/api/workflow/process-user.js
@@ -22,3 +22,10 @@ export function getDepartmentTree() {
        method: 'get'
    })
 }
+export function getMosrDept(params) {
+    return request({
+        url: '/admin/mosr/user/choose',
+        method: 'get',
+        params:params
+    })
+}
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -19,7 +19,7 @@ html, body, #app, .el-container, .el-aside, .el-main {
 }

 .el-main {
-  background: #F4F6F8;
+  background: #EFEFEF;
  padding: 0 0 0 18px;
  position: fixed;
  left: 200px;
@@ -27,6 +27,7 @@ html, body, #app, .el-container, .el-aside, .el-main {
  margin-left: 0;
  transition: margin-left .15s;
  width: calc(100vw - 200px);
+
  &::-webkit-scrollbar {
    width: 6px;
  }
@@ -83,9 +84,11 @@ html, body, #app, .el-container, .el-aside, .el-main {
  align-items: center;
  margin-bottom: 10px;
 }
-.el-dialog__body{
+
+.el-dialog__body {
  padding: 10px 20px;
 }
+
 .stateIcon {
  margin-top: 9px;
  margin-right: 7px;
@@ -248,7 +251,8 @@ html, body, #app, .el-container, .el-aside, .el-main {
    justify-content: center;
    z-index: 0;
    position: relative;
-    .el-icon{
+
+    .el-icon {
      width: 1.4em;
      height: 1.4em;
    }
@@ -287,9 +291,10 @@ html, body, #app, .el-container, .el-aside, .el-main {
 .layout {
  display: flex;
  justify-content: space-around;
+
  .scrollbar-user {
-    height: calc(100vh - 250px)!important;
-    overflow: auto!important;
+    height: calc(100vh - 250px) !important;
+    overflow: auto !important;
  }

  .scrollbar-dict {
@@ -373,7 +378,8 @@ html, body, #app, .el-container, .el-aside, .el-main {
 .scale {
  margin-top: 10px;
  z-index: 666;
-  position: absolute;
+  position: static;
+  //top: -20px;
 }

 .el-overlay-dialog {
@@ -401,6 +407,15 @@ html, body, #app, .el-container, .el-aside, .el-main {
 }

 //SvgIcon组件的样式
+.home-icon {
+  width: 4em;
+  height: 4em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+  margin-right: 5px;
+}
+
 .svg-icon {
  width: 1.2em;
  height: 1.2em;
@@ -445,10 +460,12 @@ html, body, #app, .el-container, .el-aside, .el-main {
  overflow: hidden;
  margin-right: 5px;
 }
-.fen-icon{
+
+.fen-icon {
  width: 1.8em;
  height: 1.7em;
 }
+
 .middle-icon {
  width: 1.4em;
  height: 1.4em;
@@ -530,4 +547,5 @@ html, body, #app, .el-container, .el-aside, .el-main {
  position: fixed;
  bottom: 15px;
  right: 15px;
+  z-index: 5;
 }
--- a/src/assets/svg/home1.svg
+++ b/src/assets/svg/home1.svg
@@ -0,0 +1,6 @@
+<svg width="71" height="68" viewBox="0 0 71 68" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 229">
+<ellipse id="Ellipse 12" cx="35.3747" cy="33.663" rx="35.3747" ry="33.663" fill="#87C3ED"/>
+<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M23.3174 21.8325C23.3174 20.7279 24.2128 19.8325 25.3174 19.8325H28.485V23.3688C28.485 23.9211 28.9327 24.3688 29.485 24.3688H32.7358C33.288 24.3688 33.7358 23.9211 33.7358 23.3688V19.8325H45.4049C46.5094 19.8325 47.4049 20.7279 47.4049 21.8325V44.741C47.4049 45.8456 46.5094 46.741 45.4049 46.741H25.3174C24.2128 46.741 23.3174 45.8456 23.3174 44.741V21.8325ZM32.7358 19.8325H29.485V23.3688L32.7358 23.3688V19.8325ZM28.876 29.1297H39.9933V28.1297H28.876V29.1297ZM41.8462 34.4079H28.876V33.4079H41.8462V34.4079ZM41.8462 39.6862H28.876V38.6862H41.8462V39.6862Z" fill="#0043C5"/>
+</g>
+</svg>
--- a/src/assets/svg/home2.svg
+++ b/src/assets/svg/home2.svg
@@ -0,0 +1,6 @@
+<svg width="71" height="68" viewBox="0 0 71 68" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 230">
+<ellipse id="Ellipse 13" cx="35.3747" cy="33.663" rx="35.3747" ry="33.663" fill="#B487ED"/>
+<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M41.1045 20.8325C41.1045 20.2802 40.6568 19.8325 40.1045 19.8325H26.1016C24.997 19.8325 24.1016 20.7279 24.1016 21.8325V44.741C24.1016 45.8456 24.997 46.741 26.1016 46.741H46.189C47.2936 46.741 48.189 45.8456 48.189 44.741V27.5596C48.189 27.0073 47.7413 26.5596 47.189 26.5596H42.1045C41.5522 26.5596 41.1045 26.1118 41.1045 25.5596V20.8325ZM43.9383 31.0958H31.1861V30.0958H43.9383V31.0958ZM35.4369 23.0234H39.6876V22.0234H35.4369V23.0234ZM43.9383 36.4777H31.1861V35.4777H43.9383V36.4777ZM31.1861 41.8593H43.9383V40.8593H31.1861V41.8593Z" fill="#8600C5"/>
+</g>
+</svg>
--- a/src/assets/svg/home3.svg
+++ b/src/assets/svg/home3.svg
@@ -0,0 +1,6 @@
+<svg width="71" height="68" viewBox="0 0 71 68" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 231">
+<ellipse id="Ellipse 14" cx="35.3747" cy="33.663" rx="35.3747" ry="33.663" fill="#FDCB9D"/>
+<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M54.4044 32.614C54.4044 40.4161 46.1575 46.741 35.9845 46.741C32.9189 46.741 30.0281 46.1666 27.4852 45.1505C27.3501 45.3211 27.1528 45.4524 26.9047 45.5078L19.6131 47.1386C18.844 47.3106 18.1654 46.6256 18.393 45.9072L20.2692 39.9868C18.5537 37.8406 17.5647 35.3159 17.5647 32.614C17.5647 24.8119 25.8115 18.4871 35.9845 18.4871C46.1575 18.4871 54.4044 24.8119 54.4044 32.614ZM28.1916 34.6321C29.3654 34.6321 30.317 33.7286 30.317 32.614C30.317 31.4994 29.3654 30.5958 28.1916 30.5958C27.0178 30.5958 26.0662 31.4994 26.0662 32.614C26.0662 33.7286 27.0178 34.6321 28.1916 34.6321ZM38.8184 32.614C38.8184 33.7286 37.8669 34.6321 36.6931 34.6321C35.5193 34.6321 34.5677 33.7286 34.5677 32.614C34.5677 31.4994 35.5193 30.5958 36.6931 30.5958C37.8669 30.5958 38.8184 31.4994 38.8184 32.614ZM45.1945 34.6321C46.3683 34.6321 47.3198 33.7286 47.3198 32.614C47.3198 31.4994 46.3683 30.5958 45.1945 30.5958C44.0207 30.5958 43.0691 31.4994 43.0691 32.614C43.0691 33.7286 44.0207 34.6321 45.1945 34.6321Z" fill="#F47D0E"/>
+</g>
+</svg>
--- a/src/assets/svg/home4.svg
+++ b/src/assets/svg/home4.svg
@@ -0,0 +1,6 @@
+<svg width="71" height="68" viewBox="0 0 71 68" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 232">
+<ellipse id="Ellipse 19" cx="35.3747" cy="33.663" rx="35.3747" ry="33.663" fill="#87EDBC"/>
+<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M18.7023 20.134C18.1358 20.4872 17.7588 21.1158 17.7588 21.8325V42.0502C17.7588 43.1547 18.6542 44.0502 19.7588 44.0502H48.3477C49.4523 44.0502 50.3477 43.1547 50.3477 42.0502V21.8325C50.3477 21.1082 49.9627 20.4738 49.3861 20.1229L49.9153 20.9221L35.7553 30.2976C34.9339 30.8415 33.8697 30.8523 33.0374 30.3252L18.1997 20.9276L18.7023 20.134ZM18.7605 20.0991L33.5725 29.4804C34.0718 29.7966 34.7104 29.7902 35.2032 29.4638L49.3465 20.0993C49.0526 19.9296 48.7115 19.8325 48.3477 19.8325H19.7588C19.3952 19.8325 19.0543 19.9295 18.7605 20.0991Z" fill="#01A054"/>
+</g>
+</svg>
--- a/src/components/AttachmentUpload.vue
+++ b/src/components/AttachmentUpload.vue
@@ -0,0 +1,192 @@
+<template>
+  <el-form :model="formData" ref="applyForm" label-width="auto" :rules="rules">
+    <el-row>
+      <el-col :span="24">
+        <el-form-item :label="label" prop="attachment">
+          <template v-if="preview&&JSON.stringify(singleFile) !== '{}'&&JSON.stringify(singleFile)!=='null'">
+            <el-button type="primary" link @click="handleDownload(singleFile)" style="font-size: 18px">
+              {{ singleFile?.originalFileName }}
+            </el-button>
+            <el-button type="danger" link @click="deleteOtherFile(singleFile,1)">删除</el-button>
+          </template>
+          <template v-else-if="!preview||JSON.stringify(singleFile) === '{}'||singleFile==null">
+            <file-upload @getFile="getAttachment" :showFileList="showFileList" :maxSize="0" @delete="deleteAttachment"/>
+          </template>
+        </el-form-item>
+      </el-col>
+      <el-col :span="24">
+        <el-form-item label="其他文件">
+          <el-card style="width: 100%">
+            <file-upload @getFile="getOtherFile"/>
+            <fvTable style="width: 100%;max-height: 250px;height: 250px" v-if="showTable" :tableConfig="tableConfig"
+                     :data="allFileList" :isSettingCol="false" :pagination="false">
+              <template #empty>
+                <el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
+              </template>
+            </fvTable>
+          </el-card>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script setup lang="jsx">
+import FileUpload from '@/components/FileUpload.vue'
+import {deleteFile, downloadFile} from "../api/project-demand";
+import {ElMessage, ElMessageBox, ElNotification} from "element-plus";
+
+const emit = defineEmits(["getAttachment", "getOtherFile"])
+const formData = ref({})
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'index',
+      type: 'index',
+      label: '序号',
+      align: 'center',
+      width: '80',
+    },
+    {
+      prop: 'originalFileName',
+      label: '文件名',
+      align: 'center',
+    },
+    {
+      prop: 'tag',
+      label: '标签',
+      align: 'center'
+    },
+    {
+      prop: 'size',
+      label: '文件大小',
+      align: 'center',
+      currentRender: ({row, index}) => (parseInt(row.size / 1024) + 'KB')
+    },
+    // {
+    //   prop: 'oper',
+    //   label: '操作',
+    //   align: 'center',
+    //   showOverflowTooltip: false,
+    //   currentRender: ({row, index}) => {
+    //     return (
+    //         <div>
+    //           <el-button type="primary" link onClick={() => handleDownload(row)}>下载</el-button>
+    //           <el-button type="primary" size="large" link onClick={() => deleteOtherFile(row)}>删除</el-button>
+    //         </div>
+    //     )
+    //   }
+    // }
+  ]
+})
+const rules = reactive({
+  attachment: [{required: true, message: '请上传附件', trigger: ['blur', 'change']}],
+})
+const applyForm = ref()
+const singleFile = ref()
+const allFileList = ref([])
+const props = defineProps({
+  showFileList: {
+    type: Boolean,
+    default: false
+  }, label: {
+    type: String,
+    default: '项目附件'
+  }, showTable: {
+    type: Boolean,
+    default: true
+  }, preview: {
+    type: Boolean,
+    default: false
+  }, otherFileList: {
+    type: Array,
+    default: []
+  }, formData: {
+    type: Array,
+    default: []
+  }
+})
+watch(() => props.showTable, (newVal) => {
+  props.showTable = newVal
+}, {deep: true})
+watch(() => props.otherFileList, (newVal) => {
+  newVal.forEach(item => {
+    allFileList.value.push(item)
+  })
+}, {deep: true})
+watch(() => props.formData.fileList, (newVal) => {
+  if (props.preview) {
+    newVal.forEach(item => {
+      allFileList.value.push(item)
+    })
+  }
+}, {deep: true})
+watch(() => props.formData.singleFile, (newVal) => {
+  // singleFile.value = {}
+  singleFile.value = newVal
+}, {deep: true})
+const getAttachment = (val) => {
+  emit('getAttachment', val)
+}
+const getOtherFile = (val) => {
+  emit('getOtherFile', val)
+}
+const deleteAttachment = (val) => {
+  deleteFile(val).then(res => {
+    if (res.code === 1000) {
+      ElMessage.success("删除成功");
+    }
+  });
+}
+const deleteOtherFile = (row, type) => {
+  ElMessageBox.confirm(`确认删除名称为${row.originalFileName}的表格吗?`, '系统提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    deleteFile(row.fileId).then(res => {
+      ElNotification({
+        title: '提示',
+        message: res.msg,
+        type: res.code === 1000 ? 'success' : 'error'
+      })
+      if (res.code === 1000) {
+        if (type === 1) {
+          singleFile.value = {}
+        } else {
+          props.otherFileList.splice(props.otherFileList.findIndex((item) => item.id === row.fileId), 1);
+        }
+      }
+    });
+  }).catch(() => {
+    ElNotification({
+      title: '提示',
+      message: "用户取消删除! ",
+      type: 'warning'
+    })
+  })
+}
+const handleDownload = (row) => {
+  downloadFile(row.fileId).then(res => {
+    const blob = new Blob([res])
+    let a = document.createElement('a')
+    a.href = URL.createObjectURL(blob)
+    a.download = row.originalFileName
+    a.click()
+  })
+}
+defineExpose({
+  validate() {
+    return applyForm.value.validate()
+  },
+  clearValidate() {
+    return applyForm.value.clearValidate()
+  },
+  allFileList,
+  singleFile
+})
+</script>
+
+<style scoped>
+
+</style>
--- a/src/components/DetailComponent/ApprovalDetail.vue
+++ b/src/components/DetailComponent/ApprovalDetail.vue
@@ -0,0 +1,193 @@
+<template>
+  <div  v-loading="loading">
+    <fvForm :schema="schema" @getInstance="(e)=>form = e"></fvForm>
+    <!-- <AttachmentUpload></AttachmentUpload> -->
+    <el-form :model="formData" label-width="auto">
+      <el-form-item label="其他文件">
+        <el-table :data="formData.fileList" style="width: 100%">
+          <el-table-column label="序号" type="index" width="80"></el-table-column>
+          <el-table-column label="文件名称" prop="originalFileName"></el-table-column>
+          <el-table-column label="标签" prop="tag"></el-table-column>
+          <el-table-column label="文件大小" prop="size">
+            <template #default="{row}">
+              {{ parseInt(row.size / 1024) + 'KB' }}
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-form-item>
+    </el-form>
+    <div class="approval-record">
+        <baseTitle title="审批记录"></baseTitle>
+        <div class="process">
+          <operation-render v-if="processViewer" :operation-list="data.operationList"
+                            :state="data.state"/>
+          <process-diagram-viewer v-if="processViewer" :id-name="type"/>
+        </div>
+    </div>
+<!--    <Opinion: v-if="data.taskId" :formData="formData" :taskId="formData.taskId"></Opinion:>-->
+  </div>
+</template>
+
+<script setup lang="jsx">
+import { computed, markRaw, reactive, ref, watchEffect } from 'vue';
+import AttachmentUpload from '../AttachmentUpload.vue';
+import OperationRender from '@/views/workflow/common/OperationRender.vue'
+import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue';
+import Opinion from './Opinion.vue';
+import fvTable from '@/fvcomponents/fvTable/index.vue'
+import { ElLoading } from 'element-plus';
+import {deleteFile, downloadFile} from "@/api/project-demand";
+
+const props = defineProps({
+  formData: {
+    type: Object,
+    default: {}
+  },
+  data: {
+    type: Array,
+    default: []
+  },
+  processViewer: {
+    type: Boolean,
+    default: false
+  },
+  companyOption: {
+    type: Array,
+    default: []
+  },
+
+  // approval 立项, execute 实施, 归档 archivist
+  type: {
+    type: String,
+    default: 'approval'
+  }, loading: {
+    type: Boolean,
+    default: false
+  }
+})
+watch(() => props.loading, (newVal) => {
+  props.loading = newVal
+}, {deep: true})
+const form = ref()
+
+const localData = reactive({
+  fileList: props.formData.fileList,
+  singleFile: props.formData.singleFile
+})
+
+const schema = computed(()=>{
+  let arr
+
+  if(props.type == 'approval') {
+    arr = [
+      {
+        label: '前置流程',
+        prop: 'preProcess',
+        colProps: {
+          span: 24
+        }
+      },
+      {
+        label: '项目立项附件',
+        prop: 'singleFile',
+        colProps: {
+          span: 24
+        },
+        component: ()=>(
+          <div>
+            {
+              props.formData.singleFile?.originalFileName ?
+              <span
+                style={{color: '#409EFF', cursor: 'pointer'}}
+                onClick={()=>handleDownload(props.formData.singleFile)}
+              >
+                {props.formData.singleFile?.originalFileName}
+              </span> :
+              <span>{'--'}</span>
+            }
+          </div>
+
+        )
+      },
+    ]
+  } else if(props.type == 'execute') {
+    arr = [
+      {
+        label: '前置流程',
+        prop: 'preProcess',
+        colProps: {
+          span: 24
+        }
+      },
+      {
+        label: '项目验收附件',
+        prop: 'singleFile',
+        colProps: {
+          span: 24
+        },
+        component: ()=>(
+            <div>
+              {
+                props.formData.singleFile?.originalFileName ?
+                    <span
+                        style={{color: '#409EFF', cursor: 'pointer'}}
+                        onClick={()=>handleDownload(props.formData.singleFile)}
+                    >
+                {props.formData.singleFile?.originalFileName}
+              </span> :
+                    <span>{'--'}</span>
+              }
+            </div>
+
+        )
+      },
+    ]
+  } else {
+    arr = [
+      {
+        label: '项目归档附件',
+        prop: 'singleFile',
+        colProps: {
+          span: 24
+        },
+        component: ()=>(
+            <div>
+              {
+                props.formData.singleFile?.originalFileName ?
+                    <span
+                        style={{color: '#409EFF', cursor: 'pointer'}}
+                        onClick={()=>handleDownload(props.formData.singleFile)}
+                    >
+                {props.formData.singleFile?.originalFileName}
+              </span> :
+                    <span>{'--'}</span>
+              }
+            </div>
+
+        )
+      },
+    ]
+  }
+  return arr
+})
+
+const handleDownload = (row) => {
+  const loading = ElLoading.service({fullscreen: true})
+  downloadFile(row.fileId).then(res => {
+    const blob = new Blob([res])
+    let a = document.createElement('a')
+    a.href = URL.createObjectURL(blob)
+    a.download = row.originalFileName
+    a.click()
+    loading.close()
+  })
+}
+
+watchEffect(()=>{
+  Object.keys(props.formData).length && (form.value.setValues(props.formData))
+})
+</script>
+
+<style lang="scss" scoped>
+
+</style>
--- a/src/components/DetailComponent/CollectionDetail.vue
+++ b/src/components/DetailComponent/CollectionDetail.vue
@@ -0,0 +1,178 @@
+<template>
+  <div v-loading="loading">
+    <el-form :model="formData" ref="form" label-width="auto">
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="名称">
+            <span>{{ formData.requirementName }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所属公司">
+            <span>{{ formData.companyIds }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="征集类型">
+            <span>{{ formData.collectType }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="截止时间">
+            <span>{{ formData.deadline }}</span>
+          </el-form-item>
+        </el-col>
+        <baseTitle title="征集说明"></baseTitle>
+        <el-col :span="24">
+          <el-form-item>
+            <el-card style="width: 100%">
+              <div v-html="formData.collectExplain">
+              </div>
+            </el-card>
+          </el-form-item>
+        </el-col>
+        <baseTitle title="附件列表"></baseTitle>
+        <el-col :span="24">
+          <el-form-item>
+            <fvTable style="width: 100%;max-height: 200px" v-if="processViewer" :tableConfig="tableConfig"
+                     :data="formData.fileList" :isSettingCol="false" :pagination="false">
+              <template #empty>
+                <el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
+              </template>
+            </fvTable>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <div v-if="formData.taskId">
+            <baseTitle title="审核意见"></baseTitle>
+            <el-form-item prop="auditOpinion">
+              <el-input
+                  v-model="formData.auditOpinion"
+                  :rows="3"
+                  type="textarea"
+                  placeholder="请输入审核意见"
+              />
+            </el-form-item>
+          </div>
+        </el-col>
+      </el-row>
+      <div class="approval-record">
+        <baseTitle title="审批记录"></baseTitle>
+        <div class="process">
+          <operation-render v-if="processViewer" :operation-list="data.operationList"
+                            :state="data.state"/>
+          <process-diagram-viewer v-if="processViewer" id-name="collectionProcess"/>
+        </div>
+      </div>
+    </el-form>
+  </div>
+</template>
+
+<script setup lang="jsx">
+import OperationRender from '@/views/workflow/common/OperationRender.vue'
+import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue'
+import {matterTree} from '@/utils/matterTree.js';
+import {downloadFile} from "@/api/project-demand";
+
+const emit = defineEmits(['getInfo',"update:formData"])
+const form = ref()
+const showTable = ref(false)
+const companyNameArray = ref([])
+
+const props = defineProps({
+  formData: {
+    type: Array,
+    default: []
+  },
+  data: {
+    type: Array,
+    default: []
+  },
+  processViewer: {
+    type: Boolean,
+    default: false
+  },
+  companyOption: {
+    type: Array,
+    default: []
+  }, loading: {
+    type: Boolean,
+    default: false
+  }
+})
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'index',
+      type: 'index',
+      label: '序号',
+      align: 'center',
+      width: '80',
+    },
+    {
+      prop: 'originalFileName',
+      label: '文件名',
+      align: 'center',
+    },
+    {
+      prop: 'tag',
+      label: '标签',
+      align: 'center'
+    },
+    {
+      prop: 'size',
+      label: '文件大小',
+      align: 'center',
+      currentRender: ({row, index}) => (parseInt(row.size / 1024) + 'KB')
+    },
+    {
+      prop: 'oper',
+      label: '操作',
+      align: 'center',
+      currentRender: ({row, index}) => {
+        return (
+            <el-button type="primary" link onClick={() => handleDownload(row)}>下载</el-button>
+        )
+      }
+    }
+  ]
+})
+const handleDownload = (row) => {
+  downloadFile(row.fileId).then(res => {
+    const blob = new Blob([res])
+    let a = document.createElement('a')
+    a.href = URL.createObjectURL(blob)
+    a.download = row.originalFileName
+    a.click()
+  })
+}
+const getDataSourceOptionItem = (val) => {
+  if (val instanceof Array) {
+    val.forEach(item => {
+      matterTree(companyNameArray.value, props.companyOption, item)
+    })
+  }
+  let uniqueArr = Array.from(new Set(companyNameArray.value));
+  return uniqueArr.join('，');
+}
+
+watch(() => props.loading, (newVal) => {
+  props.loading = newVal
+}, {deep: true})
+
+watch(() => props.companyOption, (newVal) => {
+  props.companyOption = newVal
+}, {deep: true})
+watch(() => props.formData, (newVal) => {
+  if(newVal!=null){
+    props.formData.companyIds = getDataSourceOptionItem(newVal.companyIds)
+  }
+}, {deep: true})
+watch(() => props.processViewer, (newVal) => {
+  props.processViewer = newVal
+}, {deep: true})
+</script>
+
+<style scoped>
+
+</style>
--- a/src/components/DetailComponent/Opinion.vue
+++ b/src/components/DetailComponent/Opinion.vue
@@ -0,0 +1,108 @@
+<template>
+  <baseTitle title="审核意见"></baseTitle>
+  <fvForm :schema="schema" @getInstance="(e)=>form = e"></fvForm>
+  <div class="oper-page-btn">
+    <el-button type="danger" @click="handleReject">驳回</el-button>
+    <el-button color="#DED0B2" @click="handleAgree">同意</el-button>
+  </div>
+</template>
+
+<script setup lang="jsx">
+import {ElNotification} from 'element-plus';
+import {agreeTask, rejectTask} from "@/api/project-demand/index.js";
+
+const route = useRoute()
+const router = useRouter()
+const props = defineProps({
+  taskId: {
+    type: String,
+    default: ''
+  },
+  formData: {
+    type: Object,
+    default: {}
+  }
+})
+
+const form = ref()
+const schema = computed(() => {
+  return [
+    {
+      label: '',
+      prop: 'auditOpinion',
+      component: 'el-input',
+      colProps: {
+        span: 24
+      },
+      props: {
+        placeholder: '请输入审核意见',
+        type: 'textarea',
+        maxlength: 140
+      }
+    }
+  ]
+})
+const back = () => {
+  switch (route.name) {
+    case 'Initiation/detail':
+      router.push({name: 'Initiation'})
+      break;
+    case 'Filing/detail':
+      router.push({name: 'Filing'})
+      break;
+    case 'Implementation/detail':
+      router.push({name: 'Implementation'})
+      break;
+    case 'Summary/detail':
+      router.push({name: 'Summary'})
+      break;
+    case 'Requirement/detail':
+      router.push({name: 'Requirement'})
+      break;
+  }
+}
+// 驳回
+const handleReject = async () => {
+  const values = form.value.getValues()
+  if (!values.auditOpinion) {
+    ElNotification({
+      title: '提示',
+      message: '请填写审核意见',
+      type: 'warning'
+    })
+    return
+  }
+  console.log('values', values)
+  const params = {
+    taskId: props.taskId,
+    ...values
+  }
+  const res = await rejectTask(params)
+  ElNotification({
+    title: '提示',
+    message: res.msg,
+    type: res.code === 1000 ? 'success' : 'error'
+  })
+  back()
+}
+
+const handleAgree = async () => {
+  const values = form.value.getValues()
+  const params = {
+    taskId: props.taskId,
+    formData: props.formData,
+    ...values
+  }
+  const res = await agreeTask(params)
+  ElNotification({
+    title: '提示',
+    message: res.msg,
+    type: res.code === 1000 ? 'success' : 'error'
+  })
+  back()
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>
--- a/src/components/DetailComponent/SummaryDetail.vue
+++ b/src/components/DetailComponent/SummaryDetail.vue
@@ -0,0 +1,322 @@
+<template>
+  <div class="detail-block" v-loading="loading">
+    <el-form :model="localFormData" ref="summaryForm" :rules="rules">
+      <el-row gutter="50">
+        <el-col :span="12">
+          <el-form-item label="名称" prop="projectName">
+            <span>{{ localFormData.projectName }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="专项资金" prop="specialFund">
+            <span>{{ localFormData.specialFund }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="开始时间" prop="startTime">
+            <span>{{ localFormData.startTime }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="结束时间" prop="endTime">
+            <span>{{ formData.endTime }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所属公司" prop="affiliatedCompanyId">
+            <span>{{ localFormData.affiliatedCompanyId }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="项目类型" prop="projectType">
+            <span>{{ localFormData.projectType }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="研发主体" prop="rdSubject">
+            <span>{{ localFormData.rdSubject }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="出资类型" prop="investmentType">
+            <span>{{ localFormData.investmentType }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="项目影响" prop="projectImpact">
+            <span>{{ localFormData.projectImpact }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所属业务板块" prop="businessSegment">
+            <span>{{ localFormData.businessSegment }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="预期成果形式" prop="resultForm">
+            <span>{{ localFormData.resultForm }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="预期技术标准制定" prop="technicalStandard">
+            <span>{{ localFormData.technicalStandard }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="产学研联合" prop="industryUniversityResearch">
+            <span>{{ localFormData.industryUniversityResearch }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="开展政府申报" prop="governmentDeclaration">
+            <span>{{ localFormData.governmentDeclaration }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="知识产权状况" prop="intellectualProperty">
+            <span>{{ localFormData.intellectualProperty }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="发明专利(项)" prop="inventionPatent">
+            <span>{{ localFormData.inventionPatent }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="实用性新型专利(项)" prop="newPatent">
+            <span>{{ localFormData.newPatent }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="软件著作权(项)" prop="softwareCopyright">
+            <span>{{ localFormData.softwareCopyright }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="著作权(项)" prop="copyright">
+            <span>{{ localFormData.copyright }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="其他(项)" prop="other">
+            <span>{{ localFormData.other }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="经济概算(万元)" prop="economicEstimate">
+            <span>{{ localFormData.economicEstimate }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="其中申请公司总部科技创新专项资金(万元)" prop="specialFundAmount">
+            <span>{{ localFormData.specialFundAmount }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="现有业务描述" prop="serviceDescription">
+            <span>{{ localFormData.serviceDescription }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="研发项目关键内容描述" prop="contentDescription">
+            <span>{{ localFormData.contentDescription }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="需求上报申请书">
+            <el-button type="primary" link @click="handleDownload(localFormData.singleFile)">
+              {{ localFormData.singleFile?.originalFileName }}
+            </el-button>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="需求上报附件">
+            <fvTable style="width: 100%;max-height: 400px;" v-if="processViewer" :tableConfig="tableConfig"
+                     :data="localFormData.fileList" :isSettingCol="false" :pagination="false">
+              <template #empty>
+                <el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
+              </template>
+            </fvTable>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <div v-if="data.taskId">
+            <baseTitle title="审核意见"></baseTitle>
+            <el-form-item prop="auditOpinion">
+              <el-input
+                  v-model="localFormData.auditOpinion"
+                  :rows="3"
+                  type="textarea"
+                  placeholder="请输入审核意见"
+              />
+            </el-form-item>
+          </div>
+        </el-col>
+      </el-row>
+      <div class="approval-record">
+        <baseTitle title="审批记录"></baseTitle>
+        <div class="process">
+          <operation-render v-if="processViewer" :operation-list="data.operationList"
+                            :state="data.state"/>
+          <process-diagram-viewer  v-if="processViewer" id-name="summaryProcess"/>
+        </div>
+      </div>
+<!--      <div class="oper-page-btn" v-if="data.state === '1' && data.taskId">-->
+<!--        <el-button @click="handleReject(summaryForm)">驳回</el-button>-->
+<!--        <el-button color="#DED0B2" @click="handleAgree">同意</el-button>-->
+<!--      </div>-->
+    </el-form>
+  </div>
+</template>
+
+<script setup lang="jsx">
+import {downloadFile} from "@/api/project-demand";
+import OperationRender from '@/views/workflow/common/OperationRender.vue'
+import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue'
+import {ElMessage, ElNotification} from "element-plus";
+import {agreeTask, rejectTask} from "@/api/project-demand";
+import {useTagsView} from '@/stores/tagsview.js'
+
+const tagsViewStore = useTagsView()
+const props = defineProps({
+  formData: {
+    type: Object,
+    default: {}
+  },
+  data: {
+    type: Object,
+    default: {}
+  },
+  processViewer: {
+    type: Boolean,
+    default: false
+  }, loading: {
+    type: Boolean,
+    default: false
+  }
+})
+const localFormData = ref({})
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'index',
+      type: 'index',
+      label: '序号',
+      align: 'center',
+      width: '80',
+    },
+    {
+      prop: 'originalFileName',
+      label: '文件名',
+      align: 'center',
+    },
+    {
+      prop: 'tag',
+      label: '标签',
+      align: 'center'
+    },
+    {
+      prop: 'size',
+      label: '文件大小',
+      align: 'center',
+      currentRender: ({row, index}) => (parseInt(row.size / 1024) + 'KB')
+    },
+    {
+      prop: 'oper',
+      label: '操作',
+      align: 'center',
+      currentRender: ({row, index}) => {
+        return (
+            <el-button type="primary" link onClick={() => handleDownload(row)}>下载</el-button>
+        )
+      }
+    }
+  ]
+})
+const router = useRouter()
+const summaryForm = ref()
+const rules = reactive({
+  auditOpinion: [{required: true, message: '请输入审核意见', trigger: 'blur'}],
+})
+const handleReject = (instance) => {
+  if (!instance) return
+  instance.validate(async (valid) => {
+    if (!valid) return
+    let approve = {
+      taskId: props.data.taskId,
+      auditOpinion: localFormData.value.auditOpinion,
+    }
+    rejectTask(approve).then(res => {
+      ElNotification({
+        title: '提示',
+        message: res.msg,
+        type: res.code === 1000 ? 'success' : 'error'
+      })
+      if (res.code === 1000) {
+        tagsViewStore.delVisitedViews(router.currentRoute.value.path)
+        router.push({
+          name: 'Summary'
+        })
+      }
+    })
+  })
+}
+const handleAgree = () => {
+  let approve = {
+    taskId: props.data.taskId,
+    auditOpinion: localFormData.value.auditOpinion,
+    formData: localFormData.value
+  }
+  agreeTask(approve).then(res => {
+    ElNotification({
+      title: '提示',
+      message: res.msg,
+      type: res.code === 1000 ? 'success' : 'error'
+    })
+    if (res.code === 1000) {
+      tagsViewStore.delVisitedViews(router.currentRoute.value.path)
+      router.push({
+        name: 'Summary'
+      })
+    }
+  })
+}
+const handleDownload = (row) => {
+  downloadFile(row.fileId).then(res => {
+    const blob = new Blob([res])
+    let a = document.createElement('a')
+    a.href = URL.createObjectURL(blob)
+    a.download = row.originalFileName
+    a.click()
+  })
+}
+
+watch(
+    () => props.formData,
+    (val) => {
+    }
+)
+watch(() => props.processViewer, (newVal) => {
+  props.processViewer = newVal
+}, {deep: true})
+watch(() => props.loading, (newVal) => {
+  props.loading = newVal
+}, {deep: true})
+
+watchEffect(() => {
+  Object.keys(props.formData).length && (localFormData.value = props.formData)
+})
+</script>
+
+<style scoped>
+:deep(.el-table--fit) {
+  height: auto !important;
+}
+
+.detail-block {
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding-bottom: 20px;
+}
+
+</style>
--- a/src/components/FileUpload.vue
+++ b/src/components/FileUpload.vue
@@ -0,0 +1,112 @@
+<template>
+  <el-upload :file-list="_value"
+             :action="uploadFileUrl"
+             :headers="headers"
+             :limit="maxSize"
+             with-credentials
+             :multiple="maxSize > 0"
+             :data="uploadParams"
+             :show-file-list="showFileList"
+             :auto-upload="true"
+             :before-upload="beforeUpload"
+             :on-success="handleUploadSuccess"
+             :on-error="uploadError"
+             :before-remove="beforeRemove"
+             :on-remove="handleRemove"
+  >
+    <el-button color="#DED0B2" :loading="loading">上传文件</el-button>
+  </el-upload>
+</template>
+
+<script setup>
+import {ElMessage,ElMessageBox} from "element-plus";
+import {getToken} from '@/utils/auth'
+const baseURL = import.meta.env.VITE_BASE_URL
+const uploadFileUrl = ref(baseURL + "/workflow/process/file/upload")
+const headers = reactive({
+  authorization: getToken()
+})
+const disabled = ref(false)
+const loading = ref(false)
+const showTable = ref(false)
+const uploadParams = ref({})
+const props = defineProps({
+  value: {
+    type: Array,
+    default: () => {
+      return []
+    }
+  },
+  maxSize: {
+    type: Number,
+    default: 30
+  },
+  showFileList: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const emit = defineEmits(["input", "getFile","delete"])
+const fileList = ref([])
+const _value = computed({
+  get() {
+    return props.value;
+  },
+  set(val) {
+    emit("input", val);
+  }
+})
+const beforeRemove = (file, fileList) => {
+  return ElMessageBox.confirm(`确认删除名称为${file.name}的文件吗?`, '系统提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => true)
+}
+
+const handleRemove = (file, fileList) => {
+  emit("delete",file.response.data.id)
+}
+const beforeUpload = (file) => {
+  // const FileExt = file.name.replace(/.+\./, "");
+  // if (['zip', 'rar', 'pdf', 'doc', 'docx', 'xlsx'].indexOf(FileExt.toLowerCase()) === -1) {
+  //   ElMessage.warning('请上传后缀名为pdf、doc、docx、xlsx、zip或rar的文件！');
+  //   return false;
+  // } else
+  // if (props.maxSize > 0 && file.size / 1024 / 1024 > props.maxSize) {
+  //   ElMessage.warning(`每个文件最大不超过 ${props.maxSize}MB`)
+  // } else {
+  loading.value = true
+  return true
+  // }
+}
+const handleUploadSuccess = (res, file) => {
+  if (res.code !== 1000) {
+    loading.value = false
+    ElMessage.error("上传失败")
+  } else {
+    loading.value = false
+    ElMessage.success("上传成功")
+  }
+  showTable.value = true
+  let data = res.data
+  fileList.value.push(data)
+  emit("getFile", res.data)
+}
+const uploadError=(err)=>{
+  loading.value = false
+  ElMessage.error("上传失败，请稍后再试！")
+}
+
+</script>
+
+<style lang="scss" scoped>
+a {
+  font-size: 14px;
+  color: #2a99ff;
+}
+:deep(.el-upload-list) {
+  width: 400px;
+}
+</style>
--- a/src/components/NameCircle.vue
+++ b/src/components/NameCircle.vue
@@ -0,0 +1,126 @@
+<template>
+  <div>
+    <slot name="pre"></slot>
+    <div class="user-audit">
+      <div class="circle-user">
+        <Tooltip :content="user.name" placement="bottom-start" width="45"/>
+        <div v-if="user.icon"
+             class="el-timeline-item__node" :style="{
+                      backgroundColor: user.color
+                    }">
+          <el-icon v-if="user.icon" size="15" :class="user.class">
+            <component :is="user.icon"/>
+          </el-icon>
+        </div>
+      </div>
+      <div class="username" v-if="user.auditOpinion">
+        <div style="margin-bottom: 10px;color: #909399">{{user.operationTime}}</div>
+        <Tooltip :content="user.auditOpinion" placement="bottom-start" width="140" :lines="true"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import {Loading, Close, CircleCheckFilled, MoreFilled} from '@element-plus/icons-vue'
+import {defineProps} from "vue";
+
+const props = defineProps({
+  row: {
+    type: Number,
+    default: 1
+  },
+  hoverTip: {
+    type: Boolean,
+    default: false
+  },
+  user: {
+    type: Object,
+    default: {}
+  },
+  mode: {
+    type: String,
+    default: 'design'
+  }
+})
+
+const init = () => {
+  // for (let user of props.userInfo) {
+  initUser(props.user)
+  // }
+}
+
+const initUser = (user) => {
+  let state = user.state
+  //创建节点
+  if (state === 'CREATE') {
+    user["icon"] = CircleCheckFilled
+    user["color"] = "#0bbd87"
+  }
+  //审批通过
+  if (state === 'AGREE' || state === 'AUTO_PASS') {
+    user["icon"] = CircleCheckFilled
+    user["color"] = "#0bbd87"
+  }
+  //审批处理中
+  if (state === 'RUNNING') {
+    user["icon"] = Loading
+    user["color"] = "#f78f5f"
+    user["class"] = 'is-loading'
+  }
+  //拒绝后评论
+  if (state === 'REFUSE') {
+    user["icon"] = Close
+    user["color"] = "#f56c6c"
+  }
+  if (state === 'PASS') {
+    user["icon"] = MoreFilled
+    user["color"] = "#c0c4cc"
+  }
+  return user;
+}
+
+init()
+</script>
+
+<style scoped lang="scss">
+.user-audit {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  .circle-user {
+    width: 50px;
+    height: 50px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 50%;
+    border: 1px solid #ACACAC;
+    position: relative;
+
+    .el-timeline-item__node {
+      position: absolute;
+      bottom: 0;
+      right: 1px;
+    }
+  }
+
+  .username {
+    //width: 90px;
+    margin-top: 10px;
+    background: #f5f5f5;
+    padding: 5px;
+
+    .el-tooltip__trigger {
+      width: 90px;
+      text-align: center;
+      //padding-top: 2px;
+      //text-align: center;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      overflow: hidden
+    }
+  }
+}
+</style>
--- a/src/components/PopoverDelete.vue
+++ b/src/components/PopoverDelete.vue
@@ -9,7 +9,7 @@
      @cancel="handleCancel"
  >
    <template #reference>
-      <el-button :type="btnType" size="mini" v-perm="perm" :disabled="isDisabled" :icon="btnIcon" :plain="isPlain">
+      <el-button v-perm="perm"  :type="btnType" size="mini" :disabled="isDisabled" :icon="btnIcon" :plain="isPlain" :link="link">
        {{ btnText }}
      </el-button>
    </template>
@@ -24,12 +24,16 @@ const props = defineProps({
  },
  btnType: {
    type: String,
-    default: 'text'
+    default: 'danger'
  },
  type: {
    type: String,
    default: ''
  },
+  link: {
+    type: Boolean,
+    default: true
+  },
  btnIcon: {
    type: String,
    default: ''
@@ -61,6 +65,7 @@ const handleCancel = () => {
  visible.value = false
 }
 const handleDelete = () => {
+  console.log('确认')
  emit("delete")
 }
 </script>
--- a/src/components/Tinymce.vue
+++ b/src/components/Tinymce.vue
@@ -60,13 +60,21 @@ const props = defineProps({
  toolbar: {
    type: [String, Array],
    default: [
-      "fullscreen undo redo restoredraft | cut copy paste pastetext | forecolor backcolor bold italic underline strikethrough link anchor | alignleft aligncenter alignright alignjustify outdent indent | bullist numlist | blockquote subscript superscript removeformat ",
+      "fullscreen undo redo | cut copy paste pastetext | forecolor backcolor bold italic underline strikethrough link anchor | alignleft aligncenter alignright alignjustify outdent indent | bullist numlist | blockquote subscript superscript removeformat ",
      "styleselect formatselect fontselect fontsizeselect |  table image axupimgs media  pagebreak insertdatetime  selectall visualblocks searchreplace | code preview | indent2em lineheight formatpainter",
    ],
  },
  fontFormats: {
    type: [String, Array],
    default: "微软雅黑=Microsoft YaHei,Helvetica Neue,PingFang SC,sans-serif;苹果苹方=PingFang SC,Microsoft YaHei,sans-serif;宋体=simsun,serif;仿宋体=FangSong,serif;黑体=SimHei,sans-serif;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;"
+  },
+  width:{
+    type: String,
+    default: 'auto'
+  },
+  height:{
+    type: Number,
+    default: 450
  }
 })
 const content = ref(props.value);
@@ -78,9 +86,10 @@ const init = reactive({
  content_css: '/skins/content/default/content.css',
  language: 'zh_CN',
  placeholder: "在这里输入文字", //textarea中的提示信息
-  min_width: 320,
-  min_height: 220,
-  height: 500, //注：引入autoresize插件时，此属性失效
+  min_width: 300,
+  min_height: 200,
+  width:props.width,
+  height: props.height, //注：引入autoresize插件时，此属性失效
  resize: "both", //编辑器宽高是否可变，false-否,true-高可变，'both'-宽高均可，注意引号
  promotion: false,
  branding: false, //tiny技术支持信息是否显示
--- a/src/components/Tooltip.vue
+++ b/src/components/Tooltip.vue
@@ -0,0 +1,49 @@
+<template>
+  <el-tooltip
+      effect="dark"
+      :content="props.content"
+      placement="bottom-start"
+      :disabled="isShow"
+  >
+    <div :class="lines?'content-lines':'content'" :style="{width: props.width+'px'}" @mouseover="isShowTooltip">
+      <span ref="contentRef">
+        <slot name="content">{{ props.content }}</slot>
+      </span>
+    </div>
+  </el-tooltip>
+</template>
+<script setup>
+const props = defineProps({
+  content: {
+    type: String,
+    default: ''
+  }, width: {
+    type: String,
+    default: ''
+  }, lines: {
+    type: Boolean,
+    default: false
+  }
+})
+const contentRef = ref()
+const isShow = ref(false)
+const isShowTooltip = () => {
+  isShow.value = props.width > contentRef.value.offsetWidth;
+}
+</script>
+<style>
+.content {
+  width: 45px;
+  text-align: center;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.content-lines{
+  overflow:hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 2;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+}
+</style>
--- a/src/components/steps/api/index.js
+++ b/src/components/steps/api/index.js
@@ -0,0 +1,15 @@
+import request from '@/utils/request'
+
+export const getBaseInfoApi = (projectId) => {
+  return request({
+    url: '/workflow/details/info/'+projectId,
+    method: 'get',
+  })
+}
+
+export const getMapProjectStateInfo = (projectId, state) => {
+  return request({
+    url: `/workflow/details/${projectId}/${state}`,
+    method: 'get'
+  })
+}
--- a/src/components/steps/index.vue
+++ b/src/components/steps/index.vue
@@ -0,0 +1,256 @@
+<template>
+  <baseTitle title="基础信息"></baseTitle>
+  <fvForm :schema="schema" @getInstance="(e)=>baseForm = e"></fvForm>
+  <baseTitle title="各流程信息"></baseTitle>
+  <div class="steps-box">
+    <el-steps :active="localActive" finish-status="success">
+      <el-step
+        v-for="(item, index) in localSteps"
+        :key="item.key"
+        :title="item.title"
+        :class="stepClass(index)"
+        @click="handleStep(item.key, index)"
+
+      />
+    </el-steps>
+  </div>
+
+  <!-- 步骤内容 -->
+  <div>
+    <slot name="content" :localActive="localActive"></slot>
+    <!-- <template v-for="(item, index) in stepList" :key="item.key">
+      <component v-if="localActive == index" v-bind="item.props || {}" :is="item.component" />
+    </template> -->
+  </div>
+</template>
+
+<script setup lang="jsx">
+import { ElLoading, ElNotification } from 'element-plus';
+import { computed, reactive, ref, watchEffect } from 'vue';
+import { useRoute } from 'vue-router';
+import { getBaseInfoApi } from './api';
+
+const props = defineProps({
+  // 步骤对应内容list
+  stepList: {
+    type: Array,
+    default: []
+  },
+  // 当前显示步骤
+  active: {
+    type: Number,
+    default: '0'
+  },
+  // 已完成的工作流步骤
+  stepSuccess: {
+    type: Array,
+    default: ['00']
+  }
+})
+
+const route = useRoute()
+
+const emits = defineEmits(['stepChange', 'setDetail'])
+
+const localData = reactive({
+
+})
+
+const localActive = ref(0) // 当前激活步骤
+
+const localSteps = ref([
+  {
+    title: '需求征集',
+    key: 'collect',
+  },
+  {
+    title: '需求上报',
+    key: 'report',
+  },
+  {
+    title: '项目立项',
+    key: 'approve',
+  },
+  {
+    title: '项目实施',
+    key: 'execute',
+  },
+  {
+    title: '项目归档',
+    key: 'archivist',
+  },
+  // {
+  //   title: '项目结项',
+  //   key: 'end',
+  // },
+])
+
+const baseForm = ref()
+
+const schema = computed(()=>{
+  return [
+    {
+      label: '所属公司',
+      prop: 'affiliatedCompany',
+      colProps: {
+        span: 12
+      }
+      // component:
+    },
+    {
+      label: '征集类型',
+      prop: 'collectType',
+      colProps: {
+        span: 12
+      }
+      // component:
+    },
+    {
+      label: '截止时间',
+      prop: 'deadline',
+      colProps: {
+        span: 12
+      }
+      // component:
+    },
+    {
+      label: '需求名称',
+      prop: 'requirementName',
+      colProps: {
+        span: 12
+      }
+      // component:
+    },
+  ]
+})
+
+const localStepSuccess = ref([])
+
+// 格式化详情步骤条
+const formatProcedure = (data) => {
+  let arr = []
+  if(data instanceof Array) {
+    data.forEach(item=>{
+      switch (item) {
+        case '00': arr.push(0)
+          break
+        case '10': arr.push(1)
+          break
+        case '20': arr.push(2)
+          break
+        // case '30': arr.push(3)
+        //   break
+        case '40': arr.push(3)
+          break
+        case '50': arr.push(4)
+          break
+      }
+    })
+  }
+  return arr
+}
+
+// 反向格式化
+const formatReProcedure = (data) => {
+  let arr = []
+  if(data instanceof Array) {
+    data.forEach(item=>{
+      switch (item) {
+        case 0: arr.push('00')
+          break
+        case 1: arr.push('10')
+          break
+        case 2: arr.push('20')
+          break
+        // case 3: arr.push('30')
+        //   break
+        case 3: arr.push('40')
+          break
+        case 4: arr.push('50')
+          break
+      }
+    })
+  }
+}
+
+const formatActive = (val) => {
+  let active = ''
+  val == 0 && (active = '00')
+  val == 1 && (active = '10')
+  val == 2 && (active = '20')
+  // val == 3 && (active = '30')
+  val == 3 && (active = '40')
+  val == 4 && (active = '50')
+  return active
+}
+
+const stepClass = (val) => {
+  if (localStepSuccess.value.includes(val)) {
+    return 'step-success'
+  }
+  return 'step-error'
+}
+
+const handleStep = (key, index) => {
+  if (localStepSuccess.value.includes(index)) {
+    let active = ''
+    localActive.value = index
+    switch(index) {
+      case 0: active = '00'
+        break
+      case 1: active = '10'
+        break
+      case 2: active = '20'
+        break
+      // case 3: active = '30'
+      //   break
+      case 3: active = '40'
+        break
+      case 4: active = '50'
+        break
+    }
+    emits('stepChange', { key, active })
+    return
+  }
+  ElNotification({
+    title: '提示',
+    message: '不能查看未完成的工作流信息',
+    type: 'warning'
+  })
+}
+
+const getBaseInfo = async () => {
+  const loading = ElLoading.service({fullscreen: true})
+  try {
+    const { code, data } = await getBaseInfoApi(route.query.projectId)
+    localStepSuccess.value = formatProcedure(data.procedure)
+    baseForm.value.setValues(data)
+    console.log(formatActive(localActive.value), 'formatActive(localActive.value)');
+    emits('setDetail', formatActive(localActive.value))
+    loading.close()
+  } catch {
+    loading.close()
+  }
+}
+
+getBaseInfo()
+
+watchEffect(() => {
+  console.log(props.active, 'props.active');
+  localActive.value = props.active
+})
+</script>
+
+<style lang="scss" scoped>
+.steps-box {
+  padding: 10px 0;
+}
+
+.step-success {
+  cursor: pointer;
+}
+
+.step-error {
+  cursor: not-allowed;
+}
+</style>
--- a/src/directives/permission.js
+++ b/src/directives/permission.js
@@ -8,7 +8,7 @@ export const hasPerm = (el, binding, vnode) => {
  if (value && value instanceof Array && value.length > 0) {
    const permissiosFlag = value
    const hasPermission = permisstions.some(permission => {
-      return allPermission === permission || permissiosFlag.includes(permission)
+      return permission === allPermission || permissiosFlag.includes(permission) || permissiosFlag.includes(allPermission)
    })
    if (!hasPermission) {
      el.parentNode && el.parentNode.removeChild(el)
--- a/src/fvcomponents/fvRadio/index.vue
+++ b/src/fvcomponents/fvRadio/index.vue
@@ -15,7 +15,7 @@ const props = defineProps({
    default: []
  },
  modelValue: {
-    type: [Number, String],
+    type: [Number, String, Boolean],
    default: ''
  },
  cacheKey: {
--- a/src/fvcomponents/fvSearchForm/index.vue
+++ b/src/fvcomponents/fvSearchForm/index.vue
@@ -1,28 +1,28 @@
 <template>
  <el-form
-    :model="form"
-    v-bind="$attrs"
-    label-width="auto"
-    ref="formInstance"
-    class="search-form"
+      :model="form"
+      v-bind="$attrs"
+      label-width="auto"
+      ref="formInstance"
+      class="search-form"
  >
    <el-row>
      <el-col
-        v-for="(item, index) in filterConfig"
-        :span="5"
-        :offset="index == 0 || index / 4 ==1 ? 0 : 1"
-        :key="item.prop"
-      >
-        <el-form-item 
-          v-bind="item"
+          v-for="(item, index) in filterConfig"
+          :span="5"
+          :offset="index == 0 || index / 4 ==1 ? 0 : 1"
          :key="item.prop"
+      >
+        <el-form-item
+            v-bind="item"
+            :key="item.prop"
        >
          <template #default>
-            <component 
-              :is="item.component"
-              v-bind="item.props || {}"
-              v-on="item.on || {}"
-              v-model="form[item.prop]"
+            <component
+                :is="item.component"
+                v-bind="item.props || {}"
+                v-on="item.on || {}"
+                v-model="form[item.prop]"
            >
            </component>
          </template>
@@ -33,7 +33,7 @@
          <el-button v-if="searchConfig.length>=4" link type="primary" @click="showMore = !showMore">
            {{ showMore ? '收起' : '展开' }}
          </el-button>
-          <el-button type="primary" @click="getValues" :icon="Search">搜索</el-button>
+          <el-button @click="getValues" color="#DED0B2" :icon="Search">搜索</el-button>
          <el-button @click="handleReset" :icon="Refresh">重置</el-button>
        </el-form-item>
      </el-col>
@@ -58,24 +58,22 @@ const formInstance = ref(null)

 const showMore = ref(false)

-const filterConfig = computed(()=>{
-  const arr = props.searchConfig.filter(item=>{
-    if(item.prop) return true
+const filterConfig = computed(() => {
+  const arr = props.searchConfig.filter(item => {
+    if (item.prop) return true
  })
  return arr.length >= 4 && showMore.value ? arr : arr.slice(0, 3)
 })

-console.log(filterConfig.value, 'filterConfig');
-
 // 搜索功能表单元素默认值
 const setDefaultFormValues = () => {
-  filterConfig.value.forEach(item=>{
-    form.value[item.prop] = item.props.defaultValue || null
+  filterConfig.value.forEach(item => {
+    form.value[item.prop] = item.props?.defaultValue || null
  })
 }

-watchEffect(()=>{
-  if(filterConfig.value.length) {
+watchEffect(() => {
+  if (filterConfig.value.length) {
    setDefaultFormValues()
  }
 })
@@ -92,8 +90,8 @@ const handleReset = () => {
  emits('search', form.value)
 }

-onMounted(()=>{
-  emits('getInstance', Object.assign({}, unref(formInstance),{
+onMounted(() => {
+  emits('getInstance', Object.assign({}, unref(formInstance), {
    getValues,
    handleReset,
  }))
@@ -105,9 +103,10 @@ onMounted(()=>{
 .search-form {
  padding-top: 18px;
 }
+
 .btn-col {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
 }
-</style>
+</style>
--- a/src/fvcomponents/fvTable/index.vue
+++ b/src/fvcomponents/fvTable/index.vue
@@ -2,15 +2,49 @@
  <div class="fv-table-container">
    <!-- 表格头部按钮 -->
    <div class="fv-table-btn" v-if="tableConfig.btns">
-      <el-button 
-        v-for="btn in tableConfig.btns"
-        :key="btn.key" 
-        :type="btn.type || ''"
-        v-perm="btn.auth || ['*:*:*']"
-        @click="handleClickBtns(btn.key)"
-      >
-        {{ btn.name }}
-      </el-button>
+      <div class="table-head-btn">
+        <el-button
+          v-for="btn in tableConfig.btns"
+          :key="btn.key"
+          :type="btn.type || ''"
+          :color="btn.color || ''"
+          v-perm="btn.auth || ['*:*:*']"
+          @click="handleClickBtns(btn.key)"
+        >
+          {{ btn.name }}
+        </el-button>
+      </div>
+      <!-- 列显示配置 -->
+      <div v-if="isSettingCol">
+        <el-tooltip effect="dark" content="列配置" placement="bottom">
+          <el-button ref="buttonRef" link>
+            <el-icon size="18"><Setting /></el-icon>
+          </el-button>
+        </el-tooltip>
+        <el-popover
+          placement="bottom"
+          :width="200"
+          ref="popoverRef"
+          :virtual-ref="buttonRef"
+          virtual-triggering
+          trigger="click">
+          <div class="col-setting-checkall">
+            <el-checkbox label="列展示" v-model="localData.allColShow" :indeterminate="localData.indeterminate" @change="changeIsShowAll"></el-checkbox>
+          </div>
+          <div class="col-setting-list">
+            <el-checkbox-group v-model="localData.checkGroup" @change="changeColShow">
+              <el-space direction="vertical" alignment="flex-start" :size="0">
+                <el-checkbox
+                  v-for="item in tableConfig.columns"
+                  :key="item.prop"
+                  :label="item.label"
+                  :value="item.prop"
+                />
+              </el-space>
+            </el-checkbox-group>
+          </div>
+        </el-popover>
+      </div>
    </div>
    <!-- 表格部分 -->
    <div class="fv-table">
@@ -30,7 +64,7 @@
        ref="tableInstance"
      >
        <template #default>
-          <fvTableColumn v-for="column in tableConfig.columns" :key="column.prop" :columns="column">
+          <fvTableColumn v-for="column in localData.columns" :key="column.prop" :columns="column">
            <template v-if="column?.slots?.header" #[column?.slots?.header]="params">
              <slot :name="column?.slots?.header" v-bind="params || {}"></slot>
            </template>
@@ -47,7 +81,7 @@
        </template>
      </el-table>
      <!-- 分页 -->
-      <fvPagination 
+      <fvPagination
        v-if="pagination"
        :current-page="localData.query.pageNum"
        :page-size="localData.query.pageSize"
@@ -80,10 +114,17 @@ const props = defineProps({
  pagination: {
    type: Boolean,
    default: true
+  },
+  // 是否显示列配置
+  isSettingCol: {
+    type: Boolean,
+    default: true
  }
 })

 const tableInstance = ref()
+const buttonRef = ref()
+const popoverRef = ref()

 const localData = reactive({
  list: [], // 表格数据
@@ -92,7 +133,12 @@ const localData = reactive({
    pageNum: 1
  },
  total: 0,
-  loading: false
+  loading: false,
+  // 列展示设置
+  columns: [],
+  allColShow: true, // 默认全部列都展示
+  indeterminate: false,
+  checkGroup: []
 })

 const emits = defineEmits(['headBtnClick', 'selectionChange', 'rowClick', 'rowDblclick', 'getBaseQuery', 'cellClick'])
@@ -101,6 +147,52 @@ const handleClickBtns = (key) => {
  emits('headBtnClick', key)
 }

+const filterColumns = () => {
+  localData.columns = props.tableConfig.columns.map(item=>{
+    if(item.prop) {
+      return {
+        ...item
+      }
+    }
+  })
+}
+
+const changeIsShowAll = (val) => {
+  if(val) {
+    filterColumns()
+    localData.indeterminate = false
+    localData.checkGroup = props.tableConfig.columns.map(item=>item.prop)
+  } else {
+    localData.columns.length = 0
+    localData.checkGroup.length = 0
+    localData.indeterminate = false
+  }
+}
+
+const changeColShow = (val) => {
+  if(val.length == props.tableConfig.columns.length) {
+    localData.indeterminate = false
+    localData.allColShow = true
+  } else if(val.length !== props.tableConfig.columns.length && val.length != 0) {
+    localData.allColShow = false
+    localData.indeterminate = true
+  } else {
+    localData.indeterminate = false
+    localData.allColShow = false
+  }
+  const template = []
+  props.tableConfig.columns.forEach(item=>{
+    val.forEach(v=>{
+      if(item.prop == v) {
+        template.push(item)
+      }
+    })
+  })
+  localData.columns = template
+}
+
+filterColumns()
+
 const getList = async () => {
  const { api, params } = props.tableConfig
  const queryParmas = {...localData.query, ...params}
@@ -154,13 +246,11 @@ const handleCurrentChange = (val) => {
  getList()
 }

-// watchEffect(()=>{
-//   if(!props.tableConfig.api) {
-//     localData.list = props.data
-//   }else {
-//     getList()
-//   }
-// })
+watchEffect(()=>{
+  if(localData.allColShow) {
+    localData.checkGroup = props.tableConfig.columns.map(item=>item.prop)
+  }
+})
 //刷新
 const refresh = ({resetPage=false}={}) => {
  resetPage ? localData.query.pageNum = 1 : null
@@ -180,9 +270,30 @@ defineExpose({ refresh, updateLoading, getQuery, tableInstance })
 onMounted(() => {
  getList()
 })
- 
+
 </script>

 <style lang="scss" scoped>
-
-</style>
+.col-setting-checkall {
+  border-bottom: 1px solid rgb(210, 210, 213);
+}
+.col-setting-list {
+  max-height: 45vh;
+  overflow-y: auto;
+}
+.table-head-btn {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+}
+.fv-table-btn {
+  display: flex;
+  justify-content: space-between;
+  align-content: center;
+}
+.fv-table {
+  :deep(.el-tooltip) {
+    width: 100% !important;
+  }
+}
+</style>
--- a/src/layout/navbar/BellSocket.vue
+++ b/src/layout/navbar/BellSocket.vue
@@ -1,37 +1,37 @@
 <template>
  <div>
-    <el-popover
-        :width="300"
-        trigger="click"
-        placement="bottom"
-        popper-style="box-shadow: rgb(14 18 22 / 35%) 0px 10px 38px -10px, rgb(14 18 22 / 20%) 0px 10px 20px -15px; padding: 10px;"
-    >
-      <template #reference>
-        <el-badge :hidden="total===0" :value="total" class="item">
-          <el-icon size="22px" style="cursor: pointer">
-            <Bell/>
-          </el-icon>
-        </el-badge>
-      </template>
-      <template #default>
-        <div v-if="total===0" style="height: 100px;display: flex;align-items: center;justify-content: center">
-          暂无数据~
-        </div>
-        <ul v-else>
-          <li v-for="(notice,index) in noticeList" :key="index">
-            <span @click="handleToNotifyDetail(notice,index)">{{ notice.noticeTitle }}</span>
-            <span v-if="notice.state==='0'" @click="handleRead(notice)">已读</span>
-          </li>
-        </ul>
+<!--    <el-popover-->
+<!--        :width="300"-->
+<!--        trigger="click"-->
+<!--        placement="bottom"-->
+<!--        popper-style="box-shadow: rgb(14 18 22 / 35%) 0px 10px 38px -10px, rgb(14 18 22 / 20%) 0px 10px 20px -15px; padding: 10px;"-->
+<!--    >-->
+<!--      <template #reference>-->
+<!--        <el-badge :hidden="total===0" :value="total" class="item">-->
+<!--          <el-icon size="22px" style="cursor: pointer">-->
+<!--            <Bell/>-->
+<!--          </el-icon>-->
+<!--        </el-badge>-->
+<!--      </template>-->
+<!--      <template #default>-->
+<!--        <div v-if="total===0" style="height: 100px;display: flex;align-items: center;justify-content: center">-->
+<!--          暂无数据~-->
+<!--        </div>-->
+<!--        <ul v-else>-->
+<!--          <li v-for="(notice,index) in noticeList" :key="index">-->
+<!--            <span @click="handleToNotifyDetail(notice,index)">{{ notice.noticeTitle }}</span>-->
+<!--            <span v-if="notice.state==='0'" @click="handleRead(notice)">已读</span>-->
+<!--          </li>-->
+<!--        </ul>-->

-        <div class="notify-btn">
-          <el-button type="primary" @click="handlePrevious" :disabled="pageInfo.pageNum===1" link>上一页</el-button>
-          <span @click="handleMoreRead">本页已读</span>
-          <el-button type="primary" @click="handleNext" :disabled="pageInfo.pageNum*pageInfo.pageSize>total" link>下一页
-          </el-button>
-        </div>
-      </template>
-    </el-popover>
+<!--        <div class="notify-btn">-->
+<!--          <el-button type="primary" @click="handlePrevious" :disabled="pageInfo.pageNum===1" link>上一页</el-button>-->
+<!--          <span @click="handleMoreRead">本页已读</span>-->
+<!--          <el-button type="primary" @click="handleNext" :disabled="pageInfo.pageNum*pageInfo.pageSize>total" link>下一页-->
+<!--          </el-button>-->
+<!--        </div>-->
+<!--      </template>-->
+<!--    </el-popover>-->
    <el-dialog width="1200px" title="通知公告详情" v-model="visible" @close="visible=false">
      <el-form :model="viewForm" label-width="100px">
        <el-row>
--- a/src/layout/navbar/Breadcrumb.vue
+++ b/src/layout/navbar/Breadcrumb.vue
@@ -12,13 +12,13 @@
 </template>

 <script setup>
-import { useRoute, useRouter } from 'vue-router';
+import {useRoute, useRouter} from 'vue-router';


 const route = useRoute()
 const router = useRouter()

-watch(route, ()=> {
+watch(route, () => {
  getBreadcrumb()
 })

@@ -29,7 +29,7 @@ const breadcrumbList = ref([])
 const getBreadcrumb = () => {
  let matched = route.matched.filter(item => item.meta && item.meta.title)
  const first = matched[0]
-  if(!isDashboard(first)) {
+  if (!isDashboard(first)) {
    matched = [{path: '/home', meta: {title: '首页'}}].concat(matched)
  }
  breadcrumbList.value.length = 0;
@@ -39,7 +39,7 @@ const getBreadcrumb = () => {

 const isDashboard = (meta) => {
  const name = meta && meta.name
-  if(!name) {
+  if (!name) {
    return
  }
  return name.trim().toLocaleLowerCase() === 'Home'.toLocaleLowerCase()
--- a/src/layout/navbar/index.vue
+++ b/src/layout/navbar/index.vue
@@ -3,11 +3,11 @@
    <Hamburger></Hamburger>
    <Breadcrumb></Breadcrumb>
    <div class="right-bar">
-        <bell-socket/>
+<!--        <bell-socket/>-->
      <div class="user-box">
       <div>
-         <img :src="userInfo.avatar" alt="" @click.stop="handleVisitedP">
-         <span>{{userInfo.userName}}</span>
+<!--         <img :src="userInfo.avatar" alt="" @click.stop="handleVisitedP">-->
+         <span @click.stop="handleVisitedP">欢迎回来，{{userInfo.userName}}</span>
       </div>
        <div class="person" v-if="visitedP">
          <ul>
@@ -81,6 +81,7 @@ const handleLogout = () => {
    align-items: center;

    .user-box{
+      cursor: pointer;
      margin-left: 10px;
      position: relative;
      >div:first-child{
--- a/src/layout/siderbar/MenuItem.vue
+++ b/src/layout/siderbar/MenuItem.vue
@@ -1,7 +1,7 @@
 <template>
  <!-- 有子菜单 -->
  <template v-for="item in menuItem" :key="item.path">
-    <el-sub-menu v-if="item?.children?.length>0 && !item.hidden" :index="item.path">
+    <el-sub-menu v-if="checkMenuItem(item)" :index="item.path">
      <template #title>
        <svg-icon :name="item.icon"/>
        <span>{{ item.title }}</span>
@@ -44,5 +44,19 @@ const handleGo = (path) => {
  }
 }

+const checkMenuItem = (item) => {
+  let children = item.children
+  let childState = false;
+  if (children){
+    for (let child of children) {
+       if (!child.hidden) {
+         childState = true
+         break
+       }
+    }
+  }
+  return item?.children?.length>0 && !item.hidden && childState
+}
+
 </script>

--- a/src/layout/siderbar/index.vue
+++ b/src/layout/siderbar/index.vue
@@ -1,6 +1,7 @@
 <template>
  <div class="logo" ref="logo">
-    <span v-if="!siderbarStore.isCollapse">科研管理平台</span>
+<!--    <span v-if="!siderbarStore.isCollapse">科研管理平台</span>-->
+    <span v-if="!siderbarStore.isCollapse"></span>
  </div>
  <el-scrollbar :height="`calc(100vh - ${logoHeight}px)`" style="background-color: #ffffff">
    <el-menu
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -9,209 +9,216 @@ import {useAuthStore} from '@/stores/userstore.js'
 NProgress.configure({showSpinner: false})

 const router = createRouter({
-  history: createWebHistory(import.meta.env.BASE_URL),
-  routes: [
-    {
-      path: '/login',
-      name: 'login',
-      component: () => import('@/views/login/index.vue'),
-      meta: {
-        hidden: true,
-        title: '登录'
-      }
-    },
-    {
-      path: '/cas/login',
-      name: 'casLogin',
-      component: () => import('@/views/cas-login/index.vue'),
-    },
-    {
-      path: '/',
-      name: 'layout',
-      component: Layout,
-      redirect: '/home',
-      meta: {
-        hidden: false
-      },
-      children: [
+    history: createWebHistory(import.meta.env.BASE_URL),
+    routes: [
        {
-          path: '/home',
-          name: 'home',
-          component: () => import('@/views/home/index.vue'),
-          meta: {
-            title: '首页',
-            breadcrumb: true
-          }
+            path: '/login',
+            name: 'login',
+            component: () => import('@/views/login/index.vue'),
+            meta: {
+                hidden: true,
+                title: '登录'
+            }
        },
        {
-          path: '/auth',
-          name: 'auth',
-          component: () => import('@/views/auth/index.vue'),
-          meta: {
-            title: '个人中心',
-            breadcrumb: true
-          }
+            path: '/cas/login',
+            name: 'casLogin',
+            component: () => import('@/views/cas-login/index.vue'),
        },
        {
-          path: '/rapid/gen/edit/:tableId(\\d+)',
-          name: 'genEdit',
-          component: () => import('@/views/rapid/gen/editTable.vue'),
-          meta: {
-            title: '数据库生成配置',
-            breadcrumb: true
-          }
+            path: '/',
+            name: 'layout',
+            component: Layout,
+            redirect: '/home',
+            meta: {
+                hidden: false
+            },
+            children: [
+                {
+                    path: '/home',
+                    name: 'home',
+                    component: () => import('@/views/home/index.vue'),
+                    meta: {
+                        title: '首页',
+                        breadcrumb: true
+                    }
+                },
+                {
+                    path: '/auth',
+                    name: 'auth',
+                    component: () => import('@/views/auth/index.vue'),
+                    meta: {
+                        title: '个人中心',
+                        breadcrumb: true
+                    }
+                },
+                {
+                    path: '/rapid/gen/edit/:tableId(\\d+)',
+                    name: 'genEdit',
+                    component: () => import('@/views/rapid/gen/editTable.vue'),
+                    meta: {
+                        title: '数据库生成配置',
+                        breadcrumb: true
+                    }
+                },
+                {
+                    path: '/workflow/process/edit/:deploymentId',
+                    name: 'processEdit',
+                    component: () => import('@/views/workflow/process/ProcessEdit.vue'),
+                    meta: {
+                        title: '编辑流程',
+                        breadcrumb: true
+                    }
+                },
+                {
+                    path: '/workflow/process',
+                    name: 'process',
+                    component: () => import('@/views/workflow/process/index.vue'),
+                    meta: {
+                        title: '流程管理',
+                        breadcrumb: true
+                    }
+                },
+                {
+                    path: '/workflow/process/edit',
+                    name: 'processAdd',
+                    component: () => import('@/views/workflow/process/ProcessEdit.vue'),
+                    meta: {
+                        title: '新增流程',
+                        breadcrumb: true
+                    }
+                },
+                {
+                    path: '/role-auth/user/:roleId(\\d+)/:roleName',
+                    name: 'distribute',
+                    component: () => import('@/views/system/role/DistributeUser.vue'),
+                    meta: {
+                        title: '角色分配用户',
+                        breadcrumb: true
+                    }
+                },
+                {
+                    path: '/post-auth/user/:postId(\\d+)/:postName',
+                    name: 'assignUser',
+                    component: () => import('@/views/system/post/DistributeUser.vue'),
+                    meta: {
+                        title: '岗位分配用户',
+                        breadcrumb: true
+                    }
+                },
+                {
+                    path: '/menu-auth/role/:menuId(\\d+)/:menuName',
+                    name: 'assignRole',
+                    component: () => import('@/views/system/menu/DistributeRole.vue'),
+                    meta: {
+                        title: '菜单分配角色',
+                        breadcrumb: true
+                    }
+                },
+                {
+                    path: '/system/notice/inform/index/:queryId',
+                    name: 'notify',
+                    component: () => import('@/views/system/notice/inform/index.vue'),
+                    meta: {
+                        title: '通知公告',
+                        breadcrumb: false
+                    }
+                },
+                {
+                    path: '/custom/query/sql/design/:queryId',
+                    name: 'sql',
+                    component: () => import('@/views/custom-query/sql/SqlDesign.vue'),
+                    meta: {
+                        title: '自定义sql查询配置',
+                        breadcrumb: true
+                    }
+                },
+                {
+                    path: '/custom/query/data/adapter/design/:queryId',
+                    name: 'dataAdapter',
+                    component: () => import('@/views/custom-query/data-adapter/DataAdapterDesign.vue'),
+                    meta: {
+                        title: '自定义数据适配器',
+                        breadcrumb: true
+                    }
+                },
+                {
+                    path: '/custom/query/echarts/design/:queryId',
+                    name: 'echarts',
+                    component: () => import('@/views/custom-query/echarts-editor/EchartsDesign.vue'),
+                    meta: {
+                        title: '自定义echarts查询配置',
+                        breadcrumb: true
+                    }
+                },
+                {
+                    path: '/rapid/data/:dsId(\\d+)',
+                    name: 'rapid',
+                    component: () => import('@/views/rapid/gen/index.vue'),
+                    meta: {
+                        title: '数据源关联数据',
+                        breadcrumb: true
+                    }
+                },
+            ]
        },
        {
-          path: '/workflow/process/edit/:deploymentId',
-          name: 'processEdit',
-          component: () => import('@/views/workflow/process/ProcessEdit.vue'),
-          meta: {
-            title: '编辑流程',
-            breadcrumb: true
-          }
+            path: '/topo/design/:queryId',
+            name: 'topEdit',
+            component: () => import('@/views/custom-query/topo/topologyDesign.vue'),
+            meta: {
+                title: 'top',
+                breadcrumb: false
+            }
        },
        {
-          path: '/workflow/process',
-          name: 'process',
-          component: () => import('@/views/workflow/process/index.vue'),
-          meta: {
-              title: '流程管理',
-              breadcrumb: true
-          }
-        },
-        {
-          path: '/workflow/process/edit',
-          name: 'processAdd',
-          component: () => import('@/views/workflow/process/ProcessEdit.vue'),
-          meta: {
-            title: '新增流程',
-            breadcrumb: true
-          }
-        },
-        {
-          path: '/role-auth/user/:roleId(\\d+)/:roleName',
-          name: 'distribute',
-          component: () => import('@/views/system/role/DistributeUser.vue'),
-          meta: {
-            title: '角色分配用户',
-            breadcrumb: true
-          }
-        },
-        {
-          path: '/post-auth/user/:postId(\\d+)/:postName',
-          name: 'assignUser',
-          component: () => import('@/views/system/post/DistributeUser.vue'),
-          meta: {
-            title: '岗位分配用户',
-            breadcrumb: true
-          }
-        },
-        {
-          path: '/menu-auth/role/:menuId(\\d+)/:menuName',
-          name: 'assignRole',
-          component: () => import('@/views/system/menu/DistributeRole.vue'),
-          meta: {
-            title: '菜单分配角色',
-            breadcrumb: true
-          }
-        },
-        {
-          path: '/system/notice/inform/index/:queryId',
-          name: 'notify',
-          component: () => import('@/views/system/notice/inform/index.vue'),
-          meta: {
-            title: '通知公告',
-            breadcrumb: false
-          }
-        },
-        {
-          path: '/custom/query/sql/design/:queryId',
-          name: 'sql',
-          component: () => import('@/views/custom-query/sql/SqlDesign.vue'),
-          meta: {
-            title: '自定义sql查询配置',
-            breadcrumb: true
-          }
-        },
-        {
-          path: '/custom/query/data/adapter/design/:queryId',
-          name: 'dataAdapter',
-          component: () => import('@/views/custom-query/data-adapter/DataAdapterDesign.vue'),
-          meta: {
-            title: '自定义数据适配器',
-            breadcrumb: true
-          }
-        },
-        {
-          path: '/custom/query/echarts/design/:queryId',
-          name: 'echarts',
-          component: () => import('@/views/custom-query/echarts-editor/EchartsDesign.vue'),
-          meta: {
-            title: '自定义echarts查询配置',
-            breadcrumb: true
-          }
-        },
-        {
-          path: '/rapid/data/:dsId(\\d+)',
-          name: 'rapid',
-          component: () => import('@/views/rapid/gen/index.vue'),
-          meta: {
-            title: '数据源关联数据',
-            breadcrumb: true
-          }
-        },
-      ]
-    },
-    {
-      path: '/topo/design/:queryId',
-      name: 'topEdit',
-      component: () => import('@/views/custom-query/topo/topologyDesign.vue'),
-      meta: {
-        title: 'top',
-        breadcrumb: false
-      }
-    },
-    {
-      path: '/forbidden',
-      name: 'forbidden',
-      component: () => import('@/views/forbidden/index.vue'),
-    }
-  ]
+            path: '/forbidden',
+            name: 'forbidden',
+            component: () => import('@/views/forbidden/index.vue'),
+        }
+    ]
 })

 router.beforeEach(async (to, form, next) => {
-  const permisstionStore = usePermisstionStroe()
-  const authStore = useAuthStore()
-  NProgress.start()
-  if (!getToken()) {
-    if (to.path === '/login' || to.path === '/cas/login' || to.path === '/forbidden') {
-      next()
-      NProgress.done()
+    const permisstionStore = usePermisstionStroe()
+    const authStore = useAuthStore()
+    NProgress.start()
+    if (!getToken()) {
+        if (to.path === '/login' || to.path === '/cas/login' || to.path === '/forbidden') {
+            next()
+            NProgress.done()
+        } else {
+            let path = window.location.pathname;
+            let query = window.location.search
+            sessionStorage.setItem('toView', JSON.stringify({
+                path: path,
+                query: query
+            }))
+            window.location.href = `${window.location.origin}/api/auth/cas/login`
+            // next({path: '/api/auth/cas/login'})
+        }
    } else {
-      next({path: '/login'})
-    }
-  } else {
-    if (to.path === '/login'|| to.path === '/cas/login') {
-      next('/')
-      NProgress.done()
-    } else {
-      permisstionStore.setIsLoadRoutes(true)
-      if (permisstionStore.isLoadRoutes && permisstionStore.asyncRouters.length == 0) {
-        await permisstionStore.setAsyncRouters()
-        await authStore.setUserInfo()
-        next({...to, replace: true})
-      } else {
-        next()
-      }
-    }
+        if (to.path === '/login' || to.path === '/cas/login') {
+            next('/')
+            NProgress.done()
+        } else {
+            permisstionStore.setIsLoadRoutes(true)
+            if (permisstionStore.isLoadRoutes && permisstionStore.asyncRouters.length == 0) {
+                await permisstionStore.setAsyncRouters()
+                await authStore.setUserInfo()
+                next({...to, replace: true})
+            } else {
+                next()
+            }
+        }

-  }
+    }


 })

 router.afterEach(() => {
-  NProgress.done()
+    NProgress.done()
 })

 export default router
--- a/src/stores/permisstion.js
+++ b/src/stores/permisstion.js
@@ -1,5 +1,5 @@
 import { defineStore } from "pinia";
-import { defineAsyncComponent, ref } from "vue";
+import { defineAsyncComponent, ref, toRaw } from "vue";
 import { getRouters } from "@/api/system/menu";
 import Layout from '@/layout/index.vue'
 import ParentView from '@/components/ParentView.vue'
@@ -10,7 +10,19 @@ export const usePermisstionStroe = defineStore('permisstion', () => {
  const asyncRouters = ref([])
  //定义是否加载路由变量
  const isLoadRoutes = ref(false)
-  const menuList = ref([])
+  const menuList = ref([
+    {
+      name: 'home',
+      path: '/home',
+      icon: 'home',
+      title: '首页',
+      meta: {
+        breadcrumb: true
+      }
+    }
+  ])
+  // 二级页面路由list
+  const slRouters = ref([])

  const setIsLoadRoutes = (status) => {
    return isLoadRoutes.value = status
@@ -20,8 +32,10 @@ export const usePermisstionStroe = defineStore('permisstion', () => {
      if (res.code === 1000) {
        const sRouter = JSON.parse(JSON.stringify(res.data))
        const mData = JSON.parse(JSON.stringify(res.data))
-        asyncRouters.value = formatAsyncRouters(sRouter)
-        menuList.value = generateMenu(mData)
+        console.log(JSON.parse(JSON.stringify(sRouter)), 'sRouter');
+        const firstFormat = setRouterLevel(JSON.parse(JSON.stringify(sRouter)))
+        asyncRouters.value = formatAsyncRouters(JSON.parse(JSON.stringify(firstFormat)))
+        menuList.value = [...menuList.value, ...generateMenu(mData)]
        addAsyncRouters(asyncRouters.value)
        isLoadRoutes.value = false
      } else {
@@ -31,6 +45,21 @@ export const usePermisstionStroe = defineStore('permisstion', () => {
    })
  }

+  const setRouterLevel = (routers) => {
+    return routers.filter(item=>{
+      if(item.component === 'Layout') {
+        item.children.forEach(v=>{
+          if(v.children) {
+            slRouters.value = [...toRaw(slRouters.value), ...v.children]
+            delete v.children
+          }
+        })
+        item.children = [...item.children, ...toRaw(slRouters.value)]
+      }
+      return true
+    })
+  }
+
  const formatAsyncRouters = (routers) => {
    return routers.filter(route => {
      if (route.component) {
@@ -38,8 +67,7 @@ export const usePermisstionStroe = defineStore('permisstion', () => {
          route.component = Layout
        } else if (route.component === 'ParentView') {
          route.component = ParentView
-        }
-        else {
+        } else {
          route.component = loadView(route.component)
        }
      }
@@ -97,7 +125,17 @@ export const usePermisstionStroe = defineStore('permisstion', () => {
  }

  const removeMenu = () => {
-    menuList.value.length = 0
+    menuList.value = [
+      {
+        name: 'home',
+        path: '/home',
+        icon: 'home',
+        title: '首页',
+        meta: {
+          breadcrumb: true
+        }
+      }
+    ]
    asyncRouters.value.length = 0
  }

--- a/src/utils/matterTree.js
+++ b/src/utils/matterTree.js
@@ -0,0 +1,13 @@
+export const matterTree = (array,data, id) => {
+  if (id) {
+    for (let i = 0; i < data.length; i++) {
+      if (data[i].value == id) {
+        array.push(data[i].label);
+      }
+      if (data[i].children && data[i].children.length > 0) {
+        matterTree(data[i].children)
+      }
+    }
+    return array;
+  }
+}
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -1,96 +1,102 @@
 import axios from "axios";
-import { AxiosCanceler } from "./axiosCanceler";
-import { ElMessageBox, ElNotification } from "element-plus";
-import { getToken, removeToken } from "./auth";
+import {AxiosCanceler} from "./axiosCanceler";
+import {ElMessageBox, ElNotification} from "element-plus";
+import {getToken, removeToken} from "./auth";

-axios.defaults.headers['Content-Type']='application/json'
+axios.defaults.headers['Content-Type'] = 'application/json'

 const serveice = axios.create({
-  baseURL: import.meta.env.VITE_BASE_URL,
-  timeout: 6000
+    baseURL: import.meta.env.VITE_BASE_URL,
+    timeout: 6000
 })
 const axiosCanceler = new AxiosCanceler()
-serveice.interceptors.request.use(config=>{
-  const ACCESS_TOKEN = getToken() || ''
-  if(ACCESS_TOKEN!==undefined && ACCESS_TOKEN!=='') {
-    config.headers['Authorization']=ACCESS_TOKEN
-  }
-  // 检查是否有重复请求, 有则取消掉
-  axiosCanceler.removePendingRequest(config)
-  // 将请求加入pendingMap
-  axiosCanceler.addPendingRequest(config)
-  return config
-},error=>{
-  Promise.reject(error)
+serveice.interceptors.request.use(config => {
+    const ACCESS_TOKEN = getToken() || ''
+    if (ACCESS_TOKEN !== undefined && ACCESS_TOKEN !== '') {
+        config.headers['Authorization'] = ACCESS_TOKEN
+    }
+    // 检查是否有重复请求, 有则取消掉
+    axiosCanceler.removePendingRequest(config)
+    // 将请求加入pendingMap
+    axiosCanceler.addPendingRequest(config)
+    return config
+}, error => {
+    Promise.reject(error)
 })
-serveice.interceptors.response.use(response=>{
-  axiosCanceler.removePendingRequest(response.config)
-  //二进制数据直接返回
-  if(response.request.responseType === 'blob' || response.request.responseType === 'arraybuffer') {
-    return response.data
-  }
-  return response.data
-},error=>{
-  let response = error.response
-  const status = response.status;
-  switch(status) {
-    case 401:
-      ElMessageBox.confirm('登录状态已过期,请重新登录','系统提示',{
-        confirmButtonText: '重新登录',
-        cancelButtonText: '取消',
-        type: 'warning',
-        closeOnClickModal: false
-      }).then(()=>{
-        removeToken()
-        window.location = '/login'
-      })
-      return Promise.reject('会话已过期,请重新登录')
-    case 402:
-      break;
-    case 403:
-      console.log(response)
-      ElNotification({
-        title: '系统提示',
-        message: response.data.msg,
-        type: 'warning'
-      })
-      break;
-    case 404:
-      ElNotification({
-        title: '系统提示',
-        message: '不存在的地址',
-        type: 'error'
-      })
-      break;
-    case 405:
-      ElNotification({
-        title: '系统提示',
-        message: '传输格式错误,请检查',
-        type: 'error'
-      })
-      break;
-    case 511:
-      ElNotification({
-        title: '系统提示',
-        message: '禁止访问',
-        type: 'error'
-      })
-      removeToken()
-      window.location = '/forbidden'
-      break;
-    case 500:
-      if (response.data){
+serveice.interceptors.response.use(response => {
+    axiosCanceler.removePendingRequest(response.config)
+    //二进制数据直接返回
+    if (response.request.responseType === 'blob' || response.request.responseType === 'arraybuffer') {
        return response.data
-      }else {
-        ElNotification({
-          title: '系统提示',
-          message: '系统未知错误',
-          type: 'error'
-        })
-        break;
-      }
-  }
-  return Promise.reject(error)
+    }
+    return response.data
+}, error => {
+    let response = error.response
+    const status = response.status;
+    switch (status) {
+        case 401:
+            ElMessageBox.confirm('登录状态已过期,请重新登录', '系统提示', {
+                confirmButtonText: '重新登录',
+                cancelButtonText: '取消',
+                type: 'warning',
+                closeOnClickModal: false
+            }).then(() => {
+                removeToken()
+                let path = window.location.pathname;
+                let query = window.location.search
+                sessionStorage.setItem('toView', JSON.stringify({
+                    path: path,
+                    query: query
+                }))
+                window.location.href = `${window.location.origin}/api/auth/cas/login`
+            })
+            return Promise.reject('会话已过期,请重新登录')
+        case 402:
+            break;
+        case 403:
+            console.log(response)
+            ElNotification({
+                title: '系统提示',
+                message: response.data.msg,
+                type: 'warning'
+            })
+            break;
+        case 404:
+            ElNotification({
+                title: '系统提示',
+                message: '不存在的地址',
+                type: 'error'
+            })
+            break;
+        case 405:
+            ElNotification({
+                title: '系统提示',
+                message: '传输格式错误,请检查',
+                type: 'error'
+            })
+            break;
+        case 511:
+            ElNotification({
+                title: '系统提示',
+                message: '禁止访问',
+                type: 'error'
+            })
+            removeToken()
+            window.location = '/forbidden'
+            break;
+        case 500:
+            if (response.data) {
+                return response.data
+            } else {
+                ElNotification({
+                    title: '系统提示',
+                    message: '系统未知错误',
+                    type: 'error'
+                })
+                break;
+            }
+    }
+    return Promise.reject(error)
 })

 export default serveice
--- a/src/views/cas-login/index.vue
+++ b/src/views/cas-login/index.vue
@@ -15,7 +15,14 @@ const init = () => {
  })
  if (authStore.casToken(tokenValue)) {
    loading.close()
-    router.push('/')
+    const toView = sessionStorage.getItem('toView')
+    console.log(toView, 'toView');
+    if (toView) {
+      let parse = JSON.parse(toView);
+      window.location.href = window.location.origin + parse.path + parse.query
+    } else {
+      router.push('/')
+    }
  }
 }
 init()
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,246 +1,323 @@
 <template>
-  <div class="home-container">
-    <div class="home-top">
-      <el-image :src="homeImage" style="width: 380px"/>
-      <div class="top-right">
-        <div>Admin，欢迎回来！</div>
-
-      </div>
-    </div>
-    <div class="home-top-right">
-      <el-image :src="coffee" style="height: 100px"/>
-      <span>科研管理平台</span>
-    </div>
-  </div>
-<!--  <el-row :gutter="10" type="flex">-->
-<!--    <el-col  :span="6" :xs="8" :sm="16" :md="18" :lg="20" :xl="24" >-->
-<!--      <div v-for="(item,index) in list" :key="index" class="block">-->
-<!--        <div>{{item.title}}</div>-->
-<!--        <div>-->
-<!--          <el-icon><User/></el-icon>-->
-<!--          <span>{{item.num}}</span>-->
-<!--        </div>-->
-<!--      </div>-->
-<!--    </el-col>-->
-<!--  </el-row>-->
-  <el-row :gutter="10">
-    <el-col :span="6" v-for="item in 4">1</el-col>
-<!--    <el-col :xs="4" :sm="6" :md="8" :lg="9" :xl="11"-->
-<!--    >2<div class="grid-content ep-bg-purple-light"-->
-<!--    /></el-col>-->
-<!--    <el-col :xs="4" :sm="6" :md="8" :lg="9" :xl="11"-->
-<!--    >3<div class="grid-content ep-bg-purple"-->
-<!--    /></el-col>-->
-<!--    <el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="1"-->
-<!--    >4<div class="grid-content ep-bg-purple-light"-->
-<!--    /></el-col>-->
-  </el-row>
-  <div class="container">
-    <div id="bar1" ref="bar1"></div>
-    <div id="bar2" ref="bar2"></div>
-    <div id="bar3" ref="bar3"></div>
-  </div>
-  <div class="container">
-    <div id="pie1" ref="pie1"></div>
-    <div id="pie2" ref="pie2"></div>
-    <div id="pie3" ref="pie3"></div>
+  <div class="home-bg">
+    <el-row gutter="20">
+      <el-col :xs="24" :sm="24" :md="18" :lg="18" :xl="18">
+        <div class="left">
+          <h3>我的科创工作</h3>
+          <el-row :gutter="20" class="statistics">
+            <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-for="(item,index) in list" :key="index">
+              <div class="block" :style="{background: item.color}">
+                <svg-icon :name="item.icon" :class-name="'home-icon'"/>
+                <div class="block-right">
+                  <span>{{ item.title }}</span>
+                  <span :style="{color: item.textColor}">{{ item.num }}<span>个</span></span>
+                </div>
+              </div>
+            </el-col>
+          </el-row>
+          <h4>待办 ({{ todoNum }})</h4>
+          <fvTable ref="tableIns" class="home-table" :tableConfig="tableConfig">
+            <template #empty>
+              <el-empty description="暂无待办"/>
+            </template>
+          </fvTable>
+        </div>
+      </el-col>
+      <el-col :xs="24" :sm="24" :md="6" :lg="6" :xl="6">
+        <div class="right">
+          <div class="right-top ">
+            <div>
+              <h3>帮助文档</h3>
+              <span>查看更多</span>
+            </div>
+            <el-divider/>
+            <div v-for="item in helpDocList" class="help">
+              {{ item.title }}
+            </div>
+          </div>
+          <div class="right-top">
+            <div>
+              <h3>工具下载</h3>
+              <span>常用网站</span>
+            </div>
+            <el-divider/>
+          </div>
+        </div>
+      </el-col>
+    </el-row>
  </div>
 </template>

-<script setup>
-import * as echarts from 'echarts'
-import homeImage from "@/assets/home/home.png"
-import coffee from "@/assets/home/coffee.png"
-const list=ref([
+<script setup lang="jsx">
+import 'element-plus/theme-chalk/display.css'
+
+const router = useRouter()
+const list = ref([
  {
-    title: '在线用户量',
-    num:2142
+    title: '待立项',
+    color: '#CEE8FA',
+    textColor: '#0043C5',
+    icon: 'home1',
+    num: 21
  },
  {
-    title: '在线用户量',
-    num:2142
+    title: '待评审',
+    color: '#DCCEFA',
+    textColor: '#8600C5',
+    icon: 'home2',
+    num: 2
  },
  {
-    title: '在线用户量',
-    num:2142
+    title: '待验收',
+    color: '#FAE6CE',
+    textColor: '#F47D0E',
+    icon: 'home3',
+    num: 4
  },
  {
-    title: '在线用户量',
-    num:2142
+    title: '待归档',
+    color: '#CEFAD8',
+    textColor: '#01A089',
+    icon: 'home4',
+    num: 1
  }
 ])
-const barOption = {
-  title: {
-    text: 'World Population'
+const helpDocList = ref([
+  {
+    title: '业务流程'
  },
-  tooltip: {
-    trigger: 'axis',
-    axisPointer: {
-      type: 'shadow'
-    }
+  {
+    title: '业务流程'
  },
-  legend: {},
-  grid: {
-    left: '3%',
-    right: '4%',
-    bottom: '3%',
-    containLabel: true
+  {
+    title: '业务流程'
  },
-  xAxis: {
-    type: 'value',
-    boundaryGap: [0, 0.01]
-  },
-  yAxis: {
-    type: 'category',
-    data: ['Brazil', 'Indonesia', 'USA', 'India', 'China', 'World']
-  },
-  series: [
+  {
+    title: '业务流程'
+  }
+])
+const todoNum = ref(20)
+const tableConfig = reactive({
+  columns: [
    {
-      name: '2011',
-      type: 'bar',
-      data: [18203, 23489, 29034, 104970, 131744, 630230]
+      prop: 'processName',
+      label: '流程名称',
+      align: 'center',
    },
    {
-      name: '2012',
-      type: 'bar',
-      data: [19325, 23438, 31000, 121594, 134141, 681807]
-    }
-  ]
-};
-
-const pieOption = {
-  tooltip: {
-    trigger: 'item'
-  },
-  legend: {
-    top: '5%',
-    left: 'center'
-  },
-  series: [
+      prop: 'initiatorName',
+      label: '发起人',
+      align: 'center',
+    },
    {
-      name: 'Access From',
-      type: 'pie',
-      radius: ['40%', '70%'],
-      avoidLabelOverlap: false,
-      itemStyle: {
-        borderRadius: 10,
-        borderColor: '#fff',
-        borderWidth: 2
-      },
-      label: {
-        show: false,
-        position: 'center'
-      },
-      emphasis: {
-        label: {
-          show: true,
-          fontSize: 40,
-          fontWeight: 'bold'
+      prop: 'targetState',
+      label: '类型',
+      align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({row, index}) => {
+        if(row.targetState!==null){
+          return (<Tag dictType={'todo_type'} value={row.targetState}/>)
+        }else {
+          return '--'
        }
-      },
-      labelLine: {
-        show: false
-      },
-      data: [
-        {value: 1048, name: 'Search Engine'},
-        {value: 735, name: 'Direct'},
-        {value: 580, name: 'Email'},
-        {value: 484, name: 'Union Ads'},
-        {value: 300, name: 'Video Ads'}
-      ]
+      }
+    },
+    {
+      prop: 'submitTime',
+      label: '提交时间',
+      align: 'center',
+    },
+    {
+      prop: 'taskName',
+      label: '当前节点',
+      align: 'center',
+    },
+    {
+      prop: 'oper',
+      label: '操作',
+      fixed: 'right',
+      width: '150',
+      align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({row, index}) => {
+        return (
+            <div>
+              <el-button type="primary" link onClick={() => handleView(row)}>查看</el-button>
+              <el-button type="primary" link onClick={() => handleEdit(row)}>已读</el-button>
+            </div>
+        )
+      }
    }
-  ]
-};
-
-const data = reactive({
-  barCharts: null,
-  pieCharts: null,
-  bar1: null,
-  bar2: null,
-  bar3: null,
-  pie1: null,
-  pie2: null,
-  pie3: null,
+  ],
+  api: '/workflow/mosr/process/task',
+  params: {},
 })
-
-const init = () => {
-  data.barCharts = echarts.init(document.getElementById('bar1')).setOption(barOption)
-  data.barCharts = echarts.init(document.getElementById('bar2')).setOption(barOption)
-  data.barCharts = echarts.init(document.getElementById('bar3')).setOption(barOption)
-  data.pieCharts = echarts.init(document.getElementById('pie1')).setOption(pieOption)
-  data.pieCharts = echarts.init(document.getElementById('pie2')).setOption(pieOption)
-  data.pieCharts = echarts.init(document.getElementById('pie3')).setOption(pieOption)
+const handleView = (row) => {
+  console.log('row', row)
+  if(row.targetState=='00'&&row.targetId){
+    router.push({
+      name: 'Collection/detail',
+      query: {
+        id: row.targetId
+      }
+    })
+  }
 }
-
-onMounted(() => {
-  init()
-})
-
-window.addEventListener('resize', () => {
-  data.bar1 = null
-  data.bar2 = null
-  data.bar3 = null
-  data.pie1 = null
-  data.pie2 = null
-  data.pie3 = null
-  data.barCharts = null
-  data.pieCharts = null
-  init()
-})
-
-
 </script>

 <style lang="scss" scoped>
-.home-container {
-  display: flex;
-  align-items: center;
+@media only screen and (max-width: 767px) {
+  .right {
+    margin-top: 10px;
+  }
+  :deep(.el-table) {
+    height: 300px !important;
+  }

-  .home-top {
-    width: 1000px;
-    height: 150px;
+
+}
+
+@media only screen and (max-width: 1000px) {
+  .right {
+    margin-top: 10px;
+  }
+  :deep(.el-table) {
+    height: 300px !important;
+  }
+
+}
+
+.home-bg {
+  height: calc(100vh - 130px);
+  max-height: calc(100vh - 96px);
+  background-color: #EFEFEF;
+  position: absolute;
+  left: 18px;
+  right: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  // 滚动条轨道
+  &::-webkit-scrollbar-track {
+    background: rgb(239, 239, 239);
+    border-radius: 2px;
+  }
+
+  // 小滑块
+  &::-webkit-scrollbar-thumb {
+    background: rgba(80, 81, 82, 0.29);
+    border-radius: 10px;
+  }
+
+  .left {
+    //flex: 0.8;
+    padding: 15px;
+    height: 100%;
+    border-radius: 10px;
+    background-color: #ffffff;
+
+
+    .el-table__empty-block {
+      .el-empty {
+        padding: 10px 0;
+      }
+    }
+
+    .statistics {
+      width: 99%;
+      margin-bottom: 20px;
+
+      .block {
+        display: flex;
+        align-items: center;
+        background-color: #e9edf2;
+        border-radius: 4px;
+        padding: 25px;
+        margin-top: 15px;
+
+        .block-right {
+          margin-left: 15%;
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          color: #92969a;
+          font-size: 17px;
+
+          > span:first-child {
+            white-space: nowrap;
+            color: #000000;
+            margin-bottom: 10px;
+          }
+
+          > span:last-child {
+            white-space: nowrap;
+            font-size: 20px;
+            font-weight: bold;
+
+            > span {
+              margin-left: 10px;
+            }
+          }
+        }
+      }
+    }
+
+  }
+
+  .right {
+    height: calc(100vh - 130px);
    display: flex;
-    align-items: center;
-    padding: 10px;
-    background-color: #e1eaf9;
+    flex-direction: column;
+    justify-content: space-between;

-    .top-right {
-      font-size: 16px;
-      margin-left: 10px;
-      letter-spacing: 1.5px;
+    .right-top {
+      flex: 0.5;
+      padding: 15px;
+      border-radius: 10px;
+      background-color: #ffffff;
+    }
+
+    .right-top {
+      flex: 0.48;

      > div:first-child {
-        color: #557ad2;
-        font-weight: bold;
-        font-size: 20px;
-        margin-bottom: 10px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+
+        h3 {
+          white-space: nowrap;
+          margin-left: 15px;
+        }
+
+        > span {
+          white-space: nowrap;
+          color: #927648;
+          font-size: 14px;
+        }
+      }
+
+      .el-divider--horizontal {
+        height: 3px;
+        background: #D9D9D9;
+        border: none;
+      }
+
+      .help {
+        height: 61px;
+        line-height: 61px;
+        padding-left: 15px;
+
+        &:hover {
+          background: #FBFBF7;
+        }
      }
    }
  }
-
-  .home-top-right {
-    flex: 1;
-    display: flex;
-    align-items: center;
-    flex-direction: column;
-  }
 }
-.statistics{
-  //display: flex;
-  .block{

-  }
-}
-.container {
-  height: calc((100vh / 2) - 150px);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 20px;
-
-  > div {
-    height: 300px;
-    flex: 0.9;
-  }
-}
 </style>
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -6,7 +6,7 @@
        :rules="rules"
        label-width="70px"
    >
-      <h2>科研管理平台</h2>
+<!--      <h2>科研管理平台</h2>-->
      <el-form-item prop="username" label="账号">
        <el-input v-model="loginForm.username" :prefix-icon="User"></el-input>
      </el-form-item>
--- a/src/views/project-demand/collection/add.vue
+++ b/src/views/project-demand/collection/add.vue
@@ -0,0 +1,348 @@
+<template>
+  <div v-loading="loading" class="add-block">
+    <baseTitle title="需求征集信息录入"></baseTitle>
+    <el-form :model="formData" inline class="query-form" ref="demandForm" :rules="rules">
+      <div class="left-info">
+        <el-form-item v-if="checkFormPrem('requirementName')" label="名称" prop="requirementName">
+          <el-input v-model="formData.requirementName" placeholder="请输入名称" clearable></el-input>
+        </el-form-item>
+        <el-form-item v-if="checkFormPrem('companyIds')" label="所属公司" prop="companyIds">
+          <el-tree-select v-model="formData.companyIds" :data="companyOption" style="width: 100%;"
+                          filterable clearable :check-strictly="true" multiple/>
+        </el-form-item>
+        <el-form-item v-if="checkFormPrem('collectType')" label="征集类型" prop="collectType">
+          <el-select v-model="formData.collectType" placeholder="征集类型" clearable filterable>
+            <el-option
+                v-for="item in typeOption"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item v-if="checkFormPrem('deadline')" label="截止时间" prop="deadline">
+          <el-config-provider>
+            <el-date-picker
+                v-model="formData.deadline"
+                type="datetime"
+                placeholder="截止时间"
+                value-format="YYYY-MM-DD HH:mm:ss"
+            />
+          </el-config-provider>
+        </el-form-item>
+      </div>
+    </el-form>
+    <baseTitle title="征集说明"></baseTitle>
+    <Tinymce  v-if="checkFormPrem('collectExplain') && showTinymce" image-url="/notice/file" file-url="/notice/file"
+              v-model:value="formData.collectExplain" height="300" />
+    <baseTitle title="申请文件"></baseTitle>
+    <file-upload v-if="checkFormPrem('fileList')" @getFile="getFile"/>
+    <fvTable style="width: 100%;max-height: 200px" v-if="showTable"
+             :tableConfig="tableConfig" :data="formData.fileList"
+             :isSettingCol="false" :pagination="false">
+      <template #empty>
+        <el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
+      </template>
+    </fvTable>
+    <div class="approval-record">
+      <baseTitle title="流程"></baseTitle>
+      <process-diagram-viewer mode="view" v-if="processDiagramViewer"/>
+      <!--      <div class="process" id="approvalRecord">-->
+      <!--        <process-tree ref="processTree" mode="view" id-name="approvalRecord"/>-->
+      <!--      </div>-->
+    </div>
+    <div class="oper-page-btn">
+      <el-button color="#DED0B2" @click="handleSubmit(demandForm)">提交</el-button>
+      <el-button color="#DED0B2" @click="handleResubmit">重新提交</el-button>
+      <el-button @click="handleBack">返回</el-button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="jsx">
+import {useAuthStore} from '@/stores/userstore.js'
+import {useProcessStore} from '@/stores/processStore.js';
+import {
+  getWorkflowInfo,
+  addRequirement,
+  getFormInfo,
+  resubmit,
+  deleteFile,
+  downloadFile
+} from "@/api/project-demand/index.js";
+import FileUpload from "@/components/FileUpload.vue";
+import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue';
+import {ElMessage, ElMessageBox, ElNotification} from "element-plus";
+import {useRoute, useRouter} from 'vue-router'
+import {getSubCompOpt} from '@/api/user/user.js'
+import {useTagsView} from '@/stores/tagsview.js'
+
+const tagsViewStore = useTagsView()
+const authStore = useAuthStore()
+const router = useRouter()
+const route = useRoute()
+const demandForm = ref()
+const dateValue = ref()
+const formData = ref({
+  requirementName: '',
+  companyIds: '',
+  collectType: '',
+  deadline: '',
+  collectExplain: '',
+  fileList: []
+})
+const showTinymce = ref(true)
+const processDiagramViewer = ref(false)
+const typeOption = ref([
+  {
+    label: "需求征集",
+    value: '需求征集'
+  }
+])
+const companyOption = ref([])
+const form = ref(null)
+const fileList = ref([])
+const loading = ref(false)
+const showTable = ref(true)
+const processStore = useProcessStore()
+const processInstanceData = ref()
+const formPermMap = ref(new Map());
+const rules = reactive({
+  requirementName: [{required: true, message: '请输入名称', trigger: 'blur'}],
+  companyIds: [{required: true, message: '请选择所属公司', trigger: 'blur'}],
+  collectType: [{required: true, message: '请选择征集类型', trigger: 'blur'}],
+  deadline: [{required: true, message: '请选择截止时间', trigger: 'blur'}],
+})
+
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'index',
+      type: 'index',
+      label: '序号',
+      align: 'center',
+      width: '80',
+    },
+    {
+      prop: 'originalFileName',
+      label: '文件名',
+      align: 'center',
+    },
+    {
+      prop: 'tag',
+      label: '标签',
+      align: 'center'
+    },
+    {
+      prop: 'size',
+      label: '文件大小',
+      align: 'center',
+      currentRender: ({row, index}) => (parseInt(row.size / 1024) + 'KB')
+    },
+    {
+      prop: 'oper',
+      label: '操作',
+      align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({row, index}) => {
+        return (
+            <div>
+              <el-button type="primary" link onClick={() => handleDownload(row)}>下载</el-button>
+              <el-button type="primary" size="large" link onClick={() => handleDelete(row)}>删除</el-button>
+            </div>
+        )
+      }
+    }
+  ]
+})
+
+const checkFormPrem = (formKey) => {
+  if (formPermMap.value.hasOwnProperty(formKey)) {
+    let formItem = formPermMap.value[formKey];
+    return formItem.perm  === 'EDIT'
+  } else {
+    return true;
+  }
+
+}
+
+const handleDownload = (row) => {
+  downloadFile(row.fileId).then(res => {
+    const blob = new Blob([res])
+    let a = document.createElement('a')
+    a.href = URL.createObjectURL(blob)
+    a.download = row.originalFileName
+    a.click()
+  })
+}
+const compositeParam = (item) => {
+  let tag = ''
+  if (!formData.value.collectType && router.currentRoute.value.name === 'Collection/add') {
+    tag = '需求征集'
+  }
+  return {
+    fileId: item.id,
+    size: item.size,
+    originalFileName: item.originalFilename,
+    fileType: item.fileType,
+    url: item.url,
+    processNodeTag: null,
+    tag: tag,
+    userId: authStore.userinfo.userId
+  }
+}
+const getFile = (val) => {
+  console.log('上传文件', val)
+  showTable.value = false
+  let fileObj = compositeParam(val)
+  formData.value.fileList.push(fileObj)
+  nextTick(() => {
+    showTable.value = true
+  })
+}
+
+const init = async () => {
+  const res = await getSubCompOpt()
+  companyOption.value = res.data
+  getWorkflowInfo().then(res => {
+    ElNotification({
+      title: '提示',
+      message: res.msg,
+      type: res.code === 1000 ? 'success' : 'error'
+    })
+    if (res.code === 1000) {
+      let data = res.data
+      processInstanceData.value = data
+      processStore.setDesign(data)
+      processStore.runningList.value = data.runningList;
+      processStore.endList.value = data.endList;
+      processStore.noTakeList.value = data.noTakeList;
+      processStore.refuseList.value = data.refuseList;
+      processStore.passList.value = data.passList;
+      formPermMap.value = data.formPermMap
+      // const entriesArray = Object.entries(data.formPermMap);// 使用Map构造函数将键值对数组转换为Map对象
+      // formPermMap.value = new Map(entriesArray);
+      nextTick(() => {
+        processDiagramViewer.value = true
+      })
+    } else {
+    }
+  })
+}
+const submitParam = (item) => {
+  let files = []
+  item.fileList.forEach(item => {
+    let obj = {
+      fileId: item.fileId,
+    }
+    files.push(obj)
+  })
+  return {
+    collectExplain: item.collectExplain,
+    collectType: item.collectType,
+    companyIds: item.companyIds,
+    deadline: item.deadline,
+    requirementId: item.requirementId ? item.requirementId : 0,
+    requirementName: item.requirementName,
+    fileList: files,
+    deploymentId: processInstanceData.value.deploymentId
+  }
+}
+const handleSubmit = async (instance) => {
+  if (!instance) return
+  instance.validate(async (valid) => {
+    if (!valid) return
+    let res = await addRequirement(submitParam(formData.value))
+    if (res.code === 1000) {
+      ElMessage.success(res.msg)
+      tagsViewStore.delVisitedViews(router.currentRoute.value.path)
+      await router.push({
+        name: 'Collection'
+      })
+    } else {
+      ElMessage.error(res.msg)
+    }
+  })
+}
+const handleResubmit = () => {
+  resubmit(submitParam(formData.value)).then(res => {
+    if (res.code === 1000) {
+      ElMessage.success(res.msg)
+      tagsViewStore.delVisitedViews(router.currentRoute.value.path)
+      router.push({
+        name: 'Collection'
+      })
+    } else {
+      ElMessage.error(res.msg)
+    }
+  })
+}
+const getDetailInfo = async () => {
+  getFormInfo(route.query.id).then(res => {
+    if (res.code === 1000) {
+      ElMessage.success(res.msg)
+      formData.value = res.data
+      showTinymce.value = false
+      showTable.value = false
+      nextTick(() => {
+        showTinymce.value = true
+        showTable.value = true
+      })
+    } else {
+      ElMessage.error(res.msg)
+    }
+  })
+}
+
+const handleBack = () => {
+  history.back()
+}
+const handleDelete = (row) => {
+  ElMessageBox.confirm(`确认删除名称为${row.originalFileName}的表格吗?`, '系统提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    deleteFile(row.fileId).then(res => {
+      if (res.code === 1000) {
+        ElMessage.success("删除成功");
+        formData.value.fileList.splice(formData.value.fileList.findIndex((item) => item.id === row.fileId), 1);
+      }
+    });
+  }).catch(() => {
+    ElMessage.warning("用户取消删除! ");
+  })
+}
+
+onMounted(async () => {
+  loading.value = true
+  await init()
+  if (route.query.id) {
+    await getDetailInfo()
+  }
+  loading.value = false
+})
+</script>
+
+<style lang="scss" scoped>
+:deep(.el-empty__description) {
+  margin-top: 0;
+}
+
+.add-block {
+  //display: flex;
+  //justify-content: space-between;
+  overflow-x: hidden;
+  overflow-y: auto;
+
+  a {
+    cursor: pointer;
+    font-size: 14px;
+    color: #2a99ff;
+  }
+
+  .approval-record {
+    position: relative;
+  }
+}
+</style>
--- a/src/views/project-demand/collection/detail.vue
+++ b/src/views/project-demand/collection/detail.vue
@@ -0,0 +1,281 @@
+<template>
+  <div class="detail-block" v-loading="loading">
+    <el-form :model="formData" ref="demandForm" label-width="auto" :rules="rules">
+      <baseTitle title="需求征集详情"></baseTitle>
+      <el-row>
+        <el-col :span="12" v-if="checkFormPrem('requirementName')">
+          <el-form-item label="名称">
+            <span>{{ formData.requirementName }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12" v-if="checkFormPrem('companyIds')">
+          <el-form-item label="所属公司">
+            <span>{{ formData.companyIds }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12" v-if="checkFormPrem('collectType')">
+          <el-form-item label="征集类型">
+            <span>{{ formData.collectType }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12" v-if="checkFormPrem('deadline')">
+          <el-form-item label="截止时间">
+            <span>{{ formData.deadline }}</span>
+          </el-form-item>
+        </el-col>
+        <baseTitle title="征集说明"></baseTitle>
+        <el-col :span="24" v-if="checkFormPrem('collectExplain')">
+          <el-form-item>
+            <el-card style="width: 100%">
+              <div v-html="formData.collectExplain">
+              </div>
+            </el-card>
+          </el-form-item>
+        </el-col>
+        <baseTitle title="附件列表"></baseTitle>
+        <el-col :span="24" v-if="checkFormPrem('collectExplain')">
+          <el-form-item>
+            <fvTable style="width: 100%;max-height: 200px" v-if="showTable" :tableConfig="tableConfig"
+                     :data="formData.fileList" :isSettingCol="false" :pagination="false">
+              <template #empty>
+                <el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
+              </template>
+            </fvTable>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <div v-if="processInstanceData.taskId">
+            <baseTitle title="审核意见"></baseTitle>
+            <el-form-item prop="auditOpinion">
+              <el-input
+                  v-model="formData.auditOpinion"
+                  :rows="3"
+                  type="textarea"
+                  placeholder="请输入审核意见"
+              />
+            </el-form-item>
+          </div>
+        </el-col>
+      </el-row>
+      <div class="approval-record">
+        <baseTitle title="审批记录"></baseTitle>
+        <div class="process">
+          <operation-render v-if="processDiagramViewer" :operation-list="processInstanceData.operationList"
+                            :state="processInstanceData.state"/>
+          <process-diagram-viewer v-if="processDiagramViewer"/>
+        </div>
+      </div>
+    </el-form>
+    <div class="oper-page-btn" v-if="processInstanceData.state === '1' && processInstanceData.taskId">
+      <el-button @click="handleReject(demandForm)">驳回</el-button>
+      <el-button color="#DED0B2" @click="handleSubmit">同意</el-button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="jsx">
+import OperationRender from '@/views/workflow/common/OperationRender.vue'
+import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue'
+import {useProcessStore} from '@/stores/processStore.js';
+import {getInfo, agreeTask, rejectTask, downloadFile} from "@/api/project-demand/index.js";
+import {getSubCompOpt} from '@/api/user/user.js'
+import {ElMessage} from "element-plus";
+import {useTagsView} from '@/stores/tagsview.js'
+import {matterTree} from '@/utils/matterTree.js';
+
+const tagsViewStore = useTagsView()
+const router = useRouter()
+const route = useRoute()
+const form = ref();
+const loading = ref(false)
+const demandForm = ref()
+const processStore = useProcessStore()
+const companyOption = ref([])
+const formPermMap = ref(new Map());
+const processInstanceData = ref({})
+const showTable = ref(false)
+const processDiagramViewer = ref(false)
+const processTree = ref()
+const companyNameArray = ref([])
+const formData = ref({})
+const rules = reactive({
+  auditOpinion: [{required: true, message: '请输入审核意见', trigger: 'blur'}],
+})
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'index',
+      type: 'index',
+      label: '序号',
+      align: 'center',
+      width: '80',
+    },
+    {
+      prop: 'originalFileName',
+      label: '文件名',
+      align: 'center',
+    },
+    {
+      prop: 'tag',
+      label: '标签',
+      align: 'center'
+    },
+    {
+      prop: 'size',
+      label: '文件大小',
+      align: 'center',
+      currentRender: ({row, index}) => (parseInt(row.size / 1024) + 'KB')
+    },
+    {
+      prop: 'oper',
+      label: '操作',
+      align: 'center',
+      currentRender: ({row, index}) => {
+        return (
+            <el-button type="primary" link onClick={() => handleDownload(row)}>下载</el-button>
+        )
+      }
+    }
+  ]
+})
+
+const checkFormPrem = (formKey) => {
+  if (formPermMap.value.hasOwnProperty(formKey)) {
+    let formItem = formPermMap.value[formKey];
+    return formItem.perm === 'READ'
+  } else {
+    return true;
+  }
+}
+
+
+const fromPrem = (formKey) => {
+  let formItem = formPermMap.value[formKey];
+  return formItem.perm
+}
+
+const handleSubmit = () => {
+  let approve = {
+    taskId: processInstanceData.value.taskId,
+    auditOpinion: formData.value.auditOpinion,
+    formData: formData.value
+  }
+  agreeTask(approve).then(res => {
+    if (res.code === 1000) {
+      ElMessage.success(res.msg)
+      tagsViewStore.delVisitedViews(router.currentRoute.value.path)
+      router.push({
+        name: 'Collection'
+      })
+    } else {
+      ElMessage.error(res.msg)
+    }
+  })
+}
+const handleReject = (instance) => {
+  if (!instance) return
+  instance.validate(async (valid) => {
+    if (!valid) return
+    let approve = {
+      taskId: processInstanceData.value.taskId,
+      auditOpinion: formData.value.auditOpinion,
+    }
+    rejectTask(approve).then(res => {
+      if (res.code === 1000) {
+        ElMessage.success(res.msg)
+        tagsViewStore.delVisitedViews(router.currentRoute.value.path)
+        router.push({
+          name: 'Collection'
+        })
+      } else {
+        ElMessage.error(res.msg)
+      }
+    })
+  })
+}
+const getCompanyOption = async () => {
+  const res = await getSubCompOpt()
+  companyOption.value = res.data
+}
+
+const getDataSourceOptionItem = (val) => {
+  if (val !== undefined) {
+    val.forEach(item => {
+      matterTree(companyNameArray.value, companyOption.value, item)
+    })
+  }
+  return companyNameArray.value.join('，');
+}
+
+const handleDownload = (row) => {
+  downloadFile(row.fileId).then(res => {
+    const blob = new Blob([res])
+    let a = document.createElement('a')
+    a.href = URL.createObjectURL(blob)
+    a.download = row.originalFileName
+    a.click()
+  })
+}
+const init = async () => {
+  if (!route.query.id) return;
+  await getCompanyOption()
+  getInfo(route.query.id).then(res => {
+    loading.value = false
+    let data = res.data
+    formData.value = data.formData;
+    data.formData.companyIds = getDataSourceOptionItem(data.formData.companyIds)
+    processInstanceData.value = data
+    processStore.setDesign(data)
+    processStore.runningList.value = data.runningList;
+    processStore.endList.value = data.endList;
+    processStore.noTakeList.value = data.noTakeList;
+    processStore.refuseList.value = data.refuseList;
+    processStore.passList.value = data.passList;
+    nextTick(() => {
+      processDiagramViewer.value = true
+      showTable.value = true
+    })
+  })
+}
+onMounted(async () => {
+  loading.value = true
+  await init()
+})
+</script>
+
+<style lang="scss" scoped>
+:deep(.el-empty__description) {
+  margin-top: 0;
+}
+
+.detail-block {
+  overflow: hidden;
+  padding-right: 10px;
+
+  .info {
+    display: flex;
+    flex-wrap: wrap;
+
+    > div {
+      width: 350px;
+      margin-bottom: 15px;
+      margin-right: 10px;
+
+      > span:first-child {
+        color: black;
+        font-size: 16px;
+        font-weight: bold;
+      }
+    }
+  }
+
+  .approval-record {
+    padding-bottom: 30px;
+
+    .process {
+      position: relative;
+    }
+  }
+}
+
+</style>
--- a/src/views/project-demand/collection/index.vue
+++ b/src/views/project-demand/collection/index.vue
@@ -0,0 +1,202 @@
+<template>
+  <fvSearchForm :searchConfig="searchConfig" @search="search"></fvSearchForm>
+  <fvTable ref="tableIns" :tableConfig="tableConfig" @headBtnClick="headBtnClick">
+    <template #empty>
+      <el-empty description="暂无数据"/>
+    </template>
+  </fvTable>
+</template>
+
+<script setup lang="jsx">
+import {useAuthStore} from '@/stores/userstore.js'
+import Tag from '@/components/Tag.vue'
+import fvSelect from '@/fvcomponents/fvSelect/index.vue'
+import {ElMessage} from "element-plus";
+import {deleteDemand} from "@/api/project-demand";
+
+const authStore = useAuthStore()
+const router = useRouter()
+const searchConfig = reactive([
+  {
+    label: '需求名称',
+    prop: 'requirementName',
+    component: 'el-input',
+    props: {
+      placeholder: '请输入名称查询',
+      clearable: true,
+      filterable: true,
+      checkStrictly: true
+    }
+  },
+  {
+    label: '征集类型',
+    prop: 'collectType',
+    component: shallowRef(fvSelect),
+    props: {
+      placeholder: '请选择征集类型',
+      clearable: true,
+      filterable: true,
+      cacheKey: 'todo_type'
+    }
+  }
+])
+const tableIns = ref()
+const userInfo = ref(authStore.userinfo)
+const tableConfig = reactive({
+  columns: [
+    {
+      type: 'selection',
+      prop: 'selection'
+    },
+    {
+      prop: 'requirementName',
+      label: '需求名称',
+      align: 'center'
+    },
+    {
+      prop: 'collectType',
+      label: '征集类型',
+      align: 'center'
+    },
+    {
+      prop: 'companyName',
+      label: '所属公司',
+      align: 'center',
+      currentRender: ({row, index}) => (
+          <div style={{width: '300px', textOverflow: 'ellipsis'}}>{row.companyName}</div>)
+    },
+    {
+      prop: 'approveName',
+      label: '审批人',
+      align: 'center'
+    },
+    {
+      prop: 'deadline',
+      label: '截止时间',
+      align: 'center'
+    },
+    {
+      prop: 'taskNode',
+      label: '当前节点',
+      align: 'center'
+    },
+    {
+      prop: 'state',
+      label: '状态',
+      align: 'center',
+      width: 200,
+      showOverflowTooltip: false,
+      currentRender: ({row, index}) => (<Tag dictType={'demand_collection'} value={row.state}/>)
+    },
+    {
+      prop: 'oper',
+      label: '操作',
+      align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({row, index}) => {
+        let btn = []
+        let buttons = new Set(Array.from(row.buttons))
+        if (buttons.has("details")) {
+          btn.push({label: '详情', prem: ['mosr:requirement:info'], func: () => handleDetail(row), type: 'primary'})
+        }
+        if (buttons.has("edit")) {
+          btn.push({label: '编辑', prem: ['mosr:requirement:resubmit'], func: () => handleEdit(row), type: 'primary'})
+        }
+        // if (buttons.has("delete")) {
+        //   btn.push({label: '删除',prem: ['mosr:requirement:del'], func: () => handleDelete(row), type: 'primary'})
+        // }
+        if (buttons.has("report")) {
+          btn.push({label: '需求上报',prem: ['mosr:requirement:info'], func: () => handleReport(row), type: 'primary'})
+        }
+        return (
+            <div style={{width: '100%'}}>
+              {
+                btn.map(item => (
+                    <el-button
+                        type={item.type}
+                        v-perm={item.prem}
+                        onClick={() => item.func()}
+                        link
+                    >
+                      {item.label}
+                    </el-button>
+                ))
+              }
+              {
+                buttons.has("delete") ?
+                    <popover-delete name={row.requirementName} type={'需求征集'} btnType={'danger'} perm={['mosr:requirement:del']}
+                                    onDelete={() => handleDelete(row)}/> : ''
+              }
+            </div>
+        )
+      }
+    }
+  ],
+  api: '/workflow/mosr/requirement',
+  btns: [
+    {name: '新增', key: 'add', color: '#DED0B2'},
+    {name: '导出', key: 'export', type: ''},
+  ],
+  params: {}
+})
+
+console.log('userInfo', userInfo.value.userName)
+
+const search = (val) => {
+  tableConfig.params = {...val}
+  tableIns.value.refresh()
+}
+const handleAdd = () => {
+  //新增
+  router.push({
+    name: 'Requirement/edit',
+    query: {
+      isAdd: 1
+    }
+  })
+}
+const handleEdit = (row) => {
+  router.push({
+    name: 'Requirement/edit',
+    query: {
+      id: row.requirementId
+    }
+  })
+}
+const handleDelete = (row) => {
+  deleteDemand(row.requirementId).then(res => {
+    if (res.code === 1000) {
+      ElMessage.success(res.msg)
+      tableIns.value.refresh()
+    } else {
+      ElMessage.error(res.msg)
+    }
+  })
+}
+const handleDetail = (row) => {
+  router.push({
+    name: 'Requirement/detail',
+    query: {
+      id: row.requirementId
+    }
+  })
+}
+const handleReport = (row) => {
+  router.push({
+    name: 'Summary/add',
+    query: {
+      id:row.requirementId
+    }
+  })
+}
+const headBtnClick = (key) => {
+  switch (key) {
+    case 'add':
+      handleAdd()
+      break;
+    case 'export':
+      handleExport()
+      break;
+  }
+}
+</script>
--- a/src/views/project-demand/summary/add.vue
+++ b/src/views/project-demand/summary/add.vue
@@ -0,0 +1,492 @@
+<template>
+  <div class="detail-block" v-loading="loading">
+    <baseTitle title="需求上报"></baseTitle>
+    <el-form :model="formData" ref="summaryForm" :rules="rules">
+      <el-row gutter="50">
+        <el-col :span="12">
+          <el-form-item label="名称" prop="projectName">
+            <el-input v-model="formData.projectName" placeholder="请输入名称" clearable></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="专项资金" prop="specialFund">
+            <el-select v-model="formData.specialFund" placeholder="请选择专项资金" clearable filterable>
+              <el-option
+                  v-for="item in cacheStore.getDict('todo_type')"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="开始时间" prop="startTime">
+            <el-config-provider>
+              <el-date-picker
+                  v-model="formData.startTime"
+                  type="datetime"
+                  placeholder="开始时间"
+                  value-format="YYYY-MM-DD HH:mm:ss"
+                  style="width: 100%"
+              />
+            </el-config-provider>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="结束时间" prop="endTime">
+            <el-config-provider>
+              <el-date-picker
+                  v-model="formData.endTime"
+                  type="datetime"
+                  placeholder="结束时间"
+                  value-format="YYYY-MM-DD HH:mm:ss"
+                  style="width: 100%"
+              />
+            </el-config-provider>
+          </el-form-item>
+        </el-col>
+<!--        <el-form-item label="所属公司" prop="affiliatedCompanyId">-->
+<!--          <el-tree-select v-model="formData.affiliatedCompanyId" :data="companyOption" style="width: 100%;"-->
+<!--                          filterable clearable :check-strictly="true"/>-->
+<!--        </el-form-item>-->
+<!--        </el-col>  <el-col :span="12">-->
+
+        <el-col :span="12">
+          <el-form-item label="项目类型" prop="projectType">
+            <el-select v-model="formData.projectType" placeholder="请选择项目类型" clearable filterable>
+              <el-option
+                  v-for="item in cacheStore.getDict('todo_type')"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="研发主体" prop="rdSubject">
+            <el-input v-model="formData.rdSubject" placeholder="请输入研发主体" clearable></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12">
+          <el-form-item label="出资类型" prop="investmentType">
+            <el-select v-model="formData.investmentType" placeholder="请选择出资类型" clearable filterable>
+              <el-option
+                  v-for="item in cacheStore.getDict('todo_type')"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="项目影响" prop="projectImpact">
+            <el-select v-model="formData.projectImpact" placeholder="请选择项目影响" clearable filterable>
+              <el-option
+                  v-for="item in cacheStore.getDict('todo_type')"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所属业务板块" prop="businessSegment">
+            <el-select v-model="formData.businessSegment" placeholder="请选择所属业务板块" clearable filterable>
+              <el-option
+                  v-for="item in cacheStore.getDict('todo_type')"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="预期成果形式" prop="resultForm">
+            <el-select v-model="formData.resultForm" placeholder="请选择预期成果形式" clearable filterable>
+              <el-option
+                  v-for="item in cacheStore.getDict('todo_type')"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="预期技术标准制定" prop="technicalStandard">
+            <el-select v-model="formData.technicalStandard" placeholder="请选择预期技术标准制定" clearable filterable>
+              <el-option
+                  v-for="item in cacheStore.getDict('todo_type')"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="产学研联合" prop="industryUniversityResearch">
+            <el-select v-model="formData.industryUniversityResearch" placeholder="请选择产学研联合" clearable filterable>
+              <el-option
+                  v-for="item in cacheStore.getDict('todo_type')"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="开展政府申报" prop="governmentDeclaration">
+            <el-select v-model="formData.governmentDeclaration" placeholder="请选择开展政府申报" clearable filterable>
+              <el-option
+                  v-for="item in cacheStore.getDict('todo_type')"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="知识产权状况" prop="intellectualProperty">
+            <el-select v-model="formData.intellectualProperty" placeholder="请选择知识产权状况" clearable filterable>
+              <el-option
+                  v-for="item in cacheStore.getDict('todo_type')"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="发明专利(项)" prop="inventionPatent">
+            <el-input v-model="formData.inventionPatent" clearable></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="实用性新型专利(项)" prop="newPatent">
+            <el-input v-model="formData.newPatent" clearable></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="软件著作权(项)" prop="softwareCopyright">
+            <el-input v-model="formData.softwareCopyright" clearable></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="著作权(项)" prop="copyright">
+            <el-input v-model="formData.copyright" clearable></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="其他(项)" prop="other">
+            <el-input v-model="formData.other" clearable></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="经济概算(万元)" prop="economicEstimate">
+            <el-input v-model="formData.economicEstimate" clearable></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="其中申请公司总部科技创新专项资金(万元)" prop="specialFundAmount">
+            <el-input v-model="formData.specialFundAmount" clearable></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="现有业务描述" prop="serviceDescription">
+            <el-input v-model="formData.serviceDescription" type="textarea" clearable></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="研发项目关键内容描述" prop="contentDescription">
+            <el-input v-model="formData.contentDescription" type="textarea" clearable></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <AttachmentUpload ref="attachment" label="需求申请书附件" :showTable="showTable" :otherFileList="otherFileList"
+                      @getAttachment="getAttachment"
+                      @getOtherFile="getOtherFile" :showFileList="true" :formData="formData"
+                      :preview="name === 'Summary/edit'"/>
+    <!--  <fvForm :schema="schame" @getInstance="getInstance"></fvForm>-->
+    <div class="approval-record">
+      <baseTitle title="流程"></baseTitle>
+      <process-diagram-viewer mode="view" v-if="processDiagramViewer"/>
+      <!--      <div class="process" id="approvalRecord">-->
+      <!--        <process-tree ref="processTree" mode="view" id-name="approvalRecord"/>-->
+      <!--      </div>-->
+    </div>
+    <div class="oper-page-btn">
+      <el-button type="primary" @click="staging">存为草稿</el-button>
+      <el-button type="primary" @click="handleSubmit(summaryForm)">发布</el-button>
+      <el-button color="#DED0B2" @click="handleResubmit">重新发布</el-button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="jsx">
+import {getDetail, getProcessInfo, requirementReported, resubmitReported} from "./api";
+import {ElMessage, ElNotification} from "element-plus";
+import {useTagsView} from '@/stores/tagsview.js'
+import {useCacheStore} from '@/stores/cache.js'
+import {useProcessStore} from '@/stores/processStore.js';
+import {getSubCompOpt} from "@/api/user/user";
+import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue';
+
+const cacheStore = useCacheStore()
+const processStore = useProcessStore()
+const router = useRouter()
+const route = useRoute()
+const attachment = ref()
+const name = ref(router.currentRoute.value.name)
+const loading = ref(false)
+const processDiagramViewer = ref(false)
+const tagsViewStore = useTagsView()
+const companyOption = ref([])
+const summaryForm = ref()
+const deploymentId = ref()
+const showTable = ref(true)
+const otherFileList = ref([])
+const file = ref({})
+const formData = ref({})
+const rules = reactive({
+  projectName: [{required: true, message: '请输入名称', trigger: 'blur'}],
+  specialFund: [{required: true, message: '请选择专项资金', trigger: 'blur'}],
+  startTime: [{required: true, message: '请选择开始时间', trigger: 'blur'}],
+  rdSubject: [{required: true, message: '请输入研发主体', trigger: 'blur'}],
+  // affiliatedCompanyId: [{required: true, message: '请输入所属公司', trigger: 'blur'}],
+  projectType: [{required: true, message: '请选择项目类型', trigger: 'blur'}],
+  endTime: [{required: true, message: '请选择结束时间', trigger: 'blur'}],
+  investmentType: [{required: true, message: '请选择出资类型', trigger: 'blur'}],
+  projectImpact: [{required: true, message: '请选择项目影响', trigger: 'blur'}],
+  businessSegment: [{required: true, message: '请选择所属业务板块', trigger: 'blur'}],
+  resultForm: [{required: true, message: '请选择预期成果形式', trigger: 'blur'}],
+  technicalStandard: [{required: true, message: '请选择预期技术标准制定', trigger: 'blur'}],
+  industryUniversityResearch: [{required: true, message: '请选择产学研联合', trigger: 'blur'}],
+  governmentDeclaration: [{required: true, message: '请选择开展政府申报', trigger: 'blur'}],
+  intellectualProperty: [{required: true, message: '请选择知识产权状况', trigger: 'blur'}],
+  inventionPatent: [{required: true, message: '请输入发明专利', trigger: 'blur'}],
+  newPatent: [{required: true, message: '请输入实用性新型专利', trigger: 'blur'}],
+  softwareCopyright: [{required: true, message: '请输入软件著作权', trigger: 'blur'}],
+  copyright: [{required: true, message: '请输入著作权', trigger: 'blur'}],
+  other: [{required: true, message: '请输入其他', trigger: 'blur'}],
+  economicEstimate: [{required: true, message: '请输入经济概算', trigger: 'blur'}],
+  specialFundAmount: [{required: true, message: '请输入专项资金', trigger: 'blur'}],
+  serviceDescription: [{required: true, message: '请输入现有业务描述', trigger: 'blur'}],
+  contentDescription: [{required: true, message: '请输入研发项目关键内容描述', trigger: 'blur'}]
+})
+const compositeParam = (item, type) => {
+  let tag = ''
+  if (name.value === 'Summary/add' || name.value === 'Summary/edit') {
+    tag = '需求上报'
+  }
+  return {
+    fileId: item.id,
+    size: item.size,
+    originalFileName: item.originalFilename,
+    fileType: item.fileType,
+    url: item.url,
+    tag: tag
+  }
+}
+const getEditOtherFile = (val) => {
+  console.log('getEditOtherFile', val)
+}
+const getAttachment = (val) => {
+  console.log('上传文件getAttachment', val)
+  file.value = compositeParam(val)
+}
+const getOtherFile = (val) => {
+  console.log('上传文件getOtherFile', val)
+  showTable.value = false
+  let fileObj = compositeParam(val)
+  otherFileList.value.push(fileObj)
+  nextTick(() => {
+    showTable.value = true
+  })
+}
+const getFileParam = (item) => {
+  return {
+    fileId: item.fileId
+  }
+}
+const handleSubmit = async (instance) => {
+  // if (!instance) return
+  // instance.validate(async (valid, fields) => {
+  // if(JSON.stringify(file.value) == "{}"){
+  //     attachment.value.validate()
+  //   } else {
+  //     attachment.value.clearValidate()
+  //   }
+  //   if (!valid) return
+  let singleFile = {}
+  if (file.value.fileId !== undefined) {
+    singleFile = {
+      fileId: file.value.fileId
+    }
+  }
+  let otherFiles = []
+  otherFileList.value.forEach(item => {
+    otherFiles.push(getFileParam(item))
+  })
+  let params = {
+    "specialFund": "2",
+    "projectName": "重新提交全流程测试2024520",
+    "startTime": "2024-05-24 00:00:00",
+    "endTime": "2024-05-29 00:00:00",
+    "projectType": "3",
+    "investmentType": "3",
+    "businessSegment": "2",
+    "technicalStandard": "2",
+    "governmentDeclaration": "2",
+    "inventionPatent": "3",
+    "newPatent": "3",
+    "economicEstimate": "3",
+    "other": "3",
+    "copyright": "3",
+    "softwareCopyright": "3",
+    "industryUniversityResearch": "2",
+    "intellectualProperty": "00",
+    "resultForm": "3",
+    "projectImpact": "3",
+    "rdSubject": "3",
+    // "affiliatedCompanyId": formData.value.affiliatedCompanyId,
+    "serviceDescription": "3",
+    "contentDescription": "3",
+    "specialFundAmount": "3",
+    deploymentId: deploymentId.value,
+    "singleFile": singleFile,
+    "fileList": otherFiles,
+    "requirementId":route.query.id
+  }
+  // let params = {
+  //   ...formData.value,
+  //   deploymentId: deploymentId.value,
+  //   fileList: otherFiles,
+  //   singleFile: singleFile,
+  //   requirementId: route.query.id
+  // }
+  let res = await requirementReported(params)
+  ElNotification({
+    title: '提示',
+    message: res.msg,
+    type: res.code === 1000 ? 'success' : 'error'
+  })
+  if (res.code === 1000) {
+    tagsViewStore.delVisitedViews(router.currentRoute.value.path)
+    await router.push({
+      name: 'Summary'
+    })
+  }
+  // })
+}
+const handleResubmit = () => {
+  let singleFile = {}
+  let otherFiles = []
+  let fileArray
+  if (name.value === 'Summary/edit') {
+    singleFile = {
+      fileId: attachment.value.singleFile.fileId
+    }
+    fileArray = attachment.value.allFileList
+  } else {
+    if (file.value.fileId !== undefined) {
+      singleFile = {
+        fileId: file.value.fileId
+      }
+    }
+    fileArray = otherFileList.value
+  }
+  fileArray.forEach(item => {
+    otherFiles.push(getFileParam(item))
+  })
+  //todo requirementId
+  let params = {
+    ...formData.value,
+    deploymentId: deploymentId.value,
+    fileList: otherFiles,
+    singleFile: singleFile,
+    requirementId: route.query.id
+  }
+  console.log('重新提交params', params)
+  resubmitReported(params).then(res => {
+    ElNotification({
+      title: '提示',
+      message: res.msg,
+      type: res.code === 1000 ? 'success' : 'error'
+    })
+    if (res.code === 1000) {
+      tagsViewStore.delVisitedViews(router.currentRoute.value.path)
+      router.push({
+        name: 'Summary'
+      })
+    }
+  })
+}
+const getDetailInfo = async () => {
+  getDetail(route.query.projectId).then(res => {
+    ElNotification({
+      title: '提示',
+      message: res.msg,
+      type: res.code === 1000 ? 'success' : 'error'
+    })
+    if (res.code === 1000) {
+      formData.value = res.data.formData
+      loading.value = false
+    }
+  })
+}
+const init = async () => {
+  const res = await getSubCompOpt()
+  companyOption.value = res.data
+  getProcessInfo().then(res => {
+    ElNotification({
+      title: '提示',
+      message: res.msg,
+      type: res.code === 1000 ? 'success' : 'error'
+    })
+    if (res.code === 1000) {
+      let data = res.data
+      deploymentId.value = data.deploymentId
+      processStore.setDesign(data)
+      processStore.runningList.value = data.runningList;
+      processStore.endList.value = data.endList;
+      processStore.noTakeList.value = data.noTakeList;
+      processStore.refuseList.value = data.refuseList;
+      processStore.passList.value = data.passList;
+      nextTick(() => {
+        processDiagramViewer.value = true
+      })
+    }
+  })
+}
+onMounted(async () => {
+  await init()
+  if (route.query.projectId) {
+    loading.value = true
+    await getDetailInfo()
+  }
+})
+const staging = async () => {
+}
+</script>
+<style lang="scss" scoped>
+.detail-block {
+  overflow: hidden;
+  padding-bottom: 30px;
+}
+
+:deep(.el-table--fit) {
+  height: auto !important;
+}
+
+</style>
--- a/src/views/project-demand/summary/api/index.js
+++ b/src/views/project-demand/summary/api/index.js
@@ -0,0 +1,40 @@
+import request from '@/utils/request'
+
+export const fileUp = (url, data) => {
+  return request({
+    url,
+    method: 'post',
+    data,
+    headers: {
+      'Content-Type': 'multipart/form-data'
+    }
+  })
+}
+
+export const requirementReported = (data) => {
+  return request({
+    url: '/workflow/mosr/requirement/reported',
+    method: "post",
+    data: data
+  });
+};
+export const getProcessInfo = () => {
+  return request({
+    url: '/workflow/mosr/requirement/collect/process',
+    method: "get"
+  });
+};
+export const getDetail = (projectId) => {
+  return request({
+    url: `/workflow/mosr/requirement/collect/info/${projectId}`,
+    method: "get"
+  });
+};
+
+export const resubmitReported = (data) => {
+  return request({
+    url: '/workflow/mosr/requirement/collect/resubmit',
+    method: "post",
+    data: data
+  });
+};
--- a/src/views/project-demand/summary/components/FileUpload.vue
+++ b/src/views/project-demand/summary/components/FileUpload.vue
@@ -0,0 +1,75 @@
+<template>
+  <el-upload
+    ref="uploadRef"
+    class="upload-demo"
+    v-bind="$attrs"
+    drag
+    :action="url"
+    multiple
+    :on-change="change"
+    :on-progress="progress"
+    :on-remove="remove"
+    :before-remove="beforeRemove"
+    v-model:file-list="fileList"
+    :http-request="uploadRequest"
+    style="width: 50%;"
+  >
+    <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+    <div class="el-upload__text">
+      拖拽上传/<em>点击上传</em>
+    </div>
+    <template #tip>
+      <div class="el-upload__tip">
+        {{ tip }}
+      </div>
+    </template>
+  </el-upload>
+</template>
+
+<script setup lang="jsx">
+import { reactive, ref } from 'vue';
+import { fileUp } from '../api';
+
+const props = defineProps({
+  url: {
+    type: String,
+    default: ''
+  },
+  tip: {
+    type: String,
+    default: ''
+  }
+})
+
+const fileList = ref([])
+const uploadRef = ref()
+
+const localData = reactive({
+
+})
+
+const change = (file, files) => {
+  console.log(file, 'file');
+}
+
+const progress = (UploadProgressEvent, UploadFile, UploadFiles) => {
+
+}
+
+const remove = (file, files) => {}
+
+const beforeRemove = (file, files) => {}
+
+const uploadRequest = (UploadRequestOptions) => {
+  console.log(UploadRequestOptions, 'UploadRequestOptions');
+  // UploadRequestOptions.data = {}
+  const formData = new FormData()
+  formData.append('file', UploadRequestOptions.file)
+  // formData.append('params', UploadRequestOptions.data)
+  fileUp(url, formData)
+}
+
+</script>
+
+<style lang="scss" scoped>
+</style>
--- a/src/views/project-demand/summary/detail.vue
+++ b/src/views/project-demand/summary/detail.vue
@@ -0,0 +1,96 @@
+<template>
+  <steps :active="'1'" @setDetail="setDetail" @stepChange="stepChange">
+    <template #content>
+      <collection-detail v-show="showActive == '00'" :formData="summaryData.formData" :data="summaryData"
+                         :processViewer="summaryProcessViewer" :companyOption="companyOption" :loading="loading"/>
+      <summary-detail v-show="showActive == '10'" :formData="summaryData.formData" :data="summaryData"
+                      :processViewer="summaryProcessViewer" :loading="loading"/>
+      <ApprovalDetail v-show="showActive == '20'" :formData="summaryData.formData" :data="summaryData" :processViewer="summaryProcessViewer" :loading="loading"></ApprovalDetail>
+      <ApprovalDetail type="execute" v-show="showActive == '40'" :formData="summaryData.formData" :data="summaryData"
+                      :processViewer="summaryProcessViewer" :loading="loading"></ApprovalDetail>
+      <ApprovalDetail type="archivist" v-show="showActive == '50'" :formData="summaryData.formData" :data="summaryData"
+                      :processViewer="summaryProcessViewer" :loading="loading"></ApprovalDetail>
+
+    </template>
+  </steps>
+  <opinion v-if="summaryData.taskId" :formData="summaryData.formData" :taskId="summaryData.taskId"></opinion>
+</template>
+
+<script setup lang="jsx">
+import SummaryDetail from '@/components/DetailComponent/SummaryDetail.vue';
+import {useProcessStore} from '@/stores/processStore.js';
+import {getMapProjectStateInfo} from '@/components/steps/api';
+import CollectionDetail from "@/components/DetailComponent/CollectionDetail.vue";
+import {getSubCompOpt} from "@/api/user/user";
+import {ElNotification} from "element-plus";
+
+const route = useRoute()
+const companyOption = ref([])
+const summaryData = ref({})
+const summaryProcessViewer = ref(true)
+const loading = ref(false)
+const processStore = useProcessStore()
+const active = ref(route.query.state)
+const showActive = ref()
+const getCompanyOption = async () => {
+  const res = await getSubCompOpt()
+  companyOption.value = res.data
+}
+const getInfo = async (state) => {
+  const projectId = route.query.projectId
+  if(showActive == '00'){
+    await getCompanyOption()
+  }
+  summaryProcessViewer.value = false
+  loading.value = true
+  const {code, data,msg} = await getMapProjectStateInfo(projectId, state)
+  ElNotification({
+    title: '提示',
+    message: msg,
+    type: code === 1000 ? 'success' : 'error'
+  })
+  if(code===1000){
+    summaryData.value = data;
+    loading.value = false
+    processStore.setDesign(data)
+    processStore.runningList.value = data.runningList;
+    processStore.endList.value = data.endList;
+    processStore.noTakeList.value = data.noTakeList;
+    processStore.refuseList.value = data.refuseList;
+    processStore.passList.value = data.passList;
+    nextTick(() => {
+      summaryProcessViewer.value = true
+    })
+  }
+}
+// const back = () => {
+//   switch (route.name) {
+//     case 'Summary/detail':
+//       setDetail('1')
+//       break;
+//     case 'Initiation/detail':
+//       setDetail('2')
+//       break;
+//     case 'Implementation/detail':
+//       setDetail('3')
+//       break;
+//     case 'Filing/detail':
+//       setDetail('4')
+//       break;
+//   }
+// }
+const setDetail = (active) => {
+  showActive.value = active
+  getInfo(active)
+}
+
+const stepChange = (data) => {
+  showActive.value = data.active
+  getInfo(data.active)
+}
+// back()
+</script>
+
+<style scoped>
+
+</style>
--- a/src/views/project-demand/summary/index.vue
+++ b/src/views/project-demand/summary/index.vue
@@ -0,0 +1,207 @@
+<template>
+  <fvSearchForm :searchConfig="searchConfig" @search="search"></fvSearchForm>
+  <fvTable ref="tableIns" :tableConfig="tableConfig" @headBtnClick="headBtnClick"></fvTable>
+</template>
+
+<script setup lang="jsx">
+import {reactive, ref, shallowRef} from 'vue';
+import fvSelect from '@/fvcomponents/fvSelect/index.vue'
+import {useRouter} from 'vue-router';
+
+const localData = reactive({})
+
+const tableIns = ref()
+const router = useRouter()
+
+
+const searchConfig = reactive([
+  {
+    label: '名称',
+    prop: 'requirementName',
+    props: {
+      placeholder: '请输入'
+    },
+    component: 'el-input',
+    colProps: {}
+  },
+  {
+    label: '项目类型',
+    prop: 'projectType',
+    component: shallowRef(fvSelect),
+    props: {},
+    colProps: {}
+  },
+  {
+    label: '研发主体',
+    prop: 'productMainBody',
+    component: shallowRef(fvSelect),
+    props: {},
+    colProps: {}
+  },
+  {
+    label: '项目影响',
+    prop: 'projectEffect',
+    component: shallowRef(fvSelect),
+    props: {},
+    colProps: {}
+  },
+  {
+    label: '起止时间',
+    prop: 'startTime',
+    component: 'el-date-picker',
+    props: {},
+    colProps: {}
+  },
+  {
+    label: '最小金额',
+    prop: 'minMoney',
+    component: 'el-input',
+    colProps: {}
+  },
+  {
+    label: '最大金额',
+    prop: 'maxMoney',
+    component: 'el-input',
+    colProps: {}
+  },
+])
+
+const tableConfig = reactive({
+  columns: [
+    {
+      type: 'selection',
+      prop: 'selection'
+    },
+    {
+      prop: 'requirementName',
+      label: '名称',
+      align: 'center'
+    },
+    {
+      prop: 'undertaker',
+      label: '承办单位',
+      align: 'center'
+    },
+    {
+      prop: 'projectType',
+      label: '项目类型',
+      align: 'center'
+    },
+    {
+      prop: 'rdSubject',
+      label: '研发主体',
+      align: 'center'
+    },
+    {
+      prop: 'projectImpact',
+      label: '项目影响',
+      align: 'center'
+    },
+    {
+      prop: 'startTime',
+      label: '起止时间',
+      align: 'center'
+    },
+    {
+      prop: 'state',
+      label: '状态',
+      align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({row, index}) => {
+        if (row.state !== null&&row.state != 0) {
+          return (<Tag dictType={'demand_summary'} value={row.state}/>)
+        } else {
+          return '--'
+        }
+      }
+    },
+    {
+      prop: 'oper',
+      label: '操作',
+      align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({row, index}) => {
+        let btn = []
+        let buttons = new Set(Array.from(row.buttons))
+        if (buttons.has("details")) {
+          btn.push({label: '详情', prem: ['mosr:collect:info'], func: () => handleDetail(row), type: 'primary'})
+        }
+        if (buttons.has("edit")) {
+          btn.push({label: '编辑',prem: ['mosr:collect:resubmit'], func: () => handleEdit(row), type: 'primary'})
+        }
+        // if (buttons.has("delete")) {
+        //   btn.push({label: '删除',prem: ['mosr:requirement:del'], func: () => handleEdit(row), type: 'primary'})
+        // }
+        if (buttons.has("report")) {
+          btn.push({label: '上报',prem: ['mosr:collect:reported'], func: () => handleAdd(row), type: 'primary'})
+        }
+        return (
+            <div style={{width: '100%'}}>
+              {
+                btn.map(item => (
+                    <el-button
+                        type={item.type}
+                        v-perm={item.prem}
+                        onClick={() => item.func()}
+                        link
+                    >
+                      {item.label}
+                    </el-button>
+                ))
+              }
+            </div>
+        )
+      }
+    }
+  ],
+  api: '/workflow/mosr/requirement/collect',
+  params: {},
+  btns: [
+    {name: '年度计划导出', key: '_export', color: '#DED0B2', auth: ''},
+    {name: '经费预算生成', key: 'preMonty', color: '#DED0B2', auth: ''},
+  ]
+})
+
+const search = (val) => {
+  let obj = {...val}
+  if (obj.time) {
+    obj.startTime = obj.time[0]
+    obj.endTime = obj.time[1]
+    delete obj.dateValue
+  }
+  tableConfig.params = obj
+  tableIns.value.refresh()
+}
+
+const handleAdd = (row) => {
+  router.push({
+    name: 'Summary/add',
+    query: {
+      id:row.requirementId
+    }
+  })
+}
+const handleEdit = (row) => {
+  router.push({
+    name: 'Summary/edit',
+    query: {
+      id:row.requirementId,
+      projectId:row.projectId
+    }
+  })
+}
+const handleDetail = (row) => {
+  router.push({
+    name: 'Summary/detail',
+    query: {
+      id:row.requirementId,
+      projectId: row.projectId,
+      state: row.state
+    }
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>
--- a/src/views/project-management/filing/attachment.vue
+++ b/src/views/project-management/filing/attachment.vue
@@ -0,0 +1,83 @@
+<template>
+  <fvSearchForm :searchConfig="searchConfig" @search="search"></fvSearchForm>
+  <el-card style="width: 100%">
+    <file-upload @getFile="getOtherFile" :showFileList="true"/>
+    <fvTable style="width: 100%;max-height: 250px" v-if="showTable" :tableConfig="tableConfig"
+             :data="otherFileList" :isSettingCol="false" :pagination="false">
+      <template #empty>
+        <el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
+      </template>
+    </fvTable>
+  </el-card>
+</template>
+
+<script setup lang="jsx">
+import {downloadFile} from "@/api/project-demand";
+
+const searchConfig = reactive([
+  {
+    label: '关键词',
+    prop: 'collectType',
+    component: 'el-input',
+    props: {
+      placeholder: '请输入',
+      clearable: true,
+      filterable: true,
+    }
+  }
+])
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'originalFileName',
+      label: '附件名称',
+      align: 'center',
+    },
+    {
+      prop: 'tag',
+      label: '自定义标签',
+      align: 'center'
+    },
+    {
+      prop: 'tag',
+      label: '内置标签',
+      align: 'center'
+    },
+    {
+      prop: 'tag',
+      label: '上传时间',
+      align: 'center'
+    },
+    {
+      prop: 'oper',
+      label: '操作',
+      align: 'center',
+      currentRender: ({row, index}) => {
+        return (
+            <div>
+              <el-button type="primary" link onClick={() => handleDownload(row)}>下载</el-button>
+            </div>
+        )
+      }
+    }
+  ]
+})
+const showTable=ref(true)
+const otherFileList = ref([])
+const getOtherFile = () => {
+
+}
+const handleDownload = (row) => {
+  downloadFile(row.fileId).then(res => {
+    const blob = new Blob([res])
+    let a = document.createElement('a')
+    a.href=URL.createObjectURL(blob)
+    a.download = row.originalFileName
+    a.click()
+  })
+}
+</script>
+
+<style scoped>
+
+</style>
--- a/src/views/project-management/filing/conclusion.vue
+++ b/src/views/project-management/filing/conclusion.vue
@@ -0,0 +1,265 @@
+<template>
+  <div class="apply-block">
+    <el-form :model="formData" ref="applyForm" label-width="auto" :rules="rules">
+      <baseTitle title="项目结项"></baseTitle>
+      <AttachmentUpload ref="attachment" label="项目结项附件" :showTable="showTable" :otherFileList="otherFileList"
+                        @getAttachment="getAttachment"
+                        @getOtherFile="getOtherFile" :showFileList="true" :formData="formData" :preview="name === 'Filing/edit'"/>
+      <div class="approval-record">
+        <baseTitle title="流程"></baseTitle>
+        <process-diagram-viewer mode="view" v-if="processDiagramViewer"/>
+      </div>
+    </el-form>
+    <div class="oper-page-btn">
+      <el-button color="#DED0B2" @click="handleSubmit(applyForm)">提交</el-button>
+      <el-button color="#DED0B2" @click="handleResubmit">重新提交</el-button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="jsx">
+import {useTagsView} from '@/stores/tagsview.js'
+import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue';
+import {downloadFile} from "@/api/project-demand";
+import {ElNotification} from "element-plus";
+import {useProcessStore} from '@/stores/processStore.js';
+import {getProjectConclusionProcess, projectConclusion,getConclusionDetail, resubmitConclusion} from "@/api/project-manage";
+const router = useRouter()
+const route = useRoute()
+const tagsViewStore = useTagsView()
+const formData = ref({})
+const rules = reactive({
+  attachment: [{required: true, message: '请上传项目结项附件', trigger: 'blur'}],
+})
+const attachment = ref()
+const name=ref(router.currentRoute.value.name)
+const loading = ref(false)
+const file = ref({})
+const applyForm = ref()
+const deploymentId = ref()
+const showTable = ref(true)
+const otherFileList = ref([])
+const processInstanceData = ref()
+const processDiagramViewer = ref(true)
+const processStore = useProcessStore()
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'index',
+      type: 'index',
+      label: '序号',
+      align: 'center',
+      width: '80',
+    },
+    {
+      prop: 'originalFileName',
+      label: '文件名',
+      align: 'center',
+    },
+    {
+      prop: 'tag',
+      label: '标签',
+      align: 'center'
+    },
+    {
+      prop: 'size',
+      label: '文件大小',
+      align: 'center',
+      currentRender: ({row, index}) => (parseInt(row.size / 1024) + 'KB')
+    },
+    // {
+    //   prop: 'oper',
+    //   label: '操作',
+    //   align: 'center',
+    //   currentRender: ({row, index}) => {
+    //     return (
+    //         <div>
+    //           <el-button type="primary" link onClick={() => handleDownload(row)}>下载</el-button>
+    //           <el-button type="primary" size="large" link onClick={() => beforeRemove(row)}>删除</el-button>
+    //         </div>
+    //     )
+    //   }
+    // }
+  ]
+})
+const handleDownload = (row) => {
+  downloadFile(row.fileId).then(res => {
+    const blob = new Blob([res])
+    let a = document.createElement('a')
+    a.href = URL.createObjectURL(blob)
+    a.download = row.originalFileName
+    a.click()
+  })
+}
+const compositeParam = (item) => {
+  let tag = ''
+  if (name.value === 'Filing/conclusion'||name.value === 'Filing/edit') {
+    tag = '项目结项'
+  }
+  return {
+    fileId: item.id,
+    size: item.size,
+    originalFileName: item.originalFilename,
+    fileType: item.fileType,
+    url: item.url,
+    tag: tag
+  }
+}
+const getAttachment = (val) => {
+  console.log('上传文件getAttachment', val)
+  file.value=compositeParam(val)
+}
+const getOtherFile = (val) => {
+  console.log('上传文件getOtherFile', val)
+  showTable.value = false
+  let fileObj = compositeParam(val)
+  otherFileList.value.push(fileObj)
+  nextTick(() => {
+    showTable.value = true
+  })
+}
+
+const getFileParam = (item) => {
+  return {
+    fileId: item.fileId
+  }
+}
+const handleSubmit = (instance) => {
+  if (!instance) return
+  instance.validate(async (valid) => {
+    if (!valid) return
+    if(JSON.stringify(file.value) === "{}"){
+      attachment.value.validate()
+    } else {
+      attachment.value.clearValidate()
+    }
+    if (!valid) return
+    let files = []
+    let singleFile={}
+    if(file.value.fileId!==undefined){
+      singleFile = {
+        fileId: file.value.fileId
+      }
+    }
+    otherFileList.value.forEach(item => {
+      files.push(getFileParam(item))
+    })
+    let params = {
+      deploymentId: deploymentId.value,
+      requirementId: route.query.id,
+      fileList: files,
+      singleFile: singleFile,
+      projectId:route.query.projectId,
+    }
+    console.log('params', params)
+    let res = await projectConclusion(params)
+    ElNotification({
+      title: '提示',
+      message: res.msg,
+      type: res.code === 1000 ? 'success' : 'error'
+    })
+    if (res.code === 1000) {
+      tagsViewStore.delVisitedViews(router.currentRoute.value.path)
+      await router.push({
+        name: 'Filing'
+      })
+    }
+  })
+}
+const handleResubmit = () => {
+  let singleFile = {}
+  let otherFiles = []
+  let fileArray
+  if (JSON.stringify(file.value) === "{}"||attachment.value.singleFile===null) {
+    attachment.value.validate()
+  } else {
+    attachment.value.clearValidate()
+  }
+  if(attachment.value.singleFile!==null&&name.value === 'Filing/edit'){
+    singleFile = {
+      fileId: attachment.value.singleFile.fileId
+    }
+    fileArray=attachment.value.allFileList
+  }else {
+    if (file.value.fileId !== undefined) {
+      singleFile = {
+        fileId: file.value.fileId
+      }
+    }
+    fileArray=otherFileList.value
+  }
+  fileArray.forEach(item => {
+    otherFiles.push(getFileParam(item))
+  })
+  //todo requirementId
+  let params={
+    deploymentId: deploymentId.value,
+    requirementId: route.query.id,
+    fileList: otherFiles,
+    singleFile: singleFile,
+    projectId:route.query.projectId,
+  }
+  console.log('重新提交params',params)
+  resubmitConclusion(params).then(res => {
+    ElNotification({
+      title: '提示',
+      message: res.msg,
+      type: res.code === 1000 ? 'success' : 'error'
+    })
+    if (res.code === 1000) {
+      tagsViewStore.delVisitedViews(router.currentRoute.value.path)
+      router.push({
+        name: 'Filing'
+      })
+    }
+  })
+}
+const getDetailInfo = async () => {
+  getConclusionDetail(route.query.projectId).then(res => {
+    ElNotification({
+      title: '提示',
+      message: res.msg,
+      type: res.code === 1000 ? 'success' : 'error'
+    })
+    if (res.code === 1000) {
+      formData.value = res.data.formData
+      loading.value=false
+    }
+  })
+}
+const init =  () => {
+  getProjectConclusionProcess().then(res => {
+    ElNotification({
+      title: '提示',
+      message: res.msg,
+      type: res.code === 1000 ? 'success' : 'error'
+    })
+    processDiagramViewer.value = false
+    if (res.code === 1000) {
+      let data = res.data
+      deploymentId.value=data.deploymentId
+      processInstanceData.value = data
+      processStore.setDesign(data)
+      processStore.runningList.value = data.runningList;
+      processStore.endList.value = data.endList;
+      processStore.noTakeList.value = data.noTakeList;
+      processStore.refuseList.value = data.refuseList;
+      processStore.passList.value = data.passList;
+      nextTick(() => {
+        processDiagramViewer.value = true
+      })
+    }
+  })
+}
+onMounted(async () => {
+  await init()
+  if (name.value === 'Filing/edit') {
+    loading.value=true
+    await getDetailInfo()
+  }
+})
+</script>
+
+<style scoped>
+
+</style>
--- a/src/views/project-management/filing/detail.vue
+++ b/src/views/project-management/filing/detail.vue
@@ -0,0 +1,129 @@
+<template>
+  <steps :active="'4'" @setDetail="setDetail" @stepChange="stepChange">
+    <template #content>
+      <collection-detail
+          :formData="commonForm.formData"
+          :data="commonForm"
+          :processViewer="commonProvessViewer"
+          :companyOption="companyOption"
+          v-show="showActive == '00'"
+          :loading="loading"
+      />
+      <summary-detail v-show="showActive == '10'" :formData="commonForm.formData" :data="commonForm"
+                      :processViewer="commonProvessViewer" :loading="loading"/>
+      <ApprovalDetail type="approval" v-show="showActive == '20'" :formData="commonForm.formData" :data="commonForm"
+                      :processViewer="commonProvessViewer" :loading="loading"></ApprovalDetail>
+      <ApprovalDetail type="execute" v-show="showActive == '40'" :formData="commonForm.formData" :data="commonForm"
+                      :processViewer="commonProvessViewer" :loading="loading"></ApprovalDetail>
+      <ApprovalDetail type="archivist" v-show="showActive == '50'" :formData="commonForm.formData" :data="commonForm"
+                      :processViewer="commonProvessViewer" :loading="loading"></ApprovalDetail>
+    </template>
+  </steps>
+  <opinion v-if="commonForm.taskId" :formData="commonForm.formData" :taskId="commonForm.taskId"/>
+
+</template>
+
+<script setup lang="jsx">
+import {getInfo} from "@/api/project-demand/index.js";
+import {getSubCompOpt} from '@/api/user/user.js'
+import {useProcessStore} from '@/stores/processStore.js';
+import CollectionDetail from "@/components/DetailComponent/CollectionDetail.vue";
+import SummaryDetail from "@/components/DetailComponent/SummaryDetail.vue";
+import ApprovalDetail from "@/components/DetailComponent/ApprovalDetail.vue";
+import {getMapProjectStateInfo} from '@/components/steps/api';
+import {ElLoading} from "element-plus";
+
+const route = useRoute()
+const companyOption = ref([])
+const loading = ref(false)
+
+const processStore = useProcessStore()
+const activeName = ref('first')
+const handleClick = (tab, event) => {
+  console.log(tab, event)
+  if (tab.index.value === 0) {
+
+  }
+}
+
+
+const getCompanyOption = async () => {
+  const res = await getSubCompOpt()
+  companyOption.value = res.data
+}
+
+
+const commonForm = ref({})
+const commonProvessViewer = ref(true)
+
+const getAllInfo = async (state) => {
+  const loading = ElLoading.service({fullscreen: true})
+  try {
+    state == '00' && (await getCompanyOption())
+    commonProvessViewer.value = false
+    loading.value = true
+    const {data, code} = await getMapProjectStateInfo(route.query.projectId, state)
+    // if(state == '00') {
+    //   collectionData.value = data;
+    // } else if(state == '10') {
+    //   summaryData.value = data;
+    // }
+    if(code===1000){
+      loading.value = false
+    }
+    commonForm.value = data
+    processStore.setDesign(data)
+    processStore.runningList.value = data.runningList;
+    processStore.endList.value = data.endList;
+    processStore.noTakeList.value = data.noTakeList;
+    processStore.refuseList.value = data.refuseList;
+    processStore.passList.value = data.passList;
+    nextTick(() => {
+      // summaryProcessViewer.value = true
+      commonProvessViewer.value = true
+    })
+    loading.close()
+  } catch {
+    loading.close()
+  }
+
+}
+
+const showActive = ref()
+
+const setDetail = (active) => {
+  showActive.value = active
+  getAllInfo(active)
+}
+
+const stepChange = (data) => {
+  showActive.value = data.active
+  getAllInfo(data.active)
+}
+</script>
+
+<style scoped lang="scss">
+.detail-block {
+  padding-top: 15px;
+
+  :deep(.el-tabs__nav-scroll) {
+    width: 100%;
+    display: flex;
+
+    .el-tabs__nav {
+      display: flex;
+      flex: 1;
+
+      .el-tabs__item {
+        flex: 1;
+        font-size: 16px;
+      }
+
+      .is-active {
+        color: black;
+        background-color: #DED0B2;
+      }
+    }
+  }
+}
+</style>
--- a/src/views/project-management/filing/index.vue
+++ b/src/views/project-management/filing/index.vue
@@ -0,0 +1,238 @@
+<template>
+  <fvSearchForm :searchConfig="searchConfig" @search="search"></fvSearchForm>
+  <fvTable ref="tableIns" :tableConfig="tableConfig">
+    <template #empty>
+      <el-empty description="暂无数据"/>
+    </template>
+  </fvTable>
+</template>
+
+<script setup lang="jsx">
+import fvSelect from '@/fvcomponents/fvSelect/index.vue'
+import {reactive, shallowRef} from "vue";
+
+const router = useRouter()
+const searchConfig = reactive([
+  {
+    label: '名称',
+    prop: 'requirementName',
+    component: 'el-input',
+    props: {
+      placeholder: '请输入名称查询',
+      clearable: true,
+      filterable: true,
+      checkStrictly: true
+    }
+  },
+  {
+    label: '项目类型',
+    prop: 'collectType',
+    component: shallowRef(fvSelect),
+    props: {
+      placeholder: '请选择项目类型',
+      clearable: true,
+      filterable: true,
+    }
+  },
+  {
+    label: '项目影响',
+    prop: 'projectEffect',
+    component: shallowRef(fvSelect),
+    props: {
+      placeholder: '请选择项目影响',
+      clearable: true,
+      filterable: true,
+    },
+    colProps: {}
+  },
+  {
+    label: '研发主体',
+    prop: 'collectType',
+    component: shallowRef(fvSelect),
+    props: {
+      placeholder: '请选择研发主体',
+      clearable: true,
+      filterable: true,
+    }
+  },
+
+  {
+    label: '起始时间',
+    prop: 'time',
+    component: 'el-date-picker',
+    props: {
+      placeholder: '请选择起止时间',
+      clearable: true,
+    },
+    colProps: {}
+  },
+  {
+    label: '最小金额',
+    prop: 'requirementName',
+    component: 'el-input',
+    props: {
+      placeholder: '请输入金额查询',
+      clearable: true,
+      filterable: true,
+      checkStrictly: true
+    }
+  },
+  {
+    label: '最大金额',
+    prop: 'requirementName',
+    component: 'el-input',
+    props: {
+      placeholder: '请输入金额查询',
+      clearable: true,
+      filterable: true,
+      checkStrictly: true
+    }
+  },
+])
+const tableIns = ref()
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'projectName',
+      label: '名称',
+      align: 'center'
+    },
+    {
+      prop: 'affiliatedCompany',
+      label: '所属公司',
+      align: 'center'
+    },
+    {
+      prop: 'approveName',
+      label: '审批人',
+      align: 'center'
+    },
+    {
+      prop: 'projectType',
+      label: '项目类型',
+      align: 'center'
+    },
+    {
+      prop: 'rdSubject',
+      label: '研发主体',
+      align: 'center'
+    },
+    {
+      prop: 'projectImpact',
+      label: '项目影响',
+      align: 'center'
+    },
+    {
+      prop: 'economicEstimate',
+      label: '经济概况',
+      align: 'center'
+    },
+    {
+      prop: 'startTime',
+      label: '起止时间',
+      align: 'center'
+    },
+    {
+      prop: 'taskNode',
+      label: '当前节点',
+      align: 'center'
+    },
+    {
+      prop: 'state',
+      label: '状态',
+      align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({row, index}) =>{
+        if (row.state !== null) {
+          return (<Tag dictType={'project_initiation'} value={row.state}/>)
+        } else {
+          return '--'
+        }
+      }
+    },
+    {
+      prop: 'oper',
+      label: '操作',
+      align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({row, index}) => {
+        let btn = []
+        let buttons = new Set(Array.from(row.buttons))
+        if (buttons.has("details")) {
+          btn.push({label: '详情', prem: ['mosr:requirement:info'], func: () => handleDetail(row), type: 'primary'})
+        }
+        if (buttons.has("attachments")) {
+          btn.push({label: '附件',prem: ['mosr:requirement:resubmit'], func: () => handleAttachment(row), type: 'primary'})
+        }
+        if (buttons.has("entry")) {
+          btn.push({label: '结项',prem: ['mosr:requirement:del'], func: () => handleConclusion(row), type: 'primary'})
+        }
+        if (buttons.has("edit")) {
+          btn.push({label: '编辑',prem: ['mosr:requirement:info'], func: () => handleEdit(row), type: 'primary'})
+        }
+        return (
+            <div style={{width: '100%'}}>
+              {
+                btn.map(item => (
+                    <el-button
+                        type={item.type}
+                        v-perm={item.prem}
+                        onClick={() => item.func()}
+                        link
+                    >
+                      {item.label}
+                    </el-button>
+                ))
+              }
+            </div>
+        )
+      }
+    }
+  ],
+  api: '/workflow/mosr/project/filing',
+  params: {},
+})
+
+const search = (val) => {
+  tableConfig.params = {...val}
+  tableIns.value.refresh()
+}
+
+const handleDetail = (row) => {
+  router.push({
+    name:'Filing/detail',
+    query: {
+      id: row.requirementId,
+      projectId: row.projectId,
+      state: row.state
+    }
+  })
+}
+const handleAttachment = (row) => {
+  router.push({
+    name:'Filing/attachment',
+    query: {
+      id: row.requirementId,
+      projectId: row.projectId
+    }
+  })
+}
+const handleConclusion = (row) => {
+  router.push({
+    name:'Filing/conclusion',
+    query: {
+      id: row.requirementId,
+      projectId: row.projectId
+    }
+  })
+}
+const handleEdit = (row) => {
+  router.push({
+    name:'Filing/edit',
+    query: {
+      id: row.requirementId,
+      projectId: row.projectId
+    }
+  })
+}
+</script>
--- a/src/views/project-management/implementation/account.vue
+++ b/src/views/project-management/implementation/account.vue
@@ -0,0 +1,103 @@
+<template>
+  <fvSearchForm :searchConfig="searchConfig" @search="search"></fvSearchForm>
+  <fvTable ref="tableIns" :tableConfig="tableConfig" @headBtnClick="headBtnClick">
+    <template #empty>
+      <el-empty description="暂无数据"/>
+    </template>
+  </fvTable>
+</template>
+
+<script setup lang="jsx">
+const searchConfig = reactive([
+  {
+    label: '名称',
+    prop: 'requirementName',
+    component: 'el-input',
+    props: {
+      placeholder: '请输入名称查询',
+      clearable: true,
+      filterable: true,
+      checkStrictly: true
+    }
+  },
+  {
+    label: '项目费用',
+    prop: 'requirementName',
+    component: 'el-input',
+    props: {
+      placeholder: '请输入项目费用查询',
+      clearable: true,
+      filterable: true,
+      checkStrictly: true
+    }
+  },
+  {
+    label: '起始时间',
+    prop: 'datetime',
+    component: 'el-date-picker',
+    props: {
+      placeholder: '请选择起始时间',
+      clearable: true,
+    },
+    colProps: {}
+  }
+])
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'name',
+      type: 'index',
+      label: '序号',
+      width:'80'
+    },
+    {
+      prop: 'name',
+      label: '时间',
+      align: 'center'
+    },
+    {
+      prop: 'projectType',
+      label: '项目费用',
+      align: 'center'
+    },
+    {
+      prop: 'productMainBody',
+      label: '研发阶段',
+      align: 'center'
+    },
+    {
+      prop: 'projectEffect',
+      label: '摘要',
+      align: 'center'
+    },
+    {
+      prop: 'survey',
+      label: '税后余额(元)',
+      align: 'center'
+    }
+  ],
+  api: '',
+  params: {},
+  btns: [
+    {name: '上传费用', key: 'add', color: '#DED0B2',auth: ''}
+  ]
+})
+const router = useRouter()
+const headBtnClick = (key) => {
+  switch (key) {
+    case 'add':
+      handleUploadFee()
+      break;
+  }
+}
+const handleUploadFee = () => {
+  router.push({
+    name: 'Implementation/uploadFee',
+    query: {}
+  })
+}
+</script>
+
+<style scoped>
+
+</style>
--- a/src/views/project-management/implementation/attachment.vue
+++ b/src/views/project-management/implementation/attachment.vue
@@ -0,0 +1,89 @@
+<template>
+  <fvSearchForm :searchConfig="searchConfig" @search="search"></fvSearchForm>
+  <el-card style="width: 100%">
+    <file-upload @getFile="getOtherFile" :showFileList="true"/>
+    <fvTable style="width: 100%;max-height: 250px" v-if="showTable" :tableConfig="tableConfig"
+             :data="otherFileList" :isSettingCol="false" :pagination="false">
+      <template #empty>
+        <el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
+      </template>
+    </fvTable>
+  </el-card>
+</template>
+
+<script setup lang="jsx">
+import fvSelect from '@/fvcomponents/fvSelect/index.vue'
+import {shallowRef} from "vue";
+import {downloadFile} from "@/api/project-demand";
+
+const searchConfig = reactive([
+  {
+    label: '标签',
+    prop: 'collectType',
+    component: shallowRef(fvSelect),
+    props: {
+      placeholder: '请选择标签',
+      clearable: true,
+      filterable: true,
+    }
+  }
+])
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'index',
+      type: 'index',
+      label: '序号',
+      align: 'center',
+      width: '80',
+    },
+    {
+      prop: 'originalFileName',
+      label: '文件名',
+      align: 'center',
+    },
+    {
+      prop: 'tag',
+      label: '标签',
+      align: 'center'
+    },
+    {
+      prop: 'size',
+      label: '文件大小',
+      align: 'center',
+      currentRender: ({row, index}) => (parseInt(row.size / 1024) + 'KB')
+    },
+    {
+      prop: 'oper',
+      label: '操作',
+      align: 'center',
+      currentRender: ({row, index}) => {
+        return (
+            <div>
+              <el-button type="primary" link onClick={() => handleDownload(row)}>下载</el-button>
+              <el-button type="primary" size="large" link onClick={() => beforeRemove(row)}>删除</el-button>
+            </div>
+        )
+      }
+    }
+  ]
+})
+const showTable=ref(true)
+const otherFileList = ref([])
+const getOtherFile = () => {
+
+}
+const handleDownload = (row) => {
+  downloadFile(row.fileId).then(res => {
+    const blob = new Blob([res])
+    let a = document.createElement('a')
+    a.href=URL.createObjectURL(blob)
+    a.download = row.originalFileName
+    a.click()
+  })
+}
+</script>
+
+<style scoped>
+
+</style>
--- a/src/views/project-management/implementation/check.vue
+++ b/src/views/project-management/implementation/check.vue
@@ -0,0 +1,232 @@
+<template>
+  <div class="apply-block">
+    <el-form :model="formData" ref="applyForm" label-width="auto" :rules="rules">
+      <baseTitle title="项目验收"></baseTitle>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="前置流程">
+            <el-input v-model="formData.requirementName" clearable></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <AttachmentUpload ref="attachment" label="项目验收附件" :showTable="showTable" :otherFileList="otherFileList"
+                      @getAttachment="getAttachment"
+                      @getOtherFile="getOtherFile" :showFileList="true" :formData="formData" :preview="name === 'Implementation/edit'"/>
+    <div class="approval-record">
+      <baseTitle title="流程"></baseTitle>
+      <process-diagram-viewer mode="view" v-if="processDiagramViewer"/>
+    </div>
+    <div class="oper-page-btn">
+      <el-button color="#DED0B2" @click="handleSubmit(applyForm)">提交</el-button>
+      <el-button color="#DED0B2" @click="handleResubmit(applyForm)">重新提交</el-button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="jsx">
+import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue';
+import {getProjectCheckProcess, projectCheck,getCheckDetail,resubmitCheck} from "@/api/project-manage";
+import {ElNotification} from "element-plus";
+import {useProcessStore} from '@/stores/processStore.js';
+import {useTagsView} from '@/stores/tagsview.js'
+const tagsViewStore = useTagsView()
+const router = useRouter()
+const route = useRoute()
+const attachment = ref()
+const name=ref(router.currentRoute.value.name)
+const loading = ref(false)
+const formData = ref({})
+const file = ref({})
+const applyForm = ref()
+const deploymentId = ref()
+const showTable = ref(true)
+const otherFileList = ref([])
+const processInstanceData = ref()
+const processDiagramViewer = ref(true)
+const processStore = useProcessStore()
+const compositeParam = (item) => {
+  let tag=''
+  if(name.value==='Implementation/check'||name.value === 'Implementation/edit'){
+    tag='项目验收'
+  }
+  return {
+    fileId: item.id,
+    size: item.size,
+    originalFileName: item.originalFilename,
+    fileType: item.fileType,
+    url: item.url,
+    tag: tag
+  }
+}
+const getAttachment = (val) => {
+  console.log('上传文件getAttachment', val)
+  file.value=compositeParam(val)
+}
+const getOtherFile = (val) => {
+  console.log('上传文件getOtherFile', val)
+  showTable.value = false
+  let fileObj = compositeParam(val)
+  otherFileList.value.push(fileObj)
+  nextTick(() => {
+    showTable.value = true
+  })
+}
+
+const getFileParam = (item) => {
+  return {
+    fileId: item.fileId
+  }
+}
+const handleSubmit = (instance) => {
+  if (!instance) return
+  instance.validate(async (valid) => {
+    if (!valid) return
+    if(JSON.stringify(file.value) === "{}"){
+      attachment.value.validate()
+    }else {
+      attachment.value.clearValidate()
+    }
+    if (!valid) return
+    let files = []
+    let singleFile={}
+    let fileArray
+    if(name.value === 'Implementation/edit'){
+      singleFile = {
+        fileId: attachment.value.singleFile.fileId
+      }
+      fileArray=attachment.value.allFileList
+    }else {
+      if (file.value.fileId !== undefined) {
+        singleFile = {
+          fileId: file.value.fileId
+        }
+      }
+      fileArray=otherFileList.value
+    }
+    fileArray.forEach(item => {
+      files.push(getFileParam(item))
+    })
+    let params = {
+      deploymentId: deploymentId.value,
+      requirementId: route.query.id,
+      fileList: files,
+      singleFile: singleFile,
+      projectId:route.query.projectId,
+    }
+    console.log('params-提交',params)
+    let res = await projectCheck(params)
+    ElNotification({
+      title: '提示',
+      message: res.msg,
+      type: res.code === 1000 ? 'success' : 'error'
+    })
+    if (res.code === 1000) {
+      tagsViewStore.delVisitedViews(router.currentRoute.value.path)
+      await router.push({
+        name: 'Implementation'
+      })
+    }
+  })
+}
+const handleResubmit = (instance) => {
+  if (!instance) return
+  instance.validate(async (valid) => {
+    if (!valid) return
+    let singleFile = {}
+    let otherFiles = []
+    let fileArray
+    if (JSON.stringify(file.value) === "{}"||attachment.value.singleFile===null) {
+      attachment.value.validate()
+    } else {
+      attachment.value.clearValidate()
+    }
+    if (attachment.value.singleFile!==null&&name.value === 'Implementation/edit') {
+      singleFile = {
+        fileId: attachment.value.singleFile.fileId
+      }
+      fileArray = attachment.value.allFileList
+    } else {
+      if (file.value.fileId !== undefined) {
+        singleFile = {
+          fileId: file.value.fileId
+        }
+      }
+      fileArray = otherFileList.value
+    }
+    fileArray.forEach(item => {
+      otherFiles.push(getFileParam(item))
+    })
+    //todo requirementId
+    let params = {
+      deploymentId: deploymentId.value,
+      requirementId: route.query.id,
+      fileList: otherFiles,
+      singleFile: singleFile,
+      projectId: route.query.projectId,
+    }
+    console.log('重新提交params', params)
+    resubmitCheck(params).then(res => {
+      ElNotification({
+        title: '提示',
+        message: res.msg,
+        type: res.code === 1000 ? 'success' : 'error'
+      })
+      if (res.code === 1000) {
+        tagsViewStore.delVisitedViews(router.currentRoute.value.path)
+        router.push({
+          name: 'Implementation'
+        })
+      }
+    })
+  })
+}
+const getDetailInfo = async () => {
+  getCheckDetail(route.query.projectId).then(res => {
+    ElNotification({
+      title: '提示',
+      message: res.msg,
+      type: res.code === 1000 ? 'success' : 'error'
+    })
+    if (res.code === 1000) {
+      formData.value = res.data.formData
+      loading.value=false
+    }
+  })
+}
+const init =  () => {
+  getProjectCheckProcess(route.query.projectId).then(res => {
+    ElNotification({
+      title: '提示',
+      message: res.msg,
+      type: res.code === 1000 ? 'success' : 'error'
+    })
+    processDiagramViewer.value = false
+    if (res.code === 1000) {
+      let data = res.data
+      deploymentId.value=data.deploymentId
+      processInstanceData.value = data
+      processStore.setDesign(data)
+      processStore.runningList.value = data.runningList;
+      processStore.endList.value = data.endList;
+      processStore.noTakeList.value = data.noTakeList;
+      processStore.refuseList.value = data.refuseList;
+      processStore.passList.value = data.passList;
+      nextTick(() => {
+        processDiagramViewer.value = true
+      })
+    }
+  })
+}
+onMounted(async () => {
+  await init()
+  if (name.value === 'Implementation/edit'){
+    loading.value=true
+    await getDetailInfo()
+  }
+})
+</script>
+
+<style scoped>
+
+</style>
--- a/src/views/project-management/implementation/detail.vue
+++ b/src/views/project-management/implementation/detail.vue
@@ -0,0 +1,130 @@
+<template>
+  <steps :active="'3'" @setDetail="setDetail" @stepChange="stepChange">
+    <template #content>
+      <collection-detail
+        :formData="commonForm.formData"
+        :data="commonForm"
+        :processViewer="commonProvessViewer"
+        :companyOption="companyOption"
+        v-show="showActive == '00'"
+        :loading="loading"
+      />
+      <summary-detail v-show="showActive == '10'" :formData="commonForm.formData" :data="commonForm" :processViewer="commonProvessViewer" :loading="loading"/>
+      <ApprovalDetail type="approval" v-show="showActive == '20'" :formData="commonForm.formData" :data="commonForm" :processViewer="commonProvessViewer" :loading="loading"></ApprovalDetail>
+      <ApprovalDetail type="execute" v-show="showActive == '40'" :formData="commonForm.formData" :data="commonForm" :processViewer="commonProvessViewer" :loading="loading"></ApprovalDetail>
+      <ApprovalDetail type="archivist" v-show="showActive == '50'" :formData="commonForm.formData" :data="commonForm"
+                      :processViewer="commonProvessViewer" :loading="loading"></ApprovalDetail>
+
+    </template>
+  </steps>
+  <opinion v-if="commonForm.taskId" :formData="commonForm.formData" :taskId="commonForm.taskId"/>
+</template>
+
+<script setup lang="jsx">
+import {getInfo} from "@/api/project-demand/index.js";
+import {getSubCompOpt} from '@/api/user/user.js'
+import {useProcessStore} from '@/stores/processStore.js';
+import CollectionDetail from "@/components/DetailComponent/CollectionDetail.vue";
+import SummaryDetail from "@/components/DetailComponent/SummaryDetail.vue";
+import ApprovalDetail from "@/components/DetailComponent/ApprovalDetail.vue";
+import { getMapProjectStateInfo } from '@/components/steps/api';
+import { ElLoading } from "element-plus";
+import Opinion from "@/components/DetailComponent/Opinion.vue";
+
+// const activeName = ref('first')
+const handleClick = (tab, event) => {
+  console.log(tab, event)
+  if(tab.index.value === 0){
+
+  }
+}
+
+
+const route = useRoute()
+const activeName = ref('first')
+const collectionData = ref({})
+const summaryData = ref({})
+const loading = ref(false)
+const collectionProcessViewer = ref(true)
+const summaryProcessViewer = ref(true)
+const processStore = useProcessStore()
+const companyOption = ref([])
+const rules = reactive({
+  auditOpinion: [{required: true, message: '请输入审核意见', trigger: 'blur'}],
+})
+const getCompanyOption = async () => {
+  const res = await getSubCompOpt()
+  companyOption.value = res.data
+}
+
+
+const commonForm = ref({})
+const commonProvessViewer = ref(true)
+
+const getAllInfo = async (state) => {
+  const loading = ElLoading.service({fullscreen: true})
+  try {
+    state == '00' && ( await getCompanyOption() )
+    commonProvessViewer.value = false
+    loading.value = true
+    const { data, code } = await getMapProjectStateInfo(route.query.projectId, state)
+    if(state == '00') {
+      collectionData.value = data;
+    } else if(state == '10') {
+      summaryData.value = data;
+    }
+    if(code===1000){
+      loading.value = false
+    }
+    commonForm.value = data
+    processStore.setDesign(data)
+    processStore.runningList.value = data.runningList;
+    processStore.endList.value = data.endList;
+    processStore.noTakeList.value = data.noTakeList;
+    processStore.refuseList.value = data.refuseList;
+    processStore.passList.value = data.passList;
+    nextTick(() => {
+      // summaryProcessViewer.value = true
+      commonProvessViewer.value = true
+    })
+    loading.close()
+  } catch {
+    loading.close()
+  }
+
+}
+
+const showActive = ref()
+
+const setDetail = (active) => {
+  showActive.value = active
+  getAllInfo(active)
+}
+
+const stepChange = (data) => {
+  showActive.value = data.active
+  getAllInfo(data.active)
+}
+</script>
+
+<style scoped lang="scss">
+.detail-block{
+  padding-top: 15px;
+  :deep(.el-tabs__nav-scroll){
+    width: 100%;
+    display: flex;
+    .el-tabs__nav{
+      display: flex;
+      flex: 1;
+      .el-tabs__item{
+        flex: 1;
+        font-size: 16px;
+      }
+      .is-active{
+        color: black;
+        background-color: #DED0B2;
+      }
+    }
+  }
+}
+</style>
--- a/src/views/project-management/implementation/index.vue
+++ b/src/views/project-management/implementation/index.vue
@@ -0,0 +1,269 @@
+<template>
+  <fvSearchForm :searchConfig="searchConfig" @search="search"></fvSearchForm>
+  <fvTable ref="tableIns" :tableConfig="tableConfig">
+    <template #empty>
+      <el-empty description="暂无数据"/>
+    </template>
+  </fvTable>
+</template>
+
+<script setup lang="jsx">
+import fvSelect from '@/fvcomponents/fvSelect/index.vue'
+import {reactive, shallowRef} from "vue";
+
+const router = useRouter()
+const searchConfig = reactive([
+  {
+    label: '名称',
+    prop: 'projectName',
+    component: 'el-input',
+    props: {
+      placeholder: '请输入名称查询',
+      clearable: true,
+      filterable: true,
+      checkStrictly: true
+    }
+  },
+  {
+    label: '项目类型',
+    prop: 'projectType',
+    component: shallowRef(fvSelect),
+    props: {
+      placeholder: '请选择项目类型',
+      clearable: true,
+      filterable: true,
+    }
+  },
+  {
+    label: '项目影响',
+    prop: 'projectImpact',
+    component: shallowRef(fvSelect),
+    props: {
+      placeholder: '请选择项目影响',
+      clearable: true,
+      filterable: true,
+    },
+    colProps: {}
+  },
+  {
+    label: '研发主体',
+    prop: 'rdSubject',
+    component: shallowRef(fvSelect),
+    props: {
+      placeholder: '请选择研发主体',
+      clearable: true,
+      filterable: true,
+    }
+  },
+
+  {
+    label: '起止时间',
+    prop: 'startTime',
+    component: 'el-date-picker',
+    props: {
+      placeholder: '请选择起止时间',
+      clearable: true,
+    },
+    colProps: {}
+  },
+  {
+    label: '最小金额',
+    prop: 'requirementName',
+    component: 'el-input',
+    props: {
+      placeholder: '请输入金额查询',
+      clearable: true,
+      filterable: true,
+      checkStrictly: true
+    }
+  },
+  {
+    label: '最大金额',
+    prop: 'requirementName',
+    component: 'el-input',
+    props: {
+      placeholder: '请输入金额查询',
+      clearable: true,
+      filterable: true,
+      checkStrictly: true
+    }
+  },
+])
+const tableIns = ref()
+const tableConfig = reactive({
+  columns: [
+    {
+      type: 'selection',
+      prop: 'selection'
+    },
+    {
+      prop: 'projectName',
+      label: '名称',
+      align: 'center'
+    },
+    {
+      prop: 'affiliatedCompany',
+      label: '所属公司',
+      align: 'center'
+    },
+    {
+      prop: 'approveName',
+      label: '审批人',
+      align: 'center'
+    },
+    {
+      prop: 'projectType',
+      label: '项目类型',
+      align: 'center'
+    },
+    {
+      prop: 'rdSubject',
+      label: '研发主体',
+      align: 'center'
+    },
+    {
+      prop: 'projectImpact',
+      label: '项目影响',
+      align: 'center'
+    },
+    {
+      prop: 'economicEstimate',
+      label: '经济概况',
+      align: 'center'
+    },
+    {
+      prop: 'startTime',
+      label: '起止时间',
+      align: 'center'
+    },
+    {
+      prop: 'taskNode',
+      label: '当前节点',
+      align: 'center'
+    },
+    {
+      prop: 'state',
+      label: '状态',
+      align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({row, index}) =>{
+        if (row.state !== null) {
+          return (<Tag dictType={'project_initiation'} value={row.state}/>)
+        } else {
+          return '--'
+        }
+      }
+    },
+    {
+      prop: 'oper',
+      label: '操作',
+      align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({row, index}) => {
+        let btn = []
+        let buttons = new Set(Array.from(row.buttons))
+        if (buttons.has("details")) {
+          btn.push({label: '详情', prem: ['mosr:requirement:info'], func: () => handleDetail(row), type: 'primary'})
+        }
+        if (buttons.has("check")) {
+          btn.push({label: '验收',prem: ['mosr:requirement:resubmit'], func: () => handleCheck(row), type: 'primary'})
+        }
+        if (buttons.has("edit")) {
+          btn.push({label: '编辑',prem: ['mosr:requirement:del'], func: () => handleEdit(row), type: 'primary'})
+        }
+        if (buttons.has("standing")) {
+          btn.push({label: '台账',prem: ['mosr:requirement:info'], func: () => handleStandingBook(row), type: 'primary'})
+        }
+        if (buttons.has("attachments")) {
+          btn.push({label: '附件',prem: ['mosr:requirement:info'], func: () => handleAttachment(row), type: 'primary'})
+        }
+        if (buttons.has("viewAllocation")) {
+          btn.push({label: '查看分摊',prem: ['mosr:requirement:info'], func: () => handleShare(row), type: 'primary'})
+        }
+        if (buttons.has("phaseChange")) {
+          btn.push({label: '阶段变更',prem: ['mosr:requirement:info'], func: () => handleChange(row), type: 'primary'})
+        }
+        return (
+            <div style={{width: '100%'}}>
+              {
+                btn.map(item => (
+                    <el-button
+                        type={item.type}
+                        v-perm={item.prem}
+                        onClick={() => item.func()}
+                        link
+                    >
+                      {item.label}
+                    </el-button>
+                ))
+              }
+            </div>
+        )
+      }
+    }
+  ],
+  api: '/workflow/mosr/project/implementation',
+  params: {},
+  btns: [
+    {name: '生成分摊报表', key: '_export', color: '#DED0B2', auth: ''}
+  ]
+})
+
+const search = (val) => {
+  tableConfig.params = {...val}
+  tableIns.value.refresh()
+}
+
+const handleDetail = (row) => {
+  router.push({
+    name: 'Implementation/detail',
+    query: {
+      id: row.requirementId,
+      projectId: row.projectId,
+      state: row.state
+    }
+  })
+}
+const handleCheck = (row) => {
+  router.push({
+    name: 'Implementation/check',
+    query: {
+      id: row.requirementId,
+      projectId: row.projectId
+    }
+  })
+}
+const handleEdit = (row) => {
+  router.push({
+    name: 'Implementation/edit',
+    query: {
+      id: row.requirementId,
+      projectId: row.projectId
+    }
+  })
+}
+const handleStandingBook = (row) => {
+  router.push({
+    name: 'Implementation/account',
+    query: {
+      id: row.requirementId
+    }
+  })
+}
+const handleAttachment = (row) => {
+  router.push({
+    name: 'Implementation/attachment',
+    query: {
+      id: row.projectId
+    }
+  })
+}
+const handleShare = (row) => {
+  router.push({
+    name: 'Implementation/share',
+    query: {
+      id: row.requirementId
+    }
+  })
+}
+</script>
--- a/src/views/project-management/implementation/share.vue
+++ b/src/views/project-management/implementation/share.vue
@@ -0,0 +1,113 @@
+<template>
+  <fvSearchForm :searchConfig="searchConfig" @search="search"></fvSearchForm>
+  <fvTable ref="tableIns" :tableConfig="tableConfig">
+    <template #empty>
+      <el-empty description="暂无数据"/>
+    </template>
+  </fvTable>
+</template>
+
+<script setup lang="jsx">
+import {reactive} from "vue";
+
+const searchConfig = reactive([
+  {
+    label: '名称',
+    prop: 'requirementName',
+    component: 'el-input',
+    props: {
+      placeholder: '请输入名称查询',
+      clearable: true,
+      filterable: true,
+      checkStrictly: true
+    }
+  },
+  {
+    label: '项目费用',
+    prop: 'requirementName',
+    component: 'el-input',
+    props: {
+      placeholder: '请输入项目费用查询',
+      clearable: true,
+      filterable: true,
+      checkStrictly: true
+    }
+  },
+  {
+    label: '起始时间',
+    prop: 'datetime',
+    component: 'el-date-picker',
+    props: {
+      placeholder: '请选择起始时间',
+      clearable: true,
+    },
+    colProps: {}
+  }
+])
+const tableIns = ref()
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'name',
+      type: 'index',
+      label: '序号',
+      width:'80'
+    },
+    {
+      prop: 'name',
+      label: '时间',
+      align: 'center'
+    },
+    {
+      prop: 'projectType',
+      label: '研发人员',
+      align: 'center'
+    },
+    {
+      prop: 'productMainBody',
+      label: '应发工资',
+      align: 'center'
+    },
+    {
+      prop: 'projectEffect',
+      label: '绩效',
+      align: 'center'
+    },
+    {
+      prop: 'survey',
+      label: '公积金',
+      align: 'center'
+    },{
+      prop: 'survey',
+      label: '社保',
+      align: 'center'
+    },{
+      prop: 'survey',
+      label: '年金',
+      align: 'center'
+    },{
+      prop: 'survey',
+      label: '工作日(天)',
+      align: 'center'
+    },{
+      prop: 'survey',
+      label: '研发工时(天)',
+      align: 'center'
+    },{
+      prop: 'survey',
+      label: '小计',
+      align: 'center'
+    }
+  ],
+  api: '',
+  params: {},
+  btns: [
+    {name: '上传分摊', key: '_export', color: '#DED0B2',auth: ''}
+  ]
+})
+
+</script>
+
+<style scoped>
+
+</style>
--- a/src/views/project-management/implementation/uploadFee.vue
+++ b/src/views/project-management/implementation/uploadFee.vue
@@ -0,0 +1,84 @@
+<template>
+  <el-form :model="formData" ref="demandForm" label-width="auto">
+    <baseTitle title="上传费用"></baseTitle>
+    <el-row>
+      <el-col :span="12">
+        <el-form-item label="项目名称">
+          <span>{{ formData.requirementName }}</span>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="项目负责人">
+          <span>{{ formData.companyIds }}</span>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="项目开始时间">
+          <span>{{ formData.collectType }}</span>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="项目预计持续时间">
+          <span>{{ formData.deadline }}</span>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="项目开展方式">
+          <span>{{ formData.deadline }}</span>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="项目预算">
+          <span>{{ formData.deadline }}</span>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+  <el-table :data="tableData" style="width: 100%">
+    <el-table-column prop="date" label="时间" width="180" >
+      <template #default="scope">
+      <el-input v-model="scope.row.uqName" placeholder="请输入时间" clearable>
+      </el-input>
+      </template>
+    </el-table-column>
+    <el-table-column prop="name" label="项目费用" width="180" />
+    <el-table-column prop="address" label="研发阶段" />
+    <el-table-column prop="address" label="摘要" />
+    <el-table-column prop="address" label="税后余额(元)" />
+    <el-table-column prop="address" label="操作" >
+      <template #default="scope">
+        <el-button type="primary" size="mini" @click="handleDelete(scope.row)" link>删除</el-button>
+      </template>
+    </el-table-column>
+  </el-table>
+</template>
+
+<script setup lang="jsx">
+const formData = ref({})
+const tableData = [
+  {
+    date: '2016-05-03',
+    name: 'Tom',
+    address: 'No. 189, Grove St, Los Angeles',
+  },
+  {
+    date: '2016-05-02',
+    name: 'Tom',
+    address: 'No. 189, Grove St, Los Angeles',
+  },
+  {
+    date: '2016-05-04',
+    name: 'Tom',
+    address: 'No. 189, Grove St, Los Angeles',
+  },
+  {
+    date: '2016-05-01',
+    name: 'Tom',
+    address: 'No. 189, Grove St, Los Angeles',
+  },
+]
+</script>
+
+<style scoped>
+
+</style>
--- a/src/views/project-management/initiation/apply.vue
+++ b/src/views/project-management/initiation/apply.vue
@@ -0,0 +1,260 @@
+<template>
+  <div class="apply-block">
+    <el-form :model="formData" ref="applyForm" label-width="auto" :rules="rules">
+      <baseTitle title="项目立项申请"></baseTitle>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="前置流程">
+            <el-input v-model="formData.requirementName" clearable></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <AttachmentUpload ref="attachment" label="需求申请书附件" :showTable="showTable" :otherFileList="otherFileList"
+                      @getAttachment="getAttachment"
+                      @getOtherFile="getOtherFile" :showFileList="true" :formData="formData" :preview="name === 'Initiation/edit'"/>
+    <div class="approval-record">
+      <baseTitle title="流程"></baseTitle>
+      <process-diagram-viewer mode="view" v-if="processDiagramViewer"/>
+    </div>
+    <div class="oper-page-btn">
+      <el-button color="#DED0B2" @click="handleSubmit(applyForm)">提交</el-button>
+      <el-button color="#DED0B2" @click="handleResubmit">重新提交</el-button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="jsx">
+import {useTagsView} from '@/stores/tagsview.js'
+import {ElMessage, ElNotification} from "element-plus";
+import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue';
+import {getApplyProcess, projectApply,resubmitApply,getApplyDetail} from "@/api/project-manage";
+import {useProcessStore} from '@/stores/processStore.js';
+
+const tagsViewStore = useTagsView()
+const router = useRouter()
+const route = useRoute()
+const formData = ref({})
+const rules = reactive({
+  attachment: [{required: true, message: '请上传项目立项附件', trigger: 'blur'}],
+})
+const processStore = useProcessStore()
+const deploymentId = ref()
+const attachment = ref()
+const file = ref({})
+const applyForm = ref()
+const showTable = ref(true)
+const otherFileList = ref([])
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'index',
+      type: 'index',
+      label: '序号',
+      align: 'center',
+      width: '80',
+    },
+    {
+      prop: 'originalFileName',
+      label: '文件名',
+      align: 'center',
+    },
+    {
+      prop: 'tag',
+      label: '标签',
+      align: 'center'
+    },
+    {
+      prop: 'size',
+      label: '文件大小',
+      align: 'center',
+      currentRender: ({row, index}) => (parseInt(row.size / 1024) + 'KB')
+    },
+    // {
+    //   prop: 'oper',
+    //   label: '操作',
+    //   align: 'center',
+    //   currentRender: ({row, index}) => {
+    //     return (
+    //         <div>
+    //           <a style="cursor: pointer;font-size: 14px;color: #2a99ff;" href={row.url}>下载</a>
+    //           <el-button type="primary" size="large" link onClick={() => beforeRemove(row)}>删除</el-button>
+    //         </div>
+    //     )
+    //   }
+    // }
+  ]
+})
+const loading = ref(false)
+const processInstanceData = ref()
+const processDiagramViewer = ref(true)
+const name=ref(router.currentRoute.value.name)
+const compositeParam = (item) => {
+  let tag = ''
+  if (name.value === 'Initiation/apply'||name.value === 'Initiation/edit') {
+    tag = '项目立项申请'
+  }
+  return {
+    fileId: item.id,
+    size: item.size,
+    originalFileName: item.originalFilename,
+    fileType: item.fileType,
+    url: item.url,
+    tag:tag
+  }
+}
+const getAttachment = (val) => {
+  console.log('上传文件getAttachment', val)
+  file.value=compositeParam(val)
+}
+const getOtherFile = (val) => {
+  console.log('上传文件getOtherFile', val)
+  showTable.value = false
+  let fileObj = compositeParam(val)
+  otherFileList.value.push(fileObj)
+  nextTick(() => {
+    showTable.value = true
+  })
+}
+const getFileParam = (item) => {
+  return {
+    fileId: item.fileId
+  }
+}
+const handleSubmit = (instance) => {
+  if (!instance) return
+  instance.validate(async (valid) => {
+    if(JSON.stringify(file.value) === "{}"){
+      attachment.value.validate()
+    }else {
+      attachment.value.clearValidate()
+    }
+    if (!valid) return
+    let files = []
+    let singleFile={}
+    if(file.value.fileId!==undefined){
+      singleFile = {
+        fileId: file.value.fileId
+      }
+    }
+    otherFileList.value.forEach(item => {
+      files.push(getFileParam(item))
+    })
+    let params = {
+      deploymentId: deploymentId.value,
+      requirementId: route.query.id,
+      fileList: files,
+      singleFile: singleFile,
+      projectId:route.query.projectId,
+    }
+    console.log('params',params)
+    let res = await projectApply(params)
+    ElNotification({
+      title: '提示',
+      message: res.msg,
+      type: res.code === 1000 ? 'success' : 'error'
+    })
+    if (res.code === 1000) {
+      tagsViewStore.delVisitedViews(router.currentRoute.value.path)
+      await router.push({
+        name: 'Initiation'
+      })
+    }
+  })
+}
+const handleResubmit =async () => {
+  let files = []
+  let singleFile={}
+  let fileArray
+  if (JSON.stringify(file.value) === "{}"||attachment.value.singleFile===null) {
+    attachment.value.validate()
+  } else {
+    attachment.value.clearValidate()
+  }
+  if(attachment.value.singleFile!==null&&name.value === 'Initiation/edit'){
+    singleFile = {
+      fileId: attachment.value.singleFile.fileId
+    }
+    fileArray=attachment.value.allFileList
+  }else {
+    if (file.value.fileId !== undefined) {
+      singleFile = {
+        fileId: file.value.fileId
+      }
+    }
+    fileArray=otherFileList.value
+  }
+  fileArray.forEach(item => {
+    files.push(getFileParam(item))
+  })
+  let params = {
+    deploymentId: deploymentId.value,
+    requirementId: route.query.id,
+    fileList: files,
+    singleFile: singleFile,
+    projectId:route.query.projectId,
+  }
+  console.log('params',params)
+  let res = await resubmitApply(params)
+  ElNotification({
+    title: '提示',
+    message: res.msg,
+    type: res.code === 1000 ? 'success' : 'error'
+  })
+  if (res.code === 1000) {
+    tagsViewStore.delVisitedViews(router.currentRoute.value.path)
+    await router.push({
+      name: 'Initiation'
+    })
+  }
+}
+const getDetailInfo = async () => {
+  getApplyDetail(route.query.projectId).then(res => {
+    ElNotification({
+      title: '提示',
+      message: res.msg,
+      type: res.code === 1000 ? 'success' : 'error'
+    })
+    if (res.code === 1000) {
+      formData.value = res.data.formData
+      loading.value=false
+    }
+  })
+}
+const init =  () => {
+  getApplyProcess(route.query.projectId).then(res => {
+    ElNotification({
+      title: '提示',
+      message: res.msg,
+      type: res.code === 1000 ? 'success' : 'error'
+    })
+    processDiagramViewer.value = false
+    if (res.code === 1000) {
+      let data = res.data
+      deploymentId.value=data.deploymentId
+      processInstanceData.value = data
+      processStore.setDesign(data)
+      processStore.runningList.value = data.runningList;
+      processStore.endList.value = data.endList;
+      processStore.noTakeList.value = data.noTakeList;
+      processStore.refuseList.value = data.refuseList;
+      processStore.passList.value = data.passList;
+      nextTick(() => {
+        processDiagramViewer.value = true
+      })
+    }
+  })
+}
+init()
+onMounted(async () => {
+  await init()
+  if (name.value === 'Initiation/edit') {
+    loading.value=true
+    await getDetailInfo()
+  }
+})
+</script>
+
+<style scoped>
+
+</style>
--- a/src/views/project-management/initiation/detail.vue
+++ b/src/views/project-management/initiation/detail.vue
@@ -0,0 +1,183 @@
+<template>
+  <steps :active="'2'" @setDetail="setDetail" @stepChange="stepChange">
+    <template #content>
+      <collection-detail
+        :formData="commonForm.formData"
+        :data="commonForm"
+        :processViewer="commonProvessViewer"
+        :companyOption="companyOption"
+        v-show="showActive == '00'"
+        :loading="loading"
+      />
+      <summary-detail v-show="showActive == '10'" :formData="commonForm.formData" :data="commonForm" :processViewer="commonProvessViewer" :loading="loading"/>
+      <ApprovalDetail v-show="showActive == '20'" :formData="commonForm.formData" :data="commonForm" :processViewer="commonProvessViewer" :loading="loading"></ApprovalDetail>
+      <ApprovalDetail type="execute" v-show="showActive == '40'" :formData="commonForm.formData" :data="commonForm"
+                      :processViewer="commonProvessViewer" :loading="loading"></ApprovalDetail>
+      <ApprovalDetail type="archivist" v-show="showActive == '50'" :formData="commonForm.formData" :data="commonForm"
+                      :processViewer="commonProvessViewer" :loading="loading"></ApprovalDetail>
+
+    </template>
+  </steps>
+  <opinion v-if="commonForm.taskId" :formData="commonForm.formData" :taskId="commonForm.taskId"/>
+</template>
+
+<script setup lang="jsx">
+import {getInfo} from "@/api/project-demand/index.js";
+import {getSubCompOpt} from '@/api/user/user.js'
+import {useProcessStore} from '@/stores/processStore.js';
+import CollectionDetail from "@/components/DetailComponent/CollectionDetail.vue";
+import {downloadFile} from "@/api/project-demand";
+import SummaryDetail from "@/components/DetailComponent/SummaryDetail.vue";
+import ApprovalDetail from "@/components/DetailComponent/ApprovalDetail.vue";
+import { getMapProjectStateInfo } from '@/components/steps/api';
+import { ElLoading } from "element-plus";
+import Opinion from "@/components/DetailComponent/Opinion.vue";
+
+const route = useRoute()
+const activeName = ref('first')
+const collectionData = ref({})
+const summaryData = ref({})
+const collectionProcessViewer = ref(true)
+const loading = ref(false)
+const active = ref(route.query.state)
+const summaryProcessViewer = ref(true)
+const processStore = useProcessStore()
+const companyOption = ref([])
+const rules = reactive({
+  auditOpinion: [{required: true, message: '请输入审核意见', trigger: 'blur'}],
+})
+const getCompanyOption = async () => {
+  const res = await getSubCompOpt()
+  companyOption.value = res.data
+}
+
+const getDemandCollectionInfo = async () => {
+  if (!route.query.id) return
+  await getCompanyOption()
+  collectionProcessViewer.value = false
+  getInfo(route.query.id).then(res => {
+    let data = res.data
+    collectionData.value = data;
+    processStore.setDesign(data)
+    processStore.runningList.value = data.runningList;
+    processStore.endList.value = data.endList;
+    processStore.noTakeList.value = data.noTakeList;
+    processStore.refuseList.value = data.refuseList;
+    processStore.passList.value = data.passList;
+    nextTick(() => {
+      collectionProcessViewer.value = true
+    })
+  })
+}
+const getDemandSummaryInfo = async () => {
+  if (!route.query.id) return
+  // await getCompanyOption()
+  summaryProcessViewer.value = false
+  getInfo(route.query.id).then(res => {
+    let data = res.data
+    summaryData.value = data;
+    processStore.setDesign(data)
+    processStore.runningList.value = data.runningList;
+    processStore.endList.value = data.endList;
+    processStore.noTakeList.value = data.noTakeList;
+    processStore.refuseList.value = data.refuseList;
+    processStore.passList.value = data.passList;
+    nextTick(() => {
+      summaryProcessViewer.value = true
+    })
+  })
+}
+
+const handleClick = (tab, event) => {
+  console.log(tab, event)
+  if (tab.props.name === 'first') {
+    getDemandCollectionInfo()
+  } else if (tab.props.name === 'second') {
+    getDemandSummaryInfo()
+  }
+}
+// getDemandCollectionInfo()
+
+const commonForm = ref({})
+const commonProvessViewer = ref(true)
+
+const getAllInfo = async (state) => {
+  const loading = ElLoading.service({fullscreen: true})
+  try {
+    state == '00' && ( await getCompanyOption() )
+    commonProvessViewer.value = false
+    loading.value = true
+    const { data, code } = await getMapProjectStateInfo(route.query.projectId, state)
+    if(state == '00') {
+      collectionData.value = data;
+    } else if(state == '10') {
+      summaryData.value = data;
+    }
+    if(code===1000){
+      loading.value = false
+    }
+    console.log(data, 'data--22');
+    commonForm.value = data
+    processStore.setDesign(data)
+    processStore.runningList.value = data.runningList;
+    processStore.endList.value = data.endList;
+    processStore.noTakeList.value = data.noTakeList;
+    processStore.refuseList.value = data.refuseList;
+    processStore.passList.value = data.passList;
+    nextTick(() => {
+      // summaryProcessViewer.value = true
+      commonProvessViewer.value = true
+    })
+    loading.close()
+  } catch {
+    loading.close()
+  }
+
+}
+
+const showActive = ref()
+
+const setDetail = (active) => {
+  showActive.value = active
+  getAllInfo(active)
+}
+
+const stepChange = (data) => {
+  showActive.value = data.active
+  getAllInfo(data.active)
+}
+</script>
+
+<style scoped lang="scss">
+.detail-block {
+  padding-top: 15px;
+
+  :deep(.el-tabs__nav-scroll) {
+    width: 100%;
+    display: flex;
+
+    .el-tabs__nav {
+      display: flex;
+      flex: 1;
+
+      .el-tabs__item {
+        flex: 1;
+        font-size: 16px;
+      }
+
+      .is-active {
+        color: black;
+        background-color: #DED0B2;
+      }
+    }
+  }
+}
+
+.approval-record {
+  padding-bottom: 30px;
+
+  .process {
+    position: relative;
+  }
+}
+</style>
--- a/src/views/project-management/initiation/index.vue
+++ b/src/views/project-management/initiation/index.vue
@@ -0,0 +1,230 @@
+<template>
+  <fvSearchForm :searchConfig="searchConfig" @search="search"></fvSearchForm>
+  <fvTable ref="tableIns" :tableConfig="tableConfig">
+    <template #empty>
+      <el-empty description="暂无数据"/>
+    </template>
+  </fvTable>
+</template>
+
+<script setup lang="jsx">
+import fvSelect from '@/fvcomponents/fvSelect/index.vue'
+import {reactive, shallowRef} from "vue";
+
+const router = useRouter()
+const searchConfig = reactive([
+  {
+    label: '名称',
+    prop: 'requirementName',
+    component: 'el-input',
+    props: {
+      placeholder: '请输入名称查询',
+      clearable: true,
+      filterable: true,
+      checkStrictly: true
+    }
+  },
+  {
+    label: '项目类型',
+    prop: 'collectType',
+    component: shallowRef(fvSelect),
+    props: {
+      placeholder: '请选择项目类型',
+      clearable: true,
+      filterable: true,
+    }
+  },
+  {
+    label: '项目影响',
+    prop: 'projectEffect',
+    component: shallowRef(fvSelect),
+    props: {
+      placeholder: '请选择项目影响',
+      clearable: true,
+      filterable: true,
+    },
+    colProps: {}
+  },
+  {
+    label: '研发主体',
+    prop: 'collectType',
+    component: shallowRef(fvSelect),
+    props: {
+      placeholder: '请选择研发主体',
+      clearable: true,
+      filterable: true,
+    }
+  },
+
+  {
+    label: '起止时间',
+    prop: 'time',
+    component: 'el-date-picker',
+    props: {
+      placeholder: '请选择起止时间',
+      clearable: true,
+    },
+    colProps: {}
+  },
+  {
+    label: '最小金额',
+    prop: 'requirementName',
+    component: 'el-input',
+    props: {
+      placeholder: '请输入金额查询',
+      clearable: true,
+      filterable: true,
+      checkStrictly: true
+    }
+  },
+  {
+    label: '最大金额',
+    prop: 'requirementName',
+    component: 'el-input',
+    props: {
+      placeholder: '请输入金额查询',
+      clearable: true,
+      filterable: true,
+      checkStrictly: true
+    }
+  },
+])
+const tableIns = ref()
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'projectName',
+      label: '名称',
+      align: 'center'
+    },
+    {
+      prop: 'affiliatedCompany',
+      label: '所属公司',
+      align: 'center'
+    },
+    {
+      prop: 'approveName',
+      label: '审批人',
+      align: 'center'
+    },
+    {
+      prop: 'projectType',
+      label: '项目类型',
+      align: 'center'
+    },
+    {
+      prop: 'rdSubject',
+      label: '研发主体',
+      align: 'center'
+    },
+    {
+      prop: 'projectImpact',
+      label: '项目影响',
+      align: 'center'
+    },
+    {
+      prop: 'economicEstimate',
+      label: '经济概况',
+      align: 'center'
+    },
+    {
+      prop: 'startTime',
+      label: '起止时间',
+      align: 'center'
+    },
+    {
+      prop: 'taskNode',
+      label: '当前节点',
+      align: 'center'
+    },
+    {
+      prop: 'state',
+      label: '状态',
+      align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({row, index}) =>{
+        if (row.state !== null) {
+          return (<Tag dictType={'project_initiation'} value={row.state}/>)
+        } else {
+          return '--'
+        }
+      }
+    },
+    {
+      prop: 'oper',
+      label: '操作',
+      align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({row, index}) => {
+        let btn = []
+        let buttons = new Set(Array.from(row.buttons))
+        if (buttons.has("details")) {
+          btn.push({label: '详情', prem: ['mosr:requirement:info'], func: () => handleDetail(row), type: 'primary'})
+        }
+        if (buttons.has("edit")) {
+          btn.push({label: '编辑',prem: ['mosr:requirement:resubmit'], func: () => handleEdit(row), type: 'primary'})
+        }
+        // if (buttons.has("delete")) {
+        //   btn.push({label: '删除',prem: ['mosr:requirement:del'], func: () => handleDelete(row), type: 'primary'})
+        // }
+        if (buttons.has("apply")) {
+          btn.push({label: '申请',prem: ['mosr:requirement:info'], func: () => handleApply(row), type: 'primary'})
+        }
+        return (
+            <div style={{width: '100%'}}>
+              {
+                btn.map(item => (
+                    <el-button
+                        type={item.type}
+                        v-perm={item.prem}
+                        onClick={() => item.func()}
+                        link
+                    >
+                      {item.label}
+                    </el-button>
+                ))
+              }
+            </div>
+        )
+      }
+    }
+  ],
+  api: '/workflow/mosr/project/approval',
+  params: {},
+})
+
+const search = (val) => {
+  tableConfig.params = {...val}
+  tableIns.value.refresh()
+}
+
+const handleDetail = (row) => {
+  router.push({
+    name:'Initiation/detail',
+    query: {
+      id: row.requirementId,
+      projectId: row.projectId,
+      state: row.state
+    }
+  })
+}
+const handleEdit = (row) => {
+  router.push({
+    name:'Initiation/edit',
+    query: {
+      id: row.requirementId,
+      projectId: row.projectId
+    }
+  })
+}
+const handleApply = (row) => {
+  router.push({
+    name:'Initiation/apply',
+    query: {
+      id: row.requirementId,
+      projectId: row.projectId
+    }
+  })
+}
+
+</script>
--- a/src/views/steps/step/Step1.vue
+++ b/src/views/steps/step/Step1.vue
@@ -0,0 +1,17 @@
+<template>
+  <div>
+    步骤1
+  </div>
+</template>
+
+<script setup>
+import { onMounted } from 'vue';
+
+onMounted(()=>{
+  console.log('步骤一挂载');
+})
+</script>
+
+<style lang="scss" scoped>
+
+</style>
--- a/src/views/steps/step/Step2.vue
+++ b/src/views/steps/step/Step2.vue
@@ -0,0 +1,17 @@
+<template>
+  <div>
+    步骤2
+  </div>
+</template>
+
+<script setup>
+import { onMounted } from 'vue';
+
+onMounted(()=>{
+  console.log('步骤一挂载');
+})
+</script>
+
+<style lang="scss" scoped>
+
+</style>
--- a/src/views/steps/step/Step3.vue
+++ b/src/views/steps/step/Step3.vue
@@ -0,0 +1,17 @@
+<template>
+  <div>
+    步骤1
+  </div>
+</template>
+
+<script setup>
+import { onMounted } from 'vue';
+
+onMounted(()=>{
+  console.log('步骤一挂载');
+})
+</script>
+
+<style lang="scss" scoped>
+
+</style>
--- a/src/views/steps/step/Step4.vue
+++ b/src/views/steps/step/Step4.vue
@@ -0,0 +1,17 @@
+<template>
+  <div>
+    步骤1
+  </div>
+</template>
+
+<script setup>
+import { onMounted } from 'vue';
+
+onMounted(()=>{
+  console.log('步骤一挂载');
+})
+</script>
+
+<style lang="scss" scoped>
+
+</style>
--- a/src/views/steps/step/Step5.vue
+++ b/src/views/steps/step/Step5.vue
@@ -0,0 +1,17 @@
+<template>
+  <div>
+    步骤1
+  </div>
+</template>
+
+<script setup>
+import { onMounted } from 'vue';
+
+onMounted(()=>{
+  console.log('步骤1-5挂载');
+})
+</script>
+
+<style lang="scss" scoped>
+
+</style>
--- a/src/views/steps/step/index.vue
+++ b/src/views/steps/step/index.vue
@@ -0,0 +1,39 @@
+<template>
+  <steps :stepList="stepList" :stepSuccess="[0,1]"></steps>
+</template>
+
+<script setup lang="jsx">
+import { reactive, shallowRef } from 'vue';
+import fvSelect from '@/fvcomponents/fvSelect/index.vue'
+import Step1 from './Step1.vue'
+import Step2 from './Step2.vue'
+import Step3 from './Step3.vue'
+import Step4 from './Step4.vue'
+import Step5 from './Step5.vue'
+const stepList = reactive([
+  {
+    key: 'collect',
+    component: markRaw(Step1)
+  },
+  {
+    key: 'report',
+    component: markRaw(Step2)
+  },
+  {
+    key: 'approve',
+    component: markRaw(Step3)
+  },
+  {
+    key: 'execute',
+    component: markRaw(Step4)
+  },
+  {
+    key: 'archivist',
+    component: markRaw(Step5)
+  },
+])
+</script>
+
+<style lang="scss" scoped>
+
+</style>
--- a/src/views/system/menu/DistributeRole.vue
+++ b/src/views/system/menu/DistributeRole.vue
@@ -39,7 +39,7 @@
        @select="handleSelect"
        v-tabh
    >
-      <el-table-column type="selection" width="55"/>
+      <el-table-column type="selection" width="55" fixed="left" />
      <el-table-column label="序号" type="index" align="center" width="60"/>
      <el-table-column prop="roleName" label="角色名称" align="center"/>
      <el-table-column prop="roleKey" label="角色标识符" align="center"/>
@@ -59,7 +59,7 @@
        </template>
      </el-table-column>
      <el-table-column prop="createTime" label="创建时间" align="center" width="180px"/>
-      <el-table-column label="操作" align="center">
+      <el-table-column label="操作" align="center" fixed="right">
        <template #default="scope">
          <popover-delete :name="scope.row.roleName" :type="'角色'" :btn-text="'取消授权'"
                          @delete="handleCancelAuthorization([scope.row.roleId])"/>
@@ -98,7 +98,7 @@
          v-loading="dialogLoading"
          @select="handleDialogSelect"
      >
-        <el-table-column type="selection" width="55"/>
+        <el-table-column type="selection" width="55"  fixed="left" />
        <el-table-column label="序号" type="index" align="center" width="60"/>
        <el-table-column prop="roleName" label="角色名称" align="center"/>
        <el-table-column prop="roleKey" label="角色标识符" align="center"/>
@@ -117,7 +117,7 @@
          </template>
        </el-table-column>
        <el-table-column prop="createTime" label="创建时间" align="center" width="180px"/>
-        <el-table-column label="操作" align="center">
+        <el-table-column label="操作" align="center" fixed="right">
          <template #default="scope">
            <el-button type="primary" size="mini"
                       @click="handleSubmit(scope.row.roleId)"  link>添加
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -16,7 +16,7 @@
      </el-form-item>
    </el-form>
    <div class="table-header-btn">
-      <el-button type="primary" @click="handleAdd" :icon="Plus">新增</el-button>
+      <el-button type="primary" @click="handleAdd" :icon="Plus" v-perm="['admin:menu:add']">新增</el-button>
      <el-button type="info" @click="handleExpand" :icon="Sort">{{ isExpand ? '全部收起' : '全部展开' }}</el-button>
    </div>

@@ -42,15 +42,13 @@
        </template>
      </el-table-column>
      <el-table-column prop="createTime" label="创建时间"/>
-      <el-table-column label="操作" prop="operation">
+      <el-table-column label="操作" prop="operation" align="right">
        <template #default="scope">
-          <el-button type="primary" v-if="scope.row.menuType!=='B'" size="mini" @click="handleAdd(scope.row)" link>新增
+          <el-button type="primary" v-if="scope.row.menuType!=='B'"  @click="handleAdd(scope.row)" link v-perm="['admin:menu:add']">新增
          </el-button>
-          <div v-else style="display: inline-block">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-          </div>
-          <el-button type="primary" size="mini" @click="handleEdit(scope.row.menuId)" link>修改</el-button>
-          <el-button type="primary" size="mini" @click="handleAssignRoles(scope.row)" link>分配角色</el-button>
-          <popover-delete :name="scope.row.menuName" :type="'菜单'" @delete="handleDel(scope.row.menuId)"/>
+          <el-button type="primary"  @click="handleEdit(scope.row.menuId)" link v-perm="['admin:menu:edit']">修改</el-button>
+          <!-- <el-button type="primary"  @click="handleAssignRoles(scope.row)" link>分配角色</el-button> -->
+          <popover-delete :name="scope.row.menuName" :type="'菜单'" @delete="handleDel(scope.row.menuId)" :perm="['admin:menu:del']" />
        </template>
      </el-table-column>
    </el-table>
--- a/src/views/system/role/add.vue
+++ b/src/views/system/role/add.vue
@@ -2,7 +2,16 @@
  <div v-loading="loading">
    <baseTitle title="角色信息录入"></baseTitle>
    <fvForm :schema="schame" @getInstance="getInstance" :rules="rules"></fvForm>
-    <baseTitle title="分配菜单"></baseTitle>
+    <div class="assign-menu-title" >
+      <baseTitle title="分配菜单"></baseTitle>
+      <fvSelect 
+        :options="localData.tempRoleOpt"
+        v-model="localData.tempRoleSelect" 
+        style="width: 200px;"
+        placeholder="请选择模版角色"
+        @change="roleTempChange"
+      />
+    </div>
    <fvCheckbox :options="localData.checkOptions" v-model="localData.checkList" @change="checkBoxChange" />
    <el-input v-model="localData.filterText" placeholder="请输入关键词" style="width: 400px;" />
    <div class="menu-assign">
@@ -30,7 +39,7 @@ import { useAuthStore } from '@/stores/userstore.js'
 import fvRadio from '@/fvcomponents/fvRadio/index.vue'
 import { ElLoading, ElNotification } from 'element-plus';
 import { getMenuList } from '@/api/system/menuman.js'
-import { getRoleDetail, operate} from "@/api/role/role";
+import { getRoleDetail, operate, getTemRoleOption } from "@/api/role/role";

 const tagsViewStore = useTagsView()
 const authStore = useAuthStore()
@@ -65,7 +74,9 @@ const localData = reactive({
      label: '父子联动',
      value: '3'
    },
-  ]
+  ],
+  tempRoleOpt: [],
+  tempRoleSelect: ''
 })

 const schame = computed(()=>{
@@ -79,7 +90,7 @@ const schame = computed(()=>{
      }
    },
    {
-      label: '角色权限',
+      label: '角色标识',
      prop: 'roleKey',
      component: 'el-input',
      props: {
@@ -130,6 +141,8 @@ const getInstance = (e) => {

 const init = async () => {
  form.value.setValues({state: '1', template: false})
+  const res = await getTemRoleOption()
+  localData.tempRoleOpt = res.data
  const { data } = await getMenuList()
  localData.menuData = data
 }
@@ -140,12 +153,25 @@ const getInfo = async () => {
  data.menuIds.forEach(key=>{
    menuTree.value.setChecked(key, true, false)
  })
-  if(route.query.isAdd) {
+  form.value.setValues(data)
+}
+
+const roleTempChange = async (val) => {
+  try {
+    loading.value = true
+    const { data } = await getRoleDetail(val.value)
+    data.menuIds.forEach(key=>{
+      menuTree.value.setChecked(key, true, false)
+    })
    delete data.roleId
    delete data.roleName
    delete data.roleKey
+    form.value.setValues(data)
+    loading.value = false
+  } catch (error) {
+    loading.value = false
  }
-  form.value.setValues(data)
+  
 }

 const filterMenu = (value, data) => {
@@ -161,12 +187,8 @@ const checkChange = (data) => {
  return [...checkedKeys, ...halfCheckedKeys]
 }

-console.log(localData.checkList, 'localData.checkList');
 const checkBoxChange = (val) => {
-  console.log(val, 'val');
-  console.log(val.includes('3'), 'val.includes');
  localData.checkStrictly = val.includes('3')
-  console.log(localData.checkStrictly, 'localData.checkStrictly');
  let nodes = menuTree.value.store.nodesMap
  if (val.includes('1')) {
    for (const node in nodes) {
@@ -226,6 +248,14 @@ onMounted( async ()=>{
 </script>

 <style lang="scss" scoped>
+.assign-menu-title {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  >div:first-child {
+    margin-right: 15px;
+  }
+}
 .menu-assign {
  width: 400px;
  max-height: 500px;
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -112,6 +112,7 @@ const tableConfig = reactive({
      prop: 'template',
      label: '是否为模版角色',
      align: 'center',
+      showOverflowTooltip: false,
      currentRender: ({row, index}) => (<Tag dictType={'yes_no'} value={row.template ? '1' : '0'} />)
    },
    {
@@ -122,6 +123,7 @@ const tableConfig = reactive({
    {
      prop: 'state',
      label: '状态',
+      showOverflowTooltip: false,
      align: 'center',
      currentRender: ({row, index}) => (<Tag dictType={'normal_disable'} value={row.state} />)
    },
@@ -130,17 +132,9 @@ const tableConfig = reactive({
      label: '操作',
      align: 'right',
      fixed: 'right',
+      showOverflowTooltip: false,
      currentRender: ({row, index}) => {
        let btn = [{label: '修改', auth: auths.edit, func: ()=>handleEdit(row) , type: 'primary'}]
-        row.template ?
-        btn.push(
-          {
-            label: '使用模版',
-            auth: auths.edit,
-            func: ()=>handleUseTemp(row),
-            type: 'primary'
-          }
-        ) :
        btn.push(
          {
            label: '分配用户',
@@ -155,7 +149,7 @@ const tableConfig = reactive({
          btn.push({label: '删除', auth: auths.edit, func: ()=>handleDel(row) , type: 'danger'})
        }
        return (
-          <div style={{width: '100%'}}>
+          <div>
            {
              btn.map(item=>(
                <el-button 
@@ -222,16 +216,6 @@ const handleEdit = (row) => {
  })
 }

-const handleUseTemp = (row) => {
-  router.push({
-    path: '/system/roleadd',
-    query: {
-      id: row.roleId,
-      isAdd: 1
-    }
-  })
-}
-
 const handleAssign = (row) => {

 }
--- a/src/views/workflow/approve/InitiateProcess.vue
+++ b/src/views/workflow/approve/InitiateProcess.vue
@@ -2,8 +2,9 @@
  <div v-loading="loading" class="initiate_process">
    <div v-if="!loading" style="min-width:30%">
      <!--渲染表单-->
-      <form-render class="process-form" ref="initiateForm" :form-items="processDefinition.formItems"
-                   v-model:value="formData" mode="E"/>
+      <!--      todo 关闭以前的表单渲染 , 此处需要根据参数来定制当前需要展示的页面信息 -->
+      <!--      <form-render class="process-form" ref="initiateForm" :form-items="processDefinition.formItems"-->
+      <!--                   v-model:value="formData" mode="E"/>-->
    </div>
    <div v-if="!loading" id="approveTree"
         style="display: flex;justify-content: center;flex-direction: column;min-width:60%">
@@ -18,8 +19,9 @@ import {getInitiateInfo} from "@/api/workflow/process-definition.js";
 import ProcessTree from '@/views/workflow/process/ProcessTree.vue'
 import FormRender from '@/views/workflow/form/FormRender.vue'
 import {useProcessStore} from '@/stores/processStore.js'
+
 const processStore = useProcessStore()
-import {defineProps,defineExpose} from 'vue'
+import {defineProps, defineExpose} from 'vue'
 import {ElMessage} from "element-plus";

 const props = defineProps({
--- a/src/views/workflow/approve/index.vue
+++ b/src/views/workflow/approve/index.vue
@@ -40,10 +40,10 @@
        <el-table-column prop="updateTime" label="更新时间" align="center"/>
        <el-table-column label="操作" align="center">
          <template #default="scope">
-            <el-button type="primary" size="mini" v-perm="['rapid:regular:edit']"
+            <el-button type="primary" size="mini"
                       @click="handleApprove(scope.row)"  link>发起流程
            </el-button>
-            <popover-delete :name="scope.row.deploymentName" :type="'流程'" :perm="['rapid:regular:del']"
+            <popover-delete :name="scope.row.deploymentName" :type="'流程'"
                            @delete="handleDelete(scope.row.id)"/>
          </template>
        </el-table-column>
@@ -101,6 +101,7 @@ const handleReset = () => {
 }

 const submitForm = () => {
+  // todo 重新编写表单数据, 不适用当前的动态表单
  let formData = processInstance.value.formData
  let paramsData = {
    processDefinitionId: selectItem.value.processDefinitionId,
--- a/src/views/workflow/common/InstanceDetails.vue
+++ b/src/views/workflow/common/InstanceDetails.vue
@@ -29,8 +29,8 @@
          </div>
        </div>
        <div style="height: 15px;background:#f5f5f5;"></div>
-        <form-render ref="taskViewForm" :form-items="processInstanceData.formItems"
-                     v-model:value="processInstanceData.formData"/>
+<!--        <form-render ref="taskViewForm" :form-items="processInstanceData.formItems"-->
+<!--                     v-model:value="processInstanceData.formData"/>-->
        <div style="height: 15px;background:#f5f5f5;"></div>
        <operation-render :operation-list="processInstanceData.operationList"
                          :state="instance.state"/>
@@ -45,7 +45,7 @@

 <script setup>
 import Tag from '@/components/Tag.vue'
-import FormRender from '@/views/workflow/form/FormRender.vue'
+// import FormRender from '@/views/workflow/form/FormRender.vue'
 import OperationRender from '@/views/workflow/common/OperationRender.vue'
 import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue'
 import {getInitiatedInstanceInfo} from "@/api/workflow/process-instance.js";
@@ -95,4 +95,4 @@ defineExpose({
  init
 })

-</script>
+</script>
--- a/src/views/workflow/common/OperationRender.vue
+++ b/src/views/workflow/common/OperationRender.vue
@@ -7,46 +7,18 @@
                        :color="operation.color"
                        size="large"
                        placement="top">
+
        <el-card>
          <div style="display: flex;">
+<!--            <avatar-ellipsis :row="3" v-if="operation.userInfo.length > 0" :user-info="operation.userInfo"/>-->
            <div v-for="(user,index) in operation.userInfo" :key="index" class="avatar_name">
-              <el-avatar size="large" :src="user.avatar"></el-avatar>
-              <div v-if="!$slots.dot && operation.userInfo.length > 1"
-                   class="el-timeline-item__node" :style="{
-                      backgroundColor: user.color
-                    }">
-                <el-icon v-if="user.icon" :class="user.class">
-                  <component :is="user.icon"/>
-                </el-icon>
-              </div>
-              <el-tooltip  effect="dark" :content="user.name" placement="bottom-start">
-                <span class="username">{{ user.name }}</span>
-              </el-tooltip>
+              <name-circle :user="user"/>
            </div>
            <div style="margin-left: 10px;">
              <div style="color: #c0bebe">{{ operation.operationName }}</div>
              <div style="font-size: 14px; font-weight: bold;">{{ operation.remark }}</div>
            </div>
          </div>
-          <template v-if="operation.comment">
-            <div style="margin-top: 10px;background:#f5f5f5;padding: 10px;">
-              <div>
-                {{ operation.comment.context }}
-              </div>
-              <div style="margin-top: 10px;" v-if="operation.comment.attachments && operation.comment.attachments.length > 0">
-                <template v-for="(item) in getAttachmentList(operation.comment.attachments,true)">
-                  <el-image
-                      style="width: 100px; height: 100px"
-                      :src="item.url"
-                      :preview-src-list="[item.url]">
-                  </el-image>
-                </template>
-                <div v-for="(file) in getAttachmentList(operation.comment.attachments,false)">
-                  <el-link style="color: #2a99ff" :href="file.url" icon="el-icon-document">{{ file.name }}</el-link>
-                </div>
-              </div>
-            </div>
-          </template>
        </el-card>
      </el-timeline-item>
      <el-timeline-item :color="timeline.color" :icon="timeline.icon" size="large">
@@ -60,7 +32,8 @@

 <script setup>
 import {CircleCheckFilled, Close, Loading, MoreFilled} from "@element-plus/icons-vue";
-import {ref,defineProps} from 'vue'
+import AvatarEllipsis from '../process/common/AvatarEllipsis.vue'
+import NameCircle from "@/components/NameCircle.vue";

 const props = defineProps({
  operationList: {
@@ -113,12 +86,12 @@ const init = () => {
      break
  }
  // let operationListNew = []
-  for (let i = 0;i<props.operationList.length;i++) {
+  for (let i = 0; i < props.operationList?.length; i++) {
    let operationNew = initOperationFun(props.operationList[i])
    let userList = []
-    if (operationNew.userInfo){
+    if (operationNew.userInfo) {
      for (let user of operationNew.userInfo) {
-        let userNew = initUser(user,operationNew.operation)
+        let userNew = initUser(user, operationNew.operation)
        userList.push(userNew)
      }
      operationNew.userInfo = userList
@@ -132,7 +105,7 @@ const init = () => {

 const getAttachmentList = (attachments, image) => {
  let result = [];
-  if (attachments){
+  if (attachments) {
    for (let attachment of attachments) {
      if (attachment.isImage === image) {
        result.push(attachment)
@@ -142,7 +115,7 @@ const getAttachmentList = (attachments, image) => {
  return result;
 }

-const initUser = (user,type) => {
+const initUser = (user, type) => {
  let state = user.state
  //创建节点
  if (state === 'CREATE') {
@@ -154,7 +127,7 @@ const initUser = (user,type) => {
    user["icon"] = 'CircleCheckFilled'
    user["color"] = "#0bbd87"
  }
-  if (type === "CC"){
+  if (type === "CC") {
    user["icon"] = "Promotion"
    user["color"] = "#3395f8"
  }
@@ -169,7 +142,7 @@ const initUser = (user,type) => {
    user["icon"] = 'Close'
    user["color"] = "#f56c6c"
  }
-  if (state === 'PASS'){
+  if (state === 'PASS') {
    user["icon"] = 'MoreFilled'
    user["color"] = "#c0c4cc"
  }
@@ -270,25 +243,19 @@ init()
 }

 .avatar_name {
-  width: 45px;
+  //width: 45px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-right: 5px;
+
 }
-.el-timeline-item__node{
+
+.el-timeline-item__node {
  position: absolute;
  bottom: 20px;
  right: 1px;
 }

-.username {
-  width: 45px;
-  padding-top: 2px;
-  text-align: center;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden
-}
 </style>
--- a/src/views/workflow/common/ProcessDiagramViewer.vue
+++ b/src/views/workflow/common/ProcessDiagramViewer.vue
@@ -8,8 +8,8 @@
  </div>
  <div style="margin-top: 40px">
    <div :style="'transform: scale('+ scale / 100 +');'">
-      <div id="previewProcess">
-        <process-tree mode="preview" ref="processTreePreview" id-name="previewProcess"/>
+      <div :id="idName">
+        <process-tree :mode="mode" ref="processTreePreview" :id-name="idName"/>
      </div>
    </div>
  </div>
@@ -20,6 +20,15 @@ import ProcessTree from '@/views/workflow/process/ProcessTree.vue'

 const processTreePreview = ref()
 const scale = ref(100)
+const props = defineProps({
+  mode: {
+    type: String,
+    default: 'preview'
+  },idName:{
+    type:String,
+    default:'previewProcess'
+  }
+})

 nextTick(()=>{
  processTreePreview.value.init()
--- a/src/views/workflow/process/ProcessEdit.vue
+++ b/src/views/workflow/process/ProcessEdit.vue
@@ -1,7 +1,7 @@
 <template>
  <div style="margin-top: 15px">
    <el-button @click="changPan('processSetting')">流程设置</el-button>
-    <el-button @click="changPan('formDesign')">表单</el-button>
+    <!--    <el-button @click="changPan('formDesign')">表单</el-button>-->
    <el-button @click="changPan('processDesign')">流程</el-button>
    <el-button @click="publishProcess">发布</el-button>
    <div class="layout-body" v-if="visible">
@@ -11,9 +11,9 @@
      <div v-show="activeSelect === 'processDesign'">
        <process-design ref="processDesign"/>
      </div>
-      <div v-show="activeSelect === 'formDesign'">
-        <form-design ref="formDesign"/>
-      </div>
+      <!--      <div v-show="activeSelect === 'formDesign'">-->
+      <!--        <form-design ref="formDesign"/>-->
+      <!--      </div>-->
    </div>

  </div>
@@ -72,7 +72,8 @@ import {ElMessage, ElMessageBox} from "element-plus";
 const processDesign = ref()
 const visible = ref(false)
 const timer = ref(null)
-const validComponents = ref(['processSetting', 'formDesign', 'processDesign'])
+// const validComponents = ref(['processSetting', 'formDesign', 'processDesign'])
+const validComponents = ref(['processSetting', 'processDesign'])
 // const activeSelect = ref('formDesign')
 // const activeSelect = ref('processSetting')
 const activeSelect = ref('processDesign')
@@ -81,7 +82,7 @@ const validStep = ref(0)
 const validResult = ref({})
 const validOptions = ref([
  {title: '基础信息', description: '', icon: '', status: ''},
-  {title: '审批表单', description: '', icon: '', status: ''},
+  // {title: '审批表单', description: '', icon: '', status: ''},
  {title: '审批流程', description: '', icon: '', status: ''},
  // {title: '扩展设置', description: '', icon: '', status: ''}
 ])
@@ -118,21 +119,22 @@ const loadInitFrom = () => {
  let design = {
    processDefinitionKey: 'pro' + getRandomId(),
    deploymentName: "未命名表单",
-    logo: {
-      icon: "el-icon-eleme",
-      background: "#1e90ff"
-    },
-    settings: {
-      commiter: [],
-      admin: [],
-      sign: false,
-      notify: {
-        types: ["APP"],
-        title: "消息通知标题"
-      }
-    },
+    processKey: '',
+    // logo: {
+    //   icon: "el-icon-eleme",
+    //   background: "#1e90ff"
+    // },
+    // settings: {
+    //   commiter: [],
+    //   admin: [],
+    //   sign: false,
+    //   notify: {
+    //     types: ["APP"],
+    //     title: "消息通知标题"
+    //   }
+    // },
    groupId: 1,
-    formItems: [],
+    // formItems: [],
    process: [
      {
        id: "root",
@@ -151,6 +153,27 @@ const loadInitFrom = () => {
        type: "END",
      }
    ],
+    processFromPerms: [{
+      id: "projectName",
+      title: "项目名称",
+      required: true,
+      perm: "R"
+    }, {
+      id: "projectType",
+      title: "项目类型",
+      required: true,
+      perm: "R"
+    }, {
+      id: "projectDesc",
+      title: "项目描述",
+      required: true,
+      perm: "R"
+    }, {
+      id: "projectManager",
+      title: "项目经理",
+      required: true,
+      perm: "R"
+    }],
    remark: "备注说明"
  }
  processStore.setDesign(design)
@@ -168,7 +191,7 @@ const getRandomId = () => {
    d = Math.floor(d / 16)
    return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16)
  })
-  return 'node_' + id
+  return id
 }

 const getProcessInfo = async () => {
--- a/src/views/workflow/process/ProcessSetting.vue
+++ b/src/views/workflow/process/ProcessSetting.vue
@@ -1,13 +1,26 @@
 <template>
-  <el-input v-model="processData.deploymentName" placeholder="请输入流程名称" />
-流程设置{{ processData.deploymentName }}
+  <el-input v-model="processData.deploymentName" placeholder="请输入流程名称"/>
+<!--  <div v-if="!processData.processDefinitionKey">-->
+    <el-select v-model="processData.processKey" placeholder="请选择流程环节">
+      <el-option v-for="item in optionList" :label="item.label" :value="item.value"/>
+    </el-select>
+<!--  </div>-->
+<!--  <div v-else>-->
+<!--    {{processData.processName}}-->
+<!--  </div>-->
+
+  流程设置{{ processData.deploymentName }}
 </template>

 <script setup>
 import {useProcessStore} from '@/stores/processStore.js'
 import {computed, defineExpose} from "vue";
+import {getTypeOption} from "@/api/workflow/process-definition";
+
 const processStore = useProcessStore()

+const optionList = ref([])
+
 const processData = computed(() => {
  return processStore.getDesign()
 })
@@ -18,9 +31,17 @@ const validate = () => {
  return []
 }

+const init = () => {
+  getTypeOption().then(res => {
+    console.log(res)
+    optionList.value = res.data
+  })
+}
+
 defineExpose({
  validate
 })
+init()

 </script>

--- a/src/views/workflow/process/ProcessTree.vue
+++ b/src/views/workflow/process/ProcessTree.vue
@@ -36,6 +36,7 @@ const valid = ref(true)
 let vNode = {}

 const init = () => {
+  // console.log("sdsdsdsdsdsdsd",processStore.getProcess())
  processStore.init()
  initMapping(processStore.getProcess())
  // 定义类名(可忽略)
@@ -48,7 +49,7 @@ const init = () => {

 // 初始化map集合,以便数据整理
 const initMapping = (node) => {
-  node.forEach(nodeItem => {
+  node?.forEach(nodeItem => {
    processStore.nodeMap.set(nodeItem.id, nodeItem)
    processStore.parentMap.set(nodeItem.parentId, nodeItem)
  })
@@ -57,15 +58,15 @@ const initMapping = (node) => {
 const initHeaderBgc = (node) => {
  if (node.props && props.mode === 'preview') {
    let headerBgc = '#ff943e'
-    if (processStore.runningList.value.includes(node.id)) {
+    if (processStore.runningList.value?.includes(node.id)) {
      headerBgc = '#1e90ff'
-    } else if (processStore.endList.value.includes(node.id)) {
+    } else if (processStore.endList.value?.includes(node.id)) {
      headerBgc = '#20b2aa'
-    } else if (processStore.noTakeList.value.includes(node.id)) {
+    } else if (processStore.noTakeList.value?.includes(node.id)) {
      headerBgc = '#909399'
-    } else if (processStore.refuseList.value.includes(node.id)) {
+    } else if (processStore.refuseList.value?.includes(node.id)) {
      headerBgc = '#f56c6c'
-    } else if (processStore.passList.value.includes(node.id)) {
+    } else if (processStore.passList.value?.includes(node.id)) {
      headerBgc = '#ff943e'
    }
    node.props.headerBgc = headerBgc
@@ -309,9 +310,9 @@ const insertNode = debounce((type, parentNode) => {
    case 'DELAY':
      insertDelayNode(children);
      break;
-    case 'TRIGGER':
-      insertTriggerNode(children);
-      break;
+    // case 'TRIGGER':
+    //   insertTriggerNode(children);
+    //   break;
    case 'CONDITIONS':
      insertConditionsNode(children);
      break;
--- a/src/views/workflow/process/common/AvatarEllipsis.vue
+++ b/src/views/workflow/process/common/AvatarEllipsis.vue
@@ -5,8 +5,10 @@
    <slot name="pre"></slot>
    <div style="display: flex;flex-wrap: wrap;">
      <div v-for="(user,index) in userInfo" :key="index" class="avatar_name">
-        <el-avatar size="large"
-                   :src="user.avatar"></el-avatar>
+        <div class="circle-user">
+          <Tooltip :content="user.name" placement="bottom-start" width="45">
+          </Tooltip>
+        </div>
        <div v-if="user.icon"
             class="el-timeline-item__node" :style="{
                      backgroundColor: user.color
@@ -15,17 +17,15 @@
            <component :is="user.icon"/>
          </el-icon>
        </div>
-        <el-tooltip class="item" effect="dark" :content="user.name" placement="bottom-start">
-          <span class="item_name">{{ user.name }}</span>
-        </el-tooltip>
      </div>
    </div>
  </div>
 </template>

 <script setup>
-import {Loading,Close,CircleCheckFilled,MoreFilled} from '@element-plus/icons-vue'
+import {Loading, Close, CircleCheckFilled, MoreFilled} from '@element-plus/icons-vue'
 import {defineProps} from "vue";
+
 const props = defineProps({
  row: {
    type: Number,
@@ -38,6 +38,10 @@ const props = defineProps({
  userInfo: {
    type: Array,
    default: []
+  },
+  mode: {
+    type: String,
+    default: 'design'
  }
 })

@@ -70,7 +74,7 @@ const initUser = (user) => {
    user["icon"] = Close
    user["color"] = "#f56c6c"
  }
-  if (state === 'PASS'){
+  if (state === 'PASS') {
    user["icon"] = MoreFilled
    user["color"] = "#c0c4cc"
  }
@@ -80,7 +84,27 @@ const initUser = (user) => {
 init()
 </script>

-<style scoped>
+<style scoped lang="scss">
+.circle-user {
+  width: 50px;
+  height: 50px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 50%;
+  border: 1px solid #ACACAC;
+  position: relative;
+
+  .circle-icon {
+    width: 10px;
+    height: 10px;
+    position: absolute;
+    top: auto !important;
+    bottom: -9px;
+    right: 15px !important;
+  }
+}
+
 .avatar_name {
  display: flex;
  flex-direction: column;
@@ -92,16 +116,8 @@ init()

 .el-timeline-item__node {
  position: absolute;
-  bottom: 20px;
+  bottom: 0;
  right: 1px;
 }

-.item_name {
-  width: 45px;
-  text-align: center;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-  padding-top: 3px;
-}
 </style>
--- a/src/views/workflow/process/common/InsertButton.vue
+++ b/src/views/workflow/process/common/InsertButton.vue
@@ -31,12 +31,12 @@
        </el-icon>
        <span>延迟等待</span>
      </div>
-      <div @click="addTriggerNode">
-        <el-icon style="color:#15BC83;">
-          <SetUp/>
-        </el-icon>
-        <span>触发器</span>
-      </div>
+<!--      <div @click="addTriggerNode">-->
+<!--        <el-icon style="color:#15BC83;">-->
+<!--          <SetUp/>-->
+<!--        </el-icon>-->
+<!--        <span>触发器</span>-->
+<!--      </div>-->
    </div>
    <template #reference>
 <!--      <el-button :icon="Plus" slot="reference" type="primary" @click="visible = !visible"  size="small"-->
--- a/src/views/workflow/process/common/UserPicker.vue
+++ b/src/views/workflow/process/common/UserPicker.vue
@@ -5,19 +5,15 @@
    <div>
      <div class="picker">
        <div class="candidate" v-loading="loading">
-          <div style="padding: 5px 8px;">
-            <el-input v-model="filterText" style="width: 100%;" size="small"
-                      clearable placeholder="输入关键字进行过滤" prefix-icon="el-icon-search"/>
-            <div style="margin-top: 5px">
-              <el-radio-group v-model="radio" size="mini" @change="radioChange">
-                <el-radio-button :label="0">角色</el-radio-button>
-                <el-radio-button :label="1">部门</el-radio-button>
-              </el-radio-group>
-            </div>
-          </div>
+          <el-input v-model="filterText" @change="getList(1)"
+                    clearable placeholder="输入部门/昵称进行搜索">
+            <template #append>
+              <el-button @click="getList(1)">搜索</el-button>
+            </template>
+          </el-input>
          <!-- 人员选择 -->
          <el-empty :image-size="100" description="似乎没有数据" v-show="dataList.length === 0"/>
-          <el-scrollbar style="height:317px">
+          <el-scrollbar style="height:340px">
            <div class="tree">
              <el-tree :data="dataList" ref="tree" :props="defaultProps" empty-text="" node-key="value"
                       :default-expanded-keys="expandedKeys" lazy accordion
@@ -26,7 +22,9 @@
                <template #default="{ node, data }">
                  <div class="tree-node">
                    <div v-if="data.type === 0" style="display: flex;align-items: center;padding: 3px 0">
-<!--                      <el-avatar :src="data.avatar"></el-avatar>-->
+                      <el-icon>
+                        <UserFilled/>
+                      </el-icon>
                      {{ node.label }}
                    </div>
                    <div v-else-if="data.type ===1">
@@ -55,8 +53,8 @@
          <div class="org-items" style="height: 350px;">
            <el-empty :image-size="100" description="请点击左侧列表选择数据" v-show="selectList.length === 0"/>
            <div v-for="(selectItem, selectIndex) in selectList" :key="selectIndex" class="org-item">
-<!--              <el-avatar :src="selectItem.avatar" style="margin-right: 5px;"></el-avatar>-->
-              {{ selectItem.name}}
+              <!--              <el-avatar :src="selectItem.avatar" style="margin-right: 5px;"></el-avatar>-->
+              {{ selectItem.name }}
              <i class="el-icon-close" @click="noSelected(selectItem)"></i>
            </div>
          </div>
@@ -71,9 +69,9 @@
 </template>

 <script setup>
-import {getUserTree} from "@/api/workflow/process-user";
 import {computed, defineProps, defineExpose} from "vue";
 import {ElMessageBox} from "element-plus";
+import {getMosrDept} from "@/api/workflow/process-user";

 const props = defineProps({
  value: {
@@ -105,16 +103,19 @@ const selectList = ref([]);
 const filterText = ref("");
 const dataList = ref([]);
 const tree = ref([]);
+const isSearch = ref(false);
 const expandedKeys = ref([]);
 const defaultProps = {
  value: "value",
  label: "name",
  children: "children",
-  isLeaf:(data, node) => {
-    if (node.level === 2) {
-      return true
-    }
-  }
+  // isLeaf:(data, node) =>
+  // {
+  // console.log('data, node',data, node)
+  // if (node.level === 2) {
+  //   return true
+  // }
+  // }

 };
 const emit = defineEmits();
@@ -128,30 +129,41 @@ const _value = computed({
  }
 });

-watch(() => filterText, (newVal, oldVal) => {
-  tree.value.filter(newVal);
+watch(() => filterText.value, (newVal) => {
+  console.log('filterText.value', newVal)
+  filterText.value = newVal
 });

+const getList = (flag) => {
+  let params = {}
+  if (flag === 1) {
+    isSearch.value = true;
+    params = {
+      chooseId: 0,
+      chooseName: filterText.value
+    }
+    selectItem = {
+      type: -1,
+      value: "0"
+    };
+  } else {

-const radioChange = (e) => {
-  selectItem.type = -2;
-  chooseId.value = 0;
-  radio.value = e;
-  expandedKeys.value = [];
-  getList();
-};
-
-const getList = () => {
-  getUserTree(radio.value, chooseId.value).then(res => {
+    params = {
+      chooseId: radio.value,
+      chooseName: filterText.value
+    }
+  }
+  getMosrDept(params).then(res => {
+    console.log('selectItem.type', selectItem.type)
    // if (res.data) {
-    if (selectItem.type === -1 || selectItem.type === -2) {//角色/部门
+    if (selectItem.type === -1) {
      dataList.value = res.data;
    } else if (selectItem.type === 1) {
      selectItem.children = res.data;
-      if(chooseId.value!==0&&res.data.length===0){
-        selectItem.children=[{
-          type:1,
-          name:'暂无数据'
+      if (res.data.length === 0) {
+        selectItem.children = [{
+          type: 1,
+          name: '暂无数据'
        }]
      }
    } else if (selectItem.type === 2) {
@@ -187,16 +199,24 @@ const showUserPicker = () => {
  expandedKeys.value = [];
  getList();
 };
-const handleChange = (item, data, node) => {
-  //渲染子节点用户或部门及用户数据
+const handleChange = (item, data) => {
+  console.log('item', item, data)
  selectItem = item;
-  if (data.expanded) {
-    if(expandedKeys.value.indexOf(item.value)===-1){
-      expandedKeys.value.push(item.value);
-      if (item.type !== 0) {
-        chooseId.value = item.id;
-        getList();
-        return;
+  if (isSearch.value && item.type !== 0) {
+    filterText.value = ""
+    radio.value = item.id;
+    getList();
+    return;
+  } else if (!isSearch.value) {
+    //渲染子节点用户或部门及用户数据
+    if (data.expanded) {
+      if (expandedKeys.value.indexOf(item.value) === -1) {
+        expandedKeys.value.push(item.value);
+        if (item.type !== 0) {
+          radio.value = item.id;
+          getList();
+          return;
+        }
      }
    }
  }
@@ -271,7 +291,6 @@ $containWidth: 264px;
        .el-tree-node {
          .el-tree-node__content {
            //height: 45px !important;
-
            .tree-node {
            }
          }
--- a/src/views/workflow/process/config/ApprovalNodeConfig.vue
+++ b/src/views/workflow/process/config/ApprovalNodeConfig.vue
@@ -39,7 +39,7 @@
          <el-input-number :min="1" :max="20" :step="1" size="mini"
                           v-model="nodeProps.leader.level"></el-input-number>
          <span> 级主管</span>
-          <div style="color: #409EFF; font-size: small;">👉 直接主管为 第 1 级主管</div>
+          <div style="color: #409EFF; font-size: small;">直接主管为 第 1 级主管</div>
        </el-form-item>
      </div>
      <div v-else-if="nodeProps.assignedType === 'ROLE'">
@@ -56,12 +56,12 @@
          </el-select>
        </el-form-item>
      </div>
-      <div v-else>
-        <span class="item-desc">发起人自己作为审批人进行审批</span>
-      </div>
+<!--      <div v-else>-->
+<!--        <span class="item-desc">发起人自己作为审批人进行审批</span>-->
+<!--      </div>-->
    </el-form-item>
    <el-divider></el-divider>
-    <el-form-item label="👤 审批人为空时" prop="text" class="line-mode">
+    <el-form-item label="审批人为空时" prop="text" class="line-mode">
      <el-radio-group v-model="nodeProps.nobody.handler">
        <el-radio label="TO_PASS">自动通过</el-radio>
        <el-radio label="TO_REFUSE">自动驳回</el-radio>
@@ -80,7 +80,7 @@

    <div v-if="showMode">
      <el-divider/>
-      <el-form-item label="👩‍👦‍👦 多人审批时审批方式" prop="text" class="approve-mode">
+      <el-form-item label="多人审批时审批方式" prop="text" class="approve-mode">
        <el-radio-group v-model="nodeProps.mode">
          <el-radio label="NEXT">会签 （按选择顺序审批，每个人必须同意）</el-radio>
          <el-radio label="AND">会签（可同时审批，每个人必须同意）</el-radio>
@@ -90,13 +90,16 @@
    </div>

    <el-divider>高级设置</el-divider>
-    <el-form-item label="✍ 审批同意时是否需要签字" prop="text">
-      <el-switch inactive-text="不用" active-text="需要" v-model="nodeProps.sign"></el-switch>
-      <el-tooltip class="item" effect="dark" content="如果全局设置了需要签字，则此处不生效" placement="top-start">
-        <i class="el-icon-question" style="margin-left: 10px; font-size: medium; color: #b0b0b1"></i>
-      </el-tooltip>
+<!--    <el-form-item label="✍ 审批同意时是否需要签字" prop="text">-->
+<!--      <el-switch inactive-text="不用" active-text="需要" v-model="nodeProps.sign"></el-switch>-->
+<!--      <el-tooltip class="item" effect="dark" content="如果全局设置了需要签字，则此处不生效" placement="top-start">-->
+<!--        <i class="el-icon-question" style="margin-left: 10px; font-size: medium; color: #b0b0b1"></i>-->
+<!--      </el-tooltip>-->
+<!--    </el-form-item>-->
+    <el-form-item label="是否使用矩阵审批" prop="text">
+      <el-switch inactive-text="不用" active-text="使用" v-model="nodeProps.matrixApproval"></el-switch>
    </el-form-item>
-    <el-form-item label="⏱ 审批期限（为 0 则不生效）" prop="timeLimit">
+    <el-form-item label="审批期限（为 0 则不生效）" prop="timeLimit">
      <el-input style="width: 180px;" placeholder="时长" type="number"
                v-model="nodeProps.timeLimit.timeout.value">
        <el-select style="width: 75px;" v-model="nodeProps.timeLimit.timeout.unit" slot="append" placeholder="请选择" filterable>
@@ -122,54 +125,54 @@
 						</span>
      </div>
    </el-form-item>
-    <el-form-item label="🙅‍ 如果审批被驳回 👇">
-      <el-radio-group v-model="nodeProps.refuse.type">
-        <el-radio label="TO_INITIAL">重新开始流程</el-radio>
-        <el-radio label="TO_BEFORE">驳回到上级审批节点</el-radio>
-        <el-radio label="TO_NODE">驳回到指定节点</el-radio>
-      </el-radio-group>
-      <div v-if="nodeProps.refuse.type === 'TO_NODE'">
-        <span>指定节点:</span>
-        <el-select style="margin-left: 10px; width: 150px;" placeholder="选择跳转步骤" size="small"
-                   v-model="nodeProps.refuse.target" filterable>
-          <el-option v-for="(node, index) in nodeOptions" :key="index" :label="node.name"
-                     :value="node.id"></el-option>
-        </el-select>
-      </div>
-    </el-form-item>
-    <el-form-item label="自定义监听器">
-      <div slot="label">
-        <span style="margin-left: 20px">使用自定义监听器: </span>
-        <!--          <el-switch v-model="config.listener.state" @change="getListener"></el-switch>-->
-      </div>
-      <div v-if="config.listener.state">
-        <div slot="label">
-          <span style="margin-right: 10px">设置监听器</span>
-          <el-button type="primary" @click="addListener(config.listener.list)" link> + 添加</el-button>
-        </div>
-        <div v-for="(listen, index) in config.listener.list" :key="index">
-          <el-input v-if="listen.isSys" placeholder="监听器名称" :disabled="true" size="small" style="width: 100px;"
-                    v-model="listen.listenerName"/>
-          <el-input v-if="!listen.isSys" placeholder="监听器名称" size="small" style="width: 100px;"
-                    v-model="listen.listenerName"/>
-          <el-radio-group size="small" style="margin: 0 5px;" @change="typeChange(listen)" v-model="listen.isSys">
-            <el-radio-button :label="true">内置</el-radio-button>
-            <el-radio-button :label="false">自定义</el-radio-button>
-          </el-radio-group>
-          <el-select v-if="listen.isSys" style="width: 180px;" v-model="listen.listenerValue" size="small"
-                     @change="listenerOptionChange(listen)"
-                     placeholder="请选择表单字段" filterable>
-            <el-option v-for="option in listenerOption" :key="option.value" :label="option.label"
-                       :value="option.value"/>
-          </el-select>
-          <!--            <el-input v-if="listen.isSys" placeholder="请设置字段值" size="small" v-model="listen.listenerValue" style="width: 180px;"/>-->
-          <el-button v-if="!listen.isSys" type="primary" size="small" @click="settingListener(listen)" link>设置</el-button>
-          <el-button @click="delListener(config.listener.list, index)"
-                     class="el-icon-delete" type="primary"
-                     style="margin-left: 5px; color: #c75450;" link/>
-        </div>
-      </div>
-    </el-form-item>
+<!--    <el-form-item label="🙅‍ 如果审批被驳回 👇">-->
+<!--      <el-radio-group v-model="nodeProps.refuse.type">-->
+<!--        <el-radio label="TO_INITIAL">重新开始流程</el-radio>-->
+<!--        <el-radio label="TO_BEFORE">驳回到上级审批节点</el-radio>-->
+<!--        <el-radio label="TO_NODE">驳回到指定节点</el-radio>-->
+<!--      </el-radio-group>-->
+<!--      <div v-if="nodeProps.refuse.type === 'TO_NODE'">-->
+<!--        <span>指定节点:</span>-->
+<!--        <el-select style="margin-left: 10px; width: 150px;" placeholder="选择跳转步骤" size="small"-->
+<!--                   v-model="nodeProps.refuse.target" filterable>-->
+<!--          <el-option v-for="(node, index) in nodeOptions" :key="index" :label="node.name"-->
+<!--                     :value="node.id"></el-option>-->
+<!--        </el-select>-->
+<!--      </div>-->
+<!--    </el-form-item>-->
+<!--    <el-form-item label="自定义监听器">-->
+<!--      <div slot="label">-->
+<!--        <span style="margin-left: 20px">使用自定义监听器: </span>-->
+<!--        &lt;!&ndash;          <el-switch v-model="config.listener.state" @change="getListener"></el-switch>&ndash;&gt;-->
+<!--      </div>-->
+<!--      <div v-if="config.listener.state">-->
+<!--        <div slot="label">-->
+<!--          <span style="margin-right: 10px">设置监听器</span>-->
+<!--          <el-button type="primary" @click="addListener(config.listener.list)" link> + 添加</el-button>-->
+<!--        </div>-->
+<!--        <div v-for="(listen, index) in config.listener.list" :key="index">-->
+<!--          <el-input v-if="listen.isSys" placeholder="监听器名称" :disabled="true" size="small" style="width: 100px;"-->
+<!--                    v-model="listen.listenerName"/>-->
+<!--          <el-input v-if="!listen.isSys" placeholder="监听器名称" size="small" style="width: 100px;"-->
+<!--                    v-model="listen.listenerName"/>-->
+<!--          <el-radio-group size="small" style="margin: 0 5px;" @change="typeChange(listen)" v-model="listen.isSys">-->
+<!--            <el-radio-button :label="true">内置</el-radio-button>-->
+<!--            <el-radio-button :label="false">自定义</el-radio-button>-->
+<!--          </el-radio-group>-->
+<!--          <el-select v-if="listen.isSys" style="width: 180px;" v-model="listen.listenerValue" size="small"-->
+<!--                     @change="listenerOptionChange(listen)"-->
+<!--                     placeholder="请选择表单字段" filterable>-->
+<!--            <el-option v-for="option in listenerOption" :key="option.value" :label="option.label"-->
+<!--                       :value="option.value"/>-->
+<!--          </el-select>-->
+<!--          &lt;!&ndash;            <el-input v-if="listen.isSys" placeholder="请设置字段值" size="small" v-model="listen.listenerValue" style="width: 180px;"/>&ndash;&gt;-->
+<!--          <el-button v-if="!listen.isSys" type="primary" size="small" @click="settingListener(listen)" link>设置</el-button>-->
+<!--          <el-button @click="delListener(config.listener.list, index)"-->
+<!--                     class="el-icon-delete" type="primary"-->
+<!--                     style="margin-left: 5px; color: #c75450;" link/>-->
+<!--        </div>-->
+<!--      </div>-->
+<!--    </el-form-item>-->
  </el-form>
  <!--
      <el-dialog custom-class="custom-dialog" class="border" width="600px" title="定义监听器设置"
@@ -230,12 +233,13 @@ const showOrgSelect = ref(false)
 const orgPickerSelected = ref([])
 const approvalTypes = reactive([
  {name: "指定人员", type: "ASSIGN_USER"},
-  {name: "发起人自选", type: "SELF_SELECT"},
-  {name: "连续多级主管", type: "LEADER_TOP"},
-  {name: "主管", type: "LEADER"},
-  {name: "角色", type: "ROLE"},
+  // {name: "发起人自选", type: "SELF_SELECT"},
+  // {name: "连续多级主管", type: "LEADER_TOP"},
+  // {name: "主管", type: "LEADER"},
+  // {name: "角色", type: "ROLE"},
  {name: "发起人自己", type: "SELF"},
-  {name: "表单内联系人", type: "FORM_USER"}
+  // {name: "表单内联系人", type: "FORM_USER"},
+  // {name: "矩阵审批", type: "MATRIX_APPROVAL"},
 ])
 const listenerOption = ref([])
 const selectListen = ref({})
--- a/src/views/workflow/process/config/ConditionGroupItemConfig.vue
+++ b/src/views/workflow/process/config/ConditionGroupItemConfig.vue
@@ -94,7 +94,9 @@
                <org-items :modelValue="users"/>
              </span>
            <span v-else-if="condition.valueType === ValueType.date"></span>
-            <el-icon class="delete-icon" @click="delSubCondition(group, cindex)"><Minus /></el-icon>
+            <el-icon class="delete-icon" @click="delSubCondition(group, cindex)">
+              <Minus/>
+            </el-icon>
          </el-form-item>
        </el-form>
      </div>
@@ -119,7 +121,7 @@ const users = ref([])
 // const orgType = ref('user')
 const showOrgSelect = ref(false)
 const groupNames = ref(['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J'])
-const supportTypes = ref([ValueType.number, ValueType.string, ValueType.date, ValueType.dateRange, ValueType.dept, ValueType.user])
+const supportTypes = ref([ValueType.number, ValueType.string])
 const explains = ref(
    [
      {label: '等于', value: '='},
@@ -140,14 +142,20 @@ const selectedNode = computed(() => {
  return processStore.getSelectedNode()
 })

+const processFromPerms = computed(() => {
+  return processStore.getDesign().processFromPerms;
+});
+
 const conditionList = computed(() => {
  //条件数组
  //构造可用条件选项
  const conditionItems = []
-  processStore.getDesign().formItems.forEach(item => filterCondition(item, conditionItems))
-  if (conditionItems.length === 0 || conditionItems[0].id !== 'root') {
-    conditionItems.unshift({id: 'root', title: '发起人', valueType: 'User'})
-  }
+  filterConditionMosr(conditionItems)
+  // processStore.getDesign().formItems.forEach(item => filterCondition(item, conditionItems))
+  // if (conditionItems.length === 0 || conditionItems[0].id !== 'root') {
+  //   conditionItems.unshift({id: 'root', title: '发起人', valueType: 'User'})
+  // }
+  // conditionItems.unshift({id: 'root', title: '发起人', valueType: 'User'})
  return conditionItems
 })

@@ -184,6 +192,14 @@ const selectUser = (value, orgType) => {
  users.value = value
  orgPicker.value.showUserPicker()
 }
+const filterConditionMosr = (list) => {
+  processFromPerms.value.forEach((item) => {
+    console.log(item)
+    if (item.required && supportTypes.value.indexOf(item.valueType) > -1){
+      list.push({title: item.title, id: item.id, valueType: item.valueType})
+    }
+  })
+}

 const filterCondition = (item, list) => {
  //从表单中过滤出可以选择的条件
@@ -206,8 +222,7 @@ const selected = (selected) => {
  users.value = userInfoList
  //组织选择器的选中回调函数
  // users.value.length = 0
-  // console.log('processStore.getAssignedUser()',processStore.getAssignedUser())
-  processStore.getAssignedUser().forEach(u => users.value=userInfoList)
+  processStore.getAssignedUser().forEach(u => users.value = userInfoList)
 }

 const delGroup = (index) => {
@@ -228,7 +243,6 @@ const conditionChange = (index, group) => {
    if (0 > group.conditions.findIndex(cd => cd.id === cid)) {
      //新增条件
      let condition = {...conditionList.value[index]}
-      console.log('fs', condition, conditionList.value, index)
      condition.compare = '';
      condition.value = []
      group.conditions.push(condition)
--- a/src/views/workflow/process/config/ConditionNodeConfig.vue
+++ b/src/views/workflow/process/config/ConditionNodeConfig.vue
@@ -18,24 +18,24 @@
        </template>
      </el-popover>
    </el-form-item>
-    <el-form-item label="条件组关系" label-width="150px">
-      <el-switch v-model="selectedNode.props.groupsType" active-color="#409EFF"
-                 inactive-color="#c1c1c1" active-value="AND" inactive-value="OR"
-                 active-text="且" inactive-text="或">
-      </el-switch>
-    </el-form-item>
-    <el-form-item label="条件组表达式">
-      <el-input v-model="config.expression" placeholder="输入条件组关系表达式  &为与，|为或"/>
-      <span class="item-desc">使用表达式构建复杂逻辑，例如: (A & B) | C</span>
-    </el-form-item>
+<!--    <el-form-item label="条件组关系" label-width="150px">-->
+<!--      <el-switch v-model="selectedNode.props.groupsType" active-color="#409EFF"-->
+<!--                 inactive-color="#c1c1c1" active-value="AND" inactive-value="OR"-->
+<!--                 active-text="且" inactive-text="或">-->
+<!--      </el-switch>-->
+<!--    </el-form-item>-->
+<!--    <el-form-item label="条件组表达式">-->
+<!--      <el-input v-model="config.expression" placeholder="输入条件组关系表达式  &为与，|为或"/>-->
+<!--      <span class="item-desc">使用表达式构建复杂逻辑，例如: (A & B) | C</span>-->
+<!--    </el-form-item>-->
  </el-form>
-  <div>
-    <el-button type="primary" icon="Plus" style="margin: 0 15px 15px 0" round
-               @click="addConditionGroup">
-              添加条件组
-    </el-button>
-    <span class="item-desc">只有必填选项才能作为审批条件</span>
-  </div>
+<!--  <div>-->
+<!--    <el-button type="primary" icon="Plus" style="margin: 0 15px 15px 0" round-->
+<!--               @click="addConditionGroup">-->
+<!--              添加条件组-->
+<!--    </el-button>-->
+<!--    <span class="item-desc">只有必填选项才能作为审批条件</span>-->
+<!--  </div>-->
  <group-item/>
 </template>

--- a/src/views/workflow/process/config/FormAuthorityConfig.vue
+++ b/src/views/workflow/process/config/FormAuthorityConfig.vue
@@ -34,8 +34,7 @@
 </template>

 <script setup>
-import {defineProps, watch,computed} from "vue";
-
+import {defineProps, computed} from "vue";
 import {useProcessStore} from "@/stores/processStore.js";

 const props = defineProps({
@@ -45,18 +44,7 @@ const props = defineProps({
  }
 });
 const processStore = useProcessStore();
-
-const tableData = ref([]);
-const isIndeterminate = ref(false);
 const permSelect = ref("");
-const checkStatus = reactive({
-  readOnly: true,
-  editable: false,
-  hide: false
-});
-
-
-

 const init = () => {
  let oldPermMap = new Map()
@@ -66,7 +54,7 @@ const init = () => {
    }
  }
  processStore.getSelectedNode().props.formPerms = [];
-  formPermsLoad(oldPermMap, processStore.getDesign().formItems);
+  formPermsLoadMosr(oldPermMap, processFromPerms.value);
 };

 const formPerms = computed(() => {
@@ -81,12 +69,39 @@ const formItems = computed(() => {
  return processStore.getDesign().formItems;
 });

+const processFromPerms = computed(() => {
+  return processStore.getDesign().processFromPerms;
+});
+
+
+
+
+
 const allSelect = (type) => {
  permSelect.value = type;
  formPerms.value.forEach(f => f.perm = type);
 };
+const formPermsLoadMosr = (oldPermMap, perms) => {

+  perms.forEach(perm =>{
+    //刷新名称
+    let old = oldPermMap.get(perm.id)
+    if (old) {
+      old.title = perm.title;
+      old.required = perm.required;
+      formPerms.value.push(old);
+    } else {
+      formPerms.value.push({
+        id: perm.id, //todo ,id 就是字段名称
+        title: perm.title,
+        required: perm.required,
+        perm: nowNode.value.type === "ROOT" ? "E" : "R"
+      });
+    }
+  })
+}

+//todo  初始化表单权限的位置,表单字段信息放在config配置中心
 const formPermsLoad = (oldPermMap, forms) => {
  forms.forEach(form => {
    if (form.name === "SpanLayout") {
@@ -100,7 +115,7 @@ const formPermsLoad = (oldPermMap, forms) => {
        formPerms.value.push(old);
      } else {
        formPerms.value.push({
-          id: form.id,
+          id: form.id, //todo ,id 就是字段名称
          title: form.title,
          required: form.props.required,
          perm: nowNode.type === "ROOT" ? "E" : "R"
--- a/src/views/workflow/process/config/NodeConfig.vue
+++ b/src/views/workflow/process/config/NodeConfig.vue
@@ -1,15 +1,16 @@
 <template>
-    <el-tabs v-model="active" v-if="visible && name && formConfig.length > 0">
-      <el-tab-pane :label="name" name="properties">
-        <component :is="com" :config="selectNode.props" @initRender="emit('initRender')"/>
-      </el-tab-pane>
-      <el-tab-pane label="表单权限设置" name="permissions">
-        <form-authority-config :node-type="selectNode.type"/>
-      </el-tab-pane>
-    </el-tabs>
-    <div v-else>
+  <!--  <el-tabs v-model="active" v-if="visible && name && formConfig.length > 0">-->
+  <el-tabs v-model="active" v-if="visible && name">
+    <el-tab-pane :label="name" name="properties">
      <component :is="com" :config="selectNode.props" @initRender="emit('initRender')"/>
-    </div>
+    </el-tab-pane>
+    <el-tab-pane label="表单权限设置" name="permissions">
+      <form-authority-config :node-type="selectNode.type"/>
+    </el-tab-pane>
+  </el-tabs>
+  <div v-else>
+    <component :is="com" :config="selectNode.props" @initRender="emit('initRender')"/>
+  </div>
 </template>

 <script setup>
@@ -21,7 +22,8 @@ import CcNode from './CcNodeConfig.vue'
 import Condition from './ConditionNodeConfig.vue'
 import Trigger from './TriggerNodeConfig.vue'
 import {useProcessStore} from '@/stores/processStore.js'
-import {computed,defineEmits} from 'vue'
+import {computed, defineEmits} from 'vue'
+
 const emit = defineEmits()

 const processStore = useProcessStore()
@@ -31,9 +33,9 @@ const selectNode = computed(() => {
 })


-const formConfig = computed(() => {
-  return processStore.getDesign().formItems
-})
+// const formConfig = computed(() => {
+//   return processStore.getDesign().formItems
+// })


 const com = ref()
@@ -41,10 +43,11 @@ const active = ref('properties')
 const visible = ref(false)


-const name = computed(()=>{
+const name = computed(() => {
  switch (processStore.getSelectedNode().type) {
    case 'ROOT':
-      return '设置发起人';
+      // return '设置发起人';
+      return '节点设置';
    case 'APPROVAL':
      return '设置审批人';
    case 'CC':
@@ -56,7 +59,6 @@ const name = computed(()=>{


 const init = () => {
-  console.log(processStore.getSelectedNode().type)
  switch (processStore.getSelectedNode().type) {
    case 'APPROVAL' :
      com.value = Approval;
--- a/src/views/workflow/process/config/RootConfig.vue
+++ b/src/views/workflow/process/config/RootConfig.vue
@@ -1,10 +1,11 @@
 <template>
-  <div>
-    <p class="desc">选择能发起该审批的人员/部门，不选则默认开放给所有人</p>
-    <el-button size="mini" @click="selectOrg" icon="el-icon-plus" type="primary" round>请选择</el-button>
-    <org-items v-model="select"/>
-    <org-picker title="请选择可发起本审批的人员/部门" multiple ref="orgPicker" :selected="select" @ok="selected"/>
-  </div>
+<!--  <div>-->
+<!--    <p class="desc">选择能发起该审批的人员/部门，不选则默认开放给所有人</p>-->
+<!--    <el-button size="mini" @click="selectOrg" icon="el-icon-plus" type="primary" round>请选择</el-button>-->
+<!--    <org-items v-model="select"/>-->
+<!--    <org-picker title="请选择可发起本审批的人员/部门" multiple ref="orgPicker" :selected="select" @ok="selected"/>-->
+<!--  </div>-->
+  无需设置
 </template>


--- a/src/views/workflow/process/index.vue
+++ b/src/views/workflow/process/index.vue
@@ -50,14 +50,14 @@
        </el-table-column>
        <el-table-column label="操作" align="center">
          <template #default="scope">
-            <el-button type="primary" size="mini" v-perm="['rapid:regular:edit']"
+            <el-button type="primary" size="mini"
                       @click="handleEdit(scope.row.deploymentId)" link>编辑
            </el-button>
-            <el-button type="primary" size="mini" v-perm="['rapid:regular:edit']"
-                       @click="viewHistoricalVersion(scope.row)" link>历史
-            </el-button>
-            <popover-delete :name="scope.row.version" :type="'版本'" :perm="['rapid:regular:del']"
-                            @delete="handleDelete(scope.row.deploymentId)"/>
+            <!--            <el-button type="primary" size="mini"-->
+            <!--                       @click="viewHistoricalVersion(scope.row)" link>历史-->
+            <!--            </el-button>-->
+            <!--            <popover-delete :name="scope.row.version" :type="'版本'"-->
+            <!--                            @delete="handleDelete(scope.row.deploymentId)"/>-->
          </template>
        </el-table-column>
      </el-table>
--- a/src/views/workflow/process/nodes/ApprovalNode.vue
+++ b/src/views/workflow/process/nodes/ApprovalNode.vue
@@ -12,6 +12,7 @@
 import Node from './Node.vue'
 import {computed, defineExpose} from 'vue'
 import {Stamp} from '@element-plus/icons-vue'
+
 const emit = defineEmits(['insertNode', 'selected', 'delNode'])
 const props = defineProps({
  config: {
@@ -80,7 +81,7 @@ const content = computed(() => {
        if (text && text.title) {
          return `表单（${text.title}）内的人员`
        } else {
-          return '该表单已被移除😥'
+          return '该表单已被移除'
        }
      }
    case "ROLE":
@@ -91,8 +92,10 @@ const content = computed(() => {
      } else {
        return '指定角色（未设置）'
      }
+    case "MATRIX_APPROVAL":
+        return '矩阵审批'
    default:
-      return '未知设置项😥'
+      return '未知设置项'
  }
 })

--- a/src/views/workflow/process/nodes/Node.vue
+++ b/src/views/workflow/process/nodes/Node.vue
@@ -6,7 +6,8 @@
          <component :is="headerIcon"/>
        </el-icon>
        <ellipsis class="name" hover-tip :content="title"/>
-        <el-icon v-if="!isRoot && designState" size="20" style="float:right;cursor: pointer" @click.stop="emit('delNode')">
+        <el-icon v-if="!isRoot && designState" size="20" style="float:right;cursor: pointer"
+                 @click.stop="emit('delNode')">
          <Close/>
        </el-icon>
      </div>
@@ -16,20 +17,17 @@
        </el-icon>
        <template v-if="selectUser.show && mode === 'view'">
          <div class="avatar_button">
-            <avatar-ellipsis :row="3" v-if="userInfo.length > 0" :user-info="userInfo"/>
+            <avatar-ellipsis :row="3" v-if="userInfo.length > 0" :mode="mode" :user-info="userInfo"/>
            <el-button type="primary" :icon="Plus" circle/>
          </div>
        </template>
        <template v-else-if="showAvatar">
          <span class="placeholder" v-if="userInfo.length === 0">{{ placeholder }}</span>
-          <div  v-else v-for="item in userInfo" class="circle-user">
-            <span >{{item.name}}</span>
-          </div>
-<!--          <avatar-ellipsis :row="3" :user-info="userInfo"/>-->
+          <avatar-ellipsis :row="3" v-if="userInfo.length > 0" :user-info="userInfo"/>
        </template>
        <template v-else>
          <span class="placeholder" v-if="(content || '').trim() === ''">{{ placeholder }}</span>
-          <ellipsis :row="3" :content="content" v-else/>
+          <ellipsis :row="3" :content="content" :mode="mode" v-else/>
        </template>
      </div>
      <div class="node-error" v-if="showError">
@@ -43,9 +41,9 @@
    <div class="node-footer">
      <div v-if="merge" class="branch-merge">
        <svg-icon name="fenzhi" :class-name="'fen-icon'"/>
-<!--        <img data-v-1e7b1da5=""-->
-<!--             src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABXlJREFUeF7tmm2IVGUUx3/nLkQUqxmkpAVhSPUllZX8EEGhvVgZQWCU6wcpsqi2mXtnoaBwoqLCufeO9oJYUJQiFZWlZPQCfYiIXkylstTyS1oWWeYWCe6cuLsz7t3r3Ll3du6907oz35bnPM9z/r895zznmWeECf6RCa6fDoBOBExwAp0UmOAB0CmCnRTopECbCZi2nivK1CMD7FpXlH+ydqctKZBz9QyjwkqFG4HzfKK/0gpvl/ulmBWIzAHkVmlRDFY2EihwwLFkRhYQxgzAtHW2CpcBc4CpOsg26eK7yVPYVFwu/9ZzPufq2VLhQBxhAk85lvSF2Y5l/3prjQlAvqR3IjwJTKqz6DeGssQuyLfBsbyjz6PcFgeAZyOwzLFk/QnrjHH/RACYtj6ncHuUCDWYXs7Lz367XEn3inB+1NzauMLGsiW3+u1b2b9lAH22LuiCD2IJED5yTbmiZpt3dAbKT7Hmjhjtdi25oPZnK/uH7dtUCpi2vqVwQ1wRWuHhWkW3StpTEb6IO3fIThhwTemuzWll/0QA5G39FTgrtghhs2vKELA7inra6d38HXvusOEnriWXHo+iFvZvGUDfap3VdYzdzQgIHmd5W7cBc2Ovoax1C3KXZ5/E/i3VgCQciNMD+J1Ug55yXjxo7QfgOdFKCvjyeL/C9MgoEBa5przrt0ti/+C+mRVB/8amrWsU7m2Ql/c5lqwJjre9CDZ1DMFnriXzw0SatvZW4FqBW6o2vwGvCGxyLPmw3rym9g8cwy0XQV8Ix2qEgH0C1ziWNCyceVu1uvZrriVLGqVGsainHO7mRyDynlCvEWupCI7Kxcat6BFg+OwW9ohyfSMIcQF44v/sZovAlRH1I7QVTwyAt1Cjy8hfh9hYvepGQogDoI74HYbSXzHwusTYl7FEAURVcdPWN+NAiAJQTzzCda4p+6N8iDPe1CkQZ8FAtY+E0AhA2uKHszTlT1QkhAHIQnwmAKr1IjQS6gHISnxmABpBCALIUnymAMIgKHxf6wMmH6E3cNTtSLLgZXoKNOgAR6UDyqyq7esKk3znfOriM48AXzc5AmGE1EFgWvXPTMS3DcAJ6TA6XDIT31YAoRCEc5JqcuKc8Kn3AVFO+E4BryvJVHzbI8BzwAdgi2vJ4ihgSY//nyIg8jqctPi2RYBp61wV5qsyR2BFVdhBhBe0wtdisNU15VAagoNrZh4BOVsfFcVCODVUoLBn6E2hIBvShpApgLyt3nvhRXFFCWxwLOmNaz8Wu8wA5G31ntQWNOukwD2OJc80Oy+ufSYAciVdJsJLcZ0K2nV1MbuUk51jnd9oXuoACmW9eHCQj49/T+j3RtiJslPgFxXmoVxe11nhPdeUq8clANPWPoXVQef9D6e1saEHVINHUBYF7Q1lnl2QL5OGkHoE5G19GRhVyBQ+L1tyST0xoa/Iygq3IOvGI4BdwIWjHBeecE15IExM3tYfgJmBOetcU2o9Q2IcsoiAw8Gf0qhyU7kgb4QCcPRTlNGvSspmtzD81J7kJ30AJX0fYeHo2seLjiXLG0TA78CZ/nGFB8uWPJakeG+t9AE4+jjK/XGLWtgTusBix5It4w5ArqRLRTjhl14IW40KD/kre66ki0R4p57IrgozS/2yb9wByDvqhbKX07Xv/oIavMfOP6pFb0pdgcqrbkFuTlp8JingbRIaBfEUHUOYltbtMPUaUNNo2rpeYWk8zSNWqvSmeSvMDIAnybT1boWnY0I4aigL7YJ4bXRqn0wBeCqG7gYVVqFcFapKWXt0gP5nizKQmvLqwpkDqAkaanmhB4MelOkI27XCDjHY7pqyN23htfXbBiArgVH7dABEETrZxzsRcLL/h6P0/Qc1qphfvB2K3wAAAABJRU5ErkJggg=="-->
-<!--             alt="">-->
+        <!--        <img data-v-1e7b1da5=""-->
+        <!--             src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABXlJREFUeF7tmm2IVGUUx3/nLkQUqxmkpAVhSPUllZX8EEGhvVgZQWCU6wcpsqi2mXtnoaBwoqLCufeO9oJYUJQiFZWlZPQCfYiIXkylstTyS1oWWeYWCe6cuLsz7t3r3Ll3du6907oz35bnPM9z/r895zznmWeECf6RCa6fDoBOBExwAp0UmOAB0CmCnRTopECbCZi2nivK1CMD7FpXlH+ydqctKZBz9QyjwkqFG4HzfKK/0gpvl/ulmBWIzAHkVmlRDFY2EihwwLFkRhYQxgzAtHW2CpcBc4CpOsg26eK7yVPYVFwu/9ZzPufq2VLhQBxhAk85lvSF2Y5l/3prjQlAvqR3IjwJTKqz6DeGssQuyLfBsbyjz6PcFgeAZyOwzLFk/QnrjHH/RACYtj6ncHuUCDWYXs7Lz367XEn3inB+1NzauMLGsiW3+u1b2b9lAH22LuiCD2IJED5yTbmiZpt3dAbKT7Hmjhjtdi25oPZnK/uH7dtUCpi2vqVwQ1wRWuHhWkW3StpTEb6IO3fIThhwTemuzWll/0QA5G39FTgrtghhs2vKELA7inra6d38HXvusOEnriWXHo+iFvZvGUDfap3VdYzdzQgIHmd5W7cBc2Ovoax1C3KXZ5/E/i3VgCQciNMD+J1Ug55yXjxo7QfgOdFKCvjyeL/C9MgoEBa5przrt0ti/+C+mRVB/8amrWsU7m2Ql/c5lqwJjre9CDZ1DMFnriXzw0SatvZW4FqBW6o2vwGvCGxyLPmw3rym9g8cwy0XQV8Ix2qEgH0C1ziWNCyceVu1uvZrriVLGqVGsainHO7mRyDynlCvEWupCI7Kxcat6BFg+OwW9ohyfSMIcQF44v/sZovAlRH1I7QVTwyAt1Cjy8hfh9hYvepGQogDoI74HYbSXzHwusTYl7FEAURVcdPWN+NAiAJQTzzCda4p+6N8iDPe1CkQZ8FAtY+E0AhA2uKHszTlT1QkhAHIQnwmAKr1IjQS6gHISnxmABpBCALIUnymAMIgKHxf6wMmH6E3cNTtSLLgZXoKNOgAR6UDyqyq7esKk3znfOriM48AXzc5AmGE1EFgWvXPTMS3DcAJ6TA6XDIT31YAoRCEc5JqcuKc8Kn3AVFO+E4BryvJVHzbI8BzwAdgi2vJ4ihgSY//nyIg8jqctPi2RYBp61wV5qsyR2BFVdhBhBe0wtdisNU15VAagoNrZh4BOVsfFcVCODVUoLBn6E2hIBvShpApgLyt3nvhRXFFCWxwLOmNaz8Wu8wA5G31ntQWNOukwD2OJc80Oy+ufSYAciVdJsJLcZ0K2nV1MbuUk51jnd9oXuoACmW9eHCQj49/T+j3RtiJslPgFxXmoVxe11nhPdeUq8clANPWPoXVQef9D6e1saEHVINHUBYF7Q1lnl2QL5OGkHoE5G19GRhVyBQ+L1tyST0xoa/Iygq3IOvGI4BdwIWjHBeecE15IExM3tYfgJmBOetcU2o9Q2IcsoiAw8Gf0qhyU7kgb4QCcPRTlNGvSspmtzD81J7kJ30AJX0fYeHo2seLjiXLG0TA78CZ/nGFB8uWPJakeG+t9AE4+jjK/XGLWtgTusBix5It4w5ArqRLRTjhl14IW40KD/kre66ki0R4p57IrgozS/2yb9wByDvqhbKX07Xv/oIavMfOP6pFb0pdgcqrbkFuTlp8JingbRIaBfEUHUOYltbtMPUaUNNo2rpeYWk8zSNWqvSmeSvMDIAnybT1boWnY0I4aigL7YJ4bXRqn0wBeCqG7gYVVqFcFapKWXt0gP5nizKQmvLqwpkDqAkaanmhB4MelOkI27XCDjHY7pqyN23htfXbBiArgVH7dABEETrZxzsRcLL/h6P0/Qc1qphfvB2K3wAAAABJRU5ErkJggg=="-->
+        <!--             alt="">-->
      </div>
      <div class="btn">
        <insert-button v-if="designState" @insertNode="type => emit('insertNode', type)"/>
@@ -62,7 +60,7 @@ import InsertButton from '../common/InsertButton.vue'
 import Ellipsis from '../common/Ellipsis.vue'
 import AvatarEllipsis from '../common/AvatarEllipsis.vue'
 import SvgIcon from '@/components/svgIcon/index.vue'
-import {Close, Warning, Plus} from '@element-plus/icons-vue'
+import {Close, Warning, Plus, Check, More} from '@element-plus/icons-vue'

 const emit = defineEmits(['insertNode'])
 const props = defineProps({
@@ -154,7 +152,16 @@ const props = defineProps({
 const designState = computed(() => {
  return props.mode === 'design'
 })
-
+const getState = (state) => {
+  switch (state) {
+    case 'finish':
+      return 'check'
+    case 'UNACTIVATED':
+      return 'more'
+    case 'RUNNING':
+      return 'loading'
+  }
+}

 const init = () => {
  // let userInfo = this.$store.state.selectUserMap.get(this.nodeId);
@@ -176,15 +183,6 @@ const init = () => {
 </script>

 <style lang="scss" scoped>
-.circle-user{
-  width: 50px;
-  height: 50px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-  border: 1px solid #ACACAC;
-}
 .root {
  &:before {
    display: none !important;
--- a/vite.config.js
+++ b/vite.config.js
@@ -18,7 +18,6 @@ export default defineConfig({
    AutoImport({
      //自动导入vue相关函数
      imports: ['vue','vue-router'],
-
      resolvers: [
        ElementPlusResolver(),
        //自动导入图标组件
@@ -69,12 +68,20 @@ export default defineConfig({
    strictPort: false,
    open: true,
    proxy: {
-      // '/api/admin': {
-      //   target: 'http://dev-mosr.frp.feashow.cn/',
-      //   // target: 'http://192.168.31.175:8000',
-      //   changeOrigin: true,
-      //   rewrite: (path) => path.replace(/^\/api/, '')
-      // },
+      '/api/workflow': {
+        // target: 'http://frp.feashow.cn:31800/',
+        target: 'http://clay.frp.feashow.cn/',
+        // target: 'http://192.168.31.175:8000',
+        changeOrigin: true,
+        rewrite: (path) => path.replace(/^\/api/, '')
+      },
+      '/api/admin': {
+        // target: 'http://frp.feashow.cn:31800/',
+        target: 'http://clay.frp.feashow.cn/',
+        // target: 'http://192.168.31.175:8000',
+        changeOrigin: true,
+        rewrite: (path) => path.replace(/^\/api/, '')
+      },
      '/api': {
        target: 'http://mosr.feashow.cn',
        changeOrigin: true,