diff --git a/public/threeModal/baoGH.JPG b/public/threeModal/baoGH.JPG
deleted file mode 100644
index dff38cb..0000000
--- a/public/threeModal/baoGH.JPG
+++ /dev/null
Binary files differ

diff --git a/public/threeModal/baoGH.JPG b/public/threeModal/baoGH.JPG
deleted file mode 100644
index dff38cb..0000000
--- a/public/threeModal/baoGH.JPG
+++ /dev/null
Binary files differ
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/modalSJ.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/modalSJ.vue
index b7958ee..db6b5e2 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/modalSJ.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/modalSJ.vue
@@ -1,17 +1,17 @@
 <template>
   <!-- 项目模型实景管理 -->
   <div class="projectModalM">
-    <div id="QuanJing" ref="threeDom"></div>
+    <div id="QuanJing" ref="threeDom" v-if="ifHasUrl"></div>
+    <!-- 暂无数据 -->
+    <div v-else class="noData">暂无全景图片</div>
   </div>
 </template>
 
 <script setup>
 import * as THREE from 'three';
 import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'; //控制器
-import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js'; // gltf加载器
 import gsap from 'gsap';
 import { CSSRulePlugin } from 'gsap/CSSRulePlugin';
-import { projectInfoNewById } from '@/api/project/projectInformationNew';
 import bus from '@/bus';
 const { proxy } = getCurrentInstance();
 gsap.registerPlugin(CSSRulePlugin); // 引入css插件,完成某些css动画
@@ -23,6 +23,7 @@
   imgWidth: 1200, //渲染宽度px
   imgHeight: 560, //渲染高度px
 });
+const ifHasUrl = ref(true);
 
 // 初始化模型
 const SceneModal = new THREE.Scene();
@@ -33,8 +34,7 @@
 });
 // 控制器
 const Controls = new OrbitControls(CameraModal, Renderer.domElement);
-//gltfLoader
-const Gltfloader = new GLTFLoader();
+
 // 注意:此处为threejs的DOM,需要将threejs的场景渲染进去
 const threeDom = ref();
 
@@ -122,14 +122,9 @@
   Renderer.clear(); // 清除画布
   Renderer.render(SceneModal, CameraModal);
 };
-async function projectInfoNew(p) {
-  let { data } = await projectInfoNewById(p);
-  if (data.projectpicture.length != 0) {
-    AllData.value.imgUrl = data.projectpicture[0].url;
-  } else {
-    // proxy.$modal.msgWarning('请上传全景图');
-    // AllData.value.imgUrl = '暂无数据';
-  }
+
+// 初始化加载模型
+function initModal(imgUrl) {
   let event = {};
   // 单张纹理图的加载
   event.onLoad = function () {
@@ -153,7 +148,7 @@
   const loadingManager = new THREE.LoadingManager(event.onLoad, event.onProgress, event.onError);
   const textureLoader = new THREE.TextureLoader(loadingManager);
   var material = new THREE.MeshBasicMaterial(); //材质
-  var texture = textureLoader.load(AllData.value.imgUrl);
+  var texture = textureLoader.load(imgUrl);
   material.map = texture;
   // var skyBox = new THREE.Mesh(new THREE.SphereBufferGeometry(600, 600, 600), material);
   var skyBox = new THREE.Mesh(new THREE.SphereGeometry(600, 600, 600), material);
@@ -162,9 +157,12 @@
 }
 onMounted(() => {
   bus.on('getProjectDate', v => {
-    initThreeScene();
-    Render();
-    projectInfoNew(v.id);
+    ifHasUrl.value = v.projectpicture.length > 0 ? true : false;
+    if (ifHasUrl.value) {
+      initModal(v.projectpicture[0].url); //初始化
+      initThreeScene();
+      Render();
+    }
   });
 });
 onBeforeUnmount(() => {
@@ -179,5 +177,11 @@
     width: 100%;
     height: 100%;
   }
+  .noData {
+    font-size: 20px;
+    text-align: center;
+    margin-top: 10%;
+    color: #fff;
+  }
 }
 </style>

diff --git a/public/threeModal/baoGH.JPG b/public/threeModal/baoGH.JPG
deleted file mode 100644
index dff38cb..0000000
--- a/public/threeModal/baoGH.JPG
+++ /dev/null
Binary files differ
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/modalSJ.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/modalSJ.vue
index b7958ee..db6b5e2 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/modalSJ.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/modalSJ.vue
@@ -1,17 +1,17 @@
 <template>
   <!-- 项目模型实景管理 -->
   <div class="projectModalM">
-    <div id="QuanJing" ref="threeDom"></div>
+    <div id="QuanJing" ref="threeDom" v-if="ifHasUrl"></div>
+    <!-- 暂无数据 -->
+    <div v-else class="noData">暂无全景图片</div>
   </div>
 </template>
 
 <script setup>
 import * as THREE from 'three';
 import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'; //控制器
-import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js'; // gltf加载器
 import gsap from 'gsap';
 import { CSSRulePlugin } from 'gsap/CSSRulePlugin';
-import { projectInfoNewById } from '@/api/project/projectInformationNew';
 import bus from '@/bus';
 const { proxy } = getCurrentInstance();
 gsap.registerPlugin(CSSRulePlugin); // 引入css插件,完成某些css动画
@@ -23,6 +23,7 @@
   imgWidth: 1200, //渲染宽度px
   imgHeight: 560, //渲染高度px
 });
+const ifHasUrl = ref(true);
 
 // 初始化模型
 const SceneModal = new THREE.Scene();
@@ -33,8 +34,7 @@
 });
 // 控制器
 const Controls = new OrbitControls(CameraModal, Renderer.domElement);
-//gltfLoader
-const Gltfloader = new GLTFLoader();
+
 // 注意:此处为threejs的DOM,需要将threejs的场景渲染进去
 const threeDom = ref();
 
@@ -122,14 +122,9 @@
   Renderer.clear(); // 清除画布
   Renderer.render(SceneModal, CameraModal);
 };
-async function projectInfoNew(p) {
-  let { data } = await projectInfoNewById(p);
-  if (data.projectpicture.length != 0) {
-    AllData.value.imgUrl = data.projectpicture[0].url;
-  } else {
-    // proxy.$modal.msgWarning('请上传全景图');
-    // AllData.value.imgUrl = '暂无数据';
-  }
+
+// 初始化加载模型
+function initModal(imgUrl) {
   let event = {};
   // 单张纹理图的加载
   event.onLoad = function () {
@@ -153,7 +148,7 @@
   const loadingManager = new THREE.LoadingManager(event.onLoad, event.onProgress, event.onError);
   const textureLoader = new THREE.TextureLoader(loadingManager);
   var material = new THREE.MeshBasicMaterial(); //材质
-  var texture = textureLoader.load(AllData.value.imgUrl);
+  var texture = textureLoader.load(imgUrl);
   material.map = texture;
   // var skyBox = new THREE.Mesh(new THREE.SphereBufferGeometry(600, 600, 600), material);
   var skyBox = new THREE.Mesh(new THREE.SphereGeometry(600, 600, 600), material);
@@ -162,9 +157,12 @@
 }
 onMounted(() => {
   bus.on('getProjectDate', v => {
-    initThreeScene();
-    Render();
-    projectInfoNew(v.id);
+    ifHasUrl.value = v.projectpicture.length > 0 ? true : false;
+    if (ifHasUrl.value) {
+      initModal(v.projectpicture[0].url); //初始化
+      initThreeScene();
+      Render();
+    }
   });
 });
 onBeforeUnmount(() => {
@@ -179,5 +177,11 @@
     width: 100%;
     height: 100%;
   }
+  .noData {
+    font-size: 20px;
+    text-align: center;
+    margin-top: 10%;
+    color: #fff;
+  }
 }
 </style>
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
index 36ac5e1..988ef25 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
@@ -81,6 +81,7 @@
   { name: 'jsdb', title: '项目成果展示' },
   { name: 'modalSJ', title: '实景图' },
 ]);
+
 const props = defineProps({
   fullScreen: {
     type: Boolean,
@@ -96,14 +97,15 @@
 }
 function qitxiangq() {
   daLigoShow.value = true;
-  console.log(allDate.value.id);
-  // debugger;
   projectInfoNew(allDate.value.id);
 }
+
+// 获取项目详情
 async function projectInfoNew(p) {
   let { data } = await projectInfoNewById(p);
   bus.emit('getProjectDate', data);
 }
+// 点击切换
 function TabsChange({ props: { name } }) {
   projectInfoNew(allDate.value.id);
   switch (name) {