feat: 为便签编辑器新增问卷模板模式，支持全部可渲染字段的表单化编辑；调整默认视图为监控大屏

frontend/src/components/layout/TopNav.vue

@@ -17,18 +17,6 @@ const ui = useUiStore()
     </div>
     <div class="nav-center">
       <div class="view-switcher">
-        <button
-          class="switcher-btn"
-          :class="{ active: ui.viewMode === 'canvas' }"
-          @click="ui.setViewMode('canvas')"
-        >
-          <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-            <rect x="3" y="3" width="18" height="18" rx="2" />
-            <line x1="3" y1="9" x2="21" y2="9" />
-            <line x1="9" y1="3" x2="9" y2="21" />
-          </svg>
-          画布
-        </button>
         <button
           class="switcher-btn"
           :class="{ active: ui.viewMode === 'dashboard' }"
@@ -42,6 +30,18 @@ const ui = useUiStore()
           </svg>
           大屏
         </button>
+        <button
+          class="switcher-btn"
+          :class="{ active: ui.viewMode === 'canvas' }"
+          @click="ui.setViewMode('canvas')"
+        >
+          <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <rect x="3" y="3" width="18" height="18" rx="2" />
+            <line x1="3" y1="9" x2="21" y2="9" />
+            <line x1="9" y1="3" x2="9" y2="21" />
+          </svg>
+          画布
+        </button>
       </div>
     </div>
     <div class="nav-right" />