fix : 修复直接上报的详情组件渲染

2024-06-02 22:22:06 +08:00
parent 6bb97b4a1d
commit 456f2284e9
7 changed files with 194 additions and 130 deletions
--- a/src/views/project-demand/summary/detail.vue
+++ b/src/views/project-demand/summary/detail.vue
@@ -1,16 +1,16 @@
 <template>
-  <steps :active="1" @setDetail="setDetail" @stepChange="stepChange" :reportType="route.query.id=='-1'?'direct':''">
+  <steps :active="route.query.id==='-1'?0:1" @setDetail="setDetail" @stepChange="stepChange" :reportType="route.query.id==='-1'?'direct':''">
    <template #content>
      <collection-detail v-show="showActive == '00'" :formData="summaryData.formData" :data="summaryData"
                         :processViewer="summaryProcessViewer"  :loading="loading"/>
      <summary-detail v-show="showActive == '10'" :formData="summaryData.formData" :data="summaryData"
                      :processViewer="summaryProcessViewer" :loading="loading" :fileListShow="fileListShow"/>
-      <ApprovalDetail v-show="showActive == '20'" :formData="summaryData.formData" :data="summaryData" :processViewer="summaryProcessViewer" :loading="loading"></ApprovalDetail>
+      <ApprovalDetail v-show="showActive == '20'" :formData="summaryData.formData" :data="summaryData"
+                      :processViewer="summaryProcessViewer" :loading="loading" :fileListShow="fileListShow"/>
      <ApprovalDetail type="execute" v-show="showActive == '40'" :formData="summaryData.formData" :data="summaryData"
-                      :processViewer="summaryProcessViewer" :loading="loading"></ApprovalDetail>
+                      :processViewer="summaryProcessViewer" :loading="loading" :fileListShow="fileListShow"/>
      <ApprovalDetail type="archivist" v-show="showActive == '50'" :formData="summaryData.formData" :data="summaryData"
-                      :processViewer="summaryProcessViewer" :loading="loading"></ApprovalDetail>
-
+                      :processViewer="summaryProcessViewer" :loading="loading" :fileListShow="fileListShow"/>
    </template>
  </steps>
  <opinion v-if="summaryData.taskId" :formData="summaryData.formData" :taskId="summaryData.taskId"></opinion>
@@ -48,6 +48,7 @@ const getInfo = async (state) => {
    processStore.passList.value = data.passList;
    nextTick(() => {
      summaryProcessViewer.value = true
+      console.log('data.formPermMap["fileList"]',data.formPermMap["fileList"])
      if (data.formPermMap["fileList"]) {
        fileListShow.value = data.formPermMap["fileList"].perm
      }
--- a/src/views/project-demand/summary/index.vue
+++ b/src/views/project-demand/summary/index.vue
@@ -246,7 +246,7 @@ const handleDetail = (row) => {
  router.push({
    name: 'Summary/detail',
    query: {
-      id: row.requirementId===null?'-1':row.requirementId,
+      id: row.requirementId==null?'-1':row.requirementId,
      projectId: row.projectId,
      state: row.state
    }
--- a/src/views/project-management/implementation/detail.vue
+++ b/src/views/project-management/implementation/detail.vue
@@ -1,18 +1,24 @@
 <template>
-  <steps :active="cuurentStep" @setDetail="setDetail" @stepChange="stepChange">
+  <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'"
-        :loading="loading"
+          :formData="commonForm.formData"
+          :data="commonForm"
+          :processViewer="commonProvessViewer"
+          v-show="showActive == '00'"
+          :loading="loading"
      />
-      <summary-detail v-show="showActive == '10'" :formData="commonForm.formData" :data="commonForm" :processViewer="commonProvessViewer" :loading="loading"/>
-      <ApprovalDetail type="approval" v-show="showActive == '20'" :formData="commonForm.formData" :data="commonForm" :processViewer="commonProvessViewer" :loading="loading"></ApprovalDetail>
-      <ApprovalDetail type="execute" v-show="showActive == '40'" :formData="commonForm.formData" :data="commonForm" :processViewer="commonProvessViewer" :loading="loading"></ApprovalDetail>
+      <summary-detail v-show="showActive == '10'" :formData="commonForm.formData" :data="commonForm"
+                      :processViewer="commonProvessViewer" :loading="loading" :fileListShow="fileListShow"/>
+      <ApprovalDetail type="approval" v-show="showActive == '20'" :formData="commonForm.formData"
+                      :data="commonForm" :processViewer="commonProvessViewer" :loading="loading"
+                      :fileListShow="fileListShow"/>
+      <ApprovalDetail type="execute" v-show="showActive == '40'" :formData="commonForm.formData"
+                      :data="commonForm" :processViewer="commonProvessViewer" :loading="loading"
+                      :fileListShow="fileListShow"/>
      <ApprovalDetail type="archivist" v-show="showActive == '50'" :formData="commonForm.formData" :data="commonForm"
-                      :processViewer="commonProvessViewer" :loading="loading"></ApprovalDetail>
+                      :processViewer="commonProvessViewer" :loading="loading" :fileListShow="fileListShow"/>

    </template>
  </steps>
@@ -24,7 +30,7 @@ import {useProcessStore} from '@/stores/processStore.js';
 import CollectionDetail from "@/components/DetailComponent/CollectionDetail.vue";
 import SummaryDetail from "@/components/DetailComponent/SummaryDetail.vue";
 import ApprovalDetail from "@/components/DetailComponent/ApprovalDetail.vue";
-import { getMapProjectStateInfo } from '@/components/steps/api';
+import {getMapProjectStateInfo} from '@/components/steps/api';
 import {ElLoading, ElNotification} from "element-plus";
 import Opinion from "@/components/DetailComponent/Opinion.vue";

@@ -32,11 +38,12 @@ const route = useRoute()
 const activeName = ref('first')
 const loading = ref(false)
 const processStore = useProcessStore()
-const cuurentStep = ref()
-route.query.step == '10' && (cuurentStep.value = 1)
-route.query.step == '20' && (cuurentStep.value = 2)
-route.query.step == '40' && (cuurentStep.value = 3)
-route.query.step == '50' && (cuurentStep.value = 4)
+const fileListShow = ref('READ')
+const currentStep = ref()
+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 commonProvessViewer = ref(true)
@@ -46,18 +53,18 @@ const getAllInfo = async (state) => {
  try {
    commonProvessViewer.value = false
    loading.value = true
-    const { data, code ,msg} = await getMapProjectStateInfo(route.query.projectId, state)
-    if(code===1000){
+    const {data, code, msg} = await getMapProjectStateInfo(route.query.projectId, state)
+    if (code === 1000) {
      loading.value = false
-    }else {
+    } else {
      ElNotification({
        title: '提示',
        message: msg,
-        type:  'error'
+        type: 'error'
      })
      loading.close()
    }
-    if(data===undefined)return;
+    if (data === undefined) return;
    commonForm.value = data
    processStore.setDesign(data)
    processStore.runningList.value = data.runningList;
@@ -67,6 +74,9 @@ const getAllInfo = async (state) => {
    processStore.passList.value = data.passList;
    nextTick(() => {
      commonProvessViewer.value = true
+      if (data.formPermMap["fileList"]) {
+        fileListShow.value = data.formPermMap["fileList"].perm
+      }
    })
    loading.close()
  } catch {
@@ -87,19 +97,23 @@ const stepChange = (data) => {
 </script>

 <style scoped lang="scss">
-.detail-block{
+.detail-block {
  padding-top: 15px;
-  :deep(.el-tabs__nav-scroll){
+
+  :deep(.el-tabs__nav-scroll) {
    width: 100%;
    display: flex;
-    .el-tabs__nav{
+
+    .el-tabs__nav {
      display: flex;
      flex: 1;
-      .el-tabs__item{
+
+      .el-tabs__item {
        flex: 1;
        font-size: 16px;
      }
-      .is-active{
+
+      .is-active {
        color: black;
        background-color: #DED0B2;
      }