fix : 修复流程图切换功能及修改"研发阶段"文字为项目阶段

src/components/DetailComponent/CollectionDetail.vue

@@ -57,11 +57,21 @@
         </el-col>
       </el-row>
       <div class="approval-record">
-        <baseTitle title="审批记录"></baseTitle>
+        <div class="approval-title">
+          <baseTitle title="审批记录"></baseTitle>
+          <div class="diagram">
+            <div class="base-title">流程图</div>
+            <el-switch
+                v-model="changeDiagram"
+                style="--el-switch-on-color: #13ce66; --el-switch-off-color:#BEA266"
+            />
+          </div>
+        </div>
         <div class="process">
-          <operation-render v-if="processViewer && data.operationList && data.operationList.length > 0" :operation-list="data.operationList"
+          <operation-render v-if="processViewer && data.operationList && data.operationList.length > 0&&!changeDiagram"
+                            :operation-list="data.operationList"
                             :state="data.state"/>
-          <process-diagram-viewer v-if="processViewer" id-name="collectionProcess"/>
+          <process-diagram-viewer v-if="processViewer&&changeDiagram" id-name="collectionProcess"/>
         </div>
       </div>
     </el-form>
@@ -108,7 +118,7 @@ const props = defineProps({
     default: ''
   }
 })
-
+const changeDiagram = ref(false)
 const _value = computed({
   get() {
     return props.value;
@@ -142,12 +152,4 @@ watch(() => props.processViewer, (newVal) => {
 :deep(.el-empty__description) {
   margin-top: 0;
 }
-
-.approval-record {
-  padding-bottom: 30px;
-
-  .process {
-    position: relative;
-  }
-}
 </style>