Merge pull request 'dj' (#313) from dj into master

Reviewed-on: http://git.feashow.cn/clay/mosr-web/pulls/313
2024-06-10 15:01:42 +00:00
parent 2f2dabb82d 050c5cf57a
commit e5f80ed017
14 changed files with 259 additions and 240 deletions
--- a/src/components/AttachmentUpload.vue
+++ b/src/components/AttachmentUpload.vue
@@ -5,7 +5,7 @@
        <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: 16px">
-              {{ singleFile?.originalFileName }}
+              {{ singleFile ? singleFile?.originalFileName : formData.singleFile?.originalFileName }}
            </el-button>
            <el-button type="danger" link @click="deleteSingleFile(singleFile,1)">删除</el-button>
          </template>
@@ -35,7 +35,7 @@
 <script setup lang="jsx">
 import FileUpload from '@/components/FileUpload.vue'
 import {deleteFile, downloadFile} from "@/api/project-demand";
-import {ElMessage, ElMessageBox, ElNotification} from "element-plus";
+import {ElMessageBox, ElNotification} from "element-plus";

 const props = defineProps({
  showFileList: {
@@ -59,12 +59,11 @@ const props = defineProps({
    default: []
  },
  formData: {
-    type: Array,
-    default: []
+    type: Object,
+    default: {}
  }
 })
 const emit = defineEmits(["getAttachment", "getOtherFile"])
-const formData = ref({})
 const tableConfig = reactive({
  columns: [
    {
@@ -115,11 +114,12 @@ const tableConfig = reactive({
                ))
              }
              {
-              row.newFile||props.preview||!props.preview ? <popover-delete name={row.originalFileName} type={'文件'} btnType={'danger'}
-                                            perm={['mosr:requirement:del']}
-                                            onDelete={() => handleDelete(row)}/>
-                  : ''
-            }
+                row.newFile || props.preview || !props.preview ?
+                    <popover-delete name={row.originalFileName} type={'文件'} btnType={'danger'}
+                                    perm={['mosr:requirement:del']}
+                                    onDelete={() => handleDelete(row)}/>
+                    : ''
+              }
            </div>
        )
      }
@@ -136,10 +136,18 @@ const allFileList = ref([])
 watch(() => props.showTable, (newVal) => {
  props.showTable = newVal
 }, {deep: true})
-watch(() => props.otherFileList, (newVal) => {
-  console.log('newotherFileList', newVal)
+watch(() => props.formData.fileList, (newVal) => {
+  console.log('newVal-fileList', newVal)
  if (props.preview) {
-    if (props.formData.fileList===null||props.formData.fileList.length===0) {
+    newVal?.forEach(item => {
+      allFileList.value.push(item)
+    })
+  }
+}, {deep: true})
+watch(() => props.otherFileList, (newVal) => {
+  console.log('newotherFileList', newVal,props.formData)
+  if (props.preview) {
+    if (props.formData.fileList === null || props.formData.fileList.length === 0) {
      allFileList.value = newVal
    } else {
      newVal?.forEach(item => {
@@ -150,14 +158,6 @@ watch(() => props.otherFileList, (newVal) => {
    allFileList.value = newVal
  }
 }, {deep: true})
-watch(() => props.formData.fileList, (newVal) => {
-  console.log('newVal-fileList', newVal)
-  if (props.preview) {
-    newVal?.forEach(item => {
-      allFileList.value.push(item)
-    })
-  }
-}, {deep: true})
 watch(() => props.formData.singleFile, (newVal) => {
  console.log('singleFile', newVal)
  singleFile.value = newVal
@@ -193,7 +193,7 @@ const deleteAttachment = (val) => {
        type: 'success'
      })
      isSingleFile.value = false
-      singleFile.value=null
+      singleFile.value = null
    }
  });
 }
@@ -210,7 +210,7 @@ const deleteSingleFile = (row, type) => {
        type: res.code === 1000 ? 'success' : 'error'
      })
      if (res.code === 1000) {
-        isSingleFile.value=false
+        isSingleFile.value = false
        if (type === 1) {
          singleFile.value = null
        } else {
@@ -249,7 +249,7 @@ defineExpose({
 </script>

 <style scoped>
-:deep(.el-table--fit ){
-  height: 300px!important;
+:deep(.el-table--fit ) {
+  height: 300px !important;
 }
 </style>
--- a/src/components/DetailComponent/ApprovalDetail.vue
+++ b/src/components/DetailComponent/ApprovalDetail.vue
@@ -20,7 +20,7 @@
    <div class="approval-record">
      <baseTitle title="审批记录"></baseTitle>
      <div class="process">
-        <operation-render v-if="processViewer" :operation-list="data.operationList"
+        <operation-render v-if="processViewer && data.operationList && data.operationList.length > 0" :operation-list="data.operationList"
                          :state="data.state"/>
        <process-diagram-viewer v-if="processViewer" :id-name="idName?idName:type"/>
      </div>
@@ -40,8 +40,8 @@ const props = defineProps({
    default: {}
  },
  data: {
-    type: Array,
-    default: []
+    type: Object,
+    default: {}
  },
  processViewer: {
    type: Boolean,
--- a/src/components/DetailComponent/CollectionDetail.vue
+++ b/src/components/DetailComponent/CollectionDetail.vue
@@ -59,7 +59,7 @@
      <div class="approval-record">
        <baseTitle title="审批记录"></baseTitle>
        <div class="process">
-          <operation-render v-if="processViewer" :operation-list="data.operationList"
+          <operation-render v-if="processViewer && data.operationList && data.operationList.length > 0" :operation-list="data.operationList"
                            :state="data.state"/>
          <process-diagram-viewer v-if="processViewer" id-name="collectionProcess"/>
        </div>
--- a/src/components/DetailComponent/ProjectApply.vue
+++ b/src/components/DetailComponent/ProjectApply.vue
@@ -1,32 +1,32 @@
 <template>
  <div class="apply-block">
-    <el-form :model="formData" ref="formRef" label-width="auto" :rules="rules" v-if="step!=='50'">
+    <el-form :model="localFormData" ref="formRef" label-width="auto" :rules="rules" v-if="step!=='50'">
      <el-row>
        <el-col :span="12">
          <el-form-item label="前置流程">
-            <el-input v-model="formData.requirementName" clearable></el-input>
+            <el-input v-model="localFormData.requirementName" clearable></el-input>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
-    <AttachmentUpload ref="attachment" :label="title+'附件'" :showTable="showTable" :otherFileList="otherFileList"
+    <AttachmentUpload ref="attachment" :label="getTitleName(title)+'附件'" :showTable="showTable"
+                      :otherFileList="otherFileList"
                      @getAttachment="getAttachment"
-                      @getOtherFile="getOtherFile" :showFileList="true" :formData="formData"
-                      :preview="route.query.state==3"/>
-    <div v-if="route.query.state==3">
+                      @getOtherFile="getOtherFile" :showFileList="true" :formData="localFormData"
+                      :preview="mode == 'resubmit'"/>
+    <div v-if="mode === 'resubmit'">
      <baseTitle title="审批记录"></baseTitle>
      <div class="process">
-        <operation-render v-if="processDiagramViewer" :operation-list="data.operationList"
-                          :state="data.state"/>
+        <operation-render :operation-list="data.operationList" :state="data.state"/>
      </div>
    </div>
    <baseTitle title="流程"></baseTitle>
    <div class="approval-record">
-      <process-diagram-viewer mode="view" idName="projectApply" v-if="processDiagramViewer"/>
+      <process-diagram-viewer mode="view" :idName="title" v-if="processDiagramViewer"/>
    </div>
    <div class="oper-page-btn">
-      <el-button color="#DED0B2" v-if="route.query.state==0" @click="handleSubmit">提交</el-button>
-      <el-button color="#DED0B2" v-else-if="route.query.state==3" @click="handleSubmit">重新提交</el-button>
+      <el-button color="#DED0B2" v-if="mode === 'submit'" @click="handleSubmit">提交</el-button>
+      <el-button color="#DED0B2" v-else-if="mode === 'resubmit'" @click="handleSubmit">重新提交</el-button>
      <el-button @click="handleBack">返回</el-button>
    </div>
  </div>
@@ -40,14 +40,11 @@ import {
  getApplyProcess,
  projectApply,
  resubmitApply,
-  getApplyDetail,
  getProjectCheckProcess,
  projectCheck,
  resubmitCheck,
-  getCheckDetail,
  projectConclusion,
  resubmitConclusion,
-  getConclusionDetail,
  getProjectConclusionProcess
 } from "@/api/project-manage";
 import {useProcessStore} from '@/stores/processStore.js';
@@ -59,15 +56,23 @@ const emit = defineEmits(["getAttachment", "getOtherFile"])
 const props = defineProps({
  title: {
    type: String,
-    default: '项目立项'
+    default: 'apply'
  },
  showTable: {
    type: Boolean,
    default: false
  },
+  mode: {
+    type: String,
+    default: "view"
+  },
  data: {
-    type: Array,
-    default: []
+    type: Object,
+    default: {}
+  },
+  formData: {
+    type: Object,
+    default: {}
  }
 })
 const rules = reactive({
@@ -76,16 +81,25 @@ const rules = reactive({
 const tagsViewStore = useTagsView()
 const processStore = useProcessStore()
 const otherFileList = ref([])
-const formData = ref({})
+const localFormData = ref({})
 const attachment = ref()
 const showTable = ref(true)
 const loading = ref(false)
 const processDiagramViewer = ref(false)
 const name = ref(router.currentRoute.value.name)
-const formRef = ref()
 const deploymentId = ref()
 const projectId = ref(route.query.projectId)
 const step = ref(route.query.step)
+const getTitleName = (type) => {
+  switch (type) {
+    case 'apply':
+      return '项目立项'
+    case 'check':
+      return '项目验收'
+    case 'filing':
+      return '项目归档'
+  }
+}
 const handleBack = () => {
  history.back()
 }
@@ -97,12 +111,12 @@ const compositeParam = (item) => {
    fileType: item.fileType,
    url: item.url,
    newFile: false,
-    tag: props.title
+    tag: getTitleName(props.title)
  }
 }
 const getAttachment = (val) => {
  console.log('上传文件getAttachment', val)
-  formData.value.singleFile = compositeParam(val)
+  localFormData.value.singleFile = compositeParam(val)
 }
 const getOtherFile = (val) => {
  console.log('上传文件getOtherFile', val)
@@ -119,23 +133,27 @@ const getFileParam = (item) => {
    tag: item.tag
  }
 }
-const handleSubmit =async () => {
+const handleSubmit = async () => {
  // if (!formRef.value) return
  // formRef.value.validate(async (valid) => {
  //   if (!valid) return
-    let files = []
-    if (route.query.state === '3') {
-      attachment.value.allFileList.forEach(item => {
-        files.push(getFileParam(item))
-      })
-    } else {
-      otherFileList.value.forEach(item => {
-        files.push(getFileParam(item))
-      })
-    }
-    // if (formData.value.singleFile !== undefined) {
-    //   formData.value.singleFile = getFileParam(formData.value.singleFile)
-    // }
+  let files = []
+  if (props.mode === 'resubmit') {
+    attachment.value.allFileList.forEach(item => {
+      files.push(getFileParam(item))
+    })
+  } else {
+    otherFileList.value.forEach(item => {
+      files.push(getFileParam(item))
+    })
+  }
+  // if (localFormData.value.singleFile !== undefined) {
+  //   localFormData.value.singleFile = getFileParam(localFormData.value.singleFile)
+  // }
+  console.log('attachment.value.singleFile',attachment.value,attachment.value.singleFile)
+  if(localFormData.value.singleFile){
+
+  }else {
    if (attachment.value.singleFile == null) {
      attachment.value.validate()
      ElNotification({
@@ -147,55 +165,57 @@ const handleSubmit =async () => {
    } else {
      attachment.value.clearValidate()
    }
-    let params = {
-      deploymentId: deploymentId.value,
-      requirementId: route.query.id,
-      fileList: files,
-      singleFile: formData.value.singleFile,
-      projectId: projectId.value,
+  }
+
+  let params = {
+    deploymentId: deploymentId.value,
+    requirementId: route.query.id,
+    fileList: files,
+    singleFile: localFormData.value.singleFile,
+    projectId: projectId.value,
+  }
+  console.log('params', params)
+  let res
+  if (step.value === '20') {
+    if (props.mode === 'resubmit') {
+      res = await resubmitApply(params)
+    } else {
+      res = await projectApply(params)
    }
-    console.log('params', params)
-    let res
+  } else if (step.value === '40') {
+    if (props.mode === 'resubmit') {
+      res = await resubmitCheck(params)
+    } else {
+      res = await projectCheck(params)
+    }
+  } else if (step.value === '50') {
+    if (props.mode === 'resubmit') {
+      res = await resubmitConclusion(params)
+    } else {
+      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)
    if (step.value === '20') {
-      if (route.query.state === '3') {
-        res = await resubmitApply(params)
-      } else {
-        res = await projectApply(params)
-      }
+      await router.push({
+        name: 'Initiation'
+      })
    } else if (step.value === '40') {
-      if (route.query.state === '3') {
-        res = await resubmitCheck(params)
-      } else {
-        res = await projectCheck(params)
-      }
+      await router.push({
+        name: 'Implementation'
+      })
    } else if (step.value === '50') {
-      if (route.query.state === '3') {
-        res = await resubmitConclusion(params)
-      } else {
-        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)
-      if (step.value === '20') {
-        await router.push({
-          name: 'Initiation'
-        })
-      }else if (step.value === '40') {
-        await router.push({
-          name: 'Implementation'
-        })
-      }else if (step.value === '50') {
-        await router.push({
-          name: 'Filing'
-        })
-      }
+      await router.push({
+        name: 'Filing'
+      })
    }
+  }
  // })
 }
 const init = async () => {
@@ -207,7 +227,7 @@ const init = async () => {
    res = await getApplyProcess(id)
  } else if (step.value === '40') {
    res = await getProjectCheckProcess(id)
-  }else if (step.value === '50') {
+  } else if (step.value === '50') {
    res = await getProjectConclusionProcess(id)
  }
  if (res.code === 1000) {
@@ -230,35 +250,13 @@ const init = async () => {
    })
  }
 }
-const getDetailInfo = async () => {
-  let id = projectId.value
-  if (!id) return;
-  let res
-  loading.value = true
-  if (step.value === '20') {
-    res = await getApplyDetail(id)
-  } else if (step.value === '40') {
-    res = await getCheckDetail(id)
-  }else if (step.value === '50') {
-    res = await getConclusionDetail(id)
-  }

-  if (res.code === 1000) {
-    formData.value = res.data.formData
-    loading.value = false
-  }else {
-    ElNotification({
-      title: '提示',
-      message: res.msg,
-      type: 'error'
-    })
-  }
-}
+watchEffect(() => {
+  return Object.keys(props.formData).length && (localFormData.value = props.formData)
+})
+
 onMounted(async () => {
  await init()
-  if (route.query.state == 3) {
-    await getDetailInfo()
-  }
 })
 </script>

--- a/src/components/DetailComponent/SummaryDetail.vue
+++ b/src/components/DetailComponent/SummaryDetail.vue
@@ -153,7 +153,7 @@
      <div class="approval-record">
        <baseTitle title="审批记录"></baseTitle>
        <div class="process">
-          <operation-render v-if="processViewer" :operation-list="data.operationList"
+          <operation-render v-if="processViewer && data.operationList && data.operationList.length > 0" :operation-list="data.operationList"
                            :state="data.state"/>
          <process-diagram-viewer v-if="processViewer" id-name="summaryProcess"/>
        </div>
--- a/src/views/project-demand/requirement/index.vue
+++ b/src/views/project-demand/requirement/index.vue
@@ -52,6 +52,13 @@ const searchConfig = reactive([
 ])
 const tableIns = ref()
 const userInfo = ref(authStore.userinfo)
+const auths = {
+  edit: ['mosr:requirement:resubmit'],
+  detail: ['mosr:requirement:info'],
+  add: ['mosr:requirement:add'],
+  del: ['mosr:requirement:del'],
+  report: ['mosr:collect:reported'],
+}
 const tableConfig = reactive({
  columns: [
    {
@@ -102,18 +109,19 @@ const tableConfig = reactive({
      prop: 'oper',
      label: '操作',
      align: 'center',
+      fixed:'right',
      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'})
+          btn.push({label: '详情', prem: auths.detail, func: () => handleDetail(row), type: 'primary'})
        }
        if (buttons.has("edit")) {
-          btn.push({label: '编辑', prem: ['mosr:requirement:resubmit'], func: () => handleEdit(row), type: 'primary'})
+          btn.push({label: '编辑', prem: auths.edit, func: () => handleEdit(row), type: 'primary'})
        }
        if (buttons.has("report")) {
-          btn.push({label: '需求上报', prem: ['mosr:requirement:info'], func: () => handleReport(row), type: 'primary'})
+          btn.push({label: '需求上报', prem: auths.report, func: () => handleReport(row), type: 'primary'})
        }
        return (
            <div style={{width: '100%'}}>
@@ -132,7 +140,7 @@ const tableConfig = reactive({
              {
                buttons.has("delete") ?
                    <popover-delete name={row.requirementName} type={'需求征集'} btnType={'danger'}
-                                    perm={['mosr:requirement:del']}
+                                    perm={auths.del}
                                    onDelete={() => handleDelete(row)}/> : ''
              }
            </div>
@@ -142,7 +150,7 @@ const tableConfig = reactive({
  ],
  api: '/workflow/mosr/requirement',
  btns: [
-    {name: '新增', key: 'add', color: '#DED0B2'},
+    {name: '新增', key: 'add', color: '#DED0B2',auth: auths.add},
    {name: '导出', key: 'export', type: ''},
  ],
  params: {}
--- a/src/views/project-demand/summary/detail.vue
+++ b/src/views/project-demand/summary/detail.vue
@@ -50,6 +50,10 @@ const getInfo = async (state) => {
    if (code === 1000) {
      summaryData.value = data;
      loading.value = false
+      if(data.runningList===null) {
+        loading.close()
+        return;
+      }
      processStore.setDesign(data)
      processStore.runningList.value = data.runningList;
      processStore.endList.value = data.endList;
--- a/src/views/project-demand/summary/index.vue
+++ b/src/views/project-demand/summary/index.vue
@@ -71,6 +71,11 @@ const searchConfig = reactive([
  //   colProps: {}
  // },
 ])
+const auths = {
+  edit: ['mosr:collect:resubmit'],
+  detail: ['mosr:collect:info'],
+  report: ['mosr:collect:reported'],
+}
 const tableConfig = reactive({
  columns: [
    {
@@ -156,19 +161,17 @@ const tableConfig = reactive({
      prop: 'oper',
      label: '操作',
      align: 'center',
+      fixed:'right',
      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'})
+          btn.push({label: '详情', prem: auths.detail, func: () => handleDetail(row), type: 'primary'})
        }
        if (buttons.has("edit")) {
-          btn.push({label: '编辑', prem: ['mosr:collect:resubmit'], func: () => handleEdit(row), type: 'primary'})
+          btn.push({label: '编辑', prem: auths.edit, 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%'}}>
              {
@@ -197,7 +200,7 @@ const tableConfig = reactive({
  api: '/workflow/mosr/requirement/collect',
  params: {},
  btns: [
-    {name: '新增上报', key: 'add', color: '#DED0B2', auth: ''},
+    {name: '新增上报', key: 'add', color: '#DED0B2', auth:auths.report},
    {name: '年度计划导出', key: '_export', auth: ''},
    {name: '经费预算生成', key: 'preMonty', auth: ''},
  ]
--- a/src/views/project-management/filing/attachment.vue
+++ b/src/views/project-management/filing/attachment.vue
@@ -90,7 +90,11 @@ const upload = () => {
    })
  }
 }
-
+watchEffect(() => {
+  if (requirementId.value === '-1') {
+    paneList.value = paneList.value.slice(1)
+  }
+})
 onMounted(() => {
  if (activeName.value === '50') {
    search({})
--- a/src/views/project-management/filing/index.vue
+++ b/src/views/project-management/filing/index.vue
@@ -227,21 +227,22 @@ const tableConfig = reactive({
      prop: 'oper',
      label: '操作',
      align: 'center',
+      fixed:'right',
      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'})
+          btn.push({label: '详情', prem: ['project:management:filing:detail'], func: () => handleDetail(row), type: 'primary'})
        }
        if (buttons.has("attachments")) {
-          btn.push({label: '附件', prem: ['mosr:requirement:resubmit'], func: () => handleAttachment(row), type: 'primary'})
+          btn.push({label: '附件', prem: ['project:management:filing:attachment'], func: () => handleAttachment(row), type: 'primary'})
        }
        if (buttons.has("entry")) {
-          btn.push({label: '结项', prem: ['mosr:requirement:del'], func: () => handleConclusion(row), type: 'primary'})
+          btn.push({label: '结项', prem: ['project:management:filing:conclusion'], func: () => handleConclusion(row), type: 'primary'})
        }
        if (buttons.has("edit")) {
-          btn.push({label: '编辑', prem: ['mosr:requirement:info'], func: () => handleEdit(row), type: 'primary'})
+          btn.push({label: '编辑', prem: ['project:management:filing:conclusion'], func: () => handleEdit(row), type: 'primary'})
        }
        return (
            <div style={{width: '100%'}}>
--- a/src/views/project-management/filing/upload.vue
+++ b/src/views/project-management/filing/upload.vue
@@ -48,7 +48,8 @@ const tableConfig = reactive({
    {
      prop: 'size',
      label: '文件大小',
-      align: 'center'
+      align: 'center',
+      currentRender: ({row, index}) => (parseInt(row.size / 1024) + 'KB')
    },
    {
      prop: 'oper',
@@ -119,7 +120,7 @@ const handleSubmit = async () => {
    })
    let params = {
      fileList: files,
-      targetState:'',
+      targetState:route.query.name,
      projectId: route.query.id,
    }
    let res = await uploadFileList(params)
--- a/src/views/project-management/implementation/detail.vue
+++ b/src/views/project-management/implementation/detail.vue
@@ -2,31 +2,48 @@
  <steps :active="route.query.id==='-1'?currentStep-1:currentStep" @setDetail="setDetail" @stepChange="stepChange"
         :reportType="route.query.id==='-1'?'direct':''">
    <template #content>
-      <collection-detail
-          :formData="commonForm.formData"
-          :data="commonForm"
-          :processViewer="commonProvessViewer"
-          v-show="showActive == '00'"
-          v-model:value="auditOpinion"
+      <collection-detail :formData="detailData.formData"
+                         :data="detailData"
+                         :processViewer="commonProvessViewer"
+                         v-show="showActive == '00'"
+                         :fileListShow="fileListShow"
+                         v-model:value="auditOpinion"
      />
-      <summary-detail v-show="showActive == '10'" :formData="commonForm.formData" :data="commonForm"
-                      :processViewer="commonProvessViewer" :fileListShow="fileListShow"
+      <summary-detail v-show="showActive == '10'"
+                      :formData="detailData.formData"
+                      :data="detailData"
+                      :processViewer="commonProvessViewer"
+                      :fileListShow="fileListShow"
                      v-model:value="auditOpinion"/>
-      <ApprovalDetail type="approval" v-show="showActive == '20'&&!showApply" :formData="commonForm.formData"
-                      :data="commonForm" :processViewer="commonProvessViewer"
-                      :fileListShow="fileListShow" v-model:value="auditOpinion"/>
-      <ApprovalDetail type="execute" v-show="showActive == '40'&&!showCheck" :formData="commonForm.formData"
-                      :data="commonForm" :processViewer="commonProvessViewer"
-                      :fileListShow="fileListShow" v-model:value="auditOpinion"/>
-      <ApprovalDetail type="archivist" v-show="showActive == '50'&&!showFiling" :formData="commonForm.formData" :data="commonForm"
-                      :processViewer="commonProvessViewer" :fileListShow="fileListShow"
+      <ApprovalDetail type="approval"
+                      v-if="showActive == '20'&&!editShow"
+                      :formData="detailData.formData"
+                      :data="detailData"
+                      :processViewer="commonProvessViewer"
+                      :fileListShow="fileListShow"
                      v-model:value="auditOpinion"/>
-      <project-apply v-if="showApply&&showActive == '20'" :data="commonForm"/>
-      <project-apply title="项目验收" v-if="showCheck&&showActive == '40'" :data="commonForm"/>
-      <project-apply title="项目结项" v-if="showFiling&&showActive == '50'" :data="commonForm"/>
+      <ApprovalDetail type="execute"
+                      v-if="showActive == '40'&&!editShow"
+                      :formData="detailData.formData"
+                      :data="detailData"
+                      :processViewer="commonProvessViewer"
+                      :fileListShow="fileListShow"
+                      v-model:value="auditOpinion"/>
+      <ApprovalDetail type="archivist"
+                      v-show="showActive == '50'&&!editShow"
+                      :formData="detailData.formData"
+                      :data="detailData"
+                      :processViewer="commonProvessViewer"
+                      :fileListShow="fileListShow"
+                      v-model:value="auditOpinion"/>
+      <project-apply :title="applyTitle"
+                     v-if="editShow"
+                     :mode="mode"
+                     :data="detailData"
+                     :formData="detailData.formData"/>
    </template>
  </steps>
-  <opinion v-if="commonForm.taskId" :formData="commonForm.formData" :taskId="commonForm.taskId"
+  <opinion v-if="detailData.taskId" :formData="detailData.formData" :taskId="detailData.taskId"
           v-model:value="auditOpinion"/>
 </template>

@@ -40,101 +57,83 @@ import {ElLoading, ElNotification} from "element-plus";
 import Opinion from "@/components/DetailComponent/Opinion.vue";

 const route = useRoute()
-const showApply = ref(false)
-const showCheck = ref(false)
-const showFiling = ref(false)
+const editShow = ref(false)
+const applyTitle = ref('apply')
 const loading = ref(false)
 const processStore = useProcessStore()
 const fileListShow = ref('READ')
+const mode = ref('')
 const currentStep = ref()
 const auditOpinion = ref('')
+// const step = ref(route.query.step)
 route.query.step == '10' && (currentStep.value = 1)
 route.query.step == '20' && (currentStep.value = 2)
 route.query.step == '40' && (currentStep.value = 3)
 route.query.step == '50' && (currentStep.value = 4)
 const showActive = ref()
-const commonForm = ref({})
+const detailData = ref({})
 const commonProvessViewer = ref(true)

 const getAllInfo = async (state) => {
  const loading = ElLoading.service({fullscreen: true})
  try {
+    fileListShow.value = 'READ'
    commonProvessViewer.value = false
    const {data, code, msg} = await getMapProjectStateInfo(route.query.projectId, state)
-    if (code !== 1000) {
+    if (code === 1000) {
+      detailData.value = data
+      mode.value = data.formData.mode
+      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(() => {
+        commonProvessViewer.value = true
+        if (data.formPermMap && data.formPermMap["fileList"]) {
+          fileListShow.value = data.formPermMap["fileList"].perm
+        }
+      })
+      changeModel(state, mode.value)
+      loading.close()
+    } else {
      ElNotification({
        title: '提示',
        message: msg,
        type: 'error'
      })
      if (msg === '查询结果为空') {
-        commonForm.value = []
+        detailData.value = []
+        detailData.value.formData = {}
      }
      loading.close()
    }
-    if (data === undefined) return;
-    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(() => {
-      commonProvessViewer.value = true
-      if (data.formPermMap && data.formPermMap["fileList"]) {
-        fileListShow.value = data.formPermMap["fileList"].perm
-      }
-    })
-    loading.close()
  } catch {
    loading.close()
  }
 }
-const changeModel = (active) => {
-  if (route.query.step === '20' && active === '20') {
-    if (route.query.state === '0') {
-      showApply.value = true
-    } else if (route.query.state === '3') {
-      showApply.value = true
-      getAllInfo(active)
-    } else {
-      showApply.value = false
-      getAllInfo(active)
+const changeModel = (active, mode) => {
+  editShow.value = false
+  nextTick(() => {
+    editShow.value = mode === 'submit' || mode === 'resubmit';
+    if (route.query.step === '20' && active === '20') {
+      applyTitle.value = 'apply'
+    } else if (route.query.step === '40' && active === '40') {
+      applyTitle.value = 'check'
+    } else if (route.query.step === '50' && active === '50') {
+      applyTitle.value = 'filing'
    }
-  } else if (route.query.step === '40' && active === '40') {
-    if (route.query.state === '0') {
-      showCheck.value = true
-    } else if (route.query.state === '3') {
-      showCheck.value = true
-      getAllInfo(active)
-    } else {
-      showCheck.value = false
-      getAllInfo(active)
-    }
-  } else if (route.query.step === '50' && active === '50') {
-    if (route.query.state === '0') {
-      showFiling.value = true
-    } else if (route.query.state === '3') {
-      showFiling.value = true
-      getAllInfo(active)
-    } else {
-      showFiling.value = false
-      getAllInfo(active)
-    }
-  } else {
-    getAllInfo(active)
-  }
+  })
 }
-
 const setDetail = (active) => {
  showActive.value = active
-  changeModel(active)
+  getAllInfo(active)
 }

 const stepChange = (data) => {
  showActive.value = data.active
-  changeModel(data.active)
+  getAllInfo(data.active)
 }
 </script>

--- a/src/views/project-management/implementation/index.vue
+++ b/src/views/project-management/implementation/index.vue
@@ -251,22 +251,22 @@ const tableConfig = reactive({
        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'})
+          btn.push({label: '详情', prem: ['mosr:implementation:info'], func: () => handleDetail(row), type: 'primary'})
        }
        if (buttons.has("check")) {
-          btn.push({label: '验收', prem: ['mosr:requirement:resubmit'], func: () => handleCheck(row), type: 'primary'})
+          btn.push({label: '验收', prem: ['mosr:implementation:check'], func: () => handleCheck(row), type: 'primary'})
        }
        if (buttons.has("edit")) {
-        btn.push({label: '编辑', prem: ['mosr:requirement:info'], func: () => handleEdit(row), type: 'primary'})
+        btn.push({label: '编辑', prem: ['mosr:implementation:resubmit'], func: () => handleEdit(row), type: 'primary'})
        }
        if (buttons.has("standing")) {
-          btn.push({label: '台账', prem: ['mosr:requirement:info'], func: () => handleStandingBook(row), type: 'primary'})
+          btn.push({label: '台账', prem: ['project:management:implementation:account'], func: () => handleStandingBook(row), type: 'primary'})
        }
        if (buttons.has("attachments")) {
-        btn.push({label: '附件', prem: ['mosr:requirement:info'], func: () => handleAttachment(row), type: 'primary'})
+        btn.push({label: '附件', prem: ['project:management:implementation:attachment'], func: () => handleAttachment(row), type: 'primary'})
        }
        if (buttons.has("viewAllocation")) {
-          btn.push({label: '查看分摊', prem: ['mosr:requirement:info'], func: () => handleShare(row), type: 'primary'})
+          btn.push({label: '查看分摊', prem: ['project:management:implementation:share'], func: () => handleShare(row), type: 'primary'})
        }
        if (buttons.has("phaseChange")) {
          btn.push({label: '阶段变更', prem: ['mosr:phase:change'], func: () => handlePhaseChange(row), type: 'primary'})
--- a/src/views/project-management/initiation/index.vue
+++ b/src/views/project-management/initiation/index.vue
@@ -226,21 +226,22 @@ const tableConfig = reactive({
      prop: 'oper',
      label: '操作',
      align: 'center',
+      fixed:'right',
      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'})
+          btn.push({label: '详情', prem: ['mosr:approval:info'], func: () => handleDetail(row), type: 'primary'})
        }
        if (buttons.has("edit")) {
-          btn.push({label: '编辑', prem: ['mosr:requirement:resubmit'], func: () => handleEdit(row), type: 'primary'})
+          btn.push({label: '编辑', prem: ['mosr:approval: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'})
+          btn.push({label: '立项',prem: ['mosr:approval:apply'], func: () => handleApply(row), type: 'primary'})
        }
        return (
            <div style={{width: '100%'}}>