fix : 完善需求新增/详情页面

src/views/projectdemand/demandcollection/add.vue

@@ -48,7 +48,7 @@
     <file-upload @getFile="getFile"/>
     <div class="approval-record">
       <baseTitle title="流程"></baseTitle>
-      <process-diagram-viewer/>
+      <process-diagram-viewer v-if="processDiagramViewer"/>
       <!--      <div class="process" id="approvalRecord">-->
       <!--        <process-tree ref="processTree" mode="view" id-name="approvalRecord"/>-->
       <!--      </div>-->
@@ -71,6 +71,7 @@ import FileUpload from "../../../components/FileUpload.vue";
 import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue'
 import ProcessTree from '@/views/workflow/process/ProcessTree.vue';
 import {useProcessStore} from '@/stores/processStore.js';
+
 const dateValue = ref()
 const queryParams = reactive({
   name: '',
@@ -78,6 +79,7 @@ const queryParams = reactive({
   type: '',
 })
 const processTree = ref()
+const processDiagramViewer = ref(false)
 const tagsViewStore = useTagsView()
 const authStore = useAuthStore()
 const route = useRoute()
@@ -176,11 +178,11 @@ const getFile = (val) => {
   console.log('fileList', val)
   fileList.value = val
 }
-const init = () => {
+const init = async () => {
   console.log("asdasdasd")
   getWorkflowInfo().then(res => {
     let data = res.data
-    console.log('res', res)
+    console.log('res2', res)
     processInstanceData.value = data
     processStore.setDesign(data)
     processStore.runningList.value = data.runningList;
@@ -188,6 +190,10 @@ const init = () => {
     processStore.noTakeList.value = data.noTakeList;
     processStore.refuseList.value = data.refuseList;
     processStore.passList.value = data.passList;
+    nextTick(()=>{
+      console.log('processDiagramViewer')
+      processDiagramViewer.value=true
+    })
   })
 }
 // const getTree = async () => {
@@ -233,7 +239,7 @@ watch(localData, (val) => {
 
 // onMounted(async () => {
 //   loading.value = true
-init()
+  init()
 //   if (route.query.id) {
 //     await getInfo()
 //   }