移除示例项目初始化并修复前后端稳定性问题

frontend/src/views/admin/ProjectDetail.vue

@@ -1390,7 +1390,7 @@
       </div>
       </div>
     </div>
-    <el-dialog append-to="body" v-model="publishConfirmVisible" title="发布确认" width="920px" top="8vh" class="setup-publish-dialog">
+    <el-dialog v-if="publishConfirmVisible" append-to="body" v-model="publishConfirmVisible" title="发布确认" width="920px" top="8vh" class="setup-publish-dialog">
       <div class="conflict-summary">
         <div>发布目标：立项配置草稿</div>
         <div>当前发布版本：{{ setupPublishedVersionText }}</div>
@@ -1451,6 +1451,7 @@
       </template>
     </el-dialog>
     <el-dialog
+      v-if="rollbackDialogVisible"
       append-to="body"
       v-model="rollbackDialogVisible"
       width="960px"
@@ -1499,7 +1500,7 @@
             :key="`head-${lane.branch}`"
             class="rollback-axis-lane-head-item"
             :class="{ 'is-main': lane.branch === 'main' }"
-            :style="{ left: `${lane.x}px` }"
+            :style="getRollbackAxisLeftStyle(lane.x)"
           >
             {{ formatAxisLaneLabel(lane.branch) }}
           </span>
@@ -1566,7 +1567,7 @@
                 v-for="lane in rollbackAxisLanes.filter(l => l.branch === 'main')"
                 :key="`${row.id}-${lane.branch}`"
                 class="rollback-axis-lane-segment is-main-lane"
-                :style="{ left: `${lane.x}px` }"
+                :style="getRollbackAxisLeftStyle(lane.x)"
               />
               <span
                 class="rollback-axis-dot"
@@ -1575,7 +1576,7 @@
                   'is-current': row.is_current_published,
                   'is-merge': row.mergeFromId !== null,
                 }"
-                :style="{ left: `${row.axisX}px` }"
+                :style="getRollbackAxisLeftStyle(row.axisX)"
               />
             </div>
             <div class="rollback-axis-content">
@@ -1661,6 +1662,7 @@
     </el-dialog>
 
     <el-drawer
+      v-if="projectMilestoneEditorVisible"
       v-model="projectMilestoneEditorVisible"
       direction="rtl"
       size="480px"
@@ -1763,6 +1765,7 @@
     </el-drawer>
 
     <el-drawer
+      v-if="siteMilestoneEditorVisible"
       v-model="siteMilestoneEditorVisible"
       direction="rtl"
       size="480px"
@@ -1842,6 +1845,7 @@
     </el-drawer>
 
     <el-drawer
+      v-if="siteEnrollmentEditorVisible"
       v-model="siteEnrollmentEditorVisible"
       direction="rtl"
       size="480px"
@@ -1911,6 +1915,7 @@
     </el-drawer>
 
     <el-drawer
+      v-if="monitoringStrategyEditorVisible"
       v-model="monitoringStrategyEditorVisible"
       direction="rtl"
       size="480px"
@@ -4772,6 +4777,9 @@ const getDisplayVersionLabel = (rawVersion: number): string => {
 
 const ROLLBACK_AXIS_LANE_GAP = 34;
 const ROLLBACK_AXIS_LANE_START = 18;
+const getRollbackAxisLeftStyle = (axisX?: number | null) => ({
+  left: `${Number.isFinite(axisX) ? axisX : ROLLBACK_AXIS_LANE_START}px`,
+});
 const normalizeAxisBranch = (branchName?: string | null): string => (branchName || "main").trim() || "main";
 const formatAxisLaneLabel = (branchName: string): string =>
   branchName === "main" ? "main" : branchName.replace(/^release\//, "");
@@ -6546,23 +6554,6 @@ onBeforeUnmount(() => {
   padding: 6px 0;
 }
 
-.rollback-axis-scroll::-webkit-scrollbar {
-  width: 5px;
-}
-
-.rollback-axis-scroll::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-.rollback-axis-scroll::-webkit-scrollbar-thumb {
-  background: #c8d6e5;
-  border-radius: 10px;
-}
-
-.rollback-axis-scroll::-webkit-scrollbar-thumb:hover {
-  background: #a0b4cc;
-}
-
 /* SVG 覆盖层 */
 .rollback-axis-overlay {
   position: absolute;