Merge branch 'hongxilin/feature-20250710175148-抽奖' into milestone-20250722-抽奖

src/views/choujiang/hxl-cj/cj.vue

@@ -290,10 +290,15 @@ const openGetPrize = async () => {
     return;
   }
 
+  pageObj.value = {
+    pageNum: 1,
+    pageSize: 14,
+  };
+
   let res = await getGetPrizeUserListApi(pageObj.value);
   getPrizeUserList.value = res.data.list;
   currentPage.value = res.data.pageNum;
-  totalPage.value = res.data.pages;
+  totalPage.value = res.data.pages == 0 ? 1 : res.data.pages;
   isOpen.value = true;
   //   console.log("currentPrize", currentPrize.value);
   prizes.value.forEach((item) => {
@@ -324,25 +329,29 @@ const leftPage = async (item) => {
   if (currentPage.value == 1) {
     return;
   }
-  if (currentPage.value == totalPage.value) {
-    const rightPageBtn = document.getElementById("rightPage");
-    rightPageBtn.style.cursor = "pointer";
-    rightPageBtn.style.setProperty(
-      "background",
-      "linear-gradient(90deg, #ff9800 0%, #ff5722 100%)",
-      "important"
-    );
-  }
-  currentPage.value--;
-  pageObj.value.pageNum = currentPage;
-  let res = await getGetPrizeUserListApi(pageObj.value);
-  getPrizeUserList.value = res.data.list;
-  currentPage.value = res.data.pageNum;
-
-  if (currentPage.value == 1) {
-    const leftPageBtn = document.getElementById("leftPage");
-    leftPageBtn.style.cursor = "not-allowed";
-    leftPageBtn.style.background = "#ccc";
+  try {
+    if (currentPage.value == totalPage.value) {
+      const rightPageBtn = document.getElementById("rightPage");
+      rightPageBtn.style.cursor = "pointer";
+      rightPageBtn.style.setProperty(
+        "background",
+        "linear-gradient(90deg, #ff9800 0%, #ff5722 100%)",
+        "important"
+      );
+    }
+    currentPage.value--;
+    pageObj.value.pageNum = currentPage;
+    let res = await getGetPrizeUserListApi(pageObj.value);
+    getPrizeUserList.value = res.data.list;
+    currentPage.value = res.data.pageNum;
+
+    if (currentPage.value == 1) {
+      const leftPageBtn = document.getElementById("leftPage");
+      leftPageBtn.style.cursor = "not-allowed";
+      leftPageBtn.style.background = "#ccc";
+    }
+  } catch (e) {
+    console.log("error", e);
   }
 };
 
@@ -351,31 +360,35 @@ const throttledleftPage = _.throttle(leftPage, 500, {
 });
 
 const rightPage = async (item) => {
-  if (currentPage.value == totalPage.value) {
+  if (currentPage.value >= totalPage.value) {
     return;
   }
 
-  if (currentPage.value == 1) {
-    const leftPageBtn = document.getElementById("leftPage");
-    console.log("leftPageBtn", leftPageBtn);
-    leftPageBtn.style.cursor = "pointer";
-    leftPageBtn.style.setProperty(
-      "background",
-      "linear-gradient(90deg, #ff9800 0%, #ff5722 100%)",
-      "important"
-    );
-  }
+  try {
+    if (currentPage.value == 1) {
+      const leftPageBtn = document.getElementById("leftPage");
+      console.log("leftPageBtn", leftPageBtn);
+      leftPageBtn.style.cursor = "pointer";
+      leftPageBtn.style.setProperty(
+        "background",
+        "linear-gradient(90deg, #ff9800 0%, #ff5722 100%)",
+        "important"
+      );
+    }
 
-  currentPage.value++;
-  pageObj.value.pageNum = currentPage;
-  let res = await getGetPrizeUserListApi(pageObj.value);
-  getPrizeUserList.value = res.data.list;
-  currentPage.value = res.data.pageNum;
+    currentPage.value++;
+    pageObj.value.pageNum = currentPage;
+    let res = await getGetPrizeUserListApi(pageObj.value);
+    getPrizeUserList.value = res.data.list;
+    currentPage.value = res.data.pageNum;
 
-  if (currentPage.value == totalPage.value) {
-    const rightPageBtn = document.getElementById("rightPage");
-    rightPageBtn.style.cursor = "not-allowed";
-    rightPageBtn.style.background = "#ccc";
+    if (currentPage.value == totalPage.value) {
+      const rightPageBtn = document.getElementById("rightPage");
+      rightPageBtn.style.cursor = "not-allowed";
+      rightPageBtn.style.background = "#ccc";
+    }
+  } catch (e) {
+    console.log("error", e);
   }
 };
 
@@ -550,11 +563,13 @@ const initCards = () => {
 
   camera = new THREE.PerspectiveCamera(
     40,
-    window.innerWidth / window.innerHeight,
+    // window.innerWidth / window.innerHeight,
+    10,
     1,
     10000
   );
   camera.position.z = 3000;
+  // camera.position.y = 1000;
 
   scene = new THREE.Scene();
 
@@ -602,8 +617,8 @@ const initCards = () => {
   }
 
   renderer = new CSS3DRenderer();
-  renderer.setSize(window.innerWidth * 1, window.innerHeight * 0.9);
-  renderer.domElement.style.margin = "7% 0 0 1%";
+  renderer.setSize(window.innerWidth * 0.8, window.innerHeight * 0.8);
+  renderer.domElement.style.margin = "12% 0 0 0 ";
   //   document.getElementById("container").appendChild(renderer.domElement);
 
   if (threeContainer.value) {
@@ -1351,12 +1366,15 @@ body,
   background-repeat: no-repeat;
   background-size: 100% 100%;
   justify-content: center;
+  align-items: center;
 }
 
 .hllogo {
   position: absolute;
   right: 0;
   bottom: 0;
+  width: 20%;
+  height: auto;
 }
 
 .qipao {