fix : 完善页面

src/views/projectdemand/demandcollection/detail.vue

@@ -45,7 +45,8 @@
           <div class="approval-record">
             <baseTitle title="审批记录"></baseTitle>
             <div class="process" id="approvalRecord">
-              <process-tree ref="processTree" mode="view" id-name="approvalRecord"/>
+              <process-diagram-viewer/>
+<!--              <process-tree ref="processTree" mode="view" id-name="approvalRecord"/>-->
             </div>
           </div>
         </el-col>
@@ -61,11 +62,15 @@
 <script setup lang="jsx">
 import {getInitiateInfo} from "@/api/workflow/process-definition.js";
 import ProcessTree from '@/views/workflow/process/ProcessTree.vue';
+import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue'
 import {useProcessStore} from '@/stores/processStore.js';
+import {getInfo} from "@/api/project-demand/index.js";
 import {ElMessage} from "element-plus";
 
 const form = ref();
 const processStore = useProcessStore()
+const processInstanceData = ref()
+
 const list = ref([
   {
     title: '名称',
@@ -115,17 +120,30 @@ const tableConfig = reactive({
   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);
-  });
+  getInfo(9).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;
+  })
+
+
+
+  // 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);
+  // });
 }
 getTree()
 </script>