From e0cf0e3b8a13a3e583a3f6d380207efa788d3a67 Mon Sep 17 00:00:00 2001
From: no99 <17663930442@163.com>
Date: Mon, 28 Jul 2025 15:36:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/choujiang/hxl-cj/cj.vue | 104 ++++++++++++++++++++++----------------
 1 file changed, 61 insertions(+), 43 deletions(-)

diff --git a/src/views/choujiang/hxl-cj/cj.vue b/src/views/choujiang/hxl-cj/cj.vue
index 192dde9..7071b46 100644
--- a/src/views/choujiang/hxl-cj/cj.vue
+++ b/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 {