会员注册

581a9b8a · xulili · df550118 · 581a9b8a · 581a9b8a · 581a9b8a
Commit 581a9b8a authored Mar 22, 2020 by xulili
5 changed files
--- a/ybf_wx/public/mainSale/4.png
+++ b/ybf_wx/public/mainSale/4.png
--- a/ybf_wx/public/register/index.html
+++ b/ybf_wx/public/register/index.html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>会员拉新</title>
+    <script src="../js/jquery-3.4.1.min.js"></script>
+    <style>
+        html,body{
+            width: 100%;
+            height: 100%;
+            margin: 0;
+            padding: 0;
+            font-size: 16px;
+            color: #ffffff;
+        }
+        .register_container{
+            height: 100%;
+            background-color: rgba(15, 106, 184, 0.99);
+            margin: 0;
+            padding: 2.5rem 2rem;
+            box-sizing: border-box;
+            text-align: center;
+        }
+        .register_titles .title{
+            font-size: 3rem;
+            line-height: 5rem;
+        }
+        .register_qrcode  #image{
+            display: inline-block;
+            width: 60%;
+            height: auto;
+            margin: 3rem 0;
+        }
+        .register_qrcode .qrcodeTip{
+            font-size: 2rem;
+        }
+    </style>
+</head>
+<body>
+<div class="register_container">
+    <div class="register_titles">
+        <div class="title">扫码注册成为会员</div>
+    </div>
+    <div class="register_qrcode">
+        <img class="qrcode" id="image" src="" alt />
+        <div class="qrcodeTip">长按识别二维码</div>
+    </div>
+</div>
+<script>
+  $(function () {
+    showQRInfo()
+  });
+  const showQRInfo = () => {
+    // let pageUri = `${nowUrl}&detailid=${voucherId}&actionid=${activeId}&unionid=${unionId}`;
+    let storecode = "181"
+    let pageUri = `pages/user/register/register?storeCode=
+${storecode}`;
+    let pageUrl = `http://139.155.48.151:8085/workWx/auth/oauth2/wxMiniQrCode?pageUri=${pageUri}`;
+    $.ajax({
+      type: "POST",
+      url: pageUrl,
+      data: {},
+      success: function (res) {
+        $('#image').attr('src', res.data)
+      },
+      error: function (data) {
+        alert(`--->qrCode: ajax: err.`)
+        alert(`--->qrCode: ajax: err: err =${JSON.stringify(err)}`)
+        alert('error' + JSON.stringify(data))
+        console.log(data);
+      }
+    });
+  }
+</script>
+</body>
+</html>
--- a/ybf_wx/src/router/index.js
+++ b/ybf_wx/src/router/index.js
@@ -42,6 +42,11 @@ const routes = [
    name: 'Discount',
    component: () => import('@/views/sideNav/discount/index')
  },
+  {
+    path: '/register',
+    name: 'register',
+    component: () => import('@/views/sideNav/register/index')
+  },
  {
    path: '/mainSale',
    name: 'MainSale',

--- a/ybf_wx/src/views/home.vue
+++ b/ybf_wx/src/views/home.vue
--- a/ybf_wx/src/views/sideNav/register/index.vue
+++ b/ybf_wx/src/views/sideNav/register/index.vue
+<template>
+    <div class="register_container">
+        <div v-for="(item, index) of list" :key="index" @click="sendMessage">
+            <div class="list">
+                <div>
+                    <img class="list-logo" :src="item.logoUrl" alt/>
+                </div>
+                <div class="list-infos">
+                    <div class="list-info-title">{{item.name}}</div>
+                    <div class="list-info-dsc">{{item.dsc}}</div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+  export default {
+    name: 'register',
+    data() {
+      return {
+        list:[
+          {
+            name: "会员拉新",
+            dsc: "推送给顾客成为欧亚会员，完成拉新任务",
+            logoUrl: "/mainSale/4.png"
+          }
+        ]
+      }
+    },
+    mounted(){
+    },
+    methods:{
+      sendMessage(){
+        wx.invoke(
+          "sendChatMessage",
+          {
+            msgtype: "text", //消息类型，必填
+            news: {
+              link: `http://qywx2.100smartdata.com/register`, //H5消息页面url 必填
+              title: "会员拉新", //H5消息标题
+              desc: '注册成为欧亚会员', //H5消息摘要
+              imgUrl: "" //H5消息封面图片URL
+            }
+          },
+          function(res) {
+            if (res.err_msg == "sendChatMessage:ok") {
+              alert("--->register.vue: zpick: h5 分享成功！");
+            } else if (res.err_msg != "sendChatMessage:ok") {
+              alert(`--->register.vue: zpick: h5 分享失败.`);
+            }
+          }
+        );
+      }
+    }
+  }
+</script>
+<style lang="scss" scoped>
+    .register_container{
+        padding: 4px 12px 40px 12px;
+        .list {
+            height: 140px;
+            box-shadow: 0px 2px 4px 0px rgb(187, 187, 187);
+            margin: 6px 0px;
+            padding: 0px 12px;
+            border-radius: 6px;
+            display: flex;
+            flex-direction: row;
+            justify-content: flex-start;
+            align-items: center;
+            .list-logo {
+                width: 100px;
+                height: 100px;
+                border-radius: 6px;
+            }
+            .list-infos {
+                height: 100px;
+                padding-left: 12px;
+                display: flex;
+                flex-direction: column;
+                justify-content: flex-start;
+                align-items: flex-start;
+            }
+            .list-info-title {
+                width: 100%;
+                height: 18px;
+                font-size: 16px;
+                font-weight: bold;
+                line-height: 18px;
+            }
+            .list-info-dsc {
+                margin-top: 6px;
+                width: 100%;
+                height: 16px;
+                font-size: 12px;
+                font-weight: normal;
+                line-height: 18px;
+            }
+        }
+    }
+</style>