refactor(survey): 重构工单详情页与侧边栏样式，统一详情查看流程

1.  重构勘察工单详情逻辑，将弹窗详情改为直接跳转编辑页，支持只读查看
2.  更新API数据结构，新增回执URL与照片URL字段支持
3.  优化全局滚动条样式为iOS风格，适配深色侧边栏
4.  修复侧边栏布局问题，添加flex布局与滚动容器适配
5.  新增只读详情页面，展示测绘成果与复核记录

client/src/layouts/index.vue

@@ -3,19 +3,21 @@
     <!-- 侧边栏 -->
     <a-layout-sider v-model:collapsed="collapsed" :trigger="null" collapsible :width="240" :collapsed-width="80"
       theme="dark" class="sider">
-      <!-- Logo区域 -->
-      <div class="logo" @click="$router.push('/dashboard')">
-        <img src="@/assets/vue.svg" alt="logo" class="logo-img" />
-        <h1 v-show="!collapsed" class="logo-title">智能电网IoT</h1>
-      </div>
+      <div class="sider-inner">
+        <!-- Logo区域 -->
+        <div class="logo" @click="$router.push('/dashboard')">
+          <img src="@/assets/vue.svg" alt="logo" class="logo-img" />
+          <h1 v-show="!collapsed" class="logo-title">智能电网IoT</h1>
+        </div>
 
-      <!-- 菜单 -->
-      <a-menu v-model:selectedKeys="selectedKeys" v-model:openKeys="openKeys" mode="inline" theme="dark"
-        :items="menuItems" @click="handleMenuClick" />
+        <!-- 菜单 -->
+        <a-menu v-model:selectedKeys="selectedKeys" v-model:openKeys="openKeys" mode="inline" theme="dark"
+          :items="menuItems" @click="handleMenuClick" />
 
-      <!-- 折叠按钮 -->
-      <div class="collapse-btn" @click="toggleCollapse">
-        <component :is="collapsed ? MenuUnfoldOutlined : MenuFoldOutlined" />
+        <!-- 折叠按钮 -->
+        <div class="collapse-btn" @click="toggleCollapse">
+          <component :is="collapsed ? MenuUnfoldOutlined : MenuFoldOutlined" />
+        </div>
       </div>
     </a-layout-sider>
 
@@ -301,7 +303,19 @@ function handleUserMenuClick({ key }: { key: string }) {
     z-index: 100;
     box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
 
+    :deep(.ant-layout-sider-children) {
+      height: 100%;
+    }
+
+    .sider-inner {
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+    }
+
     .logo {
+      flex-shrink: 0;
       height: 64px;
       display: flex;
       align-items: center;
@@ -336,6 +350,10 @@ function handleUserMenuClick({ key }: { key: string }) {
 
     :deep(.ant-menu) {
       border-right: none;
+      flex: 1;
+      min-height: 0;
+      overflow-y: auto;
+      overflow-x: hidden;
     }
 
     // iconfont 图标统一：该图标集为彩色字体，颜色写死在字形里，无法用 color 覆盖，
@@ -363,10 +381,7 @@ function handleUserMenuClick({ key }: { key: string }) {
     }
 
     .collapse-btn {
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      right: 0;
+      flex-shrink: 0;
       height: 48px;
       display: flex;
       align-items: center;