fix : 修复流程图渲染问题

src/views/project-management/initiation/detail.vue

@@ -1,27 +1,8 @@
 <template>
-  <!-- <div class="detail-block">
-    <el-tabs
-        v-model="activeName"
-        type="card"
-        class="demo-tabs"
-        @tab-click="handleClick"
-    >
-      <el-tab-pane label="需求征集" name="first">
-        <collection-detail :formData="collectionData.formData" :data="collectionData"
-                           :processViewer="collectionProcessViewer"
-                           :companyOption="companyOption" @getInfo="getDemandCollectionInfo"/>
-      </el-tab-pane>
-      <el-tab-pane label="需求上报" name="second">
-        <summary-detail :formData="summaryData.formData" :data="summaryData" :processViewer="summaryProcessViewer"/>
-      </el-tab-pane>
-      <el-tab-pane label="项目立项" name="third" :disabled="true"></el-tab-pane>
-    </el-tabs>
-  </div> -->
-
   <steps :active="'0'" @setDetail="setDetail" @stepChange="stepChange">
     <template #content>
-      <collection-detail 
-        :formData="collectionData.formData" 
+      <collection-detail
+        :formData="collectionData.formData"
         :data="collectionData"
         :processViewer="commonProvessViewer"
         :companyOption="companyOption"
@@ -30,10 +11,10 @@
       />
       <summary-detail v-show="showActive == '10'" :formData="summaryData.formData" :data="summaryData" :processViewer="commonProvessViewer"/>
       <ApprovalDetail v-show="showActive == '20'" :formData="commonForm.formData" :data="commonForm" :processViewer="commonProvessViewer"></ApprovalDetail>
-      
+
     </template>
   </steps>
-  <Opinion: v-if="commonForm.taskId" :formData="formData" :taskId="formData.taskId"></Opinion:>
+  <opinion v-if="commonForm.taskId" :formData="formData" :taskId="formData.taskId"/>
 </template>
 
 <script setup lang="jsx">
@@ -46,6 +27,7 @@ import SummaryDetail from "@/components/DetailComponent/SummaryDetail.vue";
 import ApprovalDetail from "@/components/DetailComponent/ApprovalDetail.vue";
 import { getMapProjectStateInfo } from '@/components/steps/api';
 import { ElLoading } from "element-plus";
+import Opinion from "@/components/DetailComponent/Opinion.vue";
 
 const route = useRoute()
 const activeName = ref('first')
@@ -140,7 +122,7 @@ const getAllInfo = async (state) => {
   } catch {
     loading.close()
   }
-  
+
 }
 
 const showActive = ref()