From 85f74332c074eccb246da528e9e4cc8bd4fd0878 Mon Sep 17 00:00:00 2001
From: hebo <hebo163@163.com>
Date: Sun, 23 Nov 2025 19:34:40 +0800
Subject: [PATCH] =?UTF-8?q?VR=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/base/zwApi.ts                         |   10 +
 src/api/vr/index.ts                           |  293 +++
 .../BasicForm/components/BasicEditor.vue      |  496 ++++
 .../BasicForm/src/BasicComponent.vue          |    1 +
 src/components/BasicForm/type/useForm.d.ts    |    2 +
 .../ImageVideoUpload/ImageVideoUpload.vue     |    2 +-
 src/pages.json                                |   21 +
 src/pages/base/service/index.vue              |   26 +
 src/pages/statistics/teacher/jsdtal.vue       |    8 +-
 .../assessment/assessment.vue                 |    4 +-
 src/pages/view/routine/yishiyice/addkcrw.vue  |  582 ++---
 src/pages/view/routine/yishiyice/editkcrw.vue |  676 +++---
 src/pages/view/routine/yishiyice/index.vue    |  320 ++-
 src/pages/view/routine/yishiyice/kcrwzxtj.vue |   19 +-
 src/pages/view/routine/yishiyice/rw/index.vue |  324 ++-
 .../view/routine/yishiyice/rw/rwlist.vue      |    6 +-
 .../view/routine/yishiyice/rw/rwzxtj.vue      |   94 +-
 src/pages/vr/shooting/detail.vue              | 2013 +++++++++++++++++
 src/pages/vr/shooting/index.vue               |  598 +++++
 src/pages/vr/view/index.vue                   |  801 +++++++
 src/static/base/home/vrps.png                 |  Bin 0 -> 5673 bytes
 src/static/base/home/vrzs.png                 |  Bin 0 -> 14889 bytes
 22 files changed, 5689 insertions(+), 607 deletions(-)
 create mode 100644 src/api/vr/index.ts
 create mode 100644 src/components/BasicForm/components/BasicEditor.vue
 create mode 100644 src/pages/vr/shooting/detail.vue
 create mode 100644 src/pages/vr/shooting/index.vue
 create mode 100644 src/pages/vr/view/index.vue
 create mode 100644 src/static/base/home/vrps.png
 create mode 100644 src/static/base/home/vrzs.png

diff --git a/src/api/base/zwApi.ts b/src/api/base/zwApi.ts
index 6ef4d56..661a392 100644
--- a/src/api/base/zwApi.ts
+++ b/src/api/base/zwApi.ts
@@ -31,6 +31,16 @@ export const findAllZw = () => {
 
 
 
+
+
+
+
+
+
+
+
+
+
 
 
 
diff --git a/src/api/vr/index.ts b/src/api/vr/index.ts
new file mode 100644
index 0000000..275f060
--- /dev/null
+++ b/src/api/vr/index.ts
@@ -0,0 +1,293 @@
+import { get, post, file } from '@/utils/request';
+import { config, interceptor } from '@/utils/request';
+
+/**
+ * 获取楼栋列表（分页）
+ */
+export const getBuildingList = async (params?: {
+  buildingName?: string;
+  buildingType?: string;
+  status?: string;
+  pageNum?: number;
+  pageSize?: number;
+}) => {
+  return await get('/api/building/findPage', params);
+};
+
+/**
+ * 获取所有启用的楼栋列表（不分页）
+ */
+export const getAllBuildings = async () => {
+  const res = await get('/api/building/findPage', {
+    status: 'A',
+    pageNum: 1,
+    pageSize: 1000,
+  });
+  return res;
+};
+
+/**
+ * 获取VR位置列表（分页）
+ */
+export const getVRLocations = async (params?: {
+  buildingId?: string;
+  locationType?: string;
+  parentId?: string;
+  level?: number;
+  status?: string;
+  pageNum?: number;
+  pageSize?: number;
+}) => {
+  return await get('/api/vrLocation/findPage', params);
+};
+
+/**
+ * 获取所有启用的VR位置列表（不分页，用于展示）
+ */
+export const getAllVRLocations = async (params?: {
+  buildingId?: string;
+  locationType?: string;
+  status?: string;
+}) => {
+  const res = await get('/api/vrLocation/findPage', {
+    ...params,
+    status: params?.status || 'A',
+    pageNum: 1,
+    pageSize: 1000,
+  });
+  return res;
+};
+
+/**
+ * 获取VR位置详情（通过ID查询）
+ */
+export const getVRLocationDetail = async (locationId: string) => {
+  const res = await get('/api/vrLocation/findById', {
+    id: locationId,
+  });
+  
+  // 后端返回的数据结构：{resultCode, message, data} 或 {success, resultCode, message, data}
+  // 检查多种可能的返回格式
+  const resultCode = res?.resultCode ?? (res?.success ? 1 : 0);
+  const data = res?.data ?? res?.result;
+  
+  if (resultCode === 1 && data) {
+    return {
+      resultCode: 1,
+      message: res?.message || '查询成功',
+      data: data,
+    };
+  }
+  return {
+    resultCode: 0,
+    message: res?.message || '未找到数据',
+    data: null,
+  };
+};
+
+/**
+ * 获取位置连接关系（热点）
+ */
+export const getVRLocationLinks = async (fromLocationId: string) => {
+  return await get('/api/vrLocationLink/findPage', {
+    fromLocationId: fromLocationId,
+    status: 'A',
+    pageNum: 1,
+    pageSize: 100,
+  });
+};
+
+/**
+ * 保存VR位置信息
+ */
+export const saveVRLocation = async (data: {
+  id?: string;
+  locationName: string;
+  locationType: string;
+  parentId?: string;
+  level: number;
+  buildingId?: string;
+  floorNum?: number;
+  roomNum?: string;
+  description?: string;
+  imageUrl: string;
+  thumbnailUrl?: string;
+  longitude?: number;
+  latitude?: number;
+  sortOrder?: number;
+  status?: string;
+}) => {
+  return await post('/api/vrLocation/save', data);
+};
+
+/**
+ * 保存VR位置（包含位置、拍摄记录、位置连接）
+ */
+export const saveVRLocationWithDetails = async (data: {
+  // 位置信息
+  id?: string;
+  locationName: string;
+  locationType: string;
+  parentId?: string;
+  level: number;
+  buildingId?: string;
+  floorNum?: number;
+  roomNum?: string;
+  description?: string;
+  imageUrl: string;
+  thumbnailUrl?: string;
+  longitude?: number;
+  latitude?: number;
+  sortOrder?: number;
+  status?: string;
+  // 拍摄记录信息
+  saveShootingRecord?: boolean;
+  shootingMethod?: string;
+  doorDirection?: string;
+  shootTime?: string;
+  shootBy?: string;
+  // 位置连接信息
+  createLocationLink?: boolean;
+  lastLocationId?: string;
+  lastLocationDoorDirection?: string;
+  lastLocationName?: string;
+}) => {
+  return await post('/api/vrLocation/saveWithDetails', data);
+};
+
+/**
+ * 获取VR拍摄记录列表（分页）
+ */
+export const getVRShootingRecords = async (params?: {
+  locationId?: string;
+  status?: string;
+  pageNum?: number;
+  pageSize?: number;
+}) => {
+  return await get('/api/vrShootingRecord/findPage', params);
+};
+
+/**
+ * 保存VR拍摄记录
+ */
+export const saveVRShootingRecord = async (data: {
+  id?: string;
+  locationId?: string;
+  locationName: string;
+  locationType: string;
+  shootingMethod?: string;
+  imageUrl: string;
+  doorDirection?: string;
+  shootTime?: string;
+  shootBy?: string;
+  status?: string;
+}) => {
+  return await post('/api/vrShootingRecord/save', data);
+};
+
+/**
+ * 保存VR位置连接（热点）
+ */
+export const saveVRLocationLink = async (data: {
+  id?: string;
+  fromLocationId: string;
+  toLocationId: string;
+  hotspotPositionX?: number;
+  hotspotPositionY?: number;
+  hotspotPositionZ?: number;
+  hotspotLabel?: string;
+  direction?: string;
+  sortOrder?: number;
+  status?: string;
+}) => {
+  return await post('/api/vrLocationLink/save', data);
+};
+
+/**
+ * VR全景图上传（如果需要单独上传接口）
+ * @param filePath 图片文件路径
+ * @param formData 表单数据
+ */
+export const uploadVRImage = async (
+  filePath: string,
+  formData?: Record<string, any>
+) => {
+  // 使用uni.uploadFile上传
+  return new Promise((resolve, reject) => {
+    const uploadOption: UniNamespace.UploadFileOption = {
+      url: `${config.baseUrl}/api/attachment/upload`, // 使用通用的附件上传接口
+      filePath: filePath,
+      name: 'file',
+      formData: formData || {},
+      header: {},
+    };
+
+    // 应用拦截器
+    interceptor.request(uploadOption);
+
+    uni.uploadFile({
+      ...uploadOption,
+      success: (res) => {
+        try {
+          const data = JSON.parse(res.data);
+          if (data.resultCode === 1) {
+            resolve(data);
+          } else {
+            reject(new Error(data.message || '上传失败'));
+          }
+        } catch (e) {
+          reject(e);
+        }
+      },
+      fail: (err) => {
+        reject(err);
+      },
+    });
+  });
+};
+
+/**
+ * 上传视频并处理为全景图
+ * @param videoPath 视频文件路径
+ * @param params 其他参数（可选）
+ */
+export const uploadVideoAndProcess = async (
+  videoPath: string,
+  params?: {
+    locationId?: string;
+    locationName?: string;
+  }
+) => {
+  return new Promise((resolve, reject) => {
+    const uploadOption: UniNamespace.UploadFileOption = {
+      url: `${config.baseUrl}/api/vrLocation/video/processPanorama`,
+      filePath: videoPath,
+      name: 'video',
+      formData: params || {},
+      header: {},
+    };
+
+    // 应用拦截器
+    interceptor.request(uploadOption);
+
+    uni.uploadFile({
+      ...uploadOption,
+      success: (res) => {
+        try {
+          const data = JSON.parse(res.data);
+          if (data.resultCode === 1) {
+            resolve(data);
+          } else {
+            reject(new Error(data.message || '视频处理失败'));
+          }
+        } catch (e) {
+          reject(e);
+        }
+      },
+      fail: (err) => {
+        reject(err);
+      },
+    });
+  });
+};
+
diff --git a/src/components/BasicForm/components/BasicEditor.vue b/src/components/BasicForm/components/BasicEditor.vue
new file mode 100644
index 0000000..da7c879
--- /dev/null
+++ b/src/components/BasicForm/components/BasicEditor.vue
@@ -0,0 +1,496 @@
+<template>
+  <view class="basic-editor-wrapper">
+    <!-- #ifdef MP-WEIXIN || H5 || APP-PLUS -->
+    <!-- 图片插入按钮工具栏 -->
+    <view v-if="!readOnly" class="editor-toolbar">
+      <view class="toolbar-btn" @click="handleInsertImage">
+        <text class="iconfont icon-image" style="font-size: 18px; margin-right: 4px;">📷</text>
+        <text>插入图片</text>
+      </view>
+    </view>
+    <editor
+      :id="editorId"
+      class="editor"
+      :placeholder="placeholder"
+      :show-img-size="true"
+      :show-img-toolbar="true"
+      :show-img-resize="true"
+      @ready="onEditorReady"
+      @input="onEditorInput"
+      @insertimage="onInsertImage"
+      :read-only="readOnly"
+    />
+    <!-- #endif -->
+    <!-- #ifndef MP-WEIXIN || H5 || APP-PLUS -->
+    <!-- 不支持的平台：使用 textarea 作为降级方案 -->
+    <textarea
+      class="editor-fallback"
+      :placeholder="placeholder"
+      :value="newValue"
+      @input="onTextareaInput"
+      :disabled="readOnly"
+    />
+    <view class="fallback-tip">当前平台不支持富文本编辑器，请使用文本输入</view>
+    <!-- #endif -->
+  </view>
+</template>
+
+<script lang="ts">
+// #ifdef MP-WEIXIN
+export default {
+  options: {
+    styleIsolation: 'shared'
+  }
+}
+// #endif
+</script>
+
+<script setup lang="ts">
+import { ref, computed, watch, onMounted, nextTick } from 'vue';
+import { attachmentUpload } from "@/api/system/upload";
+
+const attrs: any = useAttrs();
+const props = defineProps(['modelValue']);
+const emit = defineEmits(['update:modelValue']);
+
+// 生成唯一的编辑器ID
+const editorId = ref(`editor_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`);
+const editorContext = ref<any>(null);
+const isReady = ref(false);
+const isInternalUpdate = ref(false); // 标记是否为编辑器内部更新（避免循环更新）
+const lastContent = ref(''); // 记录上次的内容，用于判断是否需要更新
+
+const placeholder = computed(() => {
+  return attrs.componentProps?.placeholder || '请输入富文本内容';
+});
+
+const readOnly = computed(() => {
+  return attrs.componentProps?.disabled || false;
+});
+
+const newValue = computed({
+  get() {
+    return props.modelValue || '';
+  },
+  set(value) {
+    emit('update:modelValue', value);
+  }
+});
+
+// 编辑器准备就绪
+const onEditorReady = () => {
+  // #ifdef MP-WEIXIN
+  // 微信小程序：获取编辑器上下文
+  nextTick(() => {
+    const query = uni.createSelectorQuery();
+    query.select(`#${editorId.value}`).context((res: any) => {
+      if (res && res.context) {
+        editorContext.value = res.context;
+        isReady.value = true;
+        
+        // 如果有初始值，设置到编辑器
+        if (newValue.value) {
+          isInternalUpdate.value = true;
+          editorContext.value.setContents({
+            html: newValue.value
+          });
+          lastContent.value = newValue.value;
+          nextTick(() => {
+            isInternalUpdate.value = false;
+          });
+        }
+      }
+    }).exec();
+  });
+  // #endif
+  
+  // #ifdef H5
+  // H5 平台：获取编辑器上下文
+  nextTick(() => {
+    const query = uni.createSelectorQuery();
+    query.select(`#${editorId.value}`).context((res: any) => {
+      if (res && res.context) {
+        editorContext.value = res.context;
+        isReady.value = true;
+        
+        // 如果有初始值，设置到编辑器
+        if (newValue.value) {
+          try {
+            isInternalUpdate.value = true;
+            editorContext.value.setContents({
+              html: newValue.value
+            });
+            lastContent.value = newValue.value;
+            nextTick(() => {
+              isInternalUpdate.value = false;
+            });
+          } catch (error) {
+            // 忽略错误
+          }
+        }
+      } else {
+        isReady.value = true;
+      }
+    }).exec();
+  });
+  // #endif
+  
+  // #ifdef APP-PLUS
+  // APP 平台：editor 组件会自动处理
+  isReady.value = true;
+  // #endif
+};
+
+// 编辑器内容变化
+const onEditorInput = (e: any) => {
+  const html = e.detail.html || '';
+  
+  // 标记为内部更新，避免触发 watch 中的 setContents
+  isInternalUpdate.value = true;
+  newValue.value = html;
+  lastContent.value = html;
+  
+  // 延迟重置标志，确保 watch 不会触发
+  nextTick(() => {
+    isInternalUpdate.value = false;
+  });
+};
+
+// 降级方案的 textarea 输入处理
+const onTextareaInput = (e: any) => {
+  newValue.value = e.detail.value;
+};
+
+// 手动触发插入图片（点击按钮）
+const handleInsertImage = () => {
+  onInsertImage(null);
+};
+
+// 插入图片事件（由编辑器工具栏触发或手动触发）
+const onInsertImage = async (e: any) => {
+  if (readOnly.value) {
+    uni.showToast({ title: '当前为只读模式', icon: 'none' });
+    return;
+  }
+  
+  // 选择图片
+  uni.chooseImage({
+    count: 1,
+    sizeType: ['compressed', 'original'],
+    sourceType: ['album', 'camera'],
+    success: async (res) => {
+      const tempFilePath = res.tempFilePaths[0];
+      
+      try {
+        // 显示上传进度
+        uni.showLoading({ title: '上传中...' });
+        
+        // 上传图片到服务器
+        // attachmentUpload 接受 filePath（字符串）作为参数
+        const uploadResult = await attachmentUpload(tempFilePath as any);
+        
+        uni.hideLoading();
+        
+        // 处理上传结果，根据 ImageVideoUpload 组件的处理方式
+        // 返回格式可能是：{ resultCode: 1, result: [{ filePath: '...' }] } 或 { url: '...' }
+        let imageUrl = '';
+        const result: any = uploadResult;
+        if (result && result.resultCode === 1 && result.result && result.result.length > 0) {
+          // 标准返回格式：result 数组中的第一个元素包含 filePath
+          imageUrl = result.result[0].filePath || result.result[0].url;
+        } else if (result && result.url) {
+          // 直接返回 url
+          imageUrl = result.url;
+        } else if (typeof result === 'string') {
+          // 直接返回字符串 URL
+          imageUrl = result;
+        }
+        
+        if (imageUrl) {
+          // #ifdef MP-WEIXIN
+          // 微信小程序：插入图片到编辑器
+          if (editorContext.value && isReady.value) {
+            editorContext.value.insertImage({
+              src: imageUrl,
+              width: '100%',
+              height: 'auto',
+              alt: '图片'
+            });
+            uni.showToast({ title: '图片插入成功', icon: 'success' });
+          } else {
+            uni.showToast({ title: '编辑器未就绪，请稍后重试', icon: 'error' });
+          }
+          // #endif
+          
+          // #ifdef H5
+          // H5 平台：需要手动插入图片到编辑器
+          nextTick(() => {
+            const query = uni.createSelectorQuery();
+            query.select(`#${editorId.value}`).context((res: any) => {
+              if (res && res.context) {
+                const ctx = res.context;
+                // 使用 insertImage 方法插入图片（会在当前光标位置插入）
+                ctx.insertImage({
+                  src: imageUrl,
+                  width: '100%',
+                  height: 'auto',
+                  alt: '图片',
+                  success: () => {
+                    // 标记为内部更新，避免触发 watch
+                    isInternalUpdate.value = true;
+                    // 获取更新后的内容
+                    ctx.getContents({
+                      success: (res: any) => {
+                        if (res && res.html) {
+                          lastContent.value = res.html;
+                          newValue.value = res.html;
+                        }
+                        nextTick(() => {
+                          isInternalUpdate.value = false;
+                        });
+                      }
+                    });
+                    uni.showToast({ title: '图片插入成功', icon: 'success' });
+                  },
+                  fail: (err: any) => {
+                    // 如果 insertImage 失败，尝试在末尾追加图片
+                    isInternalUpdate.value = true;
+                    const currentHtml = newValue.value || '';
+                    const imgTag = `<img src="${imageUrl}" style="max-width: 100%; height: auto;" alt="图片" />`;
+                    const newHtml = currentHtml + imgTag;
+                    lastContent.value = newHtml;
+                    newValue.value = newHtml;
+                    nextTick(() => {
+                      isInternalUpdate.value = false;
+                    });
+                    uni.showToast({ title: '图片已添加', icon: 'success' });
+                  }
+                });
+              } else {
+                // 如果无法获取上下文，在末尾追加图片
+                isInternalUpdate.value = true;
+                const currentHtml = newValue.value || '';
+                const imgTag = `<img src="${imageUrl}" style="max-width: 100%; height: auto;" alt="图片" />`;
+                const newHtml = currentHtml + imgTag;
+                lastContent.value = newHtml;
+                newValue.value = newHtml;
+                nextTick(() => {
+                  isInternalUpdate.value = false;
+                });
+                uni.showToast({ title: '图片已添加', icon: 'success' });
+              }
+            }).exec();
+          });
+          // #endif
+          
+          // #ifdef APP-PLUS
+          // APP 平台：插入图片到编辑器
+          if (editorContext.value && isReady.value) {
+            editorContext.value.insertImage({
+              src: imageUrl,
+              width: '100%',
+              height: 'auto',
+              alt: '图片'
+            });
+            uni.showToast({ title: '图片插入成功', icon: 'success' });
+          } else {
+            uni.showToast({ title: '编辑器未就绪，请稍后重试', icon: 'error' });
+          }
+          // #endif
+        } else {
+          uni.showToast({ title: '图片上传失败', icon: 'error' });
+        }
+      } catch (error) {
+        uni.hideLoading();
+        uni.showToast({ title: '图片上传失败，请重试', icon: 'error' });
+      }
+    },
+    fail: (err) => {
+      uni.showToast({ title: '选择图片失败', icon: 'error' });
+    }
+  });
+};
+
+// 监听外部值变化，更新编辑器内容
+watch(() => props.modelValue, (newVal) => {
+  // 如果是编辑器内部更新触发的，不处理（避免循环更新和光标重置）
+  if (isInternalUpdate.value) {
+    return;
+  }
+  
+  // 如果内容没有变化，不处理
+  const newValStr = newVal || '';
+  if (newValStr === lastContent.value) {
+    return;
+  }
+  
+  if (isReady.value && newVal !== undefined) {
+    // #ifdef MP-WEIXIN
+    // 微信小程序：更新编辑器内容
+    if (editorContext.value) {
+      try {
+        editorContext.value.setContents({
+          html: newValStr
+        });
+        lastContent.value = newValStr;
+      } catch (error) {
+        // 忽略错误
+      }
+    }
+    // #endif
+    
+    // #ifdef H5
+    // H5 平台：只在初始化或外部强制更新时更新内容
+    // 避免在用户输入时更新，防止光标位置重置
+    if (editorContext.value) {
+      try {
+        // 获取当前光标位置（如果可能）
+        // H5 平台可能不支持，但尝试保存和恢复
+        editorContext.value.setContents({
+          html: newValStr
+        });
+        lastContent.value = newValStr;
+        
+        // 尝试将光标移动到末尾（H5 平台可能不支持，但不影响功能）
+        nextTick(() => {
+          try {
+            // 使用 DOM API 尝试设置光标位置（仅 H5）
+            const editorElement = document.querySelector(`#${editorId.value}`);
+            if (editorElement) {
+              const range = document.createRange();
+              const selection = window.getSelection();
+              if (selection && editorElement) {
+                range.selectNodeContents(editorElement);
+                range.collapse(false); // false 表示移动到末尾
+                selection.removeAllRanges();
+                selection.addRange(range);
+              }
+            }
+          } catch (err) {
+            // 忽略错误，某些情况下可能不支持
+          }
+        });
+      } catch (error) {
+        // 忽略错误
+      }
+    }
+    // #endif
+    
+    // #ifdef APP-PLUS
+    // APP 平台：更新编辑器内容
+    if (editorContext.value) {
+      try {
+        editorContext.value.setContents({
+          html: newValStr
+        });
+        lastContent.value = newValStr;
+      } catch (error) {
+        // 忽略错误
+      }
+    }
+    // #endif
+  }
+}, { immediate: false });
+
+onMounted(() => {
+  // 延迟初始化，确保编辑器已渲染
+  setTimeout(() => {
+    if (!isReady.value) {
+      onEditorReady();
+    }
+  }, 300);
+});
+</script>
+
+<style scoped lang="scss">
+.basic-editor-wrapper {
+  width: 100%;
+  min-height: 200px;
+  background-color: #fff;
+  border: 1px solid #e5e7eb !important; // 确保边框显示
+  border-top: 1px solid #e5e7eb !important;
+  border-right: 1px solid #e5e7eb !important; // 确保右侧边框显示
+  border-bottom: 1px solid #e5e7eb !important;
+  border-left: 1px solid #e5e7eb !important;
+  border-radius: 8px;
+  overflow: hidden;
+  box-sizing: border-box; // 确保边框计算正确
+  position: relative; // 确保定位上下文
+  
+  .editor-toolbar {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end; // 按钮居右
+    padding: 8px 12px;
+    background-color: #f8f9fa;
+    border-bottom: 1px solid #e5e7eb;
+    
+    .toolbar-btn {
+      display: flex;
+      align-items: center;
+      padding: 6px 12px;
+      background-color: #fff;
+      border: 1px solid #d1d5db;
+      border-radius: 4px;
+      font-size: 14px;
+      color: #374151;
+      cursor: pointer;
+      transition: all 0.2s;
+      
+      &:active {
+        background-color: #f3f4f6;
+        transform: scale(0.98);
+      }
+      
+      text {
+        font-size: 14px;
+        color: #374151;
+      }
+    }
+  }
+  
+  .editor {
+    width: 100%;
+    min-height: 200px;
+    padding: 12px;
+    box-sizing: border-box;
+    font-size: 14px;
+    line-height: 1.6;
+    display: block;
+    border: none !important; // 确保编辑器内部没有边框，使用外层容器的边框
+    outline: none; // 移除焦点时的轮廓
+  }
+  
+  .editor-fallback {
+    width: 100%;
+    min-height: 200px;
+    padding: 12px;
+    box-sizing: border-box;
+    font-size: 14px;
+    line-height: 1.6;
+    border: none;
+    background-color: #fff;
+  }
+  
+  .fallback-tip {
+    padding: 8px 12px;
+    font-size: 12px;
+    color: #999;
+    background-color: #f5f5f5;
+    border-top: 1px solid #e5e7eb;
+  }
+}
+
+// 只读模式样式
+:deep(.editor[read-only]) {
+  background-color: #f5f5f5;
+  color: #666;
+}
+
+// 确保编辑器组件不会覆盖边框
+:deep(editor) {
+  border: none !important;
+  outline: none !important;
+}
+</style>
+
diff --git a/src/components/BasicForm/src/BasicComponent.vue b/src/components/BasicForm/src/BasicComponent.vue
index 5d2d5b3..c972521 100644
--- a/src/components/BasicForm/src/BasicComponent.vue
+++ b/src/components/BasicForm/src/BasicComponent.vue
@@ -16,6 +16,7 @@
     <FormBasicSearchList v-bind="attrs" v-if="isShow('BasicSearchList')" v-model="newValue"/>
     <FormBasicDateTimes v-bind="attrs" v-if="isShow('BasicDateTimes')" v-model="newValue"/>
     <FormBasicTree v-bind="attrs" v-if="isShow('BasicTree')" v-model="newValue"/>
+    <FormBasicEditor v-bind="attrs" v-if="isShow('BasicEditor')" v-model="newValue"/>
     <FormBasicNjBjPicker v-bind="attrs" v-if="isShow('BasicNjBjPicker')" v-model="newValue"/>
     <FormBasicNjBjSelect v-bind="attrs" v-if="isShow('BasicNjBjSelect')" v-model="newValue"/>
     <FormBasicXsPicker v-bind="attrs" v-if="isShow('BasicXsPicker')" v-model="newValue"/>
diff --git a/src/components/BasicForm/type/useForm.d.ts b/src/components/BasicForm/type/useForm.d.ts
index 7397fcb..26a6f4a 100644
--- a/src/components/BasicForm/type/useForm.d.ts
+++ b/src/components/BasicForm/type/useForm.d.ts
@@ -31,6 +31,8 @@ type Component =
     | 'BasicNjBjPicker'
     | 'BasicNjBjSelect'
     | 'BasicXsPicker'
+    | 'BasicEditor'
+    | 'ImageVideoUpload'
 
 interface FormsSchema {
     field?: string,
diff --git a/src/components/ImageVideoUpload/ImageVideoUpload.vue b/src/components/ImageVideoUpload/ImageVideoUpload.vue
index 0c593a7..1c6b90a 100644
--- a/src/components/ImageVideoUpload/ImageVideoUpload.vue
+++ b/src/components/ImageVideoUpload/ImageVideoUpload.vue
@@ -14,7 +14,7 @@
           :key="index"
         >
           <image 
-            :src="image.url || image.tempPath" 
+            :src="image.url ? imagUrl(image.url) : image.tempPath" 
             class="image-preview"
             @click="previewImage(index)"
             mode="aspectFill"
diff --git a/src/pages.json b/src/pages.json
index a79346b..f9e02e1 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -304,6 +304,27 @@
         "enablePullDownRefresh": false
       }
     },
+    {
+      "path": "pages/vr/shooting/detail",
+      "style": {
+        "navigationBarTitleText": "VR位置列表",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/vr/shooting/index",
+      "style": {
+        "navigationBarTitleText": "VR全景拍摄",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/vr/view/index",
+      "style": {
+        "navigationBarTitleText": "VR展示",
+        "enablePullDownRefresh": false
+      }
+    },
     {
       "path": "pages/statistics/xs/gradeDetail",
       "style": {
diff --git a/src/pages/base/service/index.vue b/src/pages/base/service/index.vue
index 31b04dd..29fc262 100644
--- a/src/pages/base/service/index.vue
+++ b/src/pages/base/service/index.vue
@@ -583,6 +583,32 @@ const sections = reactive<Section[]>([
           },
         ],
       },
+      {
+        id: "gnyy-vr",
+        icon: "vr",
+        text: "VR制作",
+        show: true,
+        permissionKey: "gnyycommon-vr", // VR制作权限编码
+        isFolder: true, // 标记为文件夹类型
+        folderItems: [
+          {
+            id: "vr-shooting",
+            icon: "vrps",
+            text: "VR拍摄",
+            show: true,
+            permissionKey: "vr-shooting",
+            path: "/pages/vr/shooting/index",
+          },
+          {
+            id: "vr-view",
+            icon: "vrzs",
+            text: "VR展示",
+            show: true,
+            permissionKey: "vr-view",
+            path: "/pages/vr/view/index",
+          },
+        ],
+      },
     ],
   },
   {
diff --git a/src/pages/statistics/teacher/jsdtal.vue b/src/pages/statistics/teacher/jsdtal.vue
index 05c95bd..d65890d 100644
--- a/src/pages/statistics/teacher/jsdtal.vue
+++ b/src/pages/statistics/teacher/jsdtal.vue
@@ -686,13 +686,13 @@ const loadTeacherInfo = async () => {
       // 基础信息
       get('/api/js/findJsById', { id: teacherId.value }),
       // 职称信息
-      get('/api/zcxx/findPage', { jsId: teacherId.value, page: 1, limit: 100 }),
+      get('/api/zcxx/findPage', { jsId: teacherId.value, page: 1, rows: 100 }),
       // 岗位情况
-      get('/api/gwqk/findPage', { jsId: teacherId.value, page: 1, limit: 100 }),
+      get('/api/gwqk/findPage', { jsId: teacherId.value, page: 1, rows: 100 }),
       // 工作经历
-      get('/api/gzjl/findPage', { jsId: teacherId.value, page: 1, limit: 100 }),
+      get('/api/gzjl/findPage', { jsId: teacherId.value, page: 1, rows: 100 }),
       // 家庭成员
-      get('/api/jtcy/findPage', { jsId: teacherId.value, page: 1, limit: 100 }),
+      get('/api/jtcy/findPage', { jsId: teacherId.value, page: 1, rows: 100 }),
       // 党政职务列表
       getZwListByLx('党政职务'),
       // 其他职务列表
diff --git a/src/pages/view/quantitativeAssessment/assessment/assessment.vue b/src/pages/view/quantitativeAssessment/assessment/assessment.vue
index 4560fb0..68566b0 100644
--- a/src/pages/view/quantitativeAssessment/assessment/assessment.vue
+++ b/src/pages/view/quantitativeAssessment/assessment/assessment.vue
@@ -123,7 +123,7 @@ import {
 import {onShow} from "@dcloudio/uni-app";
 import {getUserViewApi} from "@/api/system/login";
 import BasicTree from '@/components/BasicTree/Tree.vue';
-import { findAllNjBjTree } from '@/api/base/server';
+import { findAllNjBjKzTreeApi } from '@/api/base/server';
 
 // 树形数据
 const treeData = ref<any[]>([]);
@@ -144,7 +144,7 @@ const selectedClassText = computed(() => {
 // 加载树形数据
 const loadTreeData = async () => {
   try {
-    const res = await findAllNjBjTree();
+    const res = await findAllNjBjKzTreeApi();
     if (res.resultCode === 1 && res.result) {
       // 递归转换数据格式以适配 BasicTree 组件
       const convertTreeData = (items: any[]): any[] => {
diff --git a/src/pages/view/routine/yishiyice/addkcrw.vue b/src/pages/view/routine/yishiyice/addkcrw.vue
index 8fa1ed8..1aa5286 100644
--- a/src/pages/view/routine/yishiyice/addkcrw.vue
+++ b/src/pages/view/routine/yishiyice/addkcrw.vue
@@ -93,18 +93,14 @@
         <view class="section-card">
           <view class="section-title">
             <text class="title-text">任务下发设置</text>
-            <view class="add-task-type-btn" @click="addTaskType">
-              <text class="add-icon">+</text>
-              <text class="add-text">新增任务方式</text>
-            </view>
           </view>
           
-          <!-- 任务方式列表 -->
+          <!-- 任务类型列表 -->
           <view v-for="(taskType, typeIndex) in taskTypes" :key="taskType.id" class="task-type-section">
-            <!-- 任务方式选择 -->
+            <!-- 任务类型选择 -->
             <view class="task-type-header">
               <view class="task-type-selector">
-                <text class="selector-label">任务方式：</text>
+                <text class="selector-label">任务类型：</text>
                 <picker 
                   :range="taskTypeOptions" 
                   range-key="label" 
@@ -118,59 +114,70 @@
                   </view>
                 </picker>
               </view>
-              <view class="delete-type-btn" @click="removeTaskType(typeIndex)">
-                <text class="delete-icon">×</text>
+              <view class="task-type-actions">
+                <view class="move-buttons">
+                  <view 
+                    v-if="typeIndex > 0" 
+                    class="move-btn move-up-btn" 
+                    @click="moveTaskType(typeIndex, 'up')"
+                    title="上移"
+                  >
+                    <text class="move-icon">↑</text>
+                  </view>
+                  <view 
+                    v-if="typeIndex < taskTypes.length - 1" 
+                    class="move-btn move-down-btn" 
+                    @click="moveTaskType(typeIndex, 'down')"
+                    title="下移"
+                  >
+                    <text class="move-icon">↓</text>
+                  </view>
+                </view>
+                <view class="delete-type-btn" @click="removeTaskType(typeIndex)">
+                  <text class="delete-icon">×</text>
+                </view>
               </view>
             </view>
             
-            <!-- 任务项列表 -->
-            <view class="task-items-container">
-              <view 
-                v-for="(item, itemIndex) in taskType.items" 
-                :key="item.key" 
-                class="task-item-card"
-              >
-                <!-- 删除按钮放在右上角 -->
-                <view class="delete-item-btn-top" @click="removeTaskItem(taskType, itemIndex)">
-                  <text class="delete-icon">×</text>
-                </view>
-                
-                <view class="task-item-header">
-                  <text class="item-number">{{ itemIndex + 1 }}</text>
-                  <input 
-                    v-model="item.rwbt" 
-                    :placeholder="`任务项 ${itemIndex + 1}`" 
-                    class="item-title-input"
-                    maxlength="100"
-                  />
-                  <view class="item-actions">
-                    <view class="required-checkbox" @click="toggleRequired(taskType, itemIndex)">
-                      <view :class="['checkbox-box', { checked: item.rwbs }]">
-                        <text v-if="item.rwbs" class="check-icon">✓</text>
-                      </view>
-                      <view v-if="showTooltip" class="tooltip">默认必填</view>
+            <!-- 任务项（一个任务类型对应一个任务项） -->
+            <view class="task-items-container" v-if="taskType.items && taskType.items.length > 0">
+              <view class="task-item-header">
+                <text class="item-number">{{ typeIndex + 1 }}</text>
+                <input 
+                  v-model="taskType.items[0].rwbt" 
+                  :placeholder="`请输入${getTaskTypeLabel(taskType.rwfl)}任务描述`" 
+                  class="item-title-input"
+                  maxlength="100"
+                />
+                <view class="item-actions">
+                  <view class="required-checkbox" @click="toggleRequired(taskType)">
+                    <view :class="['checkbox-box', { checked: taskType.items[0].rwbs }]">
+                      <text v-if="taskType.items[0].rwbs" class="check-icon">✓</text>
                     </view>
+                    <view v-if="showTooltip" class="tooltip">默认必填</view>
                   </view>
                 </view>
-                
-                <!-- 选择题选项 -->
-                <view v-if="taskType.rwfl === 'dxxz' || taskType.rwfl === 'dxsx'" class="item-options">
-                  <textarea 
-                    v-model="item.remark" 
-                    :placeholder="taskType.rwfl === 'dxxz' ? '单项选择，请输入如：选项1；选项2；选项3' : '多项选择，请输入如：选项1；选项2；选项3'" 
-                    class="options-textarea"
-                    maxlength="500"
-                  />
-                </view>
               </view>
               
-              <!-- 添加任务项按钮 -->
-              <view class="add-item-btn" @click="addTaskItem(taskType)">
-                <text class="add-icon">+</text>
-                <text class="add-text">添加任务项</text>
+              <!-- 选择题选项 -->
+              <view v-if="taskType.rwfl === 'dxxz' || taskType.rwfl === 'dxsx'" class="item-options">
+                <textarea 
+                  v-model="taskType.items[0].remark" 
+                  :placeholder="taskType.rwfl === 'dxxz' ? '单项选择，请输入如：选项1；选项2；选项3（支持中文；或英文;分号）' : '多项选择，请输入如：选项1；选项2；选项3（支持中文；或英文;分号）'" 
+                  class="options-textarea"
+                  maxlength="500"
+                />
               </view>
             </view>
           </view>
+          
+          <!-- 新增任务项按钮 -->
+          <view class="add-task-item-wrapper">
+            <view class="add-task-type-btn" @click="addTaskType">
+              <text class="add-icon">+</text>
+              <text class="add-text">新增任务项</text>
+            </view>
+          </view>
         </view> 
         
         <view>
@@ -275,6 +282,7 @@ const formData = reactive({
 // 任务类型选项
 const taskTypeOptions = [
   { label: '填写文本', value: 'text' },
+  { label: '富文本', value: 'fwb' },
   { label: '单项选择', value: 'dxxz' },
   { label: '多项选择', value: 'dxsx' },
   { label: '上传图片', value: 'sctp' },
@@ -424,14 +432,42 @@ const addTaskType = () => {
   taskTypes.value.push({
     id: uniqueId,
     rwfl: 'text',
-    items: []
+    items: [
+      {
+        key: `item_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+        rwbt: '',
+        rwbs: true, // 默认必填项打勾
+        remark: ''
+      }
+    ]
   });
+  
+  // 显示冒泡提示
+  showTooltip.value = true;
+  setTimeout(() => {
+    showTooltip.value = false;
+  }, 3000);
 };
 
 const removeTaskType = (typeIndex: number) => {
   taskTypes.value.splice(typeIndex, 1);
 };
 
+// 移动任务类型
+const moveTaskType = (typeIndex: number, direction: 'up' | 'down') => {
+  if (direction === 'up' && typeIndex > 0) {
+    // 上移：与上一个交换位置
+    const temp = taskTypes.value[typeIndex];
+    taskTypes.value[typeIndex] = taskTypes.value[typeIndex - 1];
+    taskTypes.value[typeIndex - 1] = temp;
+  } else if (direction === 'down' && typeIndex < taskTypes.value.length - 1) {
+    // 下移：与下一个交换位置
+    const temp = taskTypes.value[typeIndex];
+    taskTypes.value[typeIndex] = taskTypes.value[typeIndex + 1];
+    taskTypes.value[typeIndex + 1] = temp;
+  }
+};
+
 const getTaskTypeIndex = (rwfl: string) => {
   return taskTypeOptions.findIndex(option => option.value === rwfl);
 };
@@ -445,31 +481,29 @@ const onTaskTypeChange = (e: any, typeIndex: number) => {
   const selectedIndex = e.detail.value;
   const selectedType = taskTypeOptions[selectedIndex];
   taskTypes.value[typeIndex].rwfl = selectedType.value;
-  // 清空现有的任务项
-  taskTypes.value[typeIndex].items = [];
+  // 保持任务项，但清空选项内容（如果不是选择题类型）
+  if (taskTypes.value[typeIndex].items.length === 0) {
+    // 如果没有任务项，创建一个默认的
+    taskTypes.value[typeIndex].items = [
+      {
+        key: `item_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+        rwbt: '',
+        rwbs: true,
+        remark: ''
+      }
+    ];
+  } else {
+    // 如果切换为非选择题类型，清空选项
+    if (selectedType.value !== 'dxxz' && selectedType.value !== 'dxsx') {
+      taskTypes.value[typeIndex].items[0].remark = '';
+    }
+  }
 };
 
-const addTaskItem = (taskType: TaskType) => {
-  taskType.items.push({
-    key: `item_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
-    rwbt: '',
-    rwbs: true, // 默认必填项打勾
-    remark: ''
-  });
-  
-  // 显示冒泡提示 - 使用签到界面风格
-  showTooltip.value = true;
-  setTimeout(() => {
-    showTooltip.value = false;
-  }, 3000);
-};
-
-const removeTaskItem = (taskType: TaskType, itemIndex: number) => {
-  taskType.items.splice(itemIndex, 1);
-};
-
-const toggleRequired = (taskType: TaskType, itemIndex: number) => {
-  taskType.items[itemIndex].rwbs = !taskType.items[itemIndex].rwbs;
+const toggleRequired = (taskType: TaskType) => {
+  if (taskType.items.length > 0) {
+    taskType.items[0].rwbs = !taskType.items[0].rwbs;
+  }
 };
 
 // 表单验证
@@ -490,47 +524,48 @@ const validateForm = (): boolean => {
   }
 
   // 验证是否有任务类型
-  let hasTaskType = false;
-  for (const taskType of taskTypes.value) {
-    if (taskType.items.length > 0) {
-      hasTaskType = true;
-      break;
-    }
-  }
-
-  if (!hasTaskType) {
-    uni.showToast({ title: '请至少添加一个任务项', icon: 'error' });
+  if (taskTypes.value.length === 0) {
+    uni.showToast({ title: '请至少添加一个任务方式', icon: 'error' });
     return false;
   }
 
-  // 验证任务项
-  for (const taskType of taskTypes.value) {
+  // 验证任务项（一个任务方式对应一个任务项）
+  for (let i = 0; i < taskTypes.value.length; i++) {
+    const taskType = taskTypes.value[i];
     const taskTypeName = getTaskTypeLabel(taskType.rwfl);
     
-    for (let i = 0; i < taskType.items.length; i++) {
-      const item = taskType.items[i];
-      
-      // 任务项的文字描述必填
-      if (!item.rwbt || !item.rwbt.trim()) {
+    // 确保每个任务方式都有一个任务项
+    if (taskType.items.length === 0) {
+      uni.showToast({ 
+        title: `${taskTypeName}缺少任务项`, 
+        icon: 'error',
+        duration: 2000
+      });
+      return false;
+    }
+    
+    const item = taskType.items[0];
+    
+    // 任务项的文字描述必填
+    if (!item.rwbt || !item.rwbt.trim()) {
+      uni.showToast({ 
+        title: `请填写${taskTypeName}的任务描述`, 
+        icon: 'error',
+        duration: 2000
+      });
+      return false;
+    }
+    
+    // 如果任务项打勾（必填）且是单项选择或多项选择
+    if (item.rwbs && (taskType.rwfl === 'dxxz' || taskType.rwfl === 'dxsx')) {
+      if (!item.remark || !item.remark.trim()) {
         uni.showToast({ 
-          title: `请填写${taskTypeName}的任务项${i + 1}描述`, 
+          title: `${taskTypeName}的选项内容不能为空`, 
           icon: 'error',
           duration: 2000
         });
         return false;
       }
-      
-      // 如果任务项打勾（必填）且是单项选择或多项选择
-      if (item.rwbs && (taskType.rwfl === 'dxxz' || taskType.rwfl === 'dxsx')) {
-        if (!item.remark || !item.remark.trim()) {
-          uni.showToast({ 
-            title: `${taskTypeName}的任务项${i + 1}选项内容不能为空`, 
-            icon: 'error',
-            duration: 2000
-          });
-          return false;
-        }
-      }
     }
   }
 
@@ -586,18 +621,20 @@ async function performSubmit() {
       rwlxes: [] as any[]
     };
 
-    // 收集所有任务类型
-    taskTypes.value.forEach(taskType => {
-      taskType.items.forEach(item => {
+    // 收集所有任务类型（一个任务方式对应一个任务项）
+    taskTypes.value.forEach((taskType, index) => {
+      if (taskType.items.length > 0) {
+        const item = taskType.items[0];
         if (item.rwbt.trim()) {
           submitData.rwlxes.push({
             rwfl: taskType.rwfl,
             rwbt: item.rwbt,
             rwbs: item.rwbs ? 1 : 0,
-            remark: item.remark
+            remark: item.remark,
+            sort: index + 1 // 排序字段，从1开始
           });
         }
-      });
+      }
     });
 
     await rwSaveApi(submitData);
@@ -693,30 +730,47 @@ const goBack = () => {
       color: #1f2937;
       letter-spacing: 0.3px;
     }
+  }
+  
+  // 新增任务项按钮容器
+  .add-task-item-wrapper {
+    margin-top: 16px;
+    display: flex;
+    justify-content: center;
     
     .add-task-type-btn {
       display: flex;
       align-items: center;
+      justify-content: center;
       gap: 6px;
-      padding: 8px 16px;
+      padding: 12px 24px;
       background: linear-gradient(135deg, #409eff 0%, #3a8ee6 100%);
       color: white;
-      border-radius: 8px;
-      font-size: 13px;
+      border-radius: 10px;
+      font-size: 14px;
       font-weight: 600;
       cursor: pointer;
       box-shadow: 0 2px 8px rgba(64, 158, 255, 0.3);
       transition: all 0.3s ease;
+      min-width: 140px;
       
       &:hover {
         transform: translateY(-1px);
         box-shadow: 0 4px 12px rgba(64, 158, 255, 0.4);
       }
       
+      &:active {
+        transform: translateY(0);
+      }
+      
       .add-icon {
-        font-size: 16px;
+        font-size: 18px;
         font-weight: bold;
       }
+      
+      .add-text {
+        font-size: 14px;
+      }
     }
   }
 }
@@ -832,6 +886,9 @@ const goBack = () => {
   background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);
   transition: all 0.3s ease;
   position: relative;
+  width: 100%;
+  box-sizing: border-box;
+  overflow: visible;
   
   &:hover {
     border-color: #409eff;
@@ -886,6 +943,51 @@ const goBack = () => {
       }
     }
     
+    .task-type-actions {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      margin-right: 32px; // 为删除按钮留出空间
+      
+      .move-buttons {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        
+        .move-btn {
+          width: 28px;
+          height: 28px;
+          background: linear-gradient(135deg, #67c23a 0%, #5daf34 100%);
+          color: white;
+          border-radius: 6px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          cursor: pointer;
+          font-size: 14px;
+          font-weight: bold;
+          box-shadow: 0 2px 6px rgba(103, 194, 58, 0.3);
+          transition: all 0.3s ease;
+          border: 2px solid #ffffff;
+          
+          &:hover {
+            transform: scale(1.1);
+            box-shadow: 0 4px 10px rgba(103, 194, 58, 0.4);
+          }
+          
+          &:active {
+            transform: scale(0.95);
+          }
+          
+          .move-icon {
+            font-size: 14px;
+            font-weight: bold;
+            line-height: 1;
+          }
+        }
+      }
+    }
+    
     .delete-type-btn {
       position: absolute;
       top: -8px;
@@ -916,199 +1018,143 @@ const goBack = () => {
 
 // 任务项列表
 .task-items-container {
-  .task-item-card {
-    margin-bottom: 16px;
-    padding: 16px;
-    border: 2px solid #e5e7eb;
-    border-radius: 10px;
-    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
-    transition: all 0.3s ease;
-    position: relative;
+  width: 100%;
+  box-sizing: border-box;
+  
+  .task-item-header {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    margin-bottom: 12px;
     
-    &:hover {
-      border-color: #409eff;
-      box-shadow: 0 4px 12px rgba(64, 158, 255, 0.1);
-      transform: translateY(-1px);
-    }
-    
-    // 右上角删除按钮
-    .delete-item-btn-top {
-      position: absolute;
-      top: -8px;
-      right: -8px;
-      width: 24px;
-      height: 24px;
-      background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
+    .item-number {
+      width: 28px;
+      height: 28px;
+      background: linear-gradient(135deg, #409eff 0%, #3a8ee6 100%);
       color: white;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
-      cursor: pointer;
-      font-size: 14px;
+      font-size: 12px;
       font-weight: bold;
-      box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
+      flex-shrink: 0;
+      box-shadow: 0 2px 6px rgba(64, 158, 255, 0.3);
+    }
+    
+    .item-title-input {
+      flex: 1;
+      padding: 10px 14px;
+      border: 2px solid #e5e7eb;
+      border-radius: 8px;
+      font-size: 14px;
       transition: all 0.3s ease;
-      z-index: 10;
-      border: 2px solid #ffffff;
       
-      &:hover {
-        transform: scale(1.1);
-        box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4);
+      &:focus {
+        border-color: #409eff;
+        outline: none;
+        box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
       }
     }
     
-    .task-item-header {
+    .item-actions {
       display: flex;
       align-items: center;
       gap: 12px;
-      margin-bottom: 12px;
       
-      .item-number {
-        width: 28px;
-        height: 28px;
-        background: linear-gradient(135deg, #409eff 0%, #3a8ee6 100%);
-        color: white;
-        border-radius: 50%;
+      .required-checkbox {
+        position: relative;
         display: flex;
         align-items: center;
-        justify-content: center;
-        font-size: 12px;
-        font-weight: bold;
-        flex-shrink: 0;
-        box-shadow: 0 2px 6px rgba(64, 158, 255, 0.3);
-      }
-      
-      .item-title-input {
-        flex: 1;
-        padding: 10px 14px;
-        border: 2px solid #e5e7eb;
-        border-radius: 8px;
-        font-size: 14px;
+        cursor: pointer;
+        padding: 4px;
+        border-radius: 6px;
         transition: all 0.3s ease;
         
-        &:focus {
-          border-color: #409eff;
-          outline: none;
-          box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
+        &:hover {
+          background-color: rgba(64, 158, 255, 0.05);
         }
-      }
-      
-      .item-actions {
-        display: flex;
-        align-items: center;
-        gap: 12px;
         
-        .required-checkbox {
-          position: relative;
+        .checkbox-box {
+          width: 18px;
+          height: 18px;
+          border: 2px solid #d1d5db;
+          border-radius: 4px;
           display: flex;
           align-items: center;
-          cursor: pointer;
-          padding: 4px;
-          border-radius: 6px;
+          justify-content: center;
           transition: all 0.3s ease;
           
-          &:hover {
-            background-color: rgba(64, 158, 255, 0.05);
-          }
-          
-          .checkbox-box {
-            width: 18px;
-            height: 18px;
-            border: 2px solid #d1d5db;
-            border-radius: 4px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            transition: all 0.3s ease;
+          &.checked {
+            background-color: #409eff;
+            border-color: #409eff;
             
-            &.checked {
-              background-color: #409eff;
-              border-color: #409eff;
-              
-              .check-icon {
-                color: white;
-                font-size: 12px;
-                font-weight: bold;
-              }
-            }
-          }
-          
-          // 冒泡提示样式
-          .tooltip {
-            position: absolute;
-            top: -45px;
-            left: 50%;
-            transform: translateX(-50%);
-            background: rgba(0, 0, 0, 0.8);
-            color: white;
-            padding: 6px 12px;
-            border-radius: 6px;
-            font-size: 12px;
-            white-space: nowrap;
-            z-index: 1000;
-            animation: tooltipFadeIn 0.3s ease-out;
-            
-            &::after {
-              content: '';
-              position: absolute;
-              top: 100%;
-              left: 50%;
-              transform: translateX(-50%);
-              border: 5px solid transparent;
-              border-top-color: rgba(0, 0, 0, 0.8);
+            .check-icon {
+              color: white;
+              font-size: 12px;
+              font-weight: bold;
             }
           }
         }
-      }
-    }
-    
-    .item-options {
-      .options-textarea {
-        width: 100%;
-        padding: 12px;
-        border: 2px solid #e5e7eb;
-        border-radius: 8px;
-        font-size: 13px;
-        min-height: 80px;
-        background-color: #ffffff;
-        transition: all 0.3s ease;
-        resize: vertical;
         
-        &:focus {
-          border-color: #409eff;
-          outline: none;
-          box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
-          background-color: #ffffff;
+        // 冒泡提示样式
+        .tooltip {
+          position: absolute;
+          top: -45px;
+          left: 50%;
+          transform: translateX(-50%);
+          background: rgba(0, 0, 0, 0.8);
+          color: white;
+          padding: 6px 12px;
+          border-radius: 6px;
+          font-size: 12px;
+          white-space: nowrap;
+          z-index: 1000;
+          animation: tooltipFadeIn 0.3s ease-out;
+          
+          &::after {
+            content: '';
+            position: absolute;
+            top: 100%;
+            left: 50%;
+            transform: translateX(-50%);
+            border: 5px solid transparent;
+            border-top-color: rgba(0, 0, 0, 0.8);
+          }
         }
       }
     }
   }
   
-  .add-item-btn {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 8px;
-    padding: 14px;
-    border: 2px dashed #409eff;
-    border-radius: 10px;
-    background: linear-gradient(135deg, rgba(64, 158, 255, 0.05) 0%, rgba(64, 158, 255, 0.1) 100%);
-    color: #409eff;
-    cursor: pointer;
-    font-size: 14px;
-    font-weight: 600;
-    transition: all 0.3s ease;
+  .item-options {
+    margin-top: 12px;
+    width: 100%;
+    box-sizing: border-box;
+    overflow: hidden;
     
-    &:hover {
-      background: linear-gradient(135deg, rgba(64, 158, 255, 0.1) 0%, rgba(64, 158, 255, 0.15) 100%);
-      transform: translateY(-1px);
-      box-shadow: 0 4px 12px rgba(64, 158, 255, 0.2);
-    }
-    
-    .add-icon {
-      font-size: 18px;
-      font-weight: bold;
+    .options-textarea {
+      width: 100%;
+      max-width: 100%;
+      padding: 12px;
+      border: 2px solid #e5e7eb;
+      border-radius: 8px;
+      font-size: 13px;
+      min-height: 80px;
+      background-color: #ffffff;
+      transition: all 0.3s ease;
+      resize: vertical;
+      box-sizing: border-box;
+      overflow-wrap: break-word;
+      word-wrap: break-word;
+      overflow-x: hidden;
+      overflow-y: auto;
+      
+      &:focus {
+        border-color: #409eff;
+        outline: none;
+        box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
+        background-color: #ffffff;
+      }
     }
   }
 }
diff --git a/src/pages/view/routine/yishiyice/editkcrw.vue b/src/pages/view/routine/yishiyice/editkcrw.vue
index 266d537..785d7a7 100644
--- a/src/pages/view/routine/yishiyice/editkcrw.vue
+++ b/src/pages/view/routine/yishiyice/editkcrw.vue
@@ -69,23 +69,23 @@
             />
           </view>
           
-        <!-- 附件上传 -->
-        <view class="form-item attachment-item">
-          <text class="item-label">附件：</text>
-          <view class="attachment-container">
-            <ImageVideoUpload
-              v-model:file-list="fileList"
-              :enable-image="false"
-              :enable-video="false"
-              :enable-file="true"
-              :max-file-count="5"
-              :allowed-file-types="['pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'txt', 'mp3', 'wav', 'zip', 'rar']"
-              :compress-config="compressConfig"
-              :upload-api="attachmentUpload"
-              @file-upload-success="onFileUploadSuccess"
-            />
+          <!-- 附件上传 -->
+          <view class="form-item attachment-item">
+            <text class="item-label">附件：</text>
+            <view class="attachment-container">
+              <ImageVideoUpload
+                v-model:file-list="fileList"
+                :enable-image="false"
+                :enable-video="false"
+                :enable-file="true"
+                :max-file-count="5"
+                :allowed-file-types="['pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'txt', 'mp3', 'wav', 'zip', 'rar']"
+                :compress-config="compressConfig"
+                :upload-api="attachmentUpload"
+                @file-upload-success="onFileUploadSuccess"
+              />
+            </view>
           </view>
-        </view>
           
         </view>
 
@@ -93,18 +93,14 @@
         <view class="section-card">
           <view class="section-title">
             <text class="title-text">任务下发设置</text>
-            <view class="add-task-type-btn" @click="addTaskType">
-              <text class="add-icon">+</text>
-              <text class="add-text">新增任务方式</text>
-            </view>
           </view>
           
-          <!-- 任务方式列表 -->
+          <!-- 任务类型列表 -->
           <view v-for="(taskType, typeIndex) in taskTypes" :key="taskType.id" class="task-type-section">
-            <!-- 任务方式选择 -->
+            <!-- 任务类型选择 -->
             <view class="task-type-header">
               <view class="task-type-selector">
-                <text class="selector-label">任务方式：</text>
+                <text class="selector-label">任务类型：</text>
                 <picker 
                   :range="taskTypeOptions" 
                   range-key="label" 
@@ -118,59 +114,70 @@
                   </view>
                 </picker>
               </view>
-              <view class="delete-type-btn" @click="removeTaskType(typeIndex)">
-                <text class="delete-icon">×</text>
+              <view class="task-type-actions">
+                <view class="move-buttons">
+                  <view 
+                    v-if="typeIndex > 0" 
+                    class="move-btn move-up-btn" 
+                    @click="moveTaskType(typeIndex, 'up')"
+                    title="上移"
+                  >
+                    <text class="move-icon">↑</text>
+                  </view>
+                  <view 
+                    v-if="typeIndex < taskTypes.length - 1" 
+                    class="move-btn move-down-btn" 
+                    @click="moveTaskType(typeIndex, 'down')"
+                    title="下移"
+                  >
+                    <text class="move-icon">↓</text>
+                  </view>
+                </view>
+                <view class="delete-type-btn" @click="removeTaskType(typeIndex)">
+                  <text class="delete-icon">×</text>
+                </view>
               </view>
             </view>
             
-            <!-- 任务项列表 -->
-            <view class="task-items-container">
-              <view 
-                v-for="(item, itemIndex) in taskType.items" 
-                :key="item.key" 
-                class="task-item-card"
-              >
-                <!-- 删除按钮放在右上角 -->
-                <view class="delete-item-btn-top" @click="removeTaskItem(taskType, itemIndex)">
-                  <text class="delete-icon">×</text>
-                </view>
-                
-                <view class="task-item-header">
-                  <text class="item-number">{{ itemIndex + 1 }}</text>
-                  <input 
-                    v-model="item.rwbt" 
-                    :placeholder="`任务项 ${itemIndex + 1}`" 
-                    class="item-title-input"
-                    maxlength="100"
-                  />
-                  <view class="item-actions">
-                    <view class="required-checkbox" @click="toggleRequired(taskType, itemIndex)">
-                      <view :class="['checkbox-box', { checked: item.rwbs }]">
-                        <text v-if="item.rwbs" class="check-icon">✓</text>
-                      </view>
-                      <view v-if="showTooltip" class="tooltip">默认必填</view>
+            <!-- 任务项（一个任务类型对应一个任务项） -->
+            <view class="task-items-container" v-if="taskType.items && taskType.items.length > 0">
+              <view class="task-item-header">
+                <text class="item-number">{{ typeIndex + 1 }}</text>
+                <input 
+                  v-model="taskType.items[0].rwbt" 
+                  :placeholder="`请输入${getTaskTypeLabel(taskType.rwfl)}任务描述`" 
+                  class="item-title-input"
+                  maxlength="100"
+                />
+                <view class="item-actions">
+                  <view class="required-checkbox" @click="toggleRequired(taskType)">
+                    <view :class="['checkbox-box', { checked: taskType.items[0].rwbs }]">
+                      <text v-if="taskType.items[0].rwbs" class="check-icon">✓</text>
                     </view>
+                    <view v-if="showTooltip" class="tooltip">默认必填</view>
                   </view>
                 </view>
-                
-                <!-- 选择题选项 -->
-                <view v-if="taskType.rwfl === 'dxxz' || taskType.rwfl === 'dxsx'" class="item-options">
-                  <textarea 
-                    v-model="item.remark" 
-                    :placeholder="taskType.rwfl === 'dxxz' ? '单项选择，请输入如：选项1；选项2；选项3' : '多项选择，请输入如：选项1；选项2；选项3'" 
-                    class="options-textarea"
-                    maxlength="500"
-                  />
-                </view>
               </view>
               
-              <!-- 添加任务项按钮 -->
-              <view class="add-item-btn" @click="addTaskItem(taskType)">
-                <text class="add-icon">+</text>
-                <text class="add-text">添加任务项</text>
+              <!-- 选择题选项 -->
+              <view v-if="taskType.rwfl === 'dxxz' || taskType.rwfl === 'dxsx'" class="item-options">
+                <textarea 
+                  v-model="taskType.items[0].remark" 
+                  :placeholder="taskType.rwfl === 'dxxz' ? '单项选择，请输入如：选项1；选项2；选项3（支持中文；或英文;分号）' : '多项选择，请输入如：选项1；选项2；选项3（支持中文；或英文;分号）'" 
+                  class="options-textarea"
+                  maxlength="500"
+                />
               </view>
             </view>
           </view>
+          
+          <!-- 新增任务项按钮 -->
+          <view class="add-task-item-wrapper">
+            <view class="add-task-type-btn" @click="addTaskType">
+              <text class="add-icon">+</text>
+              <text class="add-text">新增任务项</text>
+            </view>
+          </view>
         </view> 
         
         <view>
@@ -278,6 +285,7 @@ const formData = reactive({
 // 任务类型选项
 const taskTypeOptions = [
   { label: '填写文本', value: 'text' },
+  { label: '富文本', value: 'fwb' },
   { label: '单项选择', value: 'dxxz' },
   { label: '多项选择', value: 'dxsx' },
   { label: '上传图片', value: 'sctp' },
@@ -290,7 +298,14 @@ const taskTypes = ref<TaskType[]>([
   {
     id: `task_type_${Date.now()}`,
     rwfl: 'text',
-    items: []
+    items: [
+      {
+        key: `item_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+        rwbt: '',
+        rwbs: true, // 默认必填项打勾
+        remark: ''
+      }
+    ]
   }
 ]);
 
@@ -395,27 +410,43 @@ const loadTaskDataFromStorage = () => {
     
     // 处理任务类型数据
     if (taskInfo.rwlxes && taskInfo.rwlxes.length > 0) {
-      // 按任务类型分组
-      const groupedTasks: { [key: string]: any[] } = {};
-      taskInfo.rwlxes.forEach((item: any) => {
-        if (!groupedTasks[item.rwfl]) {
-          groupedTasks[item.rwfl] = [];
+      // 先按 sort 排序，如果 sort 为空则按 id 排序
+      const sortedRwlxes = [...taskInfo.rwlxes].sort((a: any, b: any) => {
+        const sortA = a.sort || 0;
+        const sortB = b.sort || 0;
+        if (sortA !== sortB) {
+          return sortA - sortB;
         }
-        groupedTasks[item.rwfl].push(item);
+        // sort 相同时按 id 排序
+        return (a.id || '').localeCompare(b.id || '');
       });
       
-      // 构建任务类型列表
-      taskTypes.value = Object.keys(groupedTasks).map((rwfl, index) => ({
-        id: `task_type_${index + 1}`,
-        rwfl: rwfl,
-        items: groupedTasks[rwfl].map((item, itemIndex) => ({
-          key: `item_${index + 1}_${itemIndex + 1}`,
-          id: item.id, // 保留任务项的ID
-          rwbt: item.rwbt || '',
-          rwbs: item.rwbs === 1 || item.rwbs === true,
-          remark: item.remark || ''
-        }))
-      }));
+      // 构建任务类型列表（每个任务类型只保留第一个任务项，保持排序）
+      // 由于前端显示时一个任务类型对应一个任务项，所以每个 rwfl 只保留第一个出现的
+      const seenRwfl = new Set<string>();
+      taskTypes.value = sortedRwlxes
+        .filter((item: any) => {
+          if (seenRwfl.has(item.rwfl)) {
+            return false; // 如果已经见过这个 rwfl，跳过
+          }
+          seenRwfl.add(item.rwfl);
+          return true;
+        })
+        .map((item: any, index: number) => {
+          return {
+            id: `task_type_${index + 1}`,
+            rwfl: item.rwfl,
+            items: [
+              {
+                key: `item_${index + 1}_1`,
+                id: item.id, // 保留任务项的ID
+                rwbt: item.rwbt || '',
+                rwbs: item.rwbs === 1 || item.rwbs === true,
+                remark: item.remark || ''
+              }
+            ]
+          };
+        });
     }
     
     // 处理附件数据
@@ -638,14 +669,42 @@ const addTaskType = () => {
   taskTypes.value.push({
     id: uniqueId,
     rwfl: 'text',
-    items: []
+    items: [
+      {
+        key: `item_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+        rwbt: '',
+        rwbs: true, // 默认必填项打勾
+        remark: ''
+      }
+    ]
   });
+  
+  // 显示冒泡提示
+  showTooltip.value = true;
+  setTimeout(() => {
+    showTooltip.value = false;
+  }, 3000);
 };
 
 const removeTaskType = (typeIndex: number) => {
   taskTypes.value.splice(typeIndex, 1);
 };
 
+// 移动任务类型
+const moveTaskType = (typeIndex: number, direction: 'up' | 'down') => {
+  if (direction === 'up' && typeIndex > 0) {
+    // 上移：与上一个交换位置
+    const temp = taskTypes.value[typeIndex];
+    taskTypes.value[typeIndex] = taskTypes.value[typeIndex - 1];
+    taskTypes.value[typeIndex - 1] = temp;
+  } else if (direction === 'down' && typeIndex < taskTypes.value.length - 1) {
+    // 下移：与下一个交换位置
+    const temp = taskTypes.value[typeIndex];
+    taskTypes.value[typeIndex] = taskTypes.value[typeIndex + 1];
+    taskTypes.value[typeIndex + 1] = temp;
+  }
+};
+
 const getTaskTypeIndex = (rwfl: string) => {
   return taskTypeOptions.findIndex(option => option.value === rwfl);
 };
@@ -659,32 +718,29 @@ const onTaskTypeChange = (e: any, typeIndex: number) => {
   const selectedIndex = e.detail.value;
   const selectedType = taskTypeOptions[selectedIndex];
   taskTypes.value[typeIndex].rwfl = selectedType.value;
-  // 清空现有的任务项
-  taskTypes.value[typeIndex].items = [];
+  // 保持任务项，但清空选项内容（如果不是选择题类型）
+  if (taskTypes.value[typeIndex].items.length === 0) {
+    // 如果没有任务项，创建一个默认的
+    taskTypes.value[typeIndex].items = [
+      {
+        key: `item_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+        rwbt: '',
+        rwbs: true,
+        remark: ''
+      }
+    ];
+  } else {
+    // 如果切换为非选择题类型，清空选项
+    if (selectedType.value !== 'dxxz' && selectedType.value !== 'dxsx') {
+      taskTypes.value[typeIndex].items[0].remark = '';
+    }
+  }
 };
 
-const addTaskItem = (taskType: TaskType) => {
-  taskType.items.push({
-    key: `item_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
-    // 新增的任务项不设置id，让后端生成新的ID
-    rwbt: '',
-    rwbs: true, // 默认必填项打勾
-    remark: ''
-  });
-  
-  // 显示冒泡提示 - 使用签到界面风格
-  showTooltip.value = true;
-  setTimeout(() => {
-    showTooltip.value = false;
-  }, 3000);
-};
-
-const removeTaskItem = (taskType: TaskType, itemIndex: number) => {
-  taskType.items.splice(itemIndex, 1);
-};
-
-const toggleRequired = (taskType: TaskType, itemIndex: number) => {
-  taskType.items[itemIndex].rwbs = !taskType.items[itemIndex].rwbs;
+const toggleRequired = (taskType: TaskType) => {
+  if (taskType.items.length > 0) {
+    taskType.items[0].rwbs = !taskType.items[0].rwbs;
+  }
 };
 
 // 表单验证
@@ -705,36 +761,47 @@ const validateForm = (): boolean => {
   }
 
   // 验证是否有任务类型
-  let hasTaskType = false;
-  for (const taskType of taskTypes.value) {
-    if (taskType.items.length > 0) {
-      hasTaskType = true;
-      break;
-    }
-  }
-
-  if (!hasTaskType) {
-    uni.showToast({ title: '请至少添加一个任务项', icon: 'error' });
+  if (taskTypes.value.length === 0) {
+    uni.showToast({ title: '请至少添加一个任务方式', icon: 'error' });
     return false;
   }
 
-  // 验证任务项：如果打勾（必填）且是单选/多选，则 remark 必填
-  for (const taskType of taskTypes.value) {
+  // 验证任务项（一个任务方式对应一个任务项）
+  for (let i = 0; i < taskTypes.value.length; i++) {
+    const taskType = taskTypes.value[i];
     const taskTypeName = getTaskTypeLabel(taskType.rwfl);
     
-    for (let i = 0; i < taskType.items.length; i++) {
-      const item = taskType.items[i];
-      
-      // 如果任务项打勾（必填）且是单项选择或多项选择
-      if (item.rwbs && (taskType.rwfl === 'dxxz' || taskType.rwfl === 'dxsx')) {
-        if (!item.remark || !item.remark.trim()) {
-          uni.showToast({ 
-            title: `${taskTypeName}的任务项${i + 1}选项内容不能为空`, 
-            icon: 'error',
-            duration: 2000
-          });
-          return false;
-        }
+    // 确保每个任务方式都有一个任务项
+    if (taskType.items.length === 0) {
+      uni.showToast({ 
+        title: `${taskTypeName}缺少任务项`, 
+        icon: 'error',
+        duration: 2000
+      });
+      return false;
+    }
+    
+    const item = taskType.items[0];
+    
+    // 任务项的文字描述必填
+    if (!item.rwbt || !item.rwbt.trim()) {
+      uni.showToast({ 
+        title: `请填写${taskTypeName}的任务描述`, 
+        icon: 'error',
+        duration: 2000
+      });
+      return false;
+    }
+    
+    // 如果任务项打勾（必填）且是单项选择或多项选择
+    if (item.rwbs && (taskType.rwfl === 'dxxz' || taskType.rwfl === 'dxsx')) {
+      if (!item.remark || !item.remark.trim()) {
+        uni.showToast({ 
+          title: `${taskTypeName}的选项内容不能为空`, 
+          icon: 'error',
+          duration: 2000
+        });
+        return false;
       }
     }
   }
@@ -792,15 +859,17 @@ async function performSubmit() {
       rwlxes: [] as any[]
     };
 
-    // 收集所有任务类型
-    taskTypes.value.forEach(taskType => {
-      taskType.items.forEach(item => {
+    // 收集所有任务类型（一个任务方式对应一个任务项）
+    taskTypes.value.forEach((taskType, index) => {
+      if (taskType.items.length > 0) {
+        const item = taskType.items[0];
         if (item.rwbt.trim()) {
           const taskItem: any = {
             rwfl: taskType.rwfl,
             rwbt: item.rwbt,
             rwbs: item.rwbs ? 1 : 0,
-            remark: item.remark
+            remark: item.remark,
+            sort: index + 1 // 排序字段，从1开始
           };
           
           // 如果任务项有ID，说明是编辑现有记录，需要传递ID
@@ -810,7 +879,7 @@ async function performSubmit() {
           
           submitData.rwlxes.push(taskItem);
         }
-      });
+      }
     });
 
     await rwSaveApi(submitData);
@@ -909,30 +978,47 @@ const goBack = () => {
       color: #1f2937;
       letter-spacing: 0.3px;
     }
+  }
+  
+  // 新增任务项按钮容器
+  .add-task-item-wrapper {
+    margin-top: 16px;
+    display: flex;
+    justify-content: center;
     
     .add-task-type-btn {
       display: flex;
       align-items: center;
+      justify-content: center;
       gap: 6px;
-      padding: 8px 16px;
+      padding: 12px 24px;
       background: linear-gradient(135deg, #409eff 0%, #3a8ee6 100%);
       color: white;
-      border-radius: 8px;
-      font-size: 13px;
+      border-radius: 10px;
+      font-size: 14px;
       font-weight: 600;
       cursor: pointer;
       box-shadow: 0 2px 8px rgba(64, 158, 255, 0.3);
       transition: all 0.3s ease;
+      min-width: 140px;
       
       &:hover {
         transform: translateY(-1px);
         box-shadow: 0 4px 12px rgba(64, 158, 255, 0.4);
       }
       
+      &:active {
+        transform: translateY(0);
+      }
+      
       .add-icon {
-        font-size: 16px;
+        font-size: 18px;
         font-weight: bold;
       }
+      
+      .add-text {
+        font-size: 14px;
+      }
     }
   }
 }
@@ -1048,6 +1134,9 @@ const goBack = () => {
   background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);
   transition: all 0.3s ease;
   position: relative;
+  width: 100%;
+  box-sizing: border-box;
+  overflow: visible;
   
   &:hover {
     border-color: #409eff;
@@ -1102,6 +1191,51 @@ const goBack = () => {
       }
     }
     
+    .task-type-actions {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      margin-right: 32px; // 为删除按钮留出空间
+      
+      .move-buttons {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        
+        .move-btn {
+          width: 28px;
+          height: 28px;
+          background: linear-gradient(135deg, #67c23a 0%, #5daf34 100%);
+          color: white;
+          border-radius: 6px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          cursor: pointer;
+          font-size: 14px;
+          font-weight: bold;
+          box-shadow: 0 2px 6px rgba(103, 194, 58, 0.3);
+          transition: all 0.3s ease;
+          border: 2px solid #ffffff;
+          
+          &:hover {
+            transform: scale(1.1);
+            box-shadow: 0 4px 10px rgba(103, 194, 58, 0.4);
+          }
+          
+          &:active {
+            transform: scale(0.95);
+          }
+          
+          .move-icon {
+            font-size: 14px;
+            font-weight: bold;
+            line-height: 1;
+          }
+        }
+      }
+    }
+    
     .delete-type-btn {
       position: absolute;
       top: -8px;
@@ -1132,199 +1266,143 @@ const goBack = () => {
 
 // 任务项列表
 .task-items-container {
-  .task-item-card {
-    margin-bottom: 16px;
-    padding: 16px;
-    border: 2px solid #e5e7eb;
-    border-radius: 10px;
-    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
-    transition: all 0.3s ease;
-    position: relative;
+  width: 100%;
+  box-sizing: border-box;
+  
+  .task-item-header {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    margin-bottom: 12px;
     
-    &:hover {
-      border-color: #409eff;
-      box-shadow: 0 4px 12px rgba(64, 158, 255, 0.1);
-      transform: translateY(-1px);
-    }
-    
-    // 右上角删除按钮
-    .delete-item-btn-top {
-      position: absolute;
-      top: -8px;
-      right: -8px;
-      width: 24px;
-      height: 24px;
-      background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
+    .item-number {
+      width: 28px;
+      height: 28px;
+      background: linear-gradient(135deg, #409eff 0%, #3a8ee6 100%);
       color: white;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
-      cursor: pointer;
-      font-size: 14px;
+      font-size: 12px;
       font-weight: bold;
-      box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
+      flex-shrink: 0;
+      box-shadow: 0 2px 6px rgba(64, 158, 255, 0.3);
+    }
+    
+    .item-title-input {
+      flex: 1;
+      padding: 10px 14px;
+      border: 2px solid #e5e7eb;
+      border-radius: 8px;
+      font-size: 14px;
       transition: all 0.3s ease;
-      z-index: 10;
-      border: 2px solid #ffffff;
       
-      &:hover {
-        transform: scale(1.1);
-        box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4);
+      &:focus {
+        border-color: #409eff;
+        outline: none;
+        box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
       }
     }
     
-    .task-item-header {
+    .item-actions {
       display: flex;
       align-items: center;
       gap: 12px;
-      margin-bottom: 12px;
       
-      .item-number {
-        width: 28px;
-        height: 28px;
-        background: linear-gradient(135deg, #409eff 0%, #3a8ee6 100%);
-        color: white;
-        border-radius: 50%;
+      .required-checkbox {
+        position: relative;
         display: flex;
         align-items: center;
-        justify-content: center;
-        font-size: 12px;
-        font-weight: bold;
-        flex-shrink: 0;
-        box-shadow: 0 2px 6px rgba(64, 158, 255, 0.3);
-      }
-      
-      .item-title-input {
-        flex: 1;
-        padding: 10px 14px;
-        border: 2px solid #e5e7eb;
-        border-radius: 8px;
-        font-size: 14px;
+        cursor: pointer;
+        padding: 4px;
+        border-radius: 6px;
         transition: all 0.3s ease;
         
-        &:focus {
-          border-color: #409eff;
-          outline: none;
-          box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
+        &:hover {
+          background-color: rgba(64, 158, 255, 0.05);
         }
-      }
-      
-      .item-actions {
-        display: flex;
-        align-items: center;
-        gap: 12px;
         
-        .required-checkbox {
-          position: relative;
+        .checkbox-box {
+          width: 18px;
+          height: 18px;
+          border: 2px solid #d1d5db;
+          border-radius: 4px;
           display: flex;
           align-items: center;
-          cursor: pointer;
-          padding: 4px;
-          border-radius: 6px;
+          justify-content: center;
           transition: all 0.3s ease;
           
-          &:hover {
-            background-color: rgba(64, 158, 255, 0.05);
-          }
-          
-          .checkbox-box {
-            width: 18px;
-            height: 18px;
-            border: 2px solid #d1d5db;
-            border-radius: 4px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            transition: all 0.3s ease;
+          &.checked {
+            background-color: #409eff;
+            border-color: #409eff;
             
-            &.checked {
-              background-color: #409eff;
-              border-color: #409eff;
-              
-              .check-icon {
-                color: white;
-                font-size: 12px;
-                font-weight: bold;
-              }
-            }
-          }
-          
-          // 冒泡提示样式
-          .tooltip {
-            position: absolute;
-            top: -45px;
-            left: 50%;
-            transform: translateX(-50%);
-            background: rgba(0, 0, 0, 0.8);
-            color: white;
-            padding: 6px 12px;
-            border-radius: 6px;
-            font-size: 12px;
-            white-space: nowrap;
-            z-index: 1000;
-            animation: tooltipFadeIn 0.3s ease-out;
-            
-            &::after {
-              content: '';
-              position: absolute;
-              top: 100%;
-              left: 50%;
-              transform: translateX(-50%);
-              border: 5px solid transparent;
-              border-top-color: rgba(0, 0, 0, 0.8);
+            .check-icon {
+              color: white;
+              font-size: 12px;
+              font-weight: bold;
             }
           }
         }
-      }
-    }
-    
-    .item-options {
-      .options-textarea {
-        width: 100%;
-        padding: 12px;
-        border: 2px solid #e5e7eb;
-        border-radius: 8px;
-        font-size: 13px;
-        min-height: 80px;
-        background-color: #ffffff;
-        transition: all 0.3s ease;
-        resize: vertical;
         
-        &:focus {
-          border-color: #409eff;
-          outline: none;
-          box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
-          background-color: #ffffff;
+        // 冒泡提示样式
+        .tooltip {
+          position: absolute;
+          top: -45px;
+          left: 50%;
+          transform: translateX(-50%);
+          background: rgba(0, 0, 0, 0.8);
+          color: white;
+          padding: 6px 12px;
+          border-radius: 6px;
+          font-size: 12px;
+          white-space: nowrap;
+          z-index: 1000;
+          animation: tooltipFadeIn 0.3s ease-out;
+          
+          &::after {
+            content: '';
+            position: absolute;
+            top: 100%;
+            left: 50%;
+            transform: translateX(-50%);
+            border: 5px solid transparent;
+            border-top-color: rgba(0, 0, 0, 0.8);
+          }
         }
       }
     }
   }
   
-  .add-item-btn {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 8px;
-    padding: 14px;
-    border: 2px dashed #409eff;
-    border-radius: 10px;
-    background: linear-gradient(135deg, rgba(64, 158, 255, 0.05) 0%, rgba(64, 158, 255, 0.1) 100%);
-    color: #409eff;
-    cursor: pointer;
-    font-size: 14px;
-    font-weight: 600;
-    transition: all 0.3s ease;
+  .item-options {
+    margin-top: 12px;
+    width: 100%;
+    box-sizing: border-box;
+    overflow: hidden;
     
-    &:hover {
-      background: linear-gradient(135deg, rgba(64, 158, 255, 0.1) 0%, rgba(64, 158, 255, 0.15) 100%);
-      transform: translateY(-1px);
-      box-shadow: 0 4px 12px rgba(64, 158, 255, 0.2);
-    }
-    
-    .add-icon {
-      font-size: 18px;
-      font-weight: bold;
+    .options-textarea {
+      width: 100%;
+      max-width: 100%;
+      padding: 12px;
+      border: 2px solid #e5e7eb;
+      border-radius: 8px;
+      font-size: 13px;
+      min-height: 80px;
+      background-color: #ffffff;
+      transition: all 0.3s ease;
+      resize: vertical;
+      box-sizing: border-box;
+      overflow-wrap: break-word;
+      word-wrap: break-word;
+      overflow-x: hidden;
+      overflow-y: auto;
+      
+      &:focus {
+        border-color: #409eff;
+        outline: none;
+        box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
+        background-color: #ffffff;
+      }
     }
   }
 }
diff --git a/src/pages/view/routine/yishiyice/index.vue b/src/pages/view/routine/yishiyice/index.vue
index e98e9a0..40f8481 100644
--- a/src/pages/view/routine/yishiyice/index.vue
+++ b/src/pages/view/routine/yishiyice/index.vue
@@ -49,8 +49,8 @@
           <text class="loading-text">加载中...</text>
         </view>
         <template v-else-if="courseList.length > 0">
-          <view v-for="course in courseList" :key="course.id" class="course-card" @click="viewCourseDetail(course.id)">
-            <view class="card-badge">
+          <view v-for="course in courseList" :key="course.id" class="course-card">
+            <view class="card-badge" @click="viewCourseDetail(course.id)">
               <text class="badge-text">课程规划</text>
             </view>
             
@@ -64,10 +64,32 @@
             </view>
             
             <view class="card-body">
-              <view class="course-description" v-if="course.kcms">
+              <!-- 如果有附件，显示附件；否则显示课程描述 -->
+              <view class="course-description" v-if="course.kcms && !hasAttachments(course)" @click.stop="showDescriptionModal(course.kcms)">
                 <text class="description-text">{{ course.kcms }}</text>
               </view>
               
+              <!-- 附件列表 -->
+              <view class="attachments-section" v-if="hasAttachments(course)">
+                <view class="attachments-list">
+                  <view 
+                    v-for="(file, fileIndex) in parseFileList(course)" 
+                    :key="fileIndex" 
+                    class="attachment-item"
+                    @click.stop="previewAttachmentFile(file)"
+                  >
+                    <view class="attachment-icon">
+                      <image 
+                        :src="getFileIcon(getFileSuffix(file))" 
+                        class="icon-image"
+                        mode="aspectFit"
+                      />
+                    </view>
+                    <text class="attachment-name">{{ getFileName(file) }}</text>
+                  </view>
+                </view>
+              </view>
+              
               <view class="course-info">
                 <view class="info-item" v-if="course.jsxm">
                   <text class="info-icon">👨‍🏫</text>
@@ -107,6 +129,21 @@
         </view>
       </scroll-view>
     </view>
+    
+    <!-- 课程描述弹窗 -->
+    <uni-popup ref="descriptionPopup" type="center" :mask-click="true">
+      <view class="description-modal">
+        <view class="modal-header">
+          <text class="modal-title">课程描述</text>
+          <view class="modal-close" @click="closeDescriptionModal">
+            <text class="close-icon">×</text>
+          </view>
+        </view>
+        <view class="modal-content">
+          <text class="modal-text">{{ currentDescription }}</text>
+        </view>
+      </view>
+    </uni-popup>
   </view>
 </template>
 
@@ -115,9 +152,24 @@ import { ref, reactive, onMounted } from "vue";
 import { onShow } from "@dcloudio/uni-app";
 import { kcjbFindPageApi, kcjbBannerApi, kcjbRegisterApi, getXqList } from "@/api/base/kcjbApi";
 import { useUserStore } from "@/store/modules/user";
+import { imagUrl } from "@/utils";
+import { 
+  previewFile as previewFileUtil
+} from "@/utils/filePreview";
 
 const { getJs, getUser } = useUserStore();
 
+// 附件类型定义
+interface FileInfo {
+  name: string;
+  size: number;
+  url: string;
+  resourName?: string; // 资源名称
+  resourUrl?: string;  // 资源URL
+  resSuf?: string;     // 文件后缀
+  resourSuf?: string;  // 资源文件后缀
+}
+
 interface CourseItem {
     id: string;
     kcmc: string; // 课程名称
@@ -129,6 +181,9 @@ interface CourseItem {
     jsxm?: string; // 教师姓名
     bzrxm?: string; // 班主任姓名
     ljlxxm?: string; // 联系人姓名
+    fileUrl?: string; // 文件存储路径
+    fileName?: string; // 原文件名称
+    fileFormat?: string; // 文件格式
 }
 
 // 搜索表单
@@ -146,6 +201,10 @@ const hasMore = ref(true);
 const currentPage = ref(1);
 const pageSize = ref(10);
 
+// 课程描述弹窗
+const descriptionPopup = ref<any>(null);
+const currentDescription = ref('');
+
 // 获取学期列表
 const loadXqList = async () => {
     try {
@@ -309,6 +368,137 @@ onMounted(() => {
     loadXqList(); // 加载学期列表，会自动选择第一条并查询
 });
 
+// 检查是否有附件
+const hasAttachments = (data: any) => {
+  return data.fileUrl && data.fileName;
+};
+
+// 解析逗号分隔的文件信息
+const parseFileList = (data: any) => {
+  const fileList: FileInfo[] = [];
+  
+  // 处理单个文件（从data直接获取）
+  if (data.fileUrl && data.fileName) {
+    const urls = data.fileUrl.split(',').map((url: string) => url.trim());
+    const names = data.fileName.split(',').map((name: string) => name.trim());
+    const formats = data.fileFormat ? data.fileFormat.split(',').map((format: string) => format.trim()) : [];
+    
+    urls.forEach((url: string, index: number) => {
+      if (url) {
+        const fileName = names[index] || `文件${index + 1}`;
+        const fileFormat = formats[index] || '';
+        const fileSuffix = fileFormat || url.split('.').pop() || '';
+        
+        fileList.push({
+          name: fileName,
+          url: url,
+          resourName: fileName,
+          resourUrl: url,
+          resourSuf: fileSuffix,
+          size: 0 // 无法从URL获取文件大小
+        });
+      }
+    });
+  }
+  
+  return fileList;
+};
+
+// 预览附件文件
+const previewAttachmentFile = (file: FileInfo) => {
+  const fileUrl = file.resourUrl ? imagUrl(file.resourUrl) : (file.url ? imagUrl(file.url) : '');
+  const fileName = file.resourName || file.name || '未知文件';
+  const fileSuf = getFileSuffix(file);
+  
+  if (!fileUrl) {
+    return;
+  }
+  
+  // 统一使用 kkview 预览
+  const fullFileName = fileSuf ? `${fileName}.${fileSuf}` : fileName;
+  previewFileUtil(fileUrl, fullFileName, fileSuf)
+    .catch((error: any) => {
+      uni.showToast({
+        title: '预览失败',
+        icon: 'error'
+      });
+    });
+};
+
+// 获取文件名
+const getFileName = (file: FileInfo) => {
+  if (file.resourName) {
+    return file.resourName;
+  }
+  if (file.name) {
+    // 如果name包含扩展名，去掉扩展名
+    const lastDotIndex = file.name.lastIndexOf('.');
+    if (lastDotIndex > 0) {
+      return file.name.substring(0, lastDotIndex);
+    }
+    return file.name;
+  }
+  return '未知文件';
+};
+
+// 获取文件后缀
+const getFileSuffix = (file: FileInfo) => {
+  if (file.resourSuf) {
+    return file.resourSuf;
+  }
+  if (file.resSuf) {
+    return file.resSuf;
+  }
+  if (file.url) {
+    const lastDotIndex = file.url.lastIndexOf('.');
+    if (lastDotIndex > 0) {
+      return file.url.substring(lastDotIndex + 1);
+    }
+  }
+  if (file.name) {
+    const lastDotIndex = file.name.lastIndexOf('.');
+    if (lastDotIndex > 0) {
+      return file.name.substring(lastDotIndex + 1);
+    }
+  }
+  return 'unknown';
+};
+
+// 获取文件图标
+const getFileIcon = (fileType: string) => {
+  const type = fileType.toLowerCase();
+  switch (type) {
+    case 'pdf':
+      return '/static/base/view/pdf.png';
+    case 'doc':
+    case 'docx':
+      return '/static/base/view/word.png';
+    case 'xls':
+    case 'xlsx':
+      return '/static/base/view/excel.png';
+    case 'ppt':
+    case 'pptx':
+      return '/static/base/view/ppt.png';
+    case 'zip':
+    case 'rar':
+    case '7z':
+      return '/static/base/view/zip.png';
+    default:
+      return '/static/base/view/more.png';
+  }
+};
+
+// 显示课程描述弹窗
+const showDescriptionModal = (description: string) => {
+  currentDescription.value = description;
+  descriptionPopup.value?.open();
+};
+
+// 关闭课程描述弹窗
+const closeDescriptionModal = () => {
+  descriptionPopup.value?.close();
+};
+
 </script>
 
 <style lang="scss" scoped>
@@ -597,6 +787,64 @@ onMounted(() => {
       }
     }
     
+    // 附件相关样式
+    .attachments-section {
+      margin-top: 12px;
+      margin-bottom: 12px;
+      padding-top: 12px;
+      border-top: 1px solid rgba(78, 115, 223, 0.1);
+    }
+    
+    .attachments-list {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+    }
+    
+    .attachment-item {
+      display: flex;
+      align-items: center;
+      padding: 6px 10px;
+      background: linear-gradient(135deg, #f7f9fc 0%, #ffffff 100%);
+      border: 1px solid rgba(78, 115, 223, 0.15);
+      border-radius: 8px;
+      transition: all 0.3s ease;
+      flex: 1;
+      min-width: 0;
+      
+      &:active {
+        transform: translateY(1px);
+        background: rgba(78, 115, 223, 0.1);
+        border-color: #4e73df;
+      }
+      
+      .attachment-icon {
+        margin-right: 6px;
+        width: 20px;
+        height: 20px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+        
+        .icon-image {
+          width: 18px;
+          height: 18px;
+        }
+      }
+      
+      .attachment-name {
+        font-size: 12px;
+        color: #2d3748;
+        font-weight: 500;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        flex: 1;
+        min-width: 0;
+      }
+    }
+    
     .course-info {
       display: flex;
       flex-direction: column;
@@ -734,4 +982,70 @@ onMounted(() => {
     padding: 0 12px;
   }
 }
+
+// 课程描述弹窗样式
+.description-modal {
+  width: 85vw;
+  max-width: 600px;
+  max-height: 70vh;
+  background-color: #ffffff;
+  border-radius: 16px;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
+}
+
+.modal-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px;
+  background: linear-gradient(135deg, #4e73df 0%, #2e59d9 100%);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.modal-title {
+  font-size: 18px;
+  font-weight: 600;
+  color: #ffffff;
+}
+
+.modal-close {
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 0.2);
+  transition: all 0.3s ease;
+}
+
+.modal-close:active {
+  background: rgba(255, 255, 255, 0.3);
+  transform: scale(0.95);
+}
+
+.close-icon {
+  font-size: 24px;
+  color: #ffffff;
+  font-weight: bold;
+  line-height: 1;
+}
+
+.modal-content {
+  flex: 1;
+  padding: 20px;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.modal-text {
+  font-size: 15px;
+  line-height: 1.8;
+  color: #333333;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
 </style> 
\ No newline at end of file
diff --git a/src/pages/view/routine/yishiyice/kcrwzxtj.vue b/src/pages/view/routine/yishiyice/kcrwzxtj.vue
index 0ed5758..e6dafc6 100644
--- a/src/pages/view/routine/yishiyice/kcrwzxtj.vue
+++ b/src/pages/view/routine/yishiyice/kcrwzxtj.vue
@@ -400,7 +400,23 @@ onLoad(async (options: any) => {
             disabled: isReadOnly.value // 禁用上传组件
           }
         })
+      } else if (rwflx.value[i].rwfl == "fwb") {
+        // 富文本类型 - 使用富文本编辑器
+        schema.value.push({
+          field: `${rwflx.value[i].id}`,
+          label: `${rwflx.value[i].rwbt}`,
+          component: "BasicEditor",  // 使用富文本编辑器组件
+          required: rwflx.value[i].rwbs && !isReadOnly.value, // 只读模式下不要求必填
+          itemProps: {
+            labelPosition: "top",
+          },
+          componentProps: {
+            placeholder: isReadOnly.value ? "" : "请输入富文本内容，支持插入图片",
+            disabled: isReadOnly.value // 禁用编辑器
+          },
+        })
       } else if (rwflx.value[i].rwfl == "text") {
+        // 普通文本类型 - 使用 BasicInput
         schema.value.push({
           field: `${rwflx.value[i].id}`,
           label: `${rwflx.value[i].rwbt}`,
@@ -416,7 +432,8 @@ onLoad(async (options: any) => {
           },
         })
       } else if (rwflx.value[i].rwfl == "dxsx" || rwflx.value[i].rwfl == "dxxz") {
-        let options = rwflx.value[i].remark.split("；");
+        // 同时支持中文分号（；）和英文分号（;）分割选项
+        let options = rwflx.value[i].remark.split(/[；;]/);
         let range = [];
         for (let j = 0; j < options.length; j++) {
           range.push({
diff --git a/src/pages/view/routine/yishiyice/rw/index.vue b/src/pages/view/routine/yishiyice/rw/index.vue
index 1d494f8..6c09d80 100644
--- a/src/pages/view/routine/yishiyice/rw/index.vue
+++ b/src/pages/view/routine/yishiyice/rw/index.vue
@@ -44,10 +44,32 @@
               </view>
               
               <view class="card-body">
-                <view class="course-description" v-if="course.kcms">
+                <!-- 如果有附件，显示附件；否则显示课程描述 -->
+                <view class="course-description" v-if="course.kcms && !hasAttachments(course)" @click.stop="showDescriptionModal(course.kcms)">
                   <text class="description-text">{{ course.kcms }}</text>
                 </view>
                 
+                <!-- 附件列表 -->
+                <view class="attachments-section" v-if="hasAttachments(course)">
+                  <view class="attachments-list">
+                    <view 
+                      v-for="(file, fileIndex) in parseFileList(course)" 
+                      :key="fileIndex" 
+                      class="attachment-item"
+                      @click.stop="previewAttachmentFile(file)"
+                    >
+                      <view class="attachment-icon">
+                        <image 
+                          :src="getFileIcon(getFileSuffix(file))" 
+                          class="icon-image"
+                          mode="aspectFit"
+                        />
+                      </view>
+                      <text class="attachment-name">{{ getFileName(file) }}</text>
+                    </view>
+                  </view>
+                </view>
+                
                 <view class="course-meta">
                   <view class="meta-item" v-if="course.jsxm">
                     <view class="meta-icon">👨‍🏫</view>
@@ -93,6 +115,21 @@
         </view>
       </scroll-view>
     </view>
+    
+    <!-- 课程描述弹窗 -->
+    <uni-popup ref="descriptionPopup" type="center" :mask-click="true">
+      <view class="description-modal">
+        <view class="modal-header">
+          <text class="modal-title">课程描述</text>
+          <view class="modal-close" @click="closeDescriptionModal">
+            <text class="close-icon">×</text>
+          </view>
+        </view>
+        <view class="modal-content">
+          <text class="modal-text">{{ currentDescription }}</text>
+        </view>
+      </view>
+    </uni-popup>
   </view>
 </template>
 
@@ -102,12 +139,27 @@ import { onShow, onLoad } from "@dcloudio/uni-app";
 import { kcjbFindPageApi, kcjbBannerApi, kcjbRegisterApi, getXqList } from "@/api/base/kcjbApi";
 import { jyjbFindPageApi } from "@/api/base/jyjbApi";
 import { useUserStore } from "@/store/modules/user";
+import { imagUrl } from "@/utils";
+import { 
+  previewFile as previewFileUtil
+} from "@/utils/filePreview";
 
 const { getJs, getUser } = useUserStore();
 
 // 任务类型：ysyc-一师一策（学习任务）、xkjy-学科教研（教研任务）
 const taskType = ref<'ysyc' | 'xkjy'>('ysyc');
 
+// 附件类型定义
+interface FileInfo {
+  name: string;
+  size: number;
+  url: string;
+  resourName?: string; // 资源名称
+  resourUrl?: string;  // 资源URL
+  resSuf?: string;     // 文件后缀
+  resourSuf?: string;  // 资源文件后缀
+}
+
 interface CourseItem {
     id: string;
     kcmc: string; // 课程名称
@@ -119,6 +171,9 @@ interface CourseItem {
     jsxm?: string; // 教师姓名
     bzrxm?: string; // 班主任姓名
     ljlxxm?: string; // 联系人姓名
+    fileUrl?: string; // 文件存储路径
+    fileName?: string; // 原文件名称
+    fileFormat?: string; // 文件格式
 }
 
 // 搜索表单
@@ -136,6 +191,10 @@ const hasMore = ref(true);
 const currentPage = ref(1);
 const pageSize = ref(10);
 
+// 课程描述弹窗
+const descriptionPopup = ref<any>(null);
+const currentDescription = ref('');
+
 // 获取学期列表
 const loadXqList = async () => {
     try {
@@ -336,6 +395,137 @@ onMounted(() => {
     loadXqList(); // 加载学期列表，会自动选择第一条并查询
 });
 
+// 检查是否有附件
+const hasAttachments = (data: any) => {
+  return data.fileUrl && data.fileName;
+};
+
+// 解析逗号分隔的文件信息
+const parseFileList = (data: any) => {
+  const fileList: FileInfo[] = [];
+  
+  // 处理单个文件（从data直接获取）
+  if (data.fileUrl && data.fileName) {
+    const urls = data.fileUrl.split(',').map((url: string) => url.trim());
+    const names = data.fileName.split(',').map((name: string) => name.trim());
+    const formats = data.fileFormat ? data.fileFormat.split(',').map((format: string) => format.trim()) : [];
+    
+    urls.forEach((url: string, index: number) => {
+      if (url) {
+        const fileName = names[index] || `文件${index + 1}`;
+        const fileFormat = formats[index] || '';
+        const fileSuffix = fileFormat || url.split('.').pop() || '';
+        
+        fileList.push({
+          name: fileName,
+          url: url,
+          resourName: fileName,
+          resourUrl: url,
+          resourSuf: fileSuffix,
+          size: 0 // 无法从URL获取文件大小
+        });
+      }
+    });
+  }
+  
+  return fileList;
+};
+
+// 预览附件文件
+const previewAttachmentFile = (file: FileInfo) => {
+  const fileUrl = file.resourUrl ? imagUrl(file.resourUrl) : (file.url ? imagUrl(file.url) : '');
+  const fileName = file.resourName || file.name || '未知文件';
+  const fileSuf = getFileSuffix(file);
+  
+  if (!fileUrl) {
+    return;
+  }
+  
+  // 统一使用 kkview 预览
+  const fullFileName = fileSuf ? `${fileName}.${fileSuf}` : fileName;
+  previewFileUtil(fileUrl, fullFileName, fileSuf)
+    .catch((error: any) => {
+      uni.showToast({
+        title: '预览失败',
+        icon: 'error'
+      });
+    });
+};
+
+// 获取文件名
+const getFileName = (file: FileInfo) => {
+  if (file.resourName) {
+    return file.resourName;
+  }
+  if (file.name) {
+    // 如果name包含扩展名，去掉扩展名
+    const lastDotIndex = file.name.lastIndexOf('.');
+    if (lastDotIndex > 0) {
+      return file.name.substring(0, lastDotIndex);
+    }
+    return file.name;
+  }
+  return '未知文件';
+};
+
+// 获取文件后缀
+const getFileSuffix = (file: FileInfo) => {
+  if (file.resourSuf) {
+    return file.resourSuf;
+  }
+  if (file.resSuf) {
+    return file.resSuf;
+  }
+  if (file.url) {
+    const lastDotIndex = file.url.lastIndexOf('.');
+    if (lastDotIndex > 0) {
+      return file.url.substring(lastDotIndex + 1);
+    }
+  }
+  if (file.name) {
+    const lastDotIndex = file.name.lastIndexOf('.');
+    if (lastDotIndex > 0) {
+      return file.name.substring(lastDotIndex + 1);
+    }
+  }
+  return 'unknown';
+};
+
+// 获取文件图标
+const getFileIcon = (fileType: string) => {
+  const type = fileType.toLowerCase();
+  switch (type) {
+    case 'pdf':
+      return '/static/base/view/pdf.png';
+    case 'doc':
+    case 'docx':
+      return '/static/base/view/word.png';
+    case 'xls':
+    case 'xlsx':
+      return '/static/base/view/excel.png';
+    case 'ppt':
+    case 'pptx':
+      return '/static/base/view/ppt.png';
+    case 'zip':
+    case 'rar':
+    case '7z':
+      return '/static/base/view/zip.png';
+    default:
+      return '/static/base/view/more.png';
+  }
+};
+
+// 显示课程描述弹窗
+const showDescriptionModal = (description: string) => {
+  currentDescription.value = description;
+  descriptionPopup.value?.open();
+};
+
+// 关闭课程描述弹窗
+const closeDescriptionModal = () => {
+  descriptionPopup.value?.close();
+};
+
 </script>
 
 <style lang="scss" scoped>
@@ -506,6 +696,15 @@ onMounted(() => {
     
     .course-description {
       margin-bottom: 10px;
+      padding: 10px;
+      background: rgba(102, 126, 234, 0.05);
+      border-radius: 8px;
+      border-left: 3px solid #667eea;
+      transition: all 0.3s ease;
+      
+      &:active {
+        background: rgba(102, 126, 234, 0.1);
+      }
       
       .description-text {
         font-size: 14px;
@@ -519,6 +718,64 @@ onMounted(() => {
       }
     }
     
+    // 附件相关样式
+    .attachments-section {
+      margin-top: 10px;
+      margin-bottom: 10px;
+      padding-top: 10px;
+      border-top: 1px solid rgba(102, 126, 234, 0.1);
+    }
+    
+    .attachments-list {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+    }
+    
+    .attachment-item {
+      display: flex;
+      align-items: center;
+      padding: 6px 10px;
+      background: linear-gradient(135deg, #f7f9fc 0%, #ffffff 100%);
+      border: 1px solid rgba(102, 126, 234, 0.15);
+      border-radius: 8px;
+      transition: all 0.3s ease;
+      flex: 1;
+      min-width: 0;
+      
+      &:active {
+        transform: translateY(1px);
+        background: rgba(102, 126, 234, 0.1);
+        border-color: #667eea;
+      }
+      
+      .attachment-icon {
+        margin-right: 6px;
+        width: 20px;
+        height: 20px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+        
+        .icon-image {
+          width: 18px;
+          height: 18px;
+        }
+      }
+      
+      .attachment-name {
+        font-size: 12px;
+        color: #2d3748;
+        font-weight: 500;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        flex: 1;
+        min-width: 0;
+      }
+    }
+    
     .course-meta {
       display: flex;
       flex-direction: column;
@@ -661,4 +918,69 @@ onMounted(() => {
   }
 }
 
+// 课程描述弹窗样式
+.description-modal {
+  width: 85vw;
+  max-width: 600px;
+  max-height: 70vh;
+  background-color: #ffffff;
+  border-radius: 16px;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
+}
+
+.modal-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.modal-title {
+  font-size: 18px;
+  font-weight: 600;
+  color: #ffffff;
+}
+
+.modal-close {
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 0.2);
+  transition: all 0.3s ease;
+}
+
+.modal-close:active {
+  background: rgba(255, 255, 255, 0.3);
+  transform: scale(0.95);
+}
+
+.close-icon {
+  font-size: 24px;
+  color: #ffffff;
+  font-weight: bold;
+  line-height: 1;
+}
+
+.modal-content {
+  flex: 1;
+  padding: 20px;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.modal-text {
+  font-size: 15px;
+  line-height: 1.8;
+  color: #333333;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
 </style> 
\ No newline at end of file
diff --git a/src/pages/view/routine/yishiyice/rw/rwlist.vue b/src/pages/view/routine/yishiyice/rw/rwlist.vue
index 41f2bd3..7d2130a 100644
--- a/src/pages/view/routine/yishiyice/rw/rwlist.vue
+++ b/src/pages/view/routine/yishiyice/rw/rwlist.vue
@@ -103,7 +103,7 @@ onLoad(async (options) => {
           required: rwflx.value[i].rwbs,
           componentProps: {}
         })
-      } else if (rwflx.value[i].rwfl == "text") {
+      } else if (rwflx.value[i].rwfl == "text" || rwflx.value[i].rwfl == "fwb") {
         schema.push({
           field: `${rwflx.value[i].id}`,
           label: `${rwflx.value[i].rwbt}`,
@@ -114,10 +114,12 @@ onLoad(async (options) => {
           },
           componentProps: {
             type: "textarea",
+            placeholder: rwflx.value[i].rwfl == "fwb" ? "请输入富文本内容" : "请输入内容"
           },
         })
       } else if (rwflx.value[i].rwfl == "dxsx" || rwflx.value[i].rwfl == "dxxz") {
-        let options = rwflx.value[i].remark.split("；");
+        // 同时支持中文分号（；）和英文分号（;）分割选项
+        let options = rwflx.value[i].remark.split(/[；;]/);
         let range = [];
         for (let i = 0; i < options.length; i++) {
           range.push({
diff --git a/src/pages/view/routine/yishiyice/rw/rwzxtj.vue b/src/pages/view/routine/yishiyice/rw/rwzxtj.vue
index ce673c1..68577c0 100644
--- a/src/pages/view/routine/yishiyice/rw/rwzxtj.vue
+++ b/src/pages/view/routine/yishiyice/rw/rwzxtj.vue
@@ -101,6 +101,23 @@ interface RwInfo {
   [key: string]: any; // 允许其他属性
 }
 
+interface RwlxItem {
+  id: string;
+  rwbt?: string;
+  rwfl?: string;
+  rwbs?: number;
+  remark?: string;
+  [key: string]: any;
+}
+
+interface RwzxqdItem {
+  id?: string;
+  rwlxId?: string;
+  rwzxqdtx?: string;
+  wjmc?: string;
+  [key: string]: any;
+}
+
 const formData: any = ref({})
 const messageId = ref<string>('');
 const jsId = ref<string>(''); // 教师ID
@@ -121,9 +138,10 @@ const messageDetail = ref<MessageDetail | null>({
   comments: 12
 });
 const isLoading = ref(false);
-const rwflx: any = ref([])
+const rwflx = ref<RwlxItem[]>([])
 const rw = ref<RwInfo>({})
 const schema = ref<FormsSchema[]>([])
+const rwzxqds = ref<RwzxqdItem[]>([])
 const {getUser} = useUserStore()
 
 async function saveRwZx() {
@@ -153,8 +171,8 @@ async function performSubmit() {
     let fileNames = '';
     if (rwflx.value[i].rwfl == "sctp" || rwflx.value[i].rwfl == "scsp" || rwflx.value[i].rwfl == "scwd") {
       // 收集上传文件的URL和文件名
-      const fileUrls = [];
-      const names = [];
+      const fileUrls: string[] = [];
+      const names: string[] = [];
       
       if (rwflx.value[i].rwfl == "sctp") {
         // 图片上传
@@ -217,7 +235,7 @@ async function performSubmit() {
       }
     }
     // 查找对应的执行记录ID
-    const existingRecord = rwzxqds.value.find(item => item.rwlxId === fieldId);
+    const existingRecord = rwzxqds.value.find((item: RwzxqdItem) => item.rwlxId === fieldId);
     const recordId = existingRecord ? existingRecord.id : undefined;
     
     result.push({
@@ -260,7 +278,6 @@ const getFileFormat = (fileName: string) => {
   return parts.length > 1 ? parts[parts.length - 1].toLowerCase() : '';
 };
 
-const rwzxqds = ref([])
 onLoad(async (options) => {
   console.log('页面加载参数:', options);
   
@@ -280,7 +297,7 @@ onLoad(async (options) => {
       uni.removeStorageSync('taskSubmitData');
     } catch (error) {
       console.error('解析全局存储参数失败:', error);
-      taskId = options.rwId || options.id || '';
+      taskId = (options?.rwId || options?.id) || '';
     }
   } else {
     // 兼容原有的URL参数方式（向后兼容）
@@ -293,12 +310,12 @@ onLoad(async (options) => {
         console.log('解析URL参数成功:', { taskId, rwId: params.rwId, id: params.id, jsId: jsId.value, executionId: executionId.value });
       } catch (error) {
         console.error('解析URL参数失败:', error);
-        taskId = options.rwId || options.id || '';
+        taskId = (options?.rwId || options?.id) || '';
       }
-    } else if (options && (options.rwId || options.id)) {
+      } else if (options && (options.rwId || options.id)) {
       // 优先使用 rwId 参数，如果没有再使用 id 参数
-      taskId = options.rwId || options.id;
-      console.log('直接使用URL参数:', { taskId, rwId: options.rwId, id: options.id });
+      taskId = (options?.rwId || options?.id) || '';
+      console.log('直接使用URL参数:', { taskId, rwId: options?.rwId, id: options?.id });
     }
   }
   
@@ -337,7 +354,7 @@ onLoad(async (options) => {
           formData.value[`${fieldId}_fileList`] = [];
         }
         // 根据任务类型配置上传组件
-        let componentConfig = {};
+        let componentConfig: Partial<FormsSchema> = {};
         
         if (rwflx.value[i].rwfl == "sctp") {
           // 上传图片
@@ -393,7 +410,7 @@ onLoad(async (options) => {
         schema.value.push({
           field: schemaField,
           label: `${rwflx.value[i].rwbt}`,
-          required: rwflx.value[i].rwbs,
+          required: !!rwflx.value[i].rwbs,
           itemProps: {
             labelPosition: "top",
           },
@@ -406,12 +423,34 @@ onLoad(async (options) => {
           label: rwflx.value[i].rwbt,
           component: componentConfig.component
         });
+      } else if (rwflx.value[i].rwfl == "fwb") {
+        // 富文本类型 - 使用富文本编辑器
+        schema.value.push({
+          field: `${rwflx.value[i].id}`,
+          label: `${rwflx.value[i].rwbt}`,
+          component: "BasicEditor",  // 使用富文本编辑器组件
+          required: !!rwflx.value[i].rwbs,
+          itemProps: {
+            labelPosition: "top",
+          },
+          componentProps: {
+            placeholder: "请输入富文本内容，支持插入图片"
+          },
+        })
+        
+        // 调试：打印富文本类型的 schema
+        console.log(`富文本类型 schema ${i + 1}:`, {
+          field: rwflx.value[i].id,
+          label: rwflx.value[i].rwbt,
+          component: "BasicEditor"
+        });
       } else if (rwflx.value[i].rwfl == "text") {
+        // 普通文本类型 - 使用 BasicInput
         schema.value.push({
           field: `${rwflx.value[i].id}`,
           label: `${rwflx.value[i].rwbt}`,
           component: "BasicInput",
-          required: rwflx.value[i].rwbs,
+          required: !!rwflx.value[i].rwbs,
           itemProps: {
             labelPosition: "top",
           },
@@ -428,7 +467,8 @@ onLoad(async (options) => {
           component: "BasicInput"
         });
       } else if (rwflx.value[i].rwfl == "dxsx" || rwflx.value[i].rwfl == "dxxz") {
-        let options = rwflx.value[i].remark.split("；");
+        // 同时支持中文分号（；）和英文分号（;）分割选项
+        let options = (rwflx.value[i].remark || '').split(/[；;]/);
         let range = [];
         for (let j = 0; j < options.length; j++) {
           range.push({
@@ -439,7 +479,7 @@ onLoad(async (options) => {
           field: `${rwflx.value[i].id}`,
           label: `${rwflx.value[i].rwbt}`,
           component: "BasicPicker",
-          required: rwflx.value[i].rwbs,
+          required: !!rwflx.value[i].rwbs,
           itemProps: {
             labelPosition: "top",
           },
@@ -483,9 +523,9 @@ onLoad(async (options) => {
     
     // 根据rwzxqdtx字段控制提交按钮显示：如果有任意一个rwzxqdtx字段有值，则不显示提交按钮
     if (rwzxqds.value && rwzxqds.value.length > 0) {
-      const hasExecutedData = rwzxqds.value.some(item => item.rwzxqdtx && item.rwzxqdtx.trim() !== '');
+      const hasExecutedData = rwzxqds.value.some((item: RwzxqdItem) => item.rwzxqdtx && item.rwzxqdtx.trim() !== '');
       showSubmitButton.value = !hasExecutedData; // 有值不显示，没值才显示
-      console.log('检查rwzxqdtx字段:', rwzxqds.value.map(item => ({ rwlxId: item.rwlxId, rwzxqdtx: item.rwzxqdtx })));
+      console.log('检查rwzxqdtx字段:', rwzxqds.value.map((item: RwzxqdItem) => ({ rwlxId: item.rwlxId, rwzxqdtx: item.rwzxqdtx })));
       console.log('是否有已执行数据:', hasExecutedData, '是否显示提交按钮:', showSubmitButton.value);
     } else {
       // 如果没有执行清单数据，默认显示提交按钮（新任务）
@@ -496,23 +536,23 @@ onLoad(async (options) => {
     // 处理执行清单数据回显
     if (rwzxqds.value && rwzxqds.value.length > 0) {
       console.log('开始处理执行清单数据回显，rwzxqds.value:', rwzxqds.value);
-      const showData = {};
+      const showData: Record<string, any> = {};
       
       for (let i = 0; i < rwzxqds.value.length; i++) {
-        const record = rwzxqds.value[i];
+        const record: RwzxqdItem = rwzxqds.value[i];
         const rwlxId = record.rwlxId;
         const rwzxqdtx = record.rwzxqdtx;
         
         // 查找对应的任务类型
-        const taskType = rwflx.value.find(item => item.id === rwlxId);
+        const taskType = rwflx.value.find((item: RwlxItem) => item.id === rwlxId);
         
-        if (taskType) {
+        if (taskType && rwlxId) {
           if (taskType.rwfl === "sctp") {
             // 图片上传类型 - 解析URL和文件名并创建图片对象
             if (rwzxqdtx) {
               const urls = rwzxqdtx.split(',').filter(Boolean);
               const names = record.wjmc ? record.wjmc.split(',').filter(Boolean) : [];
-              const images = urls.map((url, index) => ({
+              const images = urls.map((url: string, index: number) => ({
                 url: imagUrl(url.trim()),
                 name: names[index] || url.split('/').pop() || 'image.jpg',
                 tempPath: undefined
@@ -524,7 +564,7 @@ onLoad(async (options) => {
             if (rwzxqdtx) {
               const urls = rwzxqdtx.split(',').filter(Boolean);
               const names = record.wjmc ? record.wjmc.split(',').filter(Boolean) : [];
-              const videos = urls.map((url, index) => ({
+              const videos = urls.map((url: string, index: number) => ({
                 url: imagUrl(url.trim()),
                 name: names[index] || url.split('/').pop() || 'video.mp4',
                 tempPath: undefined
@@ -536,7 +576,7 @@ onLoad(async (options) => {
             if (rwzxqdtx) {
               const urls = rwzxqdtx.split(',').filter(Boolean);
               const names = record.wjmc ? record.wjmc.split(',').filter(Boolean) : [];
-              const files = urls.map((url, index) => ({
+              const files = urls.map((url: string, index: number) => ({
                 url: imagUrl(url.trim()),
                 name: names[index] || url.split('/').pop() || 'document',
                 tempPath: undefined,
@@ -547,7 +587,9 @@ onLoad(async (options) => {
             }
           } else {
             // 文本等其他类型
-            showData[rwlxId] = rwzxqdtx;
+            if (rwlxId) {
+              showData[rwlxId] = rwzxqdtx;
+            }
           }
         }
       }
@@ -558,7 +600,7 @@ onLoad(async (options) => {
       // 更新 schema 中上传组件的初始值
       for (let i = 0; i < schema.value.length; i++) {
         const schemaItem = schema.value[i];
-        if (schemaItem.component === "ImageVideoUpload" && schemaItem.field) {
+        if ((schemaItem.component === "ImageVideoUpload" || schemaItem.component === "BasicEditor") && schemaItem.field) {
           const fieldName = schemaItem.field;
           
           if (fieldName.includes('_imageList') && formData.value[fieldName]) {
diff --git a/src/pages/vr/shooting/detail.vue b/src/pages/vr/shooting/detail.vue
new file mode 100644
index 0000000..9299d1e
--- /dev/null
+++ b/src/pages/vr/shooting/detail.vue
@@ -0,0 +1,2013 @@
+<template>
+  <view class="vr-shooting-page">
+    <!-- 顶部导航 -->
+    <view class="header">
+      <view class="header-title">{{ isEditMode ? '编辑VR位置' : 'VR全景拍摄' }}</view>
+      <view class="header-subtitle">{{ isEditMode ? '修改位置信息和图片' : '按照指引完成拍摄' }}</view>
+    </view>
+
+    <!-- 步骤指示器 -->
+    <view class="steps-container">
+      <view
+        v-for="(step, index) in steps"
+        :key="index"
+        class="step-item"
+        :class="{ active: currentStep === index, completed: currentStep > index }"
+      >
+        <view class="step-number">{{ index + 1 }}</view>
+        <view class="step-title">{{ step.title }}</view>
+      </view>
+    </view>
+
+    <!-- 步骤内容 -->
+    <scroll-view scroll-y class="content-scroll">
+      <!-- 步骤1: 选择位置 -->
+      <view v-if="currentStep === 0" class="step-content">
+        <view class="step-header">
+          <text class="step-icon">🏫</text>
+          <text class="step-title-text">选择拍摄位置</text>
+        </view>
+        <view class="form-group">
+          <view class="form-label">楼栋/场地 <text style="color: red">*</text></view>
+          <u-picker
+            :show="showBuildingPicker"
+            :columns="[buildingList]"
+            keyName="buildingName"
+            @confirm="onBuildingConfirm"
+            @cancel="showBuildingPicker = false"
+          ></u-picker>
+          <view class="picker-input-wrapper" @click="showBuildingPicker = true">
+            <u-input
+              v-model="shootingData.buildingName"
+              placeholder="请选择楼栋/场地"
+              border="surround"
+              readonly
+              :disabled="true"
+              suffixIcon="arrow-down"
+            />
+          </view>
+        </view>
+        <view class="form-group">
+          <view class="form-label">位置类型 <text style="color: red">*</text></view>
+          <u-radio-group v-model="shootingData.locationType">
+            <u-radio
+              v-for="type in locationTypes"
+              :key="type.value"
+              :name="type.value"
+              :label="type.label"
+            />
+          </u-radio-group>
+        </view>
+        <!-- 室内位置输入 -->
+        <template v-if="shootingData.locationType === 'indoor'">
+          <view class="form-group">
+            <view class="form-label">位置名称 <text style="color: red">*</text></view>
+            <u-input
+              v-model="shootingData.locationName"
+              placeholder="请输入位置名称，如：101教室、活动室A"
+              border="surround"
+              clearable
+            />
+          </view>
+          <view class="form-group">
+            <view class="form-label">楼层号 <text style="color: red">*</text></view>
+            <u-input
+              v-model="shootingData.floorNum"
+              placeholder="请输入楼层号，如：1、2、-1（地下）"
+              border="surround"
+              type="number"
+              clearable
+            />
+          </view>
+          <view class="form-group">
+            <view class="form-label">房间号 <text style="color: red">*</text></view>
+            <u-input
+              v-model="shootingData.roomNum"
+              placeholder="请输入房间号，如：101、201"
+              border="surround"
+              clearable
+            />
+          </view>
+          <view class="form-group">
+            <view class="form-label">位置描述（可选）</view>
+            <u-input
+              v-model="shootingData.description"
+              placeholder="请输入位置描述"
+              border="surround"
+              type="textarea"
+              :maxlength="200"
+              clearable
+            />
+          </view>
+        </template>
+        <!-- 室外位置输入 -->
+        <template v-if="shootingData.locationType === 'outdoor'">
+          <view class="form-group">
+            <view class="form-label">位置名称 <text style="color: red">*</text></view>
+            <u-input
+              v-model="shootingData.locationName"
+              placeholder="请输入位置名称，如：操场、校门口、广场"
+              border="surround"
+              clearable
+            />
+          </view>
+          <view class="form-group">
+            <view class="form-label">位置描述（可选）</view>
+            <u-input
+              v-model="shootingData.description"
+              placeholder="请输入位置描述"
+              border="surround"
+              type="textarea"
+              :maxlength="200"
+              clearable
+            />
+          </view>
+        </template>
+        <view class="tips-box">
+          <text class="tips-title">💡 提示</text>
+          <text class="tips-text">• 室内：拍摄教室、办公室、活动室等室内场景</text>
+          <text class="tips-text">• 室外：拍摄操场、广场、校门口等室外场景</text>
+          <text class="tips-text">• 请确保拍摄位置准确，便于后续VR导航</text>
+        </view>
+      </view>
+
+      <!-- 步骤2: 拍摄位置指引 -->
+      <view v-if="currentStep === 1" class="step-content">
+        <view class="step-header">
+          <text class="step-icon">📍</text>
+          <text class="step-title-text">确定拍摄位置</text>
+        </view>
+        <view class="guide-card">
+          <view class="guide-item">
+            <text class="guide-number">1</text>
+            <text class="guide-text">站在房间中心位置</text>
+          </view>
+          <view class="guide-item">
+            <text class="guide-number">2</text>
+            <text class="guide-text">确保能看到房间主要区域</text>
+          </view>
+          <view class="guide-item">
+            <text class="guide-number">3</text>
+            <text class="guide-text">确保能看到门的位置（用于场景连接）</text>
+          </view>
+        </view>
+
+        <!-- 水平仪（可选） -->
+        <view class="level-container" v-if="showLevel">
+          <view class="level-title">水平仪</view>
+          <view class="level-indicator">
+            <view class="level-line" :style="{ transform: `rotate(${levelAngle}deg)` }"></view>
+          </view>
+          <view class="level-tip">保持手机水平</view>
+        </view>
+
+        <view class="action-buttons">
+          <u-button
+            text="开启水平仪"
+            type="info"
+            plain
+            @click="toggleLevel"
+            v-if="!showLevel"
+          />
+          <u-button
+            text="关闭水平仪"
+            type="info"
+            plain
+            @click="toggleLevel"
+            v-else
+          />
+        </view>
+
+        <view class="tips-box">
+          <text class="tips-title">💡 拍摄要点</text>
+          <text class="tips-text">• 拍摄高度约1.5米（人眼高度）</text>
+          <text class="tips-text">• 保持手机垂直，避免倾斜</text>
+          <text class="tips-text">• 确保光线充足</text>
+        </view>
+      </view>
+
+      <!-- 步骤3: 拍摄方式选择 -->
+      <view v-if="currentStep === 2" class="step-content">
+        <view class="step-header">
+          <text class="step-icon">📷</text>
+          <text class="step-title-text">选择拍摄方式</text>
+        </view>
+
+        <view class="method-cards">
+          <view
+            v-for="method in shootingMethods"
+            :key="method.type"
+            class="method-card"
+            :class="{ active: shootingData.method === method.type }"
+            @click="selectMethod(method.type)"
+          >
+            <text class="method-icon">{{ method.icon }}</text>
+            <text class="method-title">{{ method.title }}</text>
+            <text class="method-desc">{{ method.desc }}</text>
+          </view>
+        </view>
+
+        <!-- 根据选择的方式显示指引 -->
+        <view v-if="shootingData.method" class="method-guide">
+          <view class="guide-card">
+            <view
+              v-for="(guide, index) in getMethodGuide(shootingData.method)"
+              :key="index"
+              class="guide-item"
+            >
+              <text class="guide-number">{{ index + 1 }}</text>
+              <text class="guide-text">{{ guide }}</text>
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <!-- 步骤4: 拍摄执行 -->
+      <view v-if="currentStep === 3" class="step-content">
+        <view class="step-header">
+          <text class="step-icon">🎬</text>
+          <text class="step-title-text">开始拍摄</text>
+        </view>
+
+        <view class="shooting-tips">
+          <view class="tip-item" v-for="(tip, index) in shootingTips" :key="index">
+            <text class="tip-icon">✓</text>
+            <text class="tip-text">{{ tip }}</text>
+          </view>
+        </view>
+
+        <!-- 拍摄方式说明 -->
+        <view class="method-notice">
+          <text class="notice-title">📱 拍摄方式说明</text>
+          <text class="notice-text">• 推荐：拍摄旋转视频，系统将自动提取关键帧作为全景图</text>
+          <text class="notice-text">• 或从相册选择已拍摄的全景图片或视频</text>
+          <text class="notice-text">• 拍摄视频时，请缓慢旋转360度，保持手机垂直</text>
+          <text class="notice-text">• 如果录制按钮无法使用，请从相册选择视频</text>
+        </view>
+
+        <view class="action-buttons">
+          <u-button
+            text="拍摄旋转视频（推荐）"
+            type="primary"
+            size="large"
+            @click="recordVideo"
+            :loading="isUploading"
+          />
+          <u-button
+            text="从相册选择（图片/视频）"
+            type="info"
+            size="large"
+            @click="chooseFromAlbum"
+            :loading="isUploading"
+          />
+          <u-button
+            text="普通拍照（测试用）"
+            type="default"
+            size="large"
+            plain
+            @click="openCamera"
+            :loading="isUploading"
+          />
+        </view>
+
+        <!-- 使用 ImageVideoUpload 组件上传图片 -->
+        <view v-if="imageList.length > 0" class="upload-section">
+          <ImageVideoUpload
+            ref="uploadRef"
+            v-model:image-list="imageList"
+            :max-image-count="1"
+            :enable-video="false"
+            :enable-file="false"
+            :compress-config="compressConfig"
+            :upload-api="attachmentUpload"
+            :auto-upload="false"
+            @image-upload-success="onImageUploadSuccess"
+            @image-upload-error="onImageUploadError"
+          />
+        </view>
+      </view>
+
+      <!-- 步骤5: 预览和保存 -->
+      <view v-if="currentStep === 4" class="step-content">
+        <view class="step-header">
+          <text class="step-icon">📸</text>
+          <text class="step-title-text">预览和保存</text>
+        </view>
+
+        <!-- 预览图片（使用 ImageVideoUpload 组件） -->
+        <view class="preview-container">
+          <ImageVideoUpload
+            ref="uploadRef"
+            v-model:image-list="imageList"
+            :max-image-count="1"
+            :enable-video="false"
+            :enable-file="false"
+            :compress-config="compressConfig"
+            :upload-api="attachmentUpload"
+            :auto-upload="false"
+            @image-upload-success="onImageUploadSuccess"
+            @image-upload-error="onImageUploadError"
+          />
+          <view class="preview-info">
+            <text class="info-item">位置类型：{{ getLocationTypeName(shootingData.locationType) }}</text>
+            <text class="info-item" v-if="shootingData.buildingName">楼栋/场地：{{ shootingData.buildingName }}</text>
+            <text class="info-item" v-if="shootingData.locationName">位置名称：{{ shootingData.locationName }}</text>
+            <text class="info-item" v-if="shootingData.locationType === 'indoor' && shootingData.floorNum">楼层：{{ shootingData.floorNum }}F</text>
+            <text class="info-item" v-if="shootingData.locationType === 'indoor' && shootingData.roomNum">房间号：{{ shootingData.roomNum }}</text>
+            <text class="info-item">拍摄时间：{{ shootingData.shootTime }}</text>
+          </view>
+        </view>
+
+        <!-- 位置连接选项 -->
+        <view class="form-group">
+          <view class="form-label">上个连接（可选）</view>
+          <u-picker
+            :show="showLocationPicker"
+            :columns="[locationList]"
+            keyName="locationName"
+            @confirm="onLocationConfirm"
+            @cancel="showLocationPicker = false"
+          ></u-picker>
+          <view class="picker-input-wrapper" @click="showLocationPicker = true">
+            <u-input
+              v-model="selectedLocationName"
+              placeholder="请选择要连接的位置（可选）"
+              border="surround"
+              readonly
+              :disabled="true"
+              suffixIcon="arrow-down"
+              clearable
+              @clear.stop="clearLocationConnection"
+            />
+          </view>
+          <view class="form-hint" v-if="selectedLocationId">
+            将创建连接：当前位置 → {{ selectedLocationName }}
+          </view>
+        </view>
+
+        <!-- 门的位置记录 -->
+        <view class="form-group">
+          <view class="form-label">门的位置（用于场景连接）</view>
+          <view class="door-direction">
+            <view
+              v-for="direction in doorDirections"
+              :key="direction.value"
+              class="direction-btn"
+              :class="{ active: shootingData.doorDirection === direction.value }"
+              @click="selectDoorDirection(direction.value)"
+            >
+              <text class="direction-icon">{{ direction.icon }}</text>
+              <text class="direction-text">{{ direction.label }}</text>
+            </view>
+          </view>
+        </view>
+
+        <!-- 第5步的按钮在底部固定栏显示 -->
+      </view>
+    </scroll-view>
+
+    <!-- 底部操作栏（固定在底部） -->
+    <view class="footer-actions">
+      <!-- 第5步：上一步、重拍、保存 -->
+      <template v-if="currentStep === 4">
+        <u-button
+          text="上一步"
+          type="info"
+          plain
+          @click="prevStep"
+        />
+        <u-button
+          text="重拍"
+          type="warning"
+          plain
+          @click="retakePhoto"
+        />
+        <u-button
+          text="保存"
+          type="primary"
+          @click="saveAndContinue"
+          :loading="isUploading"
+        />
+      </template>
+      <!-- 其他步骤：上一步、下一步 -->
+      <template v-else>
+        <u-button
+          v-if="currentStep > 0"
+          text="上一步"
+          type="info"
+          plain
+          @click="prevStep"
+        />
+        <u-button
+          v-if="currentStep < steps.length - 1"
+          text="下一步"
+          type="primary"
+          @click="nextStep"
+          :disabled="!canNextStep"
+        />
+      </template>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, onMounted, onUnmounted, watch, nextTick } from 'vue';
+import { getAllBuildings, saveVRLocationWithDetails, getAllVRLocations, getVRLocationDetail, getVRShootingRecords, uploadVideoAndProcess } from '@/api/vr/index';
+import { attachmentUpload } from '@/api/system/upload';
+import { ImageVideoUpload, type ImageItem, COMPRESS_PRESETS } from '@/components/ImageVideoUpload';
+import { imagUrl } from '@/utils';
+
+// 步骤定义
+const steps = [
+  { title: '选择房间' },
+  { title: '确定位置' },
+  { title: '选择方式' },
+  { title: '开始拍摄' },
+  { title: '预览保存' },
+];
+
+const currentStep = ref(0);
+
+// 编辑模式标识
+const isEditMode = ref(false);
+const editLocationId = ref<string>('');
+
+// 拍摄数据
+const shootingData = ref({
+  id: '', // 位置ID（编辑时使用）
+  locationType: 'indoor', // 位置类型：indoor-室内, outdoor-室外
+  buildingId: '', // 楼栋ID（必选）
+  buildingName: '', // 楼栋名称（显示用）
+  locationName: '', // 位置名称（必填）
+  floorNum: '', // 楼层号（室内必填）
+  roomNum: '', // 房间号（室内必填）
+  description: '', // 描述（可选）
+  method: '', // 拍摄方式
+  imageUrl: '', // 图片URL
+  doorDirection: '', // 门的方向
+  shootTime: '', // 拍摄时间
+});
+
+// 楼栋列表
+const buildingList = ref<any[]>([]);
+const showBuildingPicker = ref(false);
+
+// 位置列表（用于连接选择）
+const locationList = ref<any[]>([]);
+const showLocationPicker = ref(false);
+const selectedLocationId = ref<string>('');
+const selectedLocationName = ref<string>('');
+
+// 位置类型（只有室内和室外）
+const locationTypes = [
+  { label: '室内', value: 'indoor' },
+  { label: '室外', value: 'outdoor' },
+];
+
+// 拍摄方式
+const shootingMethods = [
+  {
+    type: 'phone_panorama',
+    icon: '📱',
+    title: '手机全景模式',
+    desc: '使用手机自带全景功能',
+  },
+  {
+    type: 'google_street',
+    icon: '🌐',
+    title: 'Google Street View',
+    desc: '使用Google街景APP',
+  },
+  {
+    type: 'cardboard',
+    icon: '📦',
+    title: 'Cardboard Camera',
+    desc: '使用Cardboard相机APP',
+  },
+  {
+    type: 'professional',
+    icon: '📷',
+    title: '专业全景相机',
+    desc: '使用理光Theta等设备',
+  },
+];
+
+// 门的方向
+const doorDirections = [
+  { label: '正前方', value: 'front', icon: '⬆️' },
+  { label: '正后方', value: 'back', icon: '⬇️' },
+  { label: '左侧', value: 'left', icon: '⬅️' },
+  { label: '右侧', value: 'right', icon: '➡️' },
+  { label: '左前方', value: 'frontLeft', icon: '↖️' },
+  { label: '右前方', value: 'frontRight', icon: '↗️' },
+  { label: '左后方', value: 'backLeft', icon: '↙️' },
+  { label: '右后方', value: 'backRight', icon: '↘️' },
+];
+
+// 拍摄提示
+const shootingTips = [
+  '拍摄视频时，请缓慢旋转360度',
+  '保持手机垂直，避免倾斜',
+  '确保光线充足',
+  '避免移动物体进入画面',
+  '系统将自动提取视频关键帧作为全景图',
+];
+
+// 图片列表（用于 ImageVideoUpload 组件）
+const imageList = ref<ImageItem[]>([]);
+
+// 上传组件引用
+const uploadRef = ref<any>(null);
+
+// 压缩配置
+const compressConfig = ref(COMPRESS_PRESETS.high);
+
+// 状态
+const showLevel = ref(false);
+const levelAngle = ref(0);
+const isUploading = ref(false);
+
+// 水平仪相关
+let levelInterval: number | null = null;
+
+// 计算属性
+const canNextStep = computed(() => {
+  switch (currentStep.value) {
+    case 0:
+      // 验证必填项
+      const { locationType, buildingId, locationName, floorNum, roomNum } = shootingData.value;
+      // 楼栋必选
+      if (!buildingId) {
+        return false;
+      }
+      // 位置名称必填
+      if (!locationName || locationName.trim() === '') {
+        return false;
+      }
+      // 室内需要楼层号和房间号
+      if (locationType === 'indoor') {
+        return floorNum !== '' && roomNum !== '';
+      }
+      // 室外只需要位置名称
+      return true;
+    case 2:
+      return shootingData.value.method !== '';
+    case 4:
+      // 检查是否有图片已上传
+      return imageList.value.length > 0 && imageList.value[0].url !== undefined;
+    default:
+      return true;
+  }
+});
+
+// 方法
+const nextStep = () => {
+  if (canNextStep.value && currentStep.value < steps.length - 1) {
+    currentStep.value++;
+  }
+};
+
+const prevStep = () => {
+  if (currentStep.value > 0) {
+    currentStep.value--;
+  }
+};
+
+const selectMethod = (method: string) => {
+  shootingData.value.method = method;
+};
+
+const getMethodGuide = (method: string): string[] => {
+  const guides: Record<string, string[]> = {
+    phone_panorama: [
+      '打开手机相机，选择"全景"模式',
+      '站在房间中心位置',
+      '点击拍摄按钮，缓慢旋转360度',
+      '保持手机垂直，速度均匀',
+      '完成拍摄后检查效果',
+    ],
+    google_street: [
+      '打开Google Street View APP',
+      '点击"+"号创建全景图',
+      '按照提示旋转手机',
+      '确保覆盖360度范围',
+      '完成后保存图片',
+    ],
+    cardboard: [
+      '打开Cardboard Camera APP',
+      '选择拍摄模式',
+      '按照提示缓慢旋转',
+      '完成拍摄',
+      '导出全景图',
+    ],
+    professional: [
+      '使用专业全景相机（如理光Theta）',
+      '在房间中心位置架设相机',
+      '确保相机水平',
+      '一键拍摄全景图',
+      '导出图片到手机',
+    ],
+  };
+  return guides[method] || [];
+};
+
+const toggleLevel = () => {
+  showLevel.value = !showLevel.value;
+  if (showLevel.value) {
+    startLevel();
+  } else {
+    stopLevel();
+  }
+};
+
+const startLevel = () => {
+  // #ifdef H5
+  // 使用设备方向API（仅H5支持）
+  if (typeof window !== 'undefined' && (window as any).DeviceOrientationEvent) {
+    (window as any).addEventListener('deviceorientation', handleOrientation);
+  } else {
+    uni.showToast({
+      title: '设备不支持水平仪',
+      icon: 'none',
+    });
+    showLevel.value = false;
+  }
+  // #endif
+  
+  // #ifdef APP-PLUS
+  // APP环境使用plus API
+  const watchId = plus.orientation.watchOrientation(
+    (orientation) => {
+      if (orientation.beta !== null && orientation.beta !== undefined) {
+        levelAngle.value = orientation.beta;
+      }
+    },
+    (error) => {
+      uni.showToast({
+        title: '设备不支持水平仪',
+        icon: 'none',
+      });
+      showLevel.value = false;
+    }
+  );
+  // 保存watchId用于清除
+  (levelInterval as any) = watchId;
+  // #endif
+};
+
+const stopLevel = () => {
+  // #ifdef H5
+  if (typeof window !== 'undefined' && (window as any).DeviceOrientationEvent) {
+    (window as any).removeEventListener('deviceorientation', handleOrientation);
+  }
+  // #endif
+  
+  // #ifdef APP-PLUS
+  if (levelInterval) {
+    plus.orientation.clearWatch(levelInterval as number);
+    levelInterval = null;
+  }
+  // #endif
+};
+
+const handleOrientation = (event: any) => {
+  if (event.beta !== null) {
+    // beta是前后倾斜角度
+    levelAngle.value = event.beta;
+  }
+};
+
+// 打开相机
+const openCamera = () => {
+  uni.chooseImage({
+    count: 1,
+    sourceType: ['camera'],
+    success: async (res) => {
+      // 将选择的图片添加到 imageList
+      const newImage: ImageItem = {
+        tempPath: res.tempFilePaths[0],
+        originalPath: res.tempFilePaths[0],
+      };
+      imageList.value = [newImage];
+      
+      // 等待组件更新后，手动触发上传
+      await nextTick();
+      if (uploadRef.value && uploadRef.value.uploadImages) {
+        await uploadRef.value.uploadImages([newImage]);
+      } else {
+        // 如果组件还没渲染，延迟一下再上传
+        setTimeout(async () => {
+          if (uploadRef.value && uploadRef.value.uploadImages) {
+            await uploadRef.value.uploadImages([newImage]);
+          }
+        }, 100);
+      }
+    },
+    fail: (err) => {
+      uni.showToast({
+        title: '拍照失败，请重试',
+        icon: 'none',
+      });
+    },
+  });
+};
+
+// 从相册选择（支持图片和视频）
+const chooseFromAlbum = () => {
+  // 先让用户选择是图片还是视频
+  uni.showActionSheet({
+    itemList: ['选择图片', '选择视频'],
+    success: (res) => {
+      if (res.tapIndex === 0) {
+        // 选择图片
+        chooseImageFromAlbum();
+      } else if (res.tapIndex === 1) {
+        // 选择视频
+        chooseVideoFromAlbum();
+      }
+    },
+    fail: () => {
+      // 用户取消，不做处理
+    },
+  });
+};
+
+// 从相册选择图片
+const chooseImageFromAlbum = () => {
+  uni.chooseImage({
+    count: 1,
+    sourceType: ['album'],
+    success: async (res) => {
+      // 将选择的图片添加到 imageList
+      const newImage: ImageItem = {
+        tempPath: res.tempFilePaths[0],
+        originalPath: res.tempFilePaths[0],
+      };
+      imageList.value = [newImage];
+      
+      // 等待组件更新后，手动触发上传
+      await nextTick();
+      if (uploadRef.value && uploadRef.value.uploadImages) {
+        await uploadRef.value.uploadImages([newImage]);
+      } else {
+        // 如果组件还没渲染，延迟一下再上传
+        setTimeout(async () => {
+          if (uploadRef.value && uploadRef.value.uploadImages) {
+            await uploadRef.value.uploadImages([newImage]);
+          }
+        }, 100);
+      }
+    },
+    fail: (err) => {
+      uni.showToast({
+        title: '选择图片失败',
+        icon: 'none',
+      });
+    },
+  });
+};
+
+// 从相册选择视频
+const chooseVideoFromAlbum = () => {
+  uni.chooseVideo({
+    sourceType: ['album'],
+    maxDuration: 60, // 相册视频可以更长
+    success: async (res) => {
+      if (!res.tempFilePath) {
+        uni.showToast({
+          title: '未获取到视频文件',
+          icon: 'none',
+        });
+        return;
+      }
+
+      // 显示处理提示
+      uni.showLoading({
+        title: '正在上传并处理视频...',
+        mask: true,
+      });
+
+      try {
+        // 上传视频到后端处理
+        const result: any = await uploadVideoAndProcess(res.tempFilePath, {
+          locationName: shootingData.value.locationName,
+        });
+
+        // 后端返回处理后的全景图URL（相对路径）
+        if (result.result && result.result) {
+          const panoramaUrl = result.result; // 例如：/upload/zhxy/panorama/xxx.jpg
+          
+          // 将处理后的全景图添加到 imageList
+          const newImage: ImageItem = {
+            url: panoramaUrl,
+            tempPath: imagUrl(panoramaUrl), // 使用工具函数转换URL
+            originalPath: imagUrl(panoramaUrl),
+          };
+          imageList.value = [newImage];
+          
+          // 更新拍摄数据
+          shootingData.value.imageUrl = panoramaUrl;
+          shootingData.value.shootTime = new Date().toISOString().replace('T', ' ').substring(0, 19);
+          
+          // 自动跳转到预览步骤
+          if (currentStep.value === 3) {
+            currentStep.value = 4;
+          }
+          
+          uni.hideLoading();
+          uni.showToast({
+            title: '全景图生成成功',
+            icon: 'success',
+          });
+        } else {
+          throw new Error('未获取到处理后的图片');
+        }
+      } catch (error: any) {
+        uni.hideLoading();
+        console.error('视频处理错误:', error);
+        uni.showToast({
+          title: error.message || '视频处理失败，请重试',
+          icon: 'none',
+          duration: 3000,
+        });
+      }
+    },
+    fail: (err) => {
+      console.error('选择视频失败:', err);
+      uni.showToast({
+        title: '选择视频失败',
+        icon: 'none',
+      });
+    },
+  });
+};
+
+// 拍摄视频（用于全景）
+const recordVideo = () => {
+  // 先检查权限（APP环境）
+  // #ifdef APP-PLUS
+  try {
+    const camera = plus.camera.getCamera();
+    if (camera && (camera as any).requestPermission) {
+      (camera as any).requestPermission();
+    }
+  } catch (e) {
+    // 权限请求失败，继续尝试
+  }
+  // #endif
+
+  // 配置视频选择参数
+  const videoOptions: any = {
+    sourceType: ['camera'], // 优先使用相机录制
+    maxDuration: 30, // 最多30秒
+    camera: 'back', // 后置摄像头
+    compressed: true, // 压缩视频，提高兼容性
+  };
+
+  // #ifdef H5
+  // H5环境可能需要同时支持相册和相机
+  videoOptions.sourceType = ['camera', 'album'];
+  // #endif
+
+  // #ifdef MP
+  // 小程序环境添加更多配置
+  videoOptions.compressed = true;
+  // #endif
+
+  uni.chooseVideo({
+    ...videoOptions,
+    success: async (res) => {
+      // 检查是否真的录制了视频
+      if (!res.tempFilePath) {
+        uni.showToast({
+          title: '未获取到视频文件',
+          icon: 'none',
+        });
+        return;
+      }
+
+      // 显示处理提示
+      uni.showLoading({
+        title: '正在上传并处理视频...',
+        mask: true,
+      });
+
+      try {
+        // 上传视频到后端处理
+        const result: any = await uploadVideoAndProcess(res.tempFilePath, {
+          locationName: shootingData.value.locationName,
+        });
+
+        // 后端返回处理后的全景图URL（相对路径）
+        if (result.result && result.result) {
+          const panoramaUrl = result.result; // 例如：/upload/zhxy/panorama/xxx.jpg
+          
+          // 将处理后的全景图添加到 imageList
+          const newImage: ImageItem = {
+            url: panoramaUrl,
+            tempPath: imagUrl(panoramaUrl), // 使用工具函数转换URL
+            originalPath: imagUrl(panoramaUrl),
+          };
+          imageList.value = [newImage];
+          
+          // 更新拍摄数据
+          shootingData.value.imageUrl = panoramaUrl;
+          shootingData.value.shootTime = new Date().toISOString().replace('T', ' ').substring(0, 19);
+          
+          // 自动跳转到预览步骤
+          if (currentStep.value === 3) {
+            currentStep.value = 4;
+          }
+          
+          uni.hideLoading();
+          uni.showToast({
+            title: '全景图生成成功',
+            icon: 'success',
+          });
+        } else {
+          throw new Error('未获取到处理后的图片');
+        }
+      } catch (error: any) {
+        uni.hideLoading();
+        console.error('视频处理错误:', error);
+        uni.showToast({
+          title: error.message || '视频处理失败，请重试',
+          icon: 'none',
+          duration: 3000,
+        });
+      }
+    },
+    fail: (err) => {
+      console.error('视频录制失败:', err);
+      // 详细错误提示
+      let errorMsg = '拍摄失败，请重试';
+      
+      // #ifdef APP-PLUS
+      if (err && typeof err === 'object') {
+        if (err.errMsg && err.errMsg.includes('cancel')) {
+          errorMsg = '已取消录制';
+        } else if (err.errMsg && err.errMsg.includes('permission')) {
+          errorMsg = '需要相机权限，请在设置中开启';
+        }
+      }
+      // #endif
+      
+      uni.showToast({
+        title: errorMsg,
+        icon: 'none',
+        duration: 3000,
+      });
+    },
+  });
+};
+
+// 从视频中提取帧
+const extractFrameFromVideo = (videoPath: string, thumbPath?: string): Promise<string> => {
+  return new Promise((resolve, reject) => {
+    // #ifdef H5
+    // H5环境：使用canvas从视频提取帧
+    try {
+      const video = document.createElement('video');
+      video.src = videoPath;
+      video.crossOrigin = 'anonymous';
+      video.muted = true;
+      video.playsInline = true;
+      
+      video.onloadedmetadata = () => {
+        // 跳转到中间帧（全景图通常是中间位置）
+        const targetTime = Math.min(video.duration / 2, 5); // 最多5秒
+        video.currentTime = targetTime;
+      };
+      
+      video.onseeked = () => {
+        try {
+          const canvas = document.createElement('canvas');
+          canvas.width = video.videoWidth;
+          canvas.height = video.videoHeight;
+          const ctx = canvas.getContext('2d');
+          
+          if (ctx) {
+            ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+            canvas.toBlob(
+              (blob) => {
+                if (blob) {
+                  const url = URL.createObjectURL(blob);
+                  resolve(url);
+                } else {
+                  // 如果canvas提取失败，尝试使用缩略图
+                  if (thumbPath) {
+                    resolve(thumbPath);
+                  } else {
+                    reject(new Error('提取帧失败'));
+                  }
+                }
+              },
+              'image/jpeg',
+              0.9
+            );
+          } else {
+            // canvas不可用，使用缩略图
+            if (thumbPath) {
+              resolve(thumbPath);
+            } else {
+              reject(new Error('Canvas不可用'));
+            }
+          }
+        } catch (e) {
+          // 提取失败，使用缩略图
+          if (thumbPath) {
+            resolve(thumbPath);
+          } else {
+            reject(new Error('提取帧时出错'));
+          }
+        }
+      };
+      
+      video.onerror = () => {
+        // 视频加载失败，尝试使用缩略图
+        if (thumbPath) {
+          resolve(thumbPath);
+        } else {
+          reject(new Error('视频加载失败'));
+        }
+      };
+      
+      // 设置超时，避免长时间等待
+      setTimeout(() => {
+        if (video.readyState < 2) {
+          // 视频未加载完成，使用缩略图
+          if (thumbPath) {
+            resolve(thumbPath);
+          } else {
+            reject(new Error('视频加载超时'));
+          }
+        }
+      }, 5000);
+    } catch (error) {
+      // 出错时使用缩略图
+      if (thumbPath) {
+        resolve(thumbPath);
+      } else {
+        reject(error);
+      }
+    }
+    // #endif
+    
+    // #ifdef APP-PLUS
+    // APP环境：uni.chooseVideo 通常会返回 thumbTempFilePath（视频缩略图）
+    // 直接使用缩略图作为提取的帧
+    if (thumbPath) {
+      resolve(thumbPath);
+    } else {
+      // 如果没有缩略图，返回视频路径
+      // 注意：这种情况下上传组件可能无法处理，建议提示用户
+      console.warn('视频缩略图不可用，使用视频路径');
+      resolve(videoPath);
+    }
+    // #endif
+    
+    // #ifdef MP
+    // 小程序环境：uni.chooseVideo 会返回 thumbTempFilePath（视频缩略图）
+    // 直接使用缩略图作为提取的帧
+    if (thumbPath) {
+      resolve(thumbPath);
+    } else {
+      // 如果没有缩略图，返回视频路径
+      console.warn('视频缩略图不可用，使用视频路径');
+      resolve(videoPath);
+    }
+    // #endif
+  });
+};
+
+// 图片上传成功回调
+const onImageUploadSuccess = (image: ImageItem, index: number) => {
+  // 更新拍摄数据
+  if (image.url) {
+    shootingData.value.imageUrl = image.url; // 保存相对路径，如 /upload/zhxy/2025/08/28/20250828194007_3034.jpg
+    shootingData.value.shootTime = new Date().toISOString().replace('T', ' ').substring(0, 19);
+    
+    // 自动跳转到预览步骤
+    if (currentStep.value === 3) {
+      currentStep.value = 4;
+    }
+  }
+};
+
+// 图片上传失败回调
+const onImageUploadError = (error: any, index: number) => {
+  uni.showToast({
+    title: '图片上传失败，请重试',
+    icon: 'none',
+  });
+};
+
+// 重新拍摄
+const retakePhoto = () => {
+  shootingData.value.imageUrl = '';
+  imageList.value = []; // 清空图片列表
+  currentStep.value = 3;
+};
+
+// 选择门的方向
+const selectDoorDirection = (direction: string) => {
+  shootingData.value.doorDirection = direction;
+};
+
+// 获取位置类型名称
+const getLocationTypeName = (type: string) => {
+  const location = locationTypes.find((l) => l.value === type);
+  return location ? location.label : '未知';
+};
+
+// 获取门的方向名称
+const getDoorDirectionName = (direction: string) => {
+  const dir = doorDirections.find(d => d.value === direction);
+  return dir ? dir.label : '未设置';
+};
+
+// 根据方向获取热点坐标
+const getHotspotPosition = (direction: string) => {
+  const positionMap: Record<string, { x: number; y: number; z: number }> = {
+    front: { x: 0, y: 0, z: -300 },
+    back: { x: 0, y: 0, z: 300 },
+    left: { x: -300, y: 0, z: 0 },
+    right: { x: 300, y: 0, z: 0 },
+    frontLeft: { x: -212, y: 0, z: -212 },
+    frontRight: { x: 212, y: 0, z: -212 },
+    backLeft: { x: -212, y: 0, z: 212 },
+    backRight: { x: 212, y: 0, z: 212 },
+  };
+  return positionMap[direction] || { x: 0, y: 0, z: -300 };
+};
+
+// 计算层级
+const calculateLevel = () => {
+  // 室内：level=3（房间），室外：level=1
+  return shootingData.value.locationType === 'indoor' ? 3 : 1;
+};
+
+// 保存并继续
+const saveAndContinue = async () => {
+  // 检查图片：优先检查 imageList（数据源），如果没有则检查 imageUrl
+  const imageListHasUrl = imageList.value.length > 0 && imageList.value[0]?.url;
+  const shootingDataHasUrl = shootingData.value.imageUrl;
+  const hasImage = imageListHasUrl || shootingDataHasUrl;
+  
+  if (!hasImage) {
+    uni.showToast({
+      title: '请先拍摄或选择图片',
+      icon: 'none',
+    });
+    return;
+  }
+  
+  // 如果 imageList 有图片但 imageUrl 没有，同步一下
+  if (imageList.value.length > 0 && imageList.value[0]?.url && !shootingData.value.imageUrl) {
+    shootingData.value.imageUrl = imageList.value[0].url;
+  }
+
+  // 验证：必须选择门的位置
+  if (!shootingData.value.doorDirection || shootingData.value.doorDirection.trim() === '') {
+    uni.showToast({
+      title: '请选择进出的位置',
+      icon: 'none',
+    });
+    return;
+  }
+
+  isUploading.value = true;
+
+  try {
+    await saveAllData();
+    
+    uni.showToast({
+      title: selectedLocationId.value ? '保存成功，已创建连接' : '保存成功',
+      icon: 'success',
+    });
+
+    // 编辑模式：跳转到列表页并刷新
+    if (isEditMode.value) {
+      setTimeout(() => {
+        uni.redirectTo({
+          url: '/pages/vr/shooting/index',
+        });
+      }, 1500);
+    } else {
+      // 新增模式：重置数据，准备下一个位置（保留连接开关状态）
+    shootingData.value = {
+      id: '',
+      locationType: 'indoor',
+      buildingId: '',
+      buildingName: '',
+      locationName: '',
+      floorNum: '',
+      roomNum: '',
+      description: '',
+      method: '',
+      imageUrl: '',
+      doorDirection: '',
+      shootTime: '',
+    };
+    // 清空图片列表和连接选择
+    imageList.value = [];
+    selectedLocationId.value = '';
+    selectedLocationName.value = '';
+    currentStep.value = 0;
+    }
+  } catch (error) {
+    uni.showToast({
+      title: '保存失败，请重试',
+      icon: 'none',
+    });
+  } finally {
+    isUploading.value = false;
+  }
+};
+
+// 完成拍摄
+const finishShooting = async () => {
+  // 检查图片：优先检查 imageList（数据源），如果没有则检查 imageUrl
+  const hasImage = (imageList.value.length > 0 && imageList.value[0].url) || shootingData.value.imageUrl;
+  if (!hasImage) {
+    uni.showToast({
+      title: '请先拍摄或选择图片',
+      icon: 'none',
+    });
+    return;
+  }
+  
+  // 如果 imageList 有图片但 imageUrl 没有，同步一下
+  if (imageList.value.length > 0 && imageList.value[0].url && !shootingData.value.imageUrl) {
+    shootingData.value.imageUrl = imageList.value[0].url;
+  }
+
+  // 验证：必须选择门的位置
+  if (!shootingData.value.doorDirection || shootingData.value.doorDirection.trim() === '') {
+    uni.showToast({
+      title: '请选择进出的位置',
+      icon: 'none',
+    });
+    return;
+  }
+
+  isUploading.value = true;
+
+  try {
+    await saveAllData();
+
+    uni.showToast({
+      title: '拍摄完成',
+      icon: 'success',
+    });
+
+    // 跳转到列表页并刷新
+    setTimeout(() => {
+      uni.redirectTo({
+        url: '/pages/vr/shooting/index',
+      });
+    }, 1500);
+  } catch (error) {
+    uni.showToast({
+      title: '保存失败，请重试',
+      icon: 'none',
+    });
+  } finally {
+    isUploading.value = false;
+  }
+};
+
+// 保存所有数据（位置、连接、记录）
+const saveAllData = async () => {
+  const level = calculateLevel();
+  
+  // 使用新的接口一次性保存所有数据
+  const saveData: any = {
+    // 位置信息
+    locationName: shootingData.value.locationName,
+    locationType: shootingData.value.locationType,
+    level: level,
+    buildingId: shootingData.value.buildingId,
+    floorNum: shootingData.value.locationType === 'indoor' ? parseInt(shootingData.value.floorNum) : undefined,
+    roomNum: shootingData.value.locationType === 'indoor' ? shootingData.value.roomNum : undefined,
+    description: shootingData.value.description,
+    // 优先使用 imageList 中的 url，如果没有则使用 imageUrl
+    imageUrl: (imageList.value.length > 0 && imageList.value[0].url) || shootingData.value.imageUrl,
+    status: 'A', // 直接启用
+    // 拍摄记录信息
+    saveShootingRecord: true,
+    shootingMethod: shootingData.value.method,
+    doorDirection: shootingData.value.doorDirection,
+    shootTime: shootingData.value.shootTime || new Date().toISOString().replace('T', ' ').substring(0, 19),
+    shootBy: '', // 可以从用户信息获取
+    // 位置连接信息
+    createLocationLink: selectedLocationId.value != null && selectedLocationId.value !== '',
+    lastLocationId: selectedLocationId.value,
+    lastLocationName: selectedLocationName.value,
+  };
+
+  // 编辑模式：添加ID
+  if (isEditMode.value && editLocationId.value) {
+    saveData.id = editLocationId.value;
+  }
+  
+  const res: any = await saveVRLocationWithDetails(saveData);
+
+  if (res.resultCode !== 1) {
+    throw new Error(res.message || '保存失败');
+  }
+
+  // 获取保存后的位置ID（从返回的result或data中获取）
+  const currentLocationId = res.result || res.data;
+  
+  if (!currentLocationId) {
+    throw new Error('位置ID获取失败，请重试');
+  }
+
+  // 保存成功后，重新加载位置列表（用于下次选择连接）
+  loadLocationList();
+};
+
+// 加载楼栋列表
+const loadBuildingList = async () => {
+  try {
+    const res: any = await getAllBuildings();
+    // 接口返回的数据结构：{total, page, records, rows}
+    // 数据在 rows 字段中
+    const dataList = res?.rows || res?.records || [];
+    if (dataList && dataList.length > 0) {
+      buildingList.value = dataList.map((item: any) => ({
+        id: item.id,
+        buildingName: item.buildingName,
+      }));
+    }
+  } catch (error) {
+    // 加载失败静默处理
+  }
+};
+
+// 楼栋选择确认
+const onBuildingConfirm = (e: any) => {
+  const selected = e.value[0];
+  shootingData.value.buildingId = selected.id;
+  shootingData.value.buildingName = selected.buildingName;
+  showBuildingPicker.value = false;
+};
+
+// 位置选择确认（用于连接）
+const onLocationConfirm = (e: any) => {
+  const selected = e.value[0];
+  selectedLocationId.value = selected.id;
+  selectedLocationName.value = selected.locationName;
+  showLocationPicker.value = false;
+};
+
+// 清空位置连接选择
+const clearLocationConnection = () => {
+  selectedLocationId.value = '';
+  selectedLocationName.value = '';
+};
+
+// 加载位置列表（用于连接选择）
+const loadLocationList = async () => {
+  try {
+    const res: any = await getAllVRLocations({ status: 'A' });
+    const dataList = res?.rows || res?.records || [];
+    if (dataList && dataList.length > 0) {
+      locationList.value = dataList.map((item: any) => ({
+        id: item.id,
+        locationName: item.locationName,
+      }));
+    }
+  } catch (error) {
+    // 加载失败静默处理
+  }
+};
+
+// 加载位置详情（编辑模式）
+const loadLocationDetail = async (locationId: string) => {
+  try {
+    // 加载位置详情
+    const res: any = await getVRLocationDetail(locationId);
+    
+    if (res.resultCode === 1 && res.data) {
+      const data = res.data;
+      
+      // 填充表单数据
+      shootingData.value = {
+        id: data.id,
+        locationType: data.locationType || 'indoor',
+        buildingId: data.buildingId || '',
+        buildingName: data.buildingName || '',
+        locationName: data.locationName || '',
+        floorNum: data.floorNum !== null && data.floorNum !== undefined ? String(data.floorNum) : '',
+        roomNum: data.roomNum || '',
+        description: data.description || '',
+        method: '', // 拍摄方式从拍摄记录中获取
+        imageUrl: data.imageUrl || '',
+        doorDirection: '', // 门的方向从拍摄记录中获取
+        shootTime: data.createdTime || '',
+      };
+
+      // 如果有图片，加载到 imageList
+      if (data.imageUrl) {
+        imageList.value = [{
+          url: data.imageUrl,
+          tempPath: imagUrl(data.imageUrl),
+          originalPath: imagUrl(data.imageUrl),
+        }];
+      }
+
+      // 加载拍摄记录（获取 method 和 doorDirection）
+      try {
+        const recordRes: any = await getVRShootingRecords({
+          locationId: locationId,
+          pageNum: 1,
+          pageSize: 1,
+        });
+        if (recordRes && recordRes.rows && recordRes.rows.length > 0) {
+          const record = recordRes.rows[0];
+          shootingData.value.method = record.shootingMethod || '';
+          shootingData.value.doorDirection = record.doorDirection || '';
+          shootingData.value.shootTime = record.shootTime || data.createdTime || '';
+        }
+      } catch (recordError) {
+        // 拍摄记录加载失败不影响主流程
+      }
+
+      // 编辑模式：停留在步骤0，让用户可以从头开始查看和修改所有信息
+      // 不自动跳转到预览步骤，用户可以根据需要自行导航
+      await nextTick();
+      currentStep.value = 0;
+    } else {
+      uni.showToast({
+        title: '未找到位置数据',
+        icon: 'none',
+      });
+    }
+  } catch (error) {
+    uni.showToast({
+      title: '加载失败',
+      icon: 'none',
+    });
+  }
+};
+
+// 获取页面参数并初始化
+const initPage = () => {
+  // 获取页面参数（uni-app方式）
+  let locationId = '';
+  
+  // #ifdef H5
+  if (typeof window !== 'undefined') {
+    // 在 hash 路由模式下，参数在 hash 中，格式：#/pages/xxx?id=xxx
+    let searchString = window.location.search;
+    
+    // 如果 search 为空，尝试从 hash 中解析
+    if (!searchString && window.location.hash) {
+      const hash = window.location.hash;
+      const hashIndex = hash.indexOf('?');
+      if (hashIndex !== -1) {
+        searchString = hash.substring(hashIndex);
+      }
+    }
+    
+    if (searchString) {
+      const urlParams = new URLSearchParams(searchString);
+    locationId = urlParams.get('id') || '';
+    }
+  }
+  // #endif
+  
+  // #ifdef APP-PLUS || MP
+  try {
+    const pages = getCurrentPages();
+    if (pages && pages.length > 0) {
+      const currentPage = pages[pages.length - 1];
+      const options = (currentPage as any).options || {};
+      locationId = options.id || '';
+    }
+  } catch (e) {
+    // 获取参数失败静默处理
+  }
+  // #endif
+
+  // 如果是编辑模式，加载数据
+  if (locationId) {
+    isEditMode.value = true;
+    editLocationId.value = locationId;
+    loadLocationDetail(locationId);
+  }
+};
+
+onMounted(() => {
+  // 初始化页面（获取参数并加载数据）
+  initPage();
+
+  // 加载楼栋列表
+  loadBuildingList();
+  
+  // 加载位置列表（用于连接选择）
+  loadLocationList();
+  
+  // 请求相机权限
+  // #ifdef APP-PLUS
+  try {
+    const camera = plus.camera.getCamera();
+    if (camera && (camera as any).requestPermission) {
+      (camera as any).requestPermission();
+    }
+  } catch (e) {
+    // 相机权限请求失败静默处理
+  }
+  // #endif
+});
+
+onUnmounted(() => {
+  stopLevel();
+});
+</script>
+
+<style scoped lang="scss">
+.vr-shooting-page {
+  min-height: 100vh;
+  background: #f5f5f5;
+  display: flex;
+  flex-direction: column;
+}
+
+.header {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  padding: 40rpx 30rpx 30rpx;
+  color: #fff;
+
+  .header-title {
+    font-size: 36rpx;
+    font-weight: bold;
+    margin-bottom: 10rpx;
+  }
+
+  .header-subtitle {
+    font-size: 24rpx;
+    opacity: 0.9;
+  }
+}
+
+.steps-container {
+  display: flex;
+  justify-content: space-around;
+  padding: 30rpx 20rpx;
+  background: #fff;
+  border-bottom: 1rpx solid #eee;
+
+  .step-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    flex: 1;
+
+    .step-number {
+      width: 60rpx;
+      height: 60rpx;
+      border-radius: 50%;
+      background: #e0e0e0;
+      color: #999;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 28rpx;
+      font-weight: bold;
+      margin-bottom: 10rpx;
+      transition: all 0.3s;
+    }
+
+    .step-title {
+      font-size: 22rpx;
+      color: #999;
+    }
+
+    &.active {
+      .step-number {
+        background: #667eea;
+        color: #fff;
+      }
+
+      .step-title {
+        color: #667eea;
+        font-weight: bold;
+      }
+    }
+
+    &.completed {
+      .step-number {
+        background: #52c41a;
+        color: #fff;
+      }
+    }
+  }
+}
+
+.content-scroll {
+  flex: 1;
+  padding: 30rpx;
+  padding-right: 40rpx;
+  padding-bottom: 160rpx; // 为底部固定按钮留出空间
+  box-sizing: border-box;
+}
+
+.step-content {
+  width: 100%;
+  box-sizing: border-box;
+  
+  .step-header {
+    display: flex;
+    align-items: center;
+    margin-bottom: 30rpx;
+
+    .step-icon {
+      font-size: 48rpx;
+      margin-right: 20rpx;
+    }
+
+    .step-title-text {
+      font-size: 32rpx;
+      font-weight: bold;
+      color: #333;
+    }
+  }
+}
+
+.form-group {
+  margin-bottom: 30rpx;
+  width: 100%;
+  box-sizing: border-box;
+
+  .form-label {
+    font-size: 28rpx;
+    color: #666;
+    margin-bottom: 20rpx;
+  }
+  
+  .form-hint {
+    font-size: 24rpx;
+    color: #999;
+    margin-top: 10rpx;
+    line-height: 1.6;
+  }
+}
+
+.guide-card {
+  background: #fff;
+  border-radius: 16rpx;
+  padding: 30rpx;
+  margin-bottom: 30rpx;
+
+  .guide-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 20rpx;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+
+    .guide-number {
+      width: 40rpx;
+      height: 40rpx;
+      border-radius: 50%;
+      background: #667eea;
+      color: #fff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 24rpx;
+      margin-right: 20rpx;
+    }
+
+    .guide-text {
+      flex: 1;
+      font-size: 28rpx;
+      color: #333;
+    }
+  }
+}
+
+.level-container {
+  background: #fff;
+  border-radius: 16rpx;
+  padding: 30rpx;
+  margin-bottom: 30rpx;
+  text-align: center;
+
+  .level-title {
+    font-size: 28rpx;
+    color: #666;
+    margin-bottom: 20rpx;
+  }
+
+  .level-indicator {
+    width: 300rpx;
+    height: 300rpx;
+    border: 4rpx solid #e0e0e0;
+    border-radius: 50%;
+    margin: 0 auto 20rpx;
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    .level-line {
+      width: 280rpx;
+      height: 4rpx;
+      background: #667eea;
+      position: absolute;
+      transition: transform 0.1s;
+    }
+  }
+
+  .level-tip {
+    font-size: 24rpx;
+    color: #999;
+  }
+}
+
+.method-cards {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 20rpx;
+  margin-bottom: 30rpx;
+
+  .method-card {
+    background: #fff;
+    border-radius: 16rpx;
+    padding: 30rpx;
+    text-align: center;
+    border: 2rpx solid transparent;
+    transition: all 0.3s;
+
+    .method-icon {
+      font-size: 60rpx;
+      display: block;
+      margin-bottom: 15rpx;
+    }
+
+    .method-title {
+      font-size: 28rpx;
+      font-weight: bold;
+      color: #333;
+      display: block;
+      margin-bottom: 10rpx;
+    }
+
+    .method-desc {
+      font-size: 24rpx;
+      color: #999;
+      display: block;
+    }
+
+    &.active {
+      border-color: #667eea;
+      background: #f0f4ff;
+    }
+  }
+}
+
+.shooting-tips {
+  background: #fff;
+  border-radius: 16rpx;
+  padding: 30rpx;
+  margin-bottom: 30rpx;
+
+  .tip-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 20rpx;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+
+    .tip-icon {
+      width: 40rpx;
+      height: 40rpx;
+      border-radius: 50%;
+      background: #52c41a;
+      color: #fff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 24rpx;
+      margin-right: 20rpx;
+    }
+
+    .tip-text {
+      flex: 1;
+      font-size: 28rpx;
+      color: #333;
+    }
+  }
+}
+
+.preview-container {
+  background: #fff;
+  border-radius: 16rpx;
+  padding: 30rpx;
+  margin-bottom: 30rpx;
+
+  .preview-image {
+    width: 100%;
+    height: 400rpx;
+    border-radius: 12rpx;
+    margin-bottom: 20rpx;
+  }
+
+  .preview-info {
+    .info-item {
+      display: block;
+      font-size: 26rpx;
+      color: #666;
+      margin-bottom: 10rpx;
+    }
+  }
+}
+
+.picker-input-wrapper {
+  width: 100%;
+  position: relative;
+  cursor: pointer;
+  
+  // 确保整个区域可点击
+  :deep(.u-input) {
+    pointer-events: none;
+  }
+  
+  // 清空按钮需要可以点击
+  :deep(.u-input__clear) {
+    pointer-events: auto;
+  }
+}
+
+.door-direction {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 15rpx;
+
+  .direction-btn {
+    background: #fff;
+    border: 2rpx solid #e0e0e0;
+    border-radius: 12rpx;
+    padding: 20rpx;
+    text-align: center;
+    transition: all 0.3s;
+
+    .direction-icon {
+      font-size: 40rpx;
+      display: block;
+      margin-bottom: 10rpx;
+    }
+
+    .direction-text {
+      font-size: 22rpx;
+      color: #666;
+    }
+
+    &.active {
+      border-color: #667eea;
+      background: #f0f4ff;
+    }
+  }
+}
+
+.connection-option {
+  background: #fff;
+  border-radius: 16rpx;
+  padding: 30rpx;
+  
+  .connection-switch {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20rpx;
+    
+    .switch-label {
+      font-size: 28rpx;
+      color: #333;
+      font-weight: 500;
+    }
+  }
+  
+  .connection-info {
+    padding: 20rpx;
+    background: #f0f4ff;
+    border-radius: 12rpx;
+    border-left: 4rpx solid #667eea;
+    
+    .connection-text {
+      display: block;
+      font-size: 28rpx;
+      color: #667eea;
+      font-weight: bold;
+      margin-bottom: 15rpx;
+    }
+    
+    .connection-hint {
+      display: block;
+      font-size: 24rpx;
+      color: #666;
+      margin-bottom: 10rpx;
+      line-height: 1.6;
+    }
+    
+    .connection-tip {
+      display: block;
+      font-size: 24rpx;
+      color: #999;
+      margin-top: 15rpx;
+      padding-top: 15rpx;
+      border-top: 1rpx solid #e0e0e0;
+      line-height: 1.6;
+    }
+  }
+}
+
+.tips-box {
+  background: #fff7e6;
+  border-left: 4rpx solid #faad14;
+  border-radius: 8rpx;
+  padding: 20rpx;
+  margin-top: 20rpx;
+
+  .tips-title {
+    font-size: 28rpx;
+    font-weight: bold;
+    color: #faad14;
+    display: block;
+    margin-bottom: 10rpx;
+  }
+
+  .tips-text {
+    font-size: 26rpx;
+    color: #666;
+    line-height: 1.6;
+    display: block;
+  }
+}
+
+.method-notice {
+  background: #e6f7ff;
+  border-left: 4rpx solid #1890ff;
+  border-radius: 8rpx;
+  padding: 20rpx;
+  margin-bottom: 30rpx;
+
+  .notice-title {
+    font-size: 28rpx;
+    font-weight: bold;
+    color: #1890ff;
+    display: block;
+    margin-bottom: 15rpx;
+  }
+
+  .notice-text {
+    font-size: 26rpx;
+    color: #666;
+    line-height: 1.8;
+    display: block;
+    margin-bottom: 8rpx;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+.action-buttons {
+  display: flex;
+  flex-direction: column;
+  gap: 20rpx;
+  margin-top: 30rpx;
+}
+
+.upload-section {
+  margin-top: 30rpx;
+  background: #fff;
+  border-radius: 16rpx;
+  padding: 20rpx;
+}
+
+.footer-actions {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  gap: 20rpx;
+  padding: 24rpx 30rpx;
+  background: #ffffff;
+  box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.08);
+  z-index: 100;
+  // 安全区域适配（iPhone X 等有底部安全区域的设备）
+  padding-bottom: calc(24rpx + env(safe-area-inset-bottom));
+}
+</style>
+
diff --git a/src/pages/vr/shooting/index.vue b/src/pages/vr/shooting/index.vue
new file mode 100644
index 0000000..071188c
--- /dev/null
+++ b/src/pages/vr/shooting/index.vue
@@ -0,0 +1,598 @@
+<template>
+  <view class="vr-shooting-list-page">
+    <!-- 顶部搜索栏 -->
+    <view class="search-header">
+      <u-search
+        v-model="searchKeyword"
+        placeholder="搜索位置名称、楼栋、房间号"
+        :show-action="false"
+        @search="handleSearch"
+        @clear="handleSearch"
+      ></u-search>
+    </view>
+
+    <!-- 筛选栏 -->
+    <view class="filter-bar">
+      <view class="filter-item" @click="showBuildingPicker = true">
+        <text class="filter-label">楼栋：</text>
+        <text class="filter-value">{{ selectedBuildingName || '全部' }}</text>
+        <u-icon name="arrow-down" size="14" color="#666"></u-icon>
+      </view>
+      <view class="filter-item" @click="showTypePicker = true">
+        <text class="filter-label">类型：</text>
+        <text class="filter-value">{{ selectedTypeName || '全部' }}</text>
+        <u-icon name="arrow-down" size="14" color="#666"></u-icon>
+      </view>
+    </view>
+
+    <!-- 列表内容 -->
+    <scroll-view scroll-y class="list-content" @scrolltolower="loadMore" :refresher-enabled="true" :refresher-triggered="refreshing" @refresherrefresh="refreshList" :style="{ width: '100%' }">
+      <view v-if="locationList.length > 0" class="location-list">
+        <view
+          v-for="item in locationList"
+          :key="item.id"
+          class="location-item"
+          @click="editLocation(item)"
+        >
+          <!-- 缩略图 -->
+          <view class="item-thumbnail">
+            <image
+              v-if="item.thumbnailUrl || item.imageUrl"
+              :src="getImageUrl(item.thumbnailUrl || item.imageUrl)"
+              mode="aspectFill"
+              class="thumbnail-image"
+            ></image>
+            <view v-else class="thumbnail-placeholder">
+              <u-icon name="image" size="40" color="#ccc"></u-icon>
+            </view>
+          </view>
+
+          <!-- 内容信息 -->
+          <view class="item-content">
+            <view class="item-header">
+              <text class="item-name">{{ item.locationName }}</text>
+              <view class="item-type" :class="getTypeClass(item.locationType)">
+                {{ getLocationTypeName(item.locationType) }}
+              </view>
+            </view>
+            <view class="item-info">
+              <view v-if="item.buildingName" class="info-text">
+                <u-icon name="home" size="14" color="#999"></u-icon>
+                <text>{{ item.buildingName }}</text>
+              </view>
+              <view v-if="item.floorNum !== null && item.floorNum !== undefined" class="info-text">
+                <u-icon name="list" size="14" color="#999"></u-icon>
+                <text>{{ item.floorNum }}F</text>
+              </view>
+              <view v-if="item.roomNum" class="info-text">
+                <u-icon name="grid" size="14" color="#999"></u-icon>
+                <text>{{ item.roomNum }}</text>
+              </view>
+            </view>
+            <view v-if="item.description" class="item-desc">
+              {{ item.description }}
+            </view>
+            <view class="item-footer">
+              <text class="item-time">{{ formatTime(item.createdTime) }}</text>
+              <view class="item-status" :class="item.status === 'A' ? 'status-active' : 'status-inactive'">
+                {{ item.status === 'A' ? '启用' : '禁用' }}
+              </view>
+            </view>
+          </view>
+
+          <!-- 操作按钮 -->
+          <view class="item-actions" @click.stop>
+            <u-icon name="arrow-right" size="20" color="#999"></u-icon>
+          </view>
+        </view>
+      </view>
+
+      <!-- 空状态 -->
+      <view v-else class="empty-state">
+        <u-empty
+          mode="data"
+          :text="searchKeyword || selectedBuildingId || selectedType ? '暂无匹配数据' : '暂无VR位置数据'"
+        ></u-empty>
+      </view>
+
+      <!-- 加载更多 -->
+      <view v-if="hasMore && locationList.length > 0" class="load-more">
+        <u-loading-icon v-if="loading"></u-loading-icon>
+        <text class="load-more-text">{{ loading ? '加载中...' : '上拉加载更多' }}</text>
+      </view>
+
+      <!-- 没有更多 -->
+      <view v-if="!hasMore && locationList.length > 0" class="no-more">
+        <text>没有更多数据了</text>
+      </view>
+    </scroll-view>
+
+    <!-- 底部新增按钮 -->
+    <view class="footer-add-btn">
+      <u-button
+        text="新增VR位置"
+        type="primary"
+        icon="plus"
+        @click="addLocation"
+      ></u-button>
+    </view>
+
+    <!-- 楼栋选择器 -->
+    <u-picker
+      :show="showBuildingPicker"
+      :columns="[buildingPickerList]"
+      keyName="buildingName"
+      @confirm="onBuildingPickerConfirm"
+      @cancel="showBuildingPicker = false"
+    ></u-picker>
+
+    <!-- 类型选择器 -->
+    <u-picker
+      :show="showTypePicker"
+      :columns="[typePickerList]"
+      keyName="label"
+      @confirm="onTypePickerConfirm"
+      @cancel="showTypePicker = false"
+    ></u-picker>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, computed } from 'vue';
+import { onShow } from '@dcloudio/uni-app';
+import { getVRLocations, getAllBuildings } from '@/api/vr/index';
+import { imagUrl } from '@/utils';
+
+// 搜索关键词
+const searchKeyword = ref('');
+
+// 筛选条件
+const selectedBuildingId = ref<string>('');
+const selectedBuildingName = ref<string>('');
+const selectedType = ref<string>('');
+const selectedTypeName = ref<string>('');
+
+// 列表数据
+const locationList = ref<any[]>([]);
+const pageNum = ref(1);
+const pageSize = ref(20);
+const total = ref(0);
+const loading = ref(false);
+const refreshing = ref(false);
+const hasMore = ref(true);
+
+// 选择器
+const showBuildingPicker = ref(false);
+const showTypePicker = ref(false);
+const buildingPickerList = ref<any[]>([]);
+const typePickerList = ref([
+  { label: '全部', value: '' },
+  { label: '室内', value: 'indoor' },
+  { label: '室外', value: 'outdoor' },
+]);
+
+// 获取图片URL
+const getImageUrl = (url: string) => {
+  if (!url) return '';
+  return imagUrl(url);
+};
+
+// 获取位置类型名称
+const getLocationTypeName = (type: string) => {
+  const typeMap: Record<string, string> = {
+    indoor: '室内',
+    outdoor: '室外',
+  };
+  return typeMap[type] || '未知';
+};
+
+// 获取类型样式类
+const getTypeClass = (type: string) => {
+  return type === 'indoor' ? 'type-indoor' : 'type-outdoor';
+};
+
+// 格式化时间
+const formatTime = (time: string) => {
+  if (!time) return '';
+  const date = new Date(time);
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+  return `${year}-${month}-${day}`;
+};
+
+// 加载列表数据
+const loadList = async (reset = false) => {
+  if (loading.value) return;
+  
+  if (reset) {
+    pageNum.value = 1;
+    locationList.value = [];
+    hasMore.value = true;
+  }
+
+  loading.value = true;
+
+  try {
+    const params: any = {
+      status: 'A',
+      pageNum: pageNum.value,
+      pageSize: pageSize.value,
+    };
+
+    // 搜索关键词
+    if (searchKeyword.value) {
+      params.keyword = searchKeyword.value;
+    }
+
+    // 楼栋筛选
+    if (selectedBuildingId.value) {
+      params.buildingId = selectedBuildingId.value;
+    }
+
+    // 类型筛选
+    if (selectedType.value) {
+      params.locationType = selectedType.value;
+    }
+
+    const res: any = await getVRLocations(params);
+    
+    if (res && res.rows) {
+      const newList = res.rows || [];
+      if (reset) {
+        locationList.value = newList;
+      } else {
+        locationList.value.push(...newList);
+      }
+      
+      total.value = res.total || 0;
+      hasMore.value = locationList.value.length < total.value;
+      
+      if (newList.length < pageSize.value) {
+        hasMore.value = false;
+      }
+    }
+  } catch (error) {
+    // 加载失败静默处理
+    uni.showToast({
+      title: '加载失败',
+      icon: 'none',
+    });
+  } finally {
+    loading.value = false;
+    refreshing.value = false;
+  }
+};
+
+// 加载更多
+const loadMore = () => {
+  if (!hasMore.value || loading.value) return;
+  pageNum.value++;
+  loadList(false);
+};
+
+// 刷新列表
+const refreshList = () => {
+  refreshing.value = true;
+  loadList(true);
+};
+
+// 搜索
+const handleSearch = () => {
+  loadList(true);
+};
+
+// 加载楼栋列表（用于筛选）
+const loadBuildingList = async () => {
+  try {
+    const res: any = await getAllBuildings();
+    const dataList = res?.rows || res?.records || [];
+    buildingPickerList.value = [
+      { id: '', buildingName: '全部' },
+      ...dataList.map((item: any) => ({
+        id: item.id,
+        buildingName: item.buildingName,
+      })),
+    ];
+  } catch (error) {
+    // 加载失败静默处理
+  }
+};
+
+// 楼栋选择确认
+const onBuildingPickerConfirm = (e: any) => {
+  const selected = e.value[0];
+  selectedBuildingId.value = selected.id || '';
+  selectedBuildingName.value = selected.buildingName || '全部';
+  showBuildingPicker.value = false;
+  loadList(true);
+};
+
+// 类型选择确认
+const onTypePickerConfirm = (e: any) => {
+  const selected = e.value[0];
+  selectedType.value = selected.value || '';
+  selectedTypeName.value = selected.label || '全部';
+  showTypePicker.value = false;
+  loadList(true);
+};
+
+// 新增位置
+const addLocation = () => {
+  uni.navigateTo({
+    url: '/pages/vr/shooting/detail',
+  });
+};
+
+// 编辑位置
+const editLocation = (item: any) => {
+  uni.navigateTo({
+    url: `/pages/vr/shooting/detail?id=${item.id}`,
+  });
+};
+
+onMounted(() => {
+  loadList(true);
+  loadBuildingList();
+});
+
+// 页面显示时刷新列表（从其他页面返回时）
+onShow(() => {
+  loadList(true);
+});
+</script>
+
+<style scoped lang="scss">
+.vr-shooting-list-page {
+  min-height: 100vh;
+  background: #f5f5f5;
+  display: flex;
+  flex-direction: column;
+  padding-bottom: 120rpx; // 为底部按钮留出空间
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.search-header {
+  background: #fff;
+  padding: 20rpx 30rpx;
+  border-bottom: 1rpx solid #eee;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.filter-bar {
+  display: flex;
+  background: #fff;
+  padding: 20rpx 30rpx;
+  border-bottom: 1rpx solid #eee;
+  gap: 30rpx;
+  width: 100%;
+  box-sizing: border-box;
+
+  .filter-item {
+    display: flex;
+    align-items: center;
+    gap: 10rpx;
+    padding: 10rpx 20rpx;
+    background: #f5f5f5;
+    border-radius: 8rpx;
+    cursor: pointer;
+
+    .filter-label {
+      font-size: 26rpx;
+      color: #666;
+    }
+
+    .filter-value {
+      font-size: 26rpx;
+      color: #333;
+      font-weight: 500;
+    }
+  }
+}
+
+.list-content {
+  flex: 1;
+  padding: 20rpx 30rpx;
+  box-sizing: border-box;
+  width: 100%;
+  overflow: hidden;
+}
+
+.location-list {
+  width: 100%;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  
+  .location-item {
+    display: flex;
+    background: #fff;
+    border-radius: 16rpx;
+    padding: 24rpx;
+    margin-bottom: 20rpx;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+    cursor: pointer;
+    transition: all 0.3s;
+    width: 100%;
+    max-width: 100%;
+    box-sizing: border-box;
+    overflow: hidden;
+
+    &:active {
+      transform: scale(0.98);
+      box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.08);
+    }
+
+    .item-thumbnail {
+      width: 160rpx;
+      height: 160rpx;
+      border-radius: 12rpx;
+      overflow: hidden;
+      margin-right: 24rpx;
+      flex-shrink: 0;
+      background: #f5f5f5;
+
+      .thumbnail-image {
+        width: 100%;
+        height: 100%;
+      }
+
+      .thumbnail-placeholder {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: #f5f5f5;
+      }
+    }
+
+    .item-content {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      min-width: 0;
+      max-width: 100%;
+      overflow: hidden;
+
+      .item-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: 12rpx;
+
+        .item-name {
+          font-size: 32rpx;
+          font-weight: bold;
+          color: #333;
+          flex: 1;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+
+        .item-type {
+          padding: 4rpx 16rpx;
+          border-radius: 8rpx;
+          font-size: 22rpx;
+          margin-left: 12rpx;
+          flex-shrink: 0;
+
+          &.type-indoor {
+            background: #e6f7ff;
+            color: #1890ff;
+          }
+
+          &.type-outdoor {
+            background: #f6ffed;
+            color: #52c41a;
+          }
+        }
+      }
+
+      .item-info {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 20rpx;
+        margin-bottom: 12rpx;
+
+        .info-text {
+          font-size: 24rpx;
+          color: #999;
+          display: flex;
+          align-items: center;
+          gap: 6rpx;
+        }
+      }
+
+      .item-desc {
+        font-size: 24rpx;
+        color: #666;
+        line-height: 1.5;
+        margin-bottom: 12rpx;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        line-clamp: 2;
+        -webkit-box-orient: vertical;
+      }
+
+      .item-footer {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+
+        .item-time {
+          font-size: 22rpx;
+          color: #999;
+        }
+
+        .item-status {
+          padding: 4rpx 12rpx;
+          border-radius: 8rpx;
+          font-size: 22rpx;
+
+          &.status-active {
+            background: #f6ffed;
+            color: #52c41a;
+          }
+
+          &.status-inactive {
+            background: #fff7e6;
+            color: #faad14;
+          }
+        }
+      }
+    }
+
+    .item-actions {
+      display: flex;
+      align-items: center;
+      margin-left: 12rpx;
+      flex-shrink: 0;
+    }
+  }
+}
+
+.empty-state {
+  padding: 100rpx 0;
+}
+
+.load-more {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 30rpx 0;
+  gap: 12rpx;
+
+  .load-more-text {
+    font-size: 24rpx;
+    color: #999;
+  }
+}
+
+.no-more {
+  text-align: center;
+  padding: 30rpx 0;
+  font-size: 24rpx;
+  color: #999;
+}
+
+.footer-add-btn {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 24rpx 30rpx;
+  background: #fff;
+  box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.08);
+  z-index: 100;
+  // 安全区域适配
+  padding-bottom: calc(24rpx + env(safe-area-inset-bottom));
+}
+</style>
+
diff --git a/src/pages/vr/view/index.vue b/src/pages/vr/view/index.vue
new file mode 100644
index 0000000..6ea9207
--- /dev/null
+++ b/src/pages/vr/view/index.vue
@@ -0,0 +1,801 @@
+<template>
+  <view class="vr-view-page">
+    <!-- 位置导航栏 -->
+    <view class="location-nav" v-if="showNav">
+      <scroll-view scroll-x class="nav-scroll">
+        <view
+          v-for="location in locationList"
+          :key="location.id"
+          class="nav-item"
+          :class="{ active: currentLocationId === location.id }"
+          @click="switchLocation(location.id)"
+        >
+          <text class="nav-icon">{{ getLocationIcon(location.locationType) }}</text>
+          <text class="nav-name">{{ location.locationName }}</text>
+        </view>
+      </scroll-view>
+    </view>
+
+    <!-- VR查看器容器 -->
+    <view class="vr-container" :style="{ height: showNav ? 'calc(100vh - 100rpx)' : '100vh' }">
+      <!-- H5环境：使用Pannellum VR查看器 -->
+      <!-- #ifdef H5 -->
+      <view v-if="currentLocation && currentLocation.imageUrlFull" id="pannellum-container" class="vr-viewer"></view>
+      <view v-else class="vr-placeholder">
+        <text class="placeholder-text">暂无VR全景图</text>
+      </view>
+      <!-- #endif -->
+      
+      <!-- APP环境：使用web-view加载VR查看器 -->
+      <!-- #ifdef APP-PLUS -->
+      <view v-if="currentLocation && currentLocation.imageUrlFull" class="vr-webview-container">
+        <web-view :src="vrViewerUrl" class="vr-webview" @message="handleWebViewMessage"></web-view>
+      </view>
+      <view v-else class="vr-placeholder">
+        <text class="placeholder-text">暂无VR全景图</text>
+      </view>
+      <!-- #endif -->
+    </view>
+
+    <!-- 位置信息卡片 -->
+    <view class="location-info-card" v-if="currentLocation">
+      <view class="card-header">
+        <text class="location-name">{{ currentLocation.locationName }}</text>
+        <text class="location-type">{{ getLocationTypeName(currentLocation.locationType) }}</text>
+      </view>
+      <view class="card-body">
+        <text class="info-text" v-if="currentLocation.buildingName">
+          楼栋：{{ currentLocation.buildingName }}
+        </text>
+        <text class="info-text" v-if="currentLocation.floorNum !== null && currentLocation.floorNum !== undefined">
+          楼层：{{ currentLocation.floorNum }}F
+        </text>
+        <text class="info-text" v-if="currentLocation.roomNum">
+          房间：{{ currentLocation.roomNum }}
+        </text>
+        <text class="info-text" v-if="currentLocation.description">
+          {{ currentLocation.description }}
+        </text>
+      </view>
+    </view>
+
+    <!-- 控制按钮 -->
+    <view class="control-buttons">
+      <view class="control-btn" @click="toggleNav">
+        <text class="btn-icon">📍</text>
+        <text class="btn-text">位置</text>
+      </view>
+      <view class="control-btn" @click="showLocationList">
+        <text class="btn-icon">🗺️</text>
+        <text class="btn-text">地图</text>
+      </view>
+      <view class="control-btn" @click="shareLocation">
+        <text class="btn-icon">🔗</text>
+        <text class="btn-text">分享</text>
+      </view>
+    </view>
+
+    <!-- 位置列表弹窗 -->
+    <u-popup v-model="showLocationListPopup" mode="bottom" height="70%">
+      <view class="location-list-popup">
+        <view class="popup-header">
+          <text class="popup-title">选择位置</text>
+          <text class="popup-close" @click="showLocationListPopup = false">✕</text>
+        </view>
+        <scroll-view scroll-y class="popup-content">
+          <!-- 按楼栋分组 -->
+          <view
+            v-for="building in buildingGroups"
+            :key="building.id"
+            class="building-group"
+          >
+            <view class="group-header" @click="toggleBuilding(building.id)">
+              <text class="group-icon">🏢</text>
+              <text class="group-name">{{ building.name }}</text>
+              <text class="group-arrow">{{ building.expanded ? '▼' : '▶' }}</text>
+            </view>
+            <view v-if="building.expanded" class="group-content">
+              <view
+                v-for="location in building.locations"
+                :key="location.id"
+                class="location-item"
+                :class="{ active: currentLocationId === location.id }"
+                @click="selectLocation(location)"
+              >
+                <text class="item-icon">{{ getLocationIcon(location.locationType) }}</text>
+                <view class="item-info">
+                  <text class="item-name">{{ location.locationName }}</text>
+                  <text class="item-desc" v-if="location.roomNum">{{ location.roomNum }}</text>
+                </view>
+                <text class="item-arrow">→</text>
+              </view>
+            </view>
+          </view>
+        </scroll-view>
+      </view>
+    </u-popup>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, onMounted, watch, nextTick, onUnmounted } from 'vue';
+import { getAllVRLocations, getVRLocationDetail, getVRLocationLinks, getAllBuildings } from '@/api/vr/index';
+import { imagUrl } from '@/utils';
+
+// 状态
+const showNav = ref(true);
+const currentLocationId = ref<string | null>(null);
+const locationList = ref<any[]>([]);
+const currentLocation = ref<any>(null);
+const showLocationListPopup = ref(false);
+const buildingGroups = ref<any[]>([]);
+const vrViewerUrl = ref('');
+let pannellumViewer: any = null;
+
+// 获取位置列表
+const loadLocationList = async () => {
+  try {
+    const res: any = await getAllVRLocations({ status: 'A' });
+    // 后端返回的数据在 rows 字段中，records 是总数
+    if (res && res.rows && Array.isArray(res.rows)) {
+      locationList.value = res.rows as any[];
+      
+      // 获取楼栋信息并关联到位置数据
+      await enrichLocationWithBuildingInfo();
+      
+      // 按楼栋分组
+      groupByBuilding();
+      
+      // 默认选择第一个位置
+      if (locationList.value.length > 0) {
+        switchLocation(locationList.value[0].id);
+      }
+    } else {
+      locationList.value = [];
+    }
+  } catch (error) {
+    console.error('加载位置列表失败', error);
+    uni.showToast({
+      title: '加载失败',
+      icon: 'none',
+    });
+  }
+};
+
+// 关联楼栋信息到位置数据
+const enrichLocationWithBuildingInfo = async () => {
+  try {
+    // 获取所有楼栋
+    const buildingRes: any = await getAllBuildings();
+    // 后端返回的数据在 rows 字段中，records 是总数
+    if (buildingRes && buildingRes.rows && Array.isArray(buildingRes.rows)) {
+      const buildingMap = new Map<string, any>();
+      buildingRes.rows.forEach((building: any) => {
+        buildingMap.set(building.id, building);
+      });
+      
+      // 为每个位置添加楼栋名称
+      locationList.value.forEach((location: any) => {
+        if (location.buildingId) {
+          const building = buildingMap.get(location.buildingId);
+          if (building) {
+            location.buildingName = building.buildingName;
+          }
+        }
+      });
+    }
+  } catch (error) {
+    console.error('加载楼栋信息失败', error);
+  }
+};
+
+// 按楼栋分组
+const groupByBuilding = () => {
+  const groups: Record<string, any> = {};
+  
+  locationList.value.forEach((location) => {
+    // 通过buildingId关联楼栋名称，如果没有buildingId则归为"其他"
+    const buildingId = location.buildingId;
+    const buildingName = location.buildingName || '其他';
+    const groupKey = buildingId || 'other';
+    
+    if (!groups[groupKey]) {
+      groups[groupKey] = {
+        id: buildingId || 'other',
+        name: buildingName,
+        locations: [],
+        expanded: false,
+      };
+    }
+    groups[groupKey].locations.push(location);
+  });
+  
+  buildingGroups.value = Object.values(groups);
+};
+
+// 切换楼栋展开/收起
+const toggleBuilding = (buildingId: string) => {
+  const building = buildingGroups.value.find((b) => b.id === buildingId);
+  if (building) {
+    building.expanded = !building.expanded;
+  }
+};
+
+// 初始化Pannellum VR查看器（H5环境）
+const initPannellumViewer = async (imageUrl: string, links?: any[]) => {
+  // #ifdef H5
+  try {
+    // 动态加载Pannellum CSS和JS
+    await loadPannellumScripts();
+    
+    await nextTick();
+    const container = document.getElementById('pannellum-container');
+    if (!container) {
+      console.error('VR查看器容器未找到');
+      return;
+    }
+    
+    // 销毁旧的查看器
+    if (pannellumViewer) {
+      try {
+        pannellumViewer.destroy();
+      } catch (e) {
+        console.warn('销毁旧查看器失败', e);
+      }
+    }
+    
+    // 配置热点
+    const hotspots: any[] = [];
+    if (links && links.length > 0) {
+      console.log('配置热点，链接数量:', links.length);
+      links.forEach((link: any) => {
+        const locationId = link.toLocationId; // 保存到局部变量，避免闭包问题
+        console.log('添加热点:', {
+          locationId,
+          label: link.hotspotLabel,
+          pitch: link.hotspotPositionY,
+          yaw: link.hotspotPositionX,
+        });
+        hotspots.push({
+          pitch: link.hotspotPositionY || 0,
+          yaw: link.hotspotPositionX || 0,
+          type: 'info',
+          text: link.hotspotLabel || '前往',
+          // 使用clickHandlerFunc处理点击事件（Pannellum的正确属性）
+          clickHandlerFunc: (event: any) => {
+            console.log('🔥 点击热点，跳转到位置:', locationId);
+            if (locationId) {
+              switchLocation(locationId);
+            } else {
+              console.warn('⚠️ 位置ID为空');
+            }
+          },
+        });
+      });
+      console.log('热点配置完成，总数:', hotspots.length);
+    } else {
+      console.log('⚠️ 没有热点数据');
+    }
+    
+    // 初始化Pannellum
+    // @ts-ignore
+    const pannellumLib = (window as any).pannellum;
+    if (!pannellumLib) {
+      throw new Error('Pannellum库未加载');
+    }
+    pannellumViewer = pannellumLib.viewer(container, {
+      type: 'equirectangular',
+      panorama: imageUrl,
+      autoLoad: true,
+      autoRotate: 0,
+      compass: true,
+      showControls: true,
+      keyboardZoom: true,
+      mouseZoom: true,
+      hfov: 100,
+      minHfov: 50,
+      maxHfov: 120,
+      hotSpots: hotspots,
+    });
+  } catch (error) {
+    console.error('初始化VR查看器失败', error);
+    uni.showToast({
+      title: 'VR查看器加载失败',
+      icon: 'none',
+    });
+  }
+  // #endif
+};
+
+// 加载Pannellum脚本（H5环境）
+const loadPannellumScripts = (): Promise<void> => {
+  return new Promise((resolve, reject) => {
+    // #ifdef H5
+    if (typeof window === 'undefined') {
+      resolve();
+      return;
+    }
+    
+    // 检查是否已加载
+    if ((window as any).pannellum) {
+      resolve();
+      return;
+    }
+    
+    // 加载CSS
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.href = 'https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.css';
+    document.head.appendChild(link);
+    
+    // 加载JS
+    const script = document.createElement('script');
+    script.src = 'https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.js';
+    script.onload = () => resolve();
+    script.onerror = () => reject(new Error('Pannellum加载失败'));
+    document.head.appendChild(script);
+    // #endif
+    
+    // #ifndef H5
+    resolve();
+    // #endif
+  });
+};
+
+// 切换位置
+const switchLocation = async (locationId: string) => {
+  try {
+    const res: any = await getVRLocationDetail(locationId);
+    if (res.resultCode === 1) {
+      currentLocation.value = res.data as any;
+      currentLocationId.value = locationId;
+      
+      // 处理图片路径：将相对路径转换为完整URL
+      if (currentLocation.value.imageUrl) {
+        currentLocation.value.imageUrlFull = imagUrl(currentLocation.value.imageUrl);
+      }
+      if (currentLocation.value.thumbnailUrl) {
+        currentLocation.value.thumbnailUrlFull = imagUrl(currentLocation.value.thumbnailUrl);
+      }
+      
+      // 获取位置连接（热点）
+      const linksRes: any = await getVRLocationLinks(locationId);
+      // 后端返回的数据在 rows 字段中，records 是总数
+      if (linksRes && linksRes.rows && Array.isArray(linksRes.rows)) {
+        currentLocation.value.links = linksRes.rows;
+      }
+      
+      // H5环境：初始化Pannellum VR查看器
+      // #ifdef H5
+      if (currentLocation.value.imageUrlFull) {
+        await nextTick();
+        await initPannellumViewer(currentLocation.value.imageUrlFull, currentLocation.value.links);
+      }
+      // #endif
+      
+      // APP环境：构建VR查看器URL
+      // #ifdef APP-PLUS
+      if (currentLocation.value.imageUrlFull) {
+        const imageUrlEncoded = encodeURIComponent(currentLocation.value.imageUrlFull);
+        // 构建热点配置数组
+        const hotspotsArray: string[] = [];
+        if (currentLocation.value.links && currentLocation.value.links.length > 0) {
+          currentLocation.value.links.forEach((link: any) => {
+            const locationId = link.toLocationId || '';
+            const label = (link.hotspotLabel || '前往').replace(/"/g, '\\"');
+            // 使用clickHandlerFunc而不是onClick
+            hotspotsArray.push(`{pitch:${link.hotspotPositionY || 0},yaw:${link.hotspotPositionX || 0},type:"info",text:"${label}",clickHandlerFunc:function(event){if(window.uni&&window.uni.postMessage){window.uni.postMessage({data:{action:"switchLocation",locationId:"${locationId}"}});}}}`);
+          });
+        }
+        const hotspotsStr = '[' + hotspotsArray.join(',') + ']';
+        // 构建VR查看器HTML（APP环境使用web-view）
+        const scriptContent = 'const imageUrl = decodeURIComponent("' + imageUrlEncoded + '");const hotspots = ' + hotspotsStr + ';window.pannellum.viewer("panorama",{type:"equirectangular",panorama:imageUrl,autoLoad:true,compass:true,showControls:true,hotSpots:hotspots});';
+        const viewerHtml = '<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>VR全景查看</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.css"><style>body { margin: 0; padding: 0; } #panorama { width: 100vw; height: 100vh; }</style></head><body><div id="panorama"></div><script src="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.js"></script><script>' + scriptContent + '</script></body></html>';
+        vrViewerUrl.value = 'data:text/html;charset=utf-8,' + encodeURIComponent(viewerHtml);
+      }
+      // #endif
+    }
+  } catch (error) {
+    console.error('加载位置详情失败', error);
+    uni.showToast({
+      title: '加载失败',
+      icon: 'none',
+    });
+  }
+};
+
+// 选择位置
+const selectLocation = (location: any) => {
+  switchLocation(location.id);
+  showLocationListPopup.value = false;
+};
+
+// 切换导航栏
+const toggleNav = () => {
+  showNav.value = !showNav.value;
+};
+
+// 显示位置列表
+const showLocationList = () => {
+  showLocationListPopup.value = true;
+};
+
+// 分享位置
+// 处理web-view消息（APP环境）
+const handleWebViewMessage = (event: any) => {
+  // #ifdef APP-PLUS
+  try {
+    const message = event.detail.data[0];
+    if (message && message.action === 'switchLocation' && message.locationId) {
+      console.log('收到web-view消息，跳转到位置:', message.locationId);
+      switchLocation(message.locationId);
+    }
+  } catch (error) {
+    console.error('处理web-view消息失败', error);
+  }
+  // #endif
+};
+
+const shareLocation = () => {
+  if (!currentLocation.value) return;
+  
+  // 处理分享图片路径：使用完整URL
+  const shareImageUrl = currentLocation.value.thumbnailUrlFull 
+    || currentLocation.value.imageUrlFull 
+    || imagUrl(currentLocation.value.thumbnailUrl || currentLocation.value.imageUrl || '');
+  
+  uni.share({
+    provider: 'weixin',
+    scene: 'WXSceneSession',
+    type: 0,
+    href: `https://your-domain/vr?locationId=${currentLocationId.value}`,
+    title: `VR全景 - ${currentLocation.value.locationName}`,
+    summary: currentLocation.value.description || '',
+    imageUrl: shareImageUrl,
+    success: () => {
+      uni.showToast({
+        title: '分享成功',
+        icon: 'success',
+      });
+    },
+    fail: (err) => {
+      console.error('分享失败', err);
+      uni.showToast({
+        title: '分享失败',
+        icon: 'none',
+      });
+    },
+  });
+};
+
+// 获取位置图标
+const getLocationIcon = (type: string) => {
+  const iconMap: Record<string, string> = {
+    building: '🏢',
+    floor: '🏛️',
+    indoor: '🏠',
+    outdoor: '🌳',
+    classroom: '📚',
+    activity: '🎨',
+    preview: '👁️',
+    office: '💼',
+    laboratory: '🔬',
+    meeting: '🤝',
+    other: '📍',
+  };
+  return iconMap[type] || '📍';
+};
+
+// 获取位置类型名称
+const getLocationTypeName = (type: string) => {
+  const nameMap: Record<string, string> = {
+    building: '楼栋',
+    floor: '楼层',
+    indoor: '室内',
+    outdoor: '室外',
+    classroom: '教室',
+    activity: '活动室',
+    preview: '预览室',
+    office: '办公室',
+    laboratory: '实验室',
+    meeting: '会议室',
+    other: '其他',
+  };
+  return nameMap[type] || '未知';
+};
+
+onMounted(() => {
+  loadLocationList();
+});
+
+onUnmounted(() => {
+  // 清理VR查看器
+  // #ifdef H5
+  if (pannellumViewer) {
+    try {
+      pannellumViewer.destroy();
+    } catch (e) {
+      console.warn('清理VR查看器失败', e);
+    }
+  }
+  // #endif
+});
+</script>
+
+<style scoped lang="scss">
+.vr-view-page {
+  width: 100vw;
+  height: 100vh;
+  position: relative;
+  background: #000;
+}
+
+.location-nav {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 100rpx;
+  background: rgba(0, 0, 0, 0.7);
+  z-index: 100;
+  backdrop-filter: blur(10px);
+
+  .nav-scroll {
+    white-space: nowrap;
+    height: 100%;
+    padding: 0 20rpx;
+  }
+
+  .nav-item {
+    display: inline-flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 10rpx 20rpx;
+    margin-right: 20rpx;
+    border-radius: 8rpx;
+    transition: all 0.3s;
+
+    .nav-icon {
+      font-size: 32rpx;
+      margin-bottom: 5rpx;
+    }
+
+    .nav-name {
+      font-size: 20rpx;
+      color: #fff;
+      white-space: nowrap;
+    }
+
+    &.active {
+      background: rgba(102, 126, 234, 0.8);
+    }
+  }
+}
+
+.vr-container {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background: #000;
+
+  // H5环境：Pannellum查看器
+  // #ifdef H5
+  .vr-viewer {
+    width: 100%;
+    height: 100%;
+    
+    :deep(#pannellum-container) {
+      width: 100%;
+      height: 100%;
+    }
+  }
+  // #endif
+
+  // APP环境：web-view
+  // #ifdef APP-PLUS
+  .vr-webview-container {
+    width: 100%;
+    height: 100%;
+
+    .vr-webview {
+      width: 100%;
+      height: 100%;
+    }
+  }
+  // #endif
+
+  .vr-placeholder {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    .placeholder-text {
+      font-size: 28rpx;
+      color: #999;
+    }
+  }
+}
+
+.location-info-card {
+  position: absolute;
+  bottom: 120rpx;
+  left: 20rpx;
+  right: 20rpx;
+  background: rgba(255, 255, 255, 0.95);
+  border-radius: 16rpx;
+  padding: 20rpx;
+  z-index: 100;
+  backdrop-filter: blur(10px);
+
+  .card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 15rpx;
+
+    .location-name {
+      font-size: 32rpx;
+      font-weight: bold;
+      color: #333;
+    }
+
+    .location-type {
+      font-size: 24rpx;
+      color: #667eea;
+      background: #f0f4ff;
+      padding: 5rpx 15rpx;
+      border-radius: 20rpx;
+    }
+  }
+
+  .card-body {
+    .info-text {
+      display: block;
+      font-size: 26rpx;
+      color: #666;
+      margin-bottom: 10rpx;
+      line-height: 1.6;
+    }
+  }
+}
+
+.control-buttons {
+  position: absolute;
+  bottom: 20rpx;
+  left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  gap: 30rpx;
+  z-index: 100;
+
+  .control-btn {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 15rpx 25rpx;
+    background: rgba(0, 0, 0, 0.6);
+    border-radius: 50rpx;
+    backdrop-filter: blur(10px);
+
+    .btn-icon {
+      font-size: 40rpx;
+      margin-bottom: 5rpx;
+    }
+
+    .btn-text {
+      font-size: 22rpx;
+      color: #fff;
+    }
+  }
+}
+
+.location-list-popup {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  .popup-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 30rpx;
+    border-bottom: 1rpx solid #eee;
+
+    .popup-title {
+      font-size: 32rpx;
+      font-weight: bold;
+      color: #333;
+    }
+
+    .popup-close {
+      font-size: 40rpx;
+      color: #999;
+    }
+  }
+
+  .popup-content {
+    flex: 1;
+    padding: 20rpx;
+  }
+
+  .building-group {
+    margin-bottom: 30rpx;
+
+    .group-header {
+      display: flex;
+      align-items: center;
+      padding: 20rpx;
+      background: #f5f5f5;
+      border-radius: 12rpx;
+      margin-bottom: 15rpx;
+
+      .group-icon {
+        font-size: 32rpx;
+        margin-right: 15rpx;
+      }
+
+      .group-name {
+        flex: 1;
+        font-size: 28rpx;
+        font-weight: bold;
+        color: #333;
+      }
+
+      .group-arrow {
+        font-size: 24rpx;
+        color: #999;
+      }
+    }
+
+    .group-content {
+      padding-left: 20rpx;
+    }
+
+    .location-item {
+      display: flex;
+      align-items: center;
+      padding: 20rpx;
+      background: #fff;
+      border-radius: 12rpx;
+      margin-bottom: 15rpx;
+      border: 2rpx solid transparent;
+      transition: all 0.3s;
+
+      .item-icon {
+        font-size: 40rpx;
+        margin-right: 20rpx;
+      }
+
+      .item-info {
+        flex: 1;
+
+        .item-name {
+          display: block;
+          font-size: 28rpx;
+          color: #333;
+          margin-bottom: 5rpx;
+        }
+
+        .item-desc {
+          font-size: 24rpx;
+          color: #999;
+        }
+      }
+
+      .item-arrow {
+        font-size: 32rpx;
+        color: #999;
+      }
+
+      &.active {
+        border-color: #667eea;
+        background: #f0f4ff;
+      }
+    }
+  }
+}
+</style>
+
diff --git a/src/static/base/home/vrps.png b/src/static/base/home/vrps.png
new file mode 100644
index 0000000000000000000000000000000000000000..82dd52e98ec3f2d5d587875b73baec76f12beb9f
GIT binary patch
literal 5673
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

literal 0
HcmV?d00001

diff --git a/src/static/base/home/vrzs.png b/src/static/base/home/vrzs.png
new file mode 100644
index 0000000000000000000000000000000000000000..d12c183d8ddb2476cac5b9ed217b44950f82a12b
GIT binary patch
literal 14889
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
Q;s`)dR!yc%%E<qJ0NylJzyJUM

literal 0
HcmV?d00001