From 32504b4f1ca260c2eafa1dd9acc705237dee0d0e Mon Sep 17 00:00:00 2001
From: liruiqiang <3151805288@qq.com>
Date: Thu, 23 Oct 2025 12:55:29 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                   |  11 +++-
 src/views/admin/landingList.vue       |   5 +-
 src/views/admin/landingManagement.vue | 110 ++++++++++++++++++++--------------
 3 files changed, 77 insertions(+), 49 deletions(-)

diff --git a/src/router/index.js b/src/router/index.js
index 56c1536..0719d8e 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -5,7 +5,7 @@ const router = createRouter({
   routes: [
     {
       path: '/',
-      redirect: '/admin/landingList'
+      redirect: '/admin/landingManagement'
     },
     // 落地页活动管理
     {
@@ -16,6 +16,15 @@ const router = createRouter({
         title: '落地页活动管理', 
       }
     },
+     // 落地页活动管理
+    {
+      path: '/admin/landingManagement',
+      name: 'landingManagement', 
+      component: () => import('../views/admin/landingManagement.vue'),
+      meta: { 
+        title: '落地页活动管理', 
+      }
+    },
     // 落地页活动详情
     {
       path: '/admin/landingDetail/:id',
diff --git a/src/views/admin/landingList.vue b/src/views/admin/landingList.vue
index 0b735bb..62f8446 100644
--- a/src/views/admin/landingList.vue
+++ b/src/views/admin/landingList.vue
@@ -176,7 +176,7 @@
 </template>
 
 <script>
-import { getLandingListApi, addLandingApi, editLandingtApi } from '../../api/member.js';
+import { getLandingListApi, addLandingApi } from '../../api/member.js';
 import { ElMessage } from 'element-plus';
 
 export default {
@@ -399,8 +399,7 @@ export default {
     submitForm() {
       this.$refs.formRef.validate((valid) => {
         if (valid) {
-          const api = this.form.id ? editLandingtApi : addLandingApi;
-          api({
+          addLandingApi({
             id: this.form.id,
             name: this.form.name,
             intro: this.form.intro,
diff --git a/src/views/admin/landingManagement.vue b/src/views/admin/landingManagement.vue
index 980a1d1..35655dd 100644
--- a/src/views/admin/landingManagement.vue
+++ b/src/views/admin/landingManagement.vue
@@ -129,13 +129,16 @@
                     <el-upload
                         class="upload-demo"
                         action="#"
+                        :limit="1"
                         :on-change="handleLandingPageUpload"
-                        :show-file-list="false"
+                        :on-remove="handleLandingPageDel"
+                        list-type="picture"
+                        :file-list="form.landingPageFiles"
                     >
                         <el-button type="primary" icon="Plus">上传</el-button>
                         <template #tip>
                         <div class="upload-tip">
-                            宽度≤375像素，支持PNG、JPG、GIF格式，图片需小于2M
+                            支持PNG、JPG、GIF格式
                         </div>
                         </template>
                     </el-upload>
@@ -148,13 +151,14 @@
                         action="#"
                         :limit="1"
                         :on-change="handlePopupUpload"
+                        :on-remove="handlePoppDel"
                         list-type="picture"
                         :file-list="form.popupFiles"
                     >
                         <el-button type="primary" icon="Plus">上传</el-button>
                         <template #tip>
                         <div class="upload-tip">
-                            宽度≤375像素，支持PNG、JPG格式，图片需小于2M
+                            支持PNG、JPG格式
                         </div>
                         </template>
                     </el-upload>
@@ -181,6 +185,8 @@ export default {
   name: 'LandingList',
   data() {
     return {
+      landingPageImgFlag:false,
+      popupImgFlag:false,
       // 表格数据
       tableData: [],
       // 分页参数
@@ -311,39 +317,37 @@ export default {
        ]
       this.dialogVisible = true;
     },
-
+    handleLandingPageDel(){
+        this.form.landingPage = ""
+        this.form.landingPageFiles = []
+    },
+    handlePopupDel(){
+        this.form.popup = ""
+        this.form.popupFiles = []
+    },
     // 处理落地页上传（宽度校验≤375px）
     handleLandingPageUpload(file) {
       const reader = new FileReader();
       reader.onload = (e) => {
         const img = new Image();
         img.onload = () => {
-          if (img.width > 375) {
-            ElMessage.error('图片宽度不能超过375px');
-            this.form.landingPageFiles = [];
-          } else {
+            this.landingPageImgFlag = true
             this.form.landingPage = file.raw;
             this.form.landingPageFiles = [file];
-          }
         };
         img.src = e.target.result;
       };
       reader.readAsDataURL(file.raw);
     },
 
-    // 处理弹窗上传（宽度校验≤375px）
     handlePopupUpload(file) {
       const reader = new FileReader();
       reader.onload = (e) => {
         const img = new Image();
         img.onload = () => {
-          if (img.width > 375) {
-            ElMessage.error('图片宽度不能超过375px');
-            this.form.popupFiles = [];
-          } else {
+            this.popupImgFlag = true
             this.form.popup = file.raw;
             this.form.popupFiles = [file];
-          }
         };
         img.src = e.target.result;
       };
@@ -354,40 +358,56 @@ export default {
      async submitForm() {
       this.$refs.formRef.validate( async (valid) => {
         if (valid) {
-          let landingPageFlag = false
-            const formData = new FormData();
-              formData.append('file', this.form.landingPageFiles[0].raw);
-              formData.append("type", "image");
-              formData.append("app_from", "toujiao");
-              const landingPageRes = await axios.post(
-                'http://39.101.133.168:8828/hljwgo/api/file/upload',
-                formData,
-                {
-                  headers: { "Content-Type": "multipart/form-data" }
+          let landingPageFlag = true
+          if(this.landingPageImgFlag){
+            try{
+              const formData = new FormData();
+                formData.append('file', this.form.landingPageFiles[0].raw);
+                formData.append("type", "image");
+                formData.append("app_from", "toujiao");
+                const landingPageRes = await axios.post(
+                  'http://39.101.133.168:8828/hljwgo/api/file/upload',
+                  formData,
+                  {
+                    headers: { "Content-Type": "multipart/form-data" }
+                  }
+                );
+                if(landingPageRes.data.code === 200){
+                  this.form.landingPage = landingPageRes.data.data.url
+                  // this.form.popup = resp.data.file_name
+                  landingPageFlag = true
+                } else{
+                  landingPageFlag = false
                 }
-              );
-              if(landingPageRes.data.code === 200){
-                this.form.landingPage = landingPageRes.data.data.url
-                // this.form.popup = resp.data.file_name
-                landingPageFlag = true
+              }catch{
+                 landingPageFlag = false
               }
-           let popupFlag = false
-              const popupFormData = new FormData();
-              popupFormData.append('file', this.form.popupFiles[0].raw);
-              popupFormData.append("type", "image");
-              popupFormData.append("app_from", "toujiao");
-              const popupRes =await axios.post(
-                'http://39.101.133.168:8828/hljwgo/api/file/upload',
-                popupFormData,
-                {
-                  headers: { "Content-Type": "multipart/form-data" }
+            }
+           let popupFlag = true
+           if(this.popupImgFlag){
+            try{
+                const popupFormData = new FormData();
+                popupFormData.append('file', this.form.popupFiles[0].raw);
+                popupFormData.append("type", "image");
+                popupFormData.append("app_from", "toujiao");
+                const popupRes =await axios.post(
+                  'http://39.101.133.168:8828/hljwgo/api/file/upload',
+                  popupFormData,
+                  {
+                    headers: { "Content-Type": "multipart/form-data" }
+                  }
+                );
+                if(popupRes.data.code === 200){
+                  this.form.popup = popupRes.data.data.url
+                  // this.form.popup = popupRes.data.file_name
+                  popupFlag = true
+                } else{
+                  popupFlag = false
                 }
-              );
-              if(popupRes.data.code === 200){
-                this.form.popup = popupRes.data.data.url
-                // this.form.popup = popupRes.data.file_name
-                popupFlag = true
+              } catch {
+                  popupFlag = false
               }
+            }
             if(!landingPageFlag || !popupFlag){
               ElMessage.error('图片上传失败');
               return