Ver código fonte

点亮五菱

duanshenglang 8 meses atrás
pai
commit
d65d2ff885

BIN
lottery.zip


+ 28 - 11
lottery/carOwnerScreening.html

@@ -4,7 +4,7 @@
 <head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
+  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no, viewport-fit=cover" />
   <title>点亮五菱</title>
   <!--引入 element-ui 的样式,-->
   <link rel="stylesheet"
@@ -15,10 +15,10 @@
   <!-- 引入element 的组件库-->
   <script
     src="https://wl-1306604067.cos.ap-guangzhou.myqcloud.com/production/ct/103548289110001/1742017747738/element-ui.js"></script>
-  <script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>
+  <!-- <script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>
   <script>
 		  var vConsole = new window.VConsole();
-		</script>
+		</script> -->
 </head>
 <style>
   body {
@@ -28,17 +28,18 @@
 
   .box {
     width: 100vw;
-    height: 100vh;
+    height: 100%;
     box-sizing: border-box;
     background: #FAFAFA;
   }
 
   .page6 {
     width: 100vw;
-    height: 100vh;
+    height: 100%;
     background: url('./img/wl_carOwner.png') no-repeat center;
-    background-size: 100vw 100vh;
+    background-size: 100vw 100%;
     background-repeat: no-repeat;
+    position: relative;
   }
 
   .page6s {
@@ -90,17 +91,20 @@
   }
 
   .page_foot {
-    position: fixed;
+    position: absolute;
     bottom: 20px;
     width: 100%;
+    padding: 0 35px;
+    box-sizing: border-box;
   }
 
   .foot_btn {
+    height: 52px;
+    line-height: 52px;
+    width: 100%;
     font-weight: 500;
     font-size: 16px;
     color: #222222;
-    padding: 15px 0;
-    margin: 0 35px;
     background: #FFFFFF;
     text-align: center;
     border-radius: 20px;
@@ -317,10 +321,13 @@
         selectData: 'one',
         isWlCar: false,
         filter: 1,
-        noTestDrive: false
+        noTestDrive: false,
+        originalScrollY: 0
       }
     },
     created () {
+      var hrt = document.documentElement.clientHeight; //获取当前可视区域的高度存到hrt变量
+      document.getElementById('box').style.height = hrt + 'px'//把获取到的高度赋值给根div
       this.bId = this.getQueryParam('bId')
       this.env = this.getQueryParam('env')
       if (!this.env || this.env === 'prod') {
@@ -413,7 +420,17 @@
           }).then(result => {
             let { data, code, msg } = result
             if (code === 1) {
-              this.lightData = data
+              if (data.client.state === 2) {
+                let url = ''
+                if (!this.env || this.env === 'prod') {
+                  url = `https://lottery.camlook.cn/?bId=${data.raffle1BizId}&h5Type=30`
+                } else {
+                  url = `https://lottery.camlook.cn/?bId=${data.raffle1BizId}&env=dev&h5Type=30`
+                }
+                window.location.replace(url)
+              } else {
+                this.lightData = data
+              }
             } else {
               this.$message({
                 message: msg,

BIN
lottery/img/store.png


+ 6 - 4
lottery/lightUpWl.html

@@ -15,10 +15,10 @@
   <!-- 引入element 的组件库-->
   <script
     src="https://wl-1306604067.cos.ap-guangzhou.myqcloud.com/production/ct/103548289110001/1742017747738/element-ui.js"></script>
-  <script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>
+  <!-- <script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>
   <script>
 		  var vConsole = new window.VConsole();
-		</script>
+		</script> -->
 </head>
 <style>
   body {
@@ -68,12 +68,14 @@
 
   .btn_text {
     position: absolute;
-    top: 50%;
+    top: 46%;
     left: 50%;
-    transform: translate(-50%, -50%);
+    transform: translate(-50%, -46%);
     font-weight: 500;
     font-size: 20px;
     color: #FFFFFF;
+    width: 100%;
+    text-align: center;
   }
 
   .ask {

+ 41 - 3
lottery/registrationActivity.html

@@ -203,17 +203,33 @@
     background: linear-gradient(#D5E6FF 50%, #FFFFFF 100%);
     border-radius: 20px;
     box-sizing: border-box;
+    border: 1px solid #FFFFFF;
   }
 
   .signup_tip {
     font-weight: 400;
     font-size: 16px;
     color: #222222;
-    padding: 50px 31px 40px 32px;
+    padding: 40px 31px 10px 32px;
     text-align: center;
     line-height: 30px;
   }
-
+  .store_msg {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: 400;
+    font-size: 12px;
+    color: #1677FF;
+    margin-bottom: 15px;
+    padding-left: 30px;
+    padding-right: 36px;
+  }
+  .store_icon {
+    width: 24px;
+    height: 24px;
+    margin-right: 5px;
+  }
   .signup_code {
     font-weight: 500;
     font-size: 30px;
@@ -222,6 +238,7 @@
     background: #D3E0F5;
     border-radius: 20px;
     margin: 0 20px;
+    text-align: center;
   }
 
   .copy_text {
@@ -246,7 +263,7 @@
     color: #999999;
     line-height: 24px;
     text-align: start;
-    padding-top: 50px;
+    padding-top: 41px;
     padding-left: 20px;
   }
 
@@ -290,6 +307,10 @@
       </div>
       <div class="signup_box">
         <div class="signup_tip">请您于活动结束前,凭以下核销码前往预约到店门店领取礼品</div>
+        <div class="store_msg">
+          <img class="store_icon" src="./img/store.png" />
+          <span>{{storeName}}</span>
+        </div>
         <div class="signup_code">{{verificationCode}}</div>
         <div class="copy_text" @click="handleCopy(verificationCode)">
           <img class="copy_icon" src="./img/copy_icon.png" />
@@ -396,6 +417,7 @@
         },
         step: 1,
         verificationCode: '',
+        storeName: '',
         transformedData: [],
         storeList: [],
         province: '',
@@ -578,6 +600,14 @@
               } else if (data.client.state === 2) {
                 // 已提交表单
                 this.verificationCode = data.client.verificationCode
+                if (data.client.formData) {
+                  let arr = JSON.parse(data.client.formData)
+                  const filteredItems = arr.filter(item => item.name.includes("门店"))
+                  if (filteredItems.length) {
+                    const names = filteredItems.map(item => item.value[0])
+                    this.storeName = names[0]
+                  }
+                }
                 this.step = 3
               } else if (data.client.state === 3) {
                 // 已核销
@@ -680,6 +710,14 @@
               if (data.client.state === 2) {
                 // 已提交表单
                 this.step = 3
+                if (data.client.formData) {
+                  let arr = JSON.parse(data.client.formData)
+                  const filteredItems = arr.filter(item => item.name.includes("门店"))
+                  if (filteredItems.length) {
+                    const names = filteredItems.map(item => item.value[0])
+                    this.storeName = names[0]
+                  }
+                }
               } else if (data.client.state === 3) {
                 // 已核销
                 this.step = 4