Merge pull request 'master' (#151) from master into prod

Reviewed-on: http://git.feashow.cn/clay/mosr-web/pulls/151
2024-05-12 13:57:24 +00:00
parent 99d90acebc 92b9dd5e03
commit 2d23266e50
18 changed files with 786 additions and 404 deletions
--- 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,75 @@
+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 resubmitRequirement = (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 getCompanyOption = () => {
+  return request({
+    url: '/admin/mosr/sub/company/companyOption',
+    method: "get"
+  });
+};
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -379,6 +379,7 @@ html, body, #app, .el-container, .el-aside, .el-main {
  margin-top: 10px;
  z-index: 666;
  position: absolute;
+  //top: -20px;
 }

 .el-overlay-dialog {
--- a/src/components/FileUpload.vue
+++ b/src/components/FileUpload.vue
@@ -6,24 +6,48 @@
             with-credentials
             :multiple="maxSize > 0"
             :data="uploadParams"
+             :show-file-list="false"
             :auto-upload="true"
             :before-upload="beforeUpload"
             :on-success="handleUploadSuccess"
  >
-    <el-button color="#DED0B2">上传文件</el-button>
+    <el-button color="#DED0B2" :loading="loading">上传文件</el-button>
  </el-upload>
+<!--  <div v-if="showTable||fileList.length!==0">-->
+<!--    <el-table :data="fileList" style="width: 100%">-->
+<!--      <el-table-column label="序号" type="index" align="center" width="80"/>-->
+<!--      <el-table-column prop="originalFilename" label="文件名" align="center"/>-->
+<!--      <el-table-column prop="size" label="文件大小" align="center">-->
+<!--        <template #default="scope">-->
+<!--          {{ parseInt(scope.row.size / 1024) }}KB-->
+<!--          &lt;!&ndash;          {{ parseInt(scope.row.size / 1024) > 1024 ? 'MB' : 'KB' }}&ndash;&gt;-->
+<!--        </template>-->
+<!--      </el-table-column>-->
+<!--      <el-table-column align="center" label="操作">-->
+<!--        <template #default="scope">-->
+<!--          <el-button link type="primary" size="small" @click="beforeRemove(scope.row)">-->
+<!--            删除-->
+<!--          </el-button>-->
+<!--        </template>-->
+<!--      </el-table-column>-->
+<!--    </el-table>-->
+<!--  </div>-->
 </template>

 <script setup>
 import {defineProps, computed, ref} from "vue";
-import {ElMessage} from "element-plus";
-import { getToken } from '@/utils/auth'
+import {ElMessage, ElMessageBox} from "element-plus";
+import {getToken} from '@/utils/auth'
+import {deleteFile} from "@/api/project-demand";
+
 const baseURL = import.meta.env.VITE_BASE_URL
-const uploadFileUrl = ref(baseURL + "/workflow/process/file")
+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: {
@@ -34,10 +58,11 @@ const props = defineProps({
  },
  maxSize: {
    type: Number,
-    default: 5
+    default: 30
  }
 })
-const emit = defineEmits(["input","getFile"])
+
+const emit = defineEmits(["input", "getFile"])
 const fileList = ref([])
 const _value = computed({
  get() {
@@ -49,19 +74,57 @@ const _value = computed({
 })

 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 {
-    return true
+  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", fileList.value)
 }
+const beforeRemove = (row) => {
+  ElMessageBox.confirm(`确认删除名称为${row.originalFilename}的表格吗?`, '系统提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    handleRemove(row)
+  }).catch(() => {
+    ElMessage.warning("用户取消删除! ");
+  })
+}
+
+const handleRemove = (row) => {
+  deleteFile(row.id).then(res => {
+    if (res.code === 1000) {
+      ElMessage.success("删除成功");
+      fileList.value.splice(fileList.value.findIndex((item) => item.id === row.id), 1);
+    }
+  });
+};
+
 </script>

+<style lang="scss" scoped>
+a {
+  font-size: 14px;
+  color: #2a99ff;
+}
+</style>
--- a/src/components/Tinymce.vue
+++ b/src/components/Tinymce.vue
@@ -68,6 +68,10 @@ const props = defineProps({
    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
@@ -84,6 +88,7 @@ const init = reactive({
  placeholder: "在这里输入文字", //textarea中的提示信息
  min_width: 300,
  min_height: 200,
+  width:props.width,
  height: props.height, //注：引入autoresize插件时，此属性失效
  resize: "both", //编辑器宽高是否可变，false-否,true-高可变，'both'-宽高均可，注意引号
  promotion: false,
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -29,8 +29,6 @@ serveice.interceptors.response.use(response => {
    if (response.request.responseType === 'blob' || response.request.responseType === 'arraybuffer') {
        return response.data
    }
-    console.log("window.location.pathname", window.location.pathname)
-    console.log("windows", window.location.search)
    return response.data
 }, error => {
    let response = error.response
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -16,7 +16,7 @@
            </el-col>
          </el-row>
          <h4>待办 ({{ todoNum }})</h4>
-          <fvTable ref="tableIns" class="home-table" :tableConfig="tableConfig" @headBtnClick="headBtnClick">
+          <fvTable ref="tableIns" class="home-table" :tableConfig="tableConfig">
            <template #empty>
              <el-empty description="暂无待办"/>
            </template>
@@ -25,11 +25,6 @@
      </el-col>
      <el-col :xs="24" :sm="24" :md="6" :lg="6" :xl="6">
        <div class="right">
-          <!--          <div class="right-top">-->
-          <!--            <h3>欢迎回来， Sunshine</h3>-->
-          <!--            <div>科技创新项目需求征集中， 要求参见OA内部信！</div>-->
-          <!--          </div>-->
-          <!--          <div class="right-gap"></div>-->
          <div class="right-top ">
            <div>
              <h3>帮助文档</h3>
@@ -46,7 +41,6 @@
              <span>常用网站</span>
            </div>
            <el-divider/>
-
          </div>
        </div>
      </el-col>
@@ -57,6 +51,7 @@
 <script setup lang="jsx">
 import 'element-plus/theme-chalk/display.css'

+const router = useRouter()
 const list = ref([
  {
    title: '待立项',
@@ -105,25 +100,30 @@ const todoNum = ref(20)
 const tableConfig = reactive({
  columns: [
    {
-      prop: 'userName',
-      label: '单据编号',
+      prop: 'processName',
+      label: '流程名称',
      align: 'center',
    },
    {
-      prop: 'nickName',
-      label: '消息主题',
+      prop: 'initiatorName',
+      label: '发起人',
      align: 'center',
    },
    {
-      prop: 'type',
+      prop: 'targetState',
      label: '类型',
      align: 'center',
      showOverflowTooltip: false,
-      currentRender: ({row, index}) => (<Tag dictType={'todo_type'} value={row.state}/>)
+      currentRender: ({row, index}) => (<Tag dictType={'todo_type'} value={row.targetState}/>)
    },
    {
-      prop: 'createTime',
-      label: '创建时间',
+      prop: 'submitTime',
+      label: '提交时间',
+      align: 'center',
+    },
+    {
+      prop: 'taskName',
+      label: '当前节点',
      align: 'center',
    },
    {
@@ -136,24 +136,28 @@ const tableConfig = reactive({
      currentRender: ({row, index}) => {
        return (
            <div>
-              <el-button type="primary" link onClick={() => handleEdit(row)}>查看</el-button>
+              <el-button type="primary" link onClick={() => handleView(row)}>查看</el-button>
              <el-button type="primary" link onClick={() => handleEdit(row)}>已读</el-button>
            </div>
        )
      }
    }
  ],
-  api: '',
+  api: '/workflow/mosr/process/task',
  params: {},
 })
-
-const headBtnClick = (key) => {
-  switch (key) {
-    case 'add':
-      handleAdd()
-      break;
+const handleView = (row) => {
+  console.log('row', row)
+  if(row.targetState=='00'&&row.taskId){
+    router.push({
+      path: '/projectdemand/demanddetail',
+      query: {
+        id: row.taskId
+      }
+    })
  }
 }
+
 </script>

 <style lang="scss" scoped>
@@ -162,29 +166,21 @@ const headBtnClick = (key) => {
    margin-top: 10px;
  }
  :deep(.el-table) {
-    height: 300px!important;
+    height: 300px !important;
  }


 }
+
@media only screen and (max-width: 1000px) {
  .right {
    margin-top: 10px;
  }
  :deep(.el-table) {
-    height: 300px!important;
+    height: 300px !important;
  }

 }
-//.right-gap {
-//  background-color: #EFEFEF;
-//  width: 20px;
-//  //margin-right: -10px;
-//}
-:deep(.el-table) {
-  //height: 200px;
-  //max-height: 400px;
-}

 .home-bg {
  height: calc(100vh - 130px);
@@ -273,21 +269,6 @@ const headBtnClick = (key) => {
    flex-direction: column;
    justify-content: space-between;

-    //.right-top {
-    //  h3 {
-    //    text-align: center;
-    //    margin-bottom: 15px;
-    //  }
-    //
-    //  div {
-    //    color: #909399;
-    //    font-size: 14px;
-    //    margin: 0 20px;
-    //    letter-spacing: 1px;
-    //    line-height: 25px;
-    //  }
-    //}
-
    .right-top {
      flex: 0.5;
      padding: 15px;
--- a/src/views/projectdemand/demandcollection/add.vue
+++ b/src/views/projectdemand/demandcollection/add.vue
@@ -1,166 +1,291 @@
 <template>
-  <div v-loading="loading">
+  <div v-loading="loading" class="add-block">
    <baseTitle title="需求征集信息录入"></baseTitle>
-    <fvForm :schema="schame" @getInstance="getInstance" :rules="rules"></fvForm>
+    <el-form :model="formData" inline class="query-form" ref="demandForm">
+      <div class="left-info">
+        <el-form-item label="名称" prop="requirementName">
+          <el-input v-model="formData.requirementName" placeholder="请输入名称" clearable></el-input>
+        </el-form-item>
+        <el-form-item 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 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 label="截止时间" prop="time">
+          <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 image-url="/notice/file" file-url="/notice/file" v-model:value="instructions" height="300"/>
+    <Tinymce image-url="/notice/file" file-url="/notice/file" v-model:value="formData.collectExplain" height="300"/>
    <baseTitle title="申请文件"></baseTitle>
-    <file-upload  @getFile="getFile"/>
+    <file-upload @getFile="getFile"/>
+    <el-table :data="formData.fileList" style="width: 100%">
+      <el-table-column label="序号" type="index" align="center" width="80"/>
+      <el-table-column prop="fileName" label="文件名" align="center"/>
+      <el-table-column prop="tag" label="标签" align="center"/>
+      <el-table-column prop="size" label="文件大小" align="center">
+        <template #default="scope">
+          {{ parseInt(scope.row.size / 1024) }}KB
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="操作">
+        <template #default="scope">
+          <a :href="scope.row.url">
+            下载
+          </a>
+          <el-button link type="primary" size="small" @click="beforeRemove(scope.row)">
+            删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <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">提交</el-button>
+      <el-button color="#DED0B2" @click="handleResubmit">重新提交</el-button>
      <el-button @click="handleBack">返回</el-button>
    </div>
  </div>
 </template>

 <script setup lang="jsx">
-import {useTagsView} from '@/stores/tagsview.js'
 import {useAuthStore} from '@/stores/userstore.js'
-import {ElLoading, ElNotification} from 'element-plus';
-import {getMenuList} from '@/api/system/menuman.js'
-import {getRoleDetail, operate, getTemRoleOption} from "@/api/role/role";
-import FileUpload from "../../../components/FileUpload.vue";
+import {useProcessStore} from '@/stores/processStore.js';
+import {getWorkflowInfo, addRequirement, getFormInfo,resubmit} from "@/api/project-demand/index.js";
+import FileUpload from "@/components/FileUpload.vue";
+import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue';
+import {ElMessage, ElMessageBox} from "element-plus";
+import {useRoute, useRouter} from 'vue-router'
+import {getSubCompOpt} from '@/api/user/user.js'
+import {deleteFile} from "@/api/project-demand";
+import {resubmitRequirement} from "../../../api/project-demand";

-const tagsViewStore = useTagsView()
 const authStore = useAuthStore()
+const router = useRouter()
 const route = useRoute()
+const dateValue = ref()
+const formData = ref({
+  requirementName: '',
+  companyIds: '',
+  collectType: '',
+  deadline: '',
+  collectExplain: ''
+})
+const showTable = ref(false)
+const processDiagramViewer = ref(false)
+
+const typeOption = ref([
+  {
+    label: "需求征集",
+    value: '需求征集'
+  }
+])
+const companyOption = ref([
+  {
+    label: "测试公司1",
+    value: 22
+  },
+  {
+    label: "测试公司2",
+    value: 23
+  },
+  {
+    label: "测试公司3",
+    value: 24
+  }
+])
 const form = ref(null)
 const fileList = ref(null)
 const menuTree = ref(null)
 const loading = ref(false)
-const localData = reactive({
-  affiliatedCompany: []
-})
-const instructions = ref()
-const schame = computed(() => {
-  let arr = [
-    {
-      label: '名称',
-      prop: 'roleName',
-      component: 'el-input',
-      props: {
-        placeholder: '请输入名称',
-        clearable: true
-      }
-    },
-    {
-      label: '所属公司',
-      prop: 'subCompanyId',
-      component: 'el-tree-select',
-      props: {
-        placeholder: '请选择所属公司',
-        clearable: true,
-        filterable: true,
-        checkStrictly: true,
-        data: localData.affiliatedCompany,
-        disabled: route.query.userType == 0 ? true : false
-      },
-      on: {
-        change: async (val) => {
-          const {data} = await getDeptOpt({subCompanyId: val})
-          localData.departmentIdOpt = data
-        }
-      }
-    },
-    {
-      label: '征集类型',
-      prop: 'subCompanyType',
-      component: 'el-tree-select',
-      props: {
-        placeholder: '请选择征集类型',
-        clearable: true,
-        filterable: true,
-        checkStrictly: true,
-        data: localData.affiliatedCompany,
-        disabled: route.query.userType == 0 ? true : false
-      },
-      on: {
-        change: async (val) => {
-          const {data} = await getDeptOpt({subCompanyId: val})
-          localData.departmentIdOpt = data
-        }
-      }
-    },
-    {
-      label: '截止时间',
-      prop: 'dateValue',
-      component: 'el-date-picker',
-      props: {
-        placeholder: '请选择截止时间',
-        clearable: true,
-        type: 'datetime'
-      }
-    }
-  ]
-  return !authStore.roles.includes('superAdmin') ? arr.slice(0, arr.length - 1) : arr
-})
+const processStore = useProcessStore()
+const processInstanceData = ref()
+
+const getFile = (val) => {
+  console.log('val', val, route.query.isAdd)
+  if (route.query.isAdd == undefined) {
+    // showTable.value = true
+    let fileObj = {}
+    let newFileArray = []
+    val.forEach(item => {
+      fileObj = {
+        fileId: item.id,
+        size: item.size,
+        fileName: item.fileName,
+        fileType: item.fileType,
+        url: item.url,
+        processNodeTag: null,
+        tag: formData.value.collectType,
+        userId: authStore.userinfo.userId
+      }
+      newFileArray.push(fileObj)
+      formData.value.fileList.push(fileObj)
+    })
+    fileList.value = formData.value.fileList
+  } else {
+    let fileObj = {}
+    let newFileArray = []
+    val.forEach(item => {
+      fileObj = {
+        fileId: item.id,
+        size: item.size,
+        fileName: item.fileName,
+        fileType: item.fileType,
+        url: item.url,
+        processNodeTag: null,
+        tag: formData.value.collectType,
+        userId: authStore.userinfo.userId
+      }
+      newFileArray.push(fileObj)
+    })
+    formData.value.fileList = newFileArray
+    fileList.value = newFileArray
+  }
+}

-const rules = reactive({
-  roleName: [{required: true, message: '请输入', trigger: 'change'}],
-  subCompanyId: [{required: true, message: '请输入', trigger: 'change'}]
-})

-const getInstance = (e) => {
-  form.value = e
-}
-const getFile=(val)=>{
-  console.log('fileList', val)
-  fileList.value=val
-}
 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
-}
-
-const getInfo = async () => {
-  if (!route.query.id) return
-  const {data} = await getRoleDetail(route.query.id)
-  data.menuIds.forEach(key => {
-    menuTree.value.setChecked(key, true, false)
+  const res = await getSubCompOpt()
+  companyOption.value = res.data
+  getWorkflowInfo().then(res => {
+    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;
+    nextTick(() => {
+      processDiagramViewer.value = true
+    })
  })
-  form.value.setValues(data)
 }

-const handleSubmit = async () => {
-  // const loading = ElLoading.service({fullscreen: true})
-  // const {isValidate} = await form.value.validate()
-  // if (!isValidate) return Promise.reject()
-  // const values = form.value.getValues()
-  // values.menuIds = checkChange()
-  // operate(values).then(res => {
-  //   ElNotification({
-  //     title: route.query.isAdd ? '新增' : '编辑',
-  //     message: res.msg,
-  //     type: res.code === 1000 ? 'success' : 'error'
-  //   })
-  //   loading.close()
-  //   res.code === 1000 ? tagsViewStore.delViewAndGoView('/system/role') : null
-  // }).finally(() => {
-  //   loading.close()
-  // })
+const handleSubmit = () => {
+  if (route.query.isAdd == undefined) {
+    resubmitRequirement({
+      ...formData.value,
+      requirementId: 0,
+      files: fileList.value,
+      deploymentId: processInstanceData.value.deploymentId
+    }).then(res => {
+      if (res.code === 1000) {
+        ElMessage.success(res.msg)
+        router.push({
+          path: '/projectdemand/demandcollection'
+        })
+      } else {
+        ElMessage.error(res.msg)
+      }
+    })
+  }else {
+    addRequirement({
+      ...formData.value,
+      requirementId: 0,
+      files: fileList.value,
+      deploymentId: processInstanceData.value.deploymentId
+    }).then(res => {
+      if (res.code === 1000) {
+        ElMessage.success(res.msg)
+        router.push({
+          path: '/projectdemand/demandcollection'
+        })
+      } else {
+        ElMessage.error(res.msg)
+      }
+    })
+  }
+}
+const getDetailInfo = async () => {
+  getFormInfo(route.query.id).then(res => {
+    if (res.code === 1000) {
+      console.log(res)
+      ElMessage.success(res.msg)
+      // formData.value = res.data
+      formData.value = res.data.formData
+      // if (route.query.isAdd == undefined) {
+      //   showTable.value = true
+      // }
+    } else {
+      ElMessage.error(res.msg)
+    }
+  })
 }

 const handleBack = () => {
  history.back()
 }
+const beforeRemove = (row) => {
+  ElMessageBox.confirm(`确认删除名称为${row.filename}的表格吗?`, '系统提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    handleRemove(row)
+  }).catch(() => {
+    ElMessage.warning("用户取消删除! ");
+  })
+}

-watch(localData, (val) => {
-  menuTree.value.filter(val.filterText)
-})
-
+const handleRemove = (row) => {
+  deleteFile(row.fileId).then(res => {
+    if (res.code === 1000) {
+      ElMessage.success("删除成功");
+      fileList.value.splice(fileList.value.findIndex((item) => item.id === row.id), 1);
+    }
+  });
+};
 onMounted(async () => {
  loading.value = true
  await init()
  if (route.query.id) {
-    await getInfo()
+    await getDetailInfo()
  }
  loading.value = false
 })
+
 </script>

 <style lang="scss" scoped>

+.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/projectdemand/demandcollection/detail.vue
+++ b/src/views/projectdemand/demandcollection/detail.vue
@@ -1,122 +1,180 @@
 <template>
  <div class="detail-block">
-    <el-row gutter="20">
-      <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="14">
-        <div class="left-info">
-          <baseTitle title="需求征集详情"></baseTitle>
-          <div class="info">
-            <div v-for="item in list">
-              <span>{{ item.title }}：</span>
-              <span>{{ item.text }}</span>
-            </div>
-          </div>
+    <el-form :model="formData" label-width="auto">
+      <baseTitle title="需求征集详情"></baseTitle>
+      <div class="left-info">
+        <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-card>
-            {{ instructions }}
-          </el-card>
-          <baseTitle title="申请文件"></baseTitle>
-          <fvTable ref="tableIns" style="max-height: 200px" :tableConfig="tableConfig" @headBtnClick="headBtnClick" :pagination="false"></fvTable>
-          <baseTitle title="审核意见"></baseTitle>
-          <el-input
-              v-model="auditOpinion"
-              :rows="3"
-              type="textarea"
-              placeholder="请输入审核意见"
-          />
+          <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>
+              <el-table :data="formData.fileList" style="width: 100%">
+                <el-table-column label="序号" type="index" align="center" width="80"/>
+                <el-table-column prop="fileName" label="文件名" align="center"/>
+                <el-table-column prop="tag" label="标签" align="center"/>
+                <el-table-column prop="size" label="文件大小" align="center">
+                  <template #default="scope">
+                    {{ parseInt(scope.row.size / 1024) }}KB
+                  </template>
+                </el-table-column>
+                <el-table-column align="center" label="操作">
+                  <template #default="scope">
+                    <a :href="scope.row.url">
+                      下载
+                    </a>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <div v-if="processInstanceData.taskId">
+              <baseTitle title="审核意见"></baseTitle>
+              <el-form-item>
+                <el-input
+                    v-model="auditOpinion"
+                    :rows="3"
+                    type="textarea"
+                    placeholder="请输入审核意见"
+                />
+              </el-form-item>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+      <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>
-      </el-col>
-      <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="10">
-        <div class="approval-record" >
-          <baseTitle title="审批记录"></baseTitle>
-          <div class="process" id="approvalRecord">
-            <process-tree ref="processTree" mode="view" id-name="approvalRecord"/>
-          </div>
-        </div>
-      </el-col>
-    </el-row>
-    <div class="oper-page-btn">
-      <el-button  @click="handleSubmit">驳回</el-button>
-      <el-button color="#DED0B2" @click="handleBack">同意</el-button>
+      </div>
+    </el-form>
+    <div class="oper-page-btn" v-if="processInstanceData.state === '1' && processInstanceData.taskId">
+      <el-button @click="handleReject">驳回</el-button>
+      <el-button color="#DED0B2" @click="handleSubmit">同意</el-button>
    </div>
  </div>
 </template>

 <script setup lang="jsx">
-import {getInitiateInfo} from "@/api/workflow/process-definition.js";
-import ProcessTree from '@/views/workflow/process/ProcessTree.vue';
+import OperationRender from '@/views/workflow/common/OperationRender.vue'
+import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue'
 import {useProcessStore} from '@/stores/processStore.js';
-import {ElMessage} from "element-plus";
+import {getInfo, agreeTask, rejectTask} from "@/api/project-demand/index.js";
+import {getSubCompOpt} from '@/api/user/user.js'
+
+const route = useRoute()
+const form = ref();
 const processStore = useProcessStore()
-const list = ref([
-  {
-    title: '名称',
-    text: '名名称称名名称名称名称名称'
-  }, {
-    title: '所属公司',
-    text: '名称名称名称名称'
-  }, {
-    title: '征集类型',
-    text: '名称名称名称名称'
-  }, {
-    title: '截止时间',
-    text: '名称名称名称名称'
-  },
-])
+const companyOption = ref([])
+const processInstanceData = ref({})
+const processDiagramViewer = ref(false)
 const processTree = ref()
-const instructions = ref('ds')
+const formData = ref({})
 const auditOpinion = ref('')
-const tableConfig = reactive({
-  columns: [
-    {
-      prop: 'roleName',
-      label: '文件名',
-      align: 'center'
-    },
-    {
-      prop: 'roleKey',
-      label: '标签',
-      align: 'center'
-    },
-    {
-      prop: 'oper',
-      label: '操作',
-      align: 'center',
-      width:'200px',
-      showOverflowTooltip: false,
-      currentRender: ({row, index}) => {
-        return (
-            <div>
-              <el-button type="primary" link onClick={() => handleDownload(row)}>下载
-              </el-button>
-            </div>
-        )
-      }
-    }
-  ],
-  api: ''
-})
-const getTree=async()=>{
-   getInitiateInfo('pronode_46c5e446-b4d1-495e-a97d-40667fa6aa9f').then(res => {
-    console.log('res11',res)
-    // processDefinition.value = res.data;
-    //构建表单及校验规则
-    processStore.setDesign(res.data)
-    nextTick(() => {
-      processTree.value.init()
-    })
-  }).catch(err => {
-    ElMessage.error(err);
-  });
+const handleSubmit = () => {
+  let approve = {
+    taskId: processInstanceData.value.taskId,
+    auditOpinion: auditOpinion.value,
+    formData: formData.value
+  }
+  agreeTask(approve).then(res => {
+    console.log(res)
+  })
 }
-getTree()
+const handleReject = () => {
+  let approve = {
+    taskId: processInstanceData.value.taskId,
+    auditOpinion: auditOpinion.value,
+  }
+  rejectTask(approve).then(res => {
+    console.log(res)
+  })
+}
+const getCompanyOption=async ()=>{
+  const res = await getSubCompOpt()
+  companyOption.value= res.data
+  console.log('companyOption.value',companyOption.value)
+}
+const getDataSourceOptionItem = (val) => {
+  console.log('val',val,companyOption.value)
+  if(val!==undefined){
+
+  }
+  // let arr=[]
+  // console.log('arr',arr)
+  // for (let item of companyOption.value) {
+  //   if (item.value === dataSourceId) {
+  //     return item.label;
+  //   }
+  // }
+  // return "";
+}
+const init = async () => {
+  await getCompanyOption()
+  getInfo(route.query.id).then(res => {
+    let data = res.data
+    formData.value = data.formData;
+    if(data.formData.companyIds.length!==0){
+
+    }
+    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()
 </script>

 <style lang="scss" scoped>
+a {
+  cursor: pointer;
+  font-size: 14px;
+  color: #2a99ff;
+}
 .detail-block {
  display: flex;
  justify-content: space-between;
-  overflow-x: hidden;
-  overflow-y: auto;
+  overflow: hidden;
+  //overflow-y: auto;
+  padding-right: 10px;

  .left-info {
    flex: 0.6;
@@ -141,28 +199,32 @@ getTree()

  .approval-record {
    flex: 0.4;
+    padding-bottom: 30px;

-
-    .process{
+    .process {
+      //padding-top: 20px;
+      position: relative;
      //max-height: calc(100vh - 96px);
-      height: calc(100vh - 250px);
-      overflow: auto;
-      &::-webkit-scrollbar {
-        width: 6px;
-        height: 6px;
-      }
+      //height: calc(100vh - 250px);
+      //height: auto;
+      //overflow: auto;

-      // 滚动条轨道
-      &::-webkit-scrollbar-track {
-        background: rgb(239, 239, 239);
-        border-radius: 2px;
-      }
-
-      // 小滑块
-      &::-webkit-scrollbar-thumb {
-        background: rgba(80, 81, 82, 0.29);
-        border-radius: 10px;
-      }
+      //&::-webkit-scrollbar {
+      //  width: 6px;
+      //  height: 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;
+      //}
    }


--- a/src/views/projectdemand/demandcollection/index.vue
+++ b/src/views/projectdemand/demandcollection/index.vue
@@ -4,38 +4,35 @@
 </template>

 <script setup lang="jsx">
-import fvSelect from '@/fvcomponents/fvSelect/index.vue'
 import Tag from '@/components/Tag.vue'
+import fvSelect from '@/fvcomponents/fvSelect/index.vue'

 const router = useRouter()
 const searchConfig = reactive([
  {
-    label: '名称',
-    prop: 'roleName',
+    label: '需求名称',
+    prop: 'requirementName',
    component: 'el-input',
    props: {
      placeholder: '请输入名称查询',
-      clearable: true
+      clearable: true,
+      filterable: true,
+      checkStrictly: true
    }
  },
  {
-    label: '状态',
-    prop: 'state',
+    label: '征集类型',
+    prop: 'collectType',
    component: shallowRef(fvSelect),
    props: {
-      placeholder: '请选择',
+      placeholder: '请选择征集类型',
      clearable: true,
-      cacheKey: 'normal_disable'
+      filterable: true,
+      cacheKey: 'todo_type'
    }
  }
 ])
 const tableIns = ref()
-const auths = {
-  edit: ['admin:role:edit'],
-  add: ['admin:role:add'],
-  export: ['admin:role:export'],
-}
-
 const tableConfig = reactive({
  columns: [
    {
@@ -43,26 +40,37 @@ const tableConfig = reactive({
      prop: 'selection'
    },
    {
-      prop: 'roleName',
-      label: '名称',
+      prop: 'requirementName',
+      label: '需求名称',
      align: 'center'
    },
    {
-      prop: 'roleKey',
-      label: '所属公司',
+      prop: 'collectType',
+      label: '征集类型',
      align: 'center'
    },
    {
-      prop: 'time',
-      label: '发布时间',
+      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}/>)
+      currentRender: ({row, index}) => (<Tag dictType={'process_state'} value={row.state}/>)
    },
    {
      prop: 'oper',
@@ -70,21 +78,36 @@ const tableConfig = reactive({
      align: 'center',
      showOverflowTooltip: false,
      currentRender: ({row, index}) => {
+        let btn = [{label: '详情', func: () => handleDetail(row), type: 'primary'}]
+        if (row.state === '3' || row.state === '2') {
+          btn.push({label: '编辑', func: () => handleEdit(row), type: 'primary'})
+          btn.push({label: '删除', func: () => handleDelete(row), type: 'danger'})
+        } else if (row.state === '4') {
+          btn.push({label: '上报', func: () => handleReport(row), type: 'primary'})
+        }
        return (
-            <div>
-              <el-button type="primary" link onClick={() => handleDetail(row)}>详情
-              </el-button>
-              <el-button type="primary" link onClick={() => handleEdit(row)}>编辑</el-button>
-              <el-button type="primary" link onClick={() => handleReport(row)}>上报</el-button>
+            <div style={{width: '100%'}}>
+              {
+                btn.map(item => (
+                    <el-button
+                        type={item.type}
+                        // v-perm={item.auth}
+                        onClick={() => item.func()}
+                        link
+                    >
+                      {item.label}
+                    </el-button>
+                ))
+              }
            </div>
        )
      }
    }
  ],
-  api: '/admin/role',
+  api: '/workflow/mosr/requirement',
  btns: [
-    {name: '新增', key: 'add', auth: auths.add, color: '#DED0B2'},
-    {name: '导出', key: 'add', auth: auths.add, type: ''},
+    {name: '新增', key: 'add', color: '#DED0B2'},
+    {name: '导出', key: 'add', type: ''},
  ],
  params: {}
 })
@@ -105,7 +128,7 @@ const handleEdit = (row) => {
  router.push({
    path: '/projectdemand/demandedit',
    query: {
-      id: row.roleId
+      id: row.requirementId
    }
  })
 }
@@ -113,7 +136,7 @@ const handleDetail = (row) => {
  router.push({
    path: '/projectdemand/demanddetail',
    query: {
-      id: row.roleId
+      id: row.requirementId
    }
  })
 }
--- a/src/views/workflow/common/InstanceDetails.vue
+++ b/src/views/workflow/common/InstanceDetails.vue
@@ -95,4 +95,4 @@ defineExpose({
  init
 })

-</script>
+</script>
--- a/src/views/workflow/common/OperationRender.vue
+++ b/src/views/workflow/common/OperationRender.vue
@@ -7,6 +7,7 @@
                        :color="operation.color"
                        size="large"
                        placement="top">
+
        <el-card>
          <div style="display: flex;">
            <div v-for="(user,index) in operation.userInfo" :key="index" class="avatar_name">
@@ -19,34 +20,43 @@
                  <component :is="user.icon"/>
                </el-icon>
              </div>
-              <el-tooltip  effect="dark" :content="user.name" placement="bottom-start">
+              <el-tooltip effect="dark" :content="user.name" placement="bottom-start">
                <span class="username">{{ user.name }}</span>
              </el-tooltip>
+
+              <template v-if="user.auditOpinion">
+                <div style="margin-top: 10px;background:#f5f5f5;padding: 10px;">
+                  <div>
+                    {{ user.auditOpinion }}
+                  </div>
+                </div>
+              </template>
            </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>
+<!--          <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 +70,7 @@

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

 const props = defineProps({
  operationList: {
@@ -113,12 +123,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 +142,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 +152,7 @@ const getAttachmentList = (attachments, image) => {
  return result;
 }

-const initUser = (user,type) => {
+const initUser = (user, type) => {
  let state = user.state
  //创建节点
  if (state === 'CREATE') {
@@ -154,7 +164,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 +179,7 @@ const initUser = (user,type) => {
    user["icon"] = 'Close'
    user["color"] = "#f56c6c"
  }
-  if (state === 'PASS'){
+  if (state === 'PASS') {
    user["icon"] = 'MoreFilled'
    user["color"] = "#c0c4cc"
  }
@@ -277,7 +287,8 @@ init()
  position: relative;
  margin-right: 5px;
 }
-.el-timeline-item__node{
+
+.el-timeline-item__node {
  position: absolute;
  bottom: 20px;
  right: 1px;
--- a/src/views/workflow/common/ProcessDiagramViewer.vue
+++ b/src/views/workflow/common/ProcessDiagramViewer.vue
@@ -9,7 +9,7 @@
  <div style="margin-top: 40px">
    <div :style="'transform: scale('+ scale / 100 +');'">
      <div id="previewProcess">
-        <process-tree mode="preview" ref="processTreePreview" id-name="previewProcess"/>
+        <process-tree :mode="mode" ref="processTreePreview" id-name="previewProcess"/>
      </div>
    </div>
  </div>
@@ -20,6 +20,12 @@ import ProcessTree from '@/views/workflow/process/ProcessTree.vue'

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

 nextTick(()=>{
  processTreePreview.value.init()
--- 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
--- a/src/views/workflow/process/common/AvatarEllipsis.vue
+++ b/src/views/workflow/process/common/AvatarEllipsis.vue
@@ -5,8 +5,11 @@
    <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">
+          <el-tooltip class="item" effect="dark" :content="user.name" placement="bottom-start">
+            <span class="item_name">{{ user.name }}</span>
+          </el-tooltip>
+        </div>
        <div v-if="user.icon"
             class="el-timeline-item__node" :style="{
                      backgroundColor: user.color
@@ -15,17 +18,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 +39,10 @@ const props = defineProps({
  userInfo: {
    type: Array,
    default: []
+  },
+  mode: {
+    type: String,
+    default: 'design'
  }
 })

@@ -70,7 +75,7 @@ const initUser = (user) => {
    user["icon"] = Close
    user["color"] = "#f56c6c"
  }
-  if (state === 'PASS'){
+  if (state === 'PASS') {
    user["icon"] = MoreFilled
    user["color"] = "#c0c4cc"
  }
@@ -80,7 +85,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,7 +117,7 @@ init()

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

--- a/src/views/workflow/process/config/ConditionGroupItemConfig.vue
+++ b/src/views/workflow/process/config/ConditionGroupItemConfig.vue
@@ -155,7 +155,7 @@ const conditionList = computed(() => {
  // if (conditionItems.length === 0 || conditionItems[0].id !== 'root') {
  //   conditionItems.unshift({id: 'root', title: '发起人', valueType: 'User'})
  // }
-  conditionItems.unshift({id: 'root', title: '发起人', valueType: 'User'})
+  // conditionItems.unshift({id: 'root', title: '发起人', valueType: 'User'})
  return conditionItems
 })

--- 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,13 @@ 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': {
        target: 'http://mosr.feashow.cn',
        changeOrigin: true,