zhaojs
2023-08-08 754e426cf37961192e7a6189a81acb9b3410e376
h5/apph5/pages/takeout/mt.vue
@@ -1,34 +1,35 @@
<template>
   <view class="bodycont">
   <!--    <view class="toptxt">
   <view class="mtbodycont">
      <!--    <view class="toptxt">
         美团外卖
      </view> -->
      <view class="tabcont">
         <view class="tabcont tabcontsp">
            <span class="tabconttxt tabconttxt-check">
            <span class="tabconttxt mttabconttxt-check">
               美团
            </span>
            <span class="tabconttxt getBtn-containe-uncheck">
            <span class="tabconttxt getBtn-containe-uncheck" @click="toElm()">
               饿了么
            </span>
         </view>
      </view>
      <view>
         <image class="pageBac" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/h5mt1.png"></image>
      </view>
      <view class="code-cont">
         <view class="code-flow">
            <image class="code-flow-img" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/h5huanstep.png"></image>
         <view class="mtcode-flow">
            <image class="code-flow-img"
               src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/h5huanstep.png"></image>
         </view>
         <view class="code-img">
            <image class="code-img-code" :src="qrcode"></image>
         </view>
         <view class="code-btn" @click="shareClick()">
         <view v-if="qrcode" class="code-btn" @click="shareClick()">
            领红包点外卖
         </view>
      </view>
      <view class="rulesContent">
         <view class="txt-title">
            规则说明:
@@ -41,20 +42,19 @@
            饮品频道使用; </br>
            (3)外卖新人首单红包限新用户(设备、手机号、 红包
            号均未在美团外卖下过单)首次下单使用,且不与其他优惠(首减、满减、满赠、套餐增、折扣菜)同享;非首单红包可与上述优惠叠加使用;</br>
            (4)使用红包时下单手机号码必须与收餐人手机号码、领取红包时输入的手机号码一致:</br>
            3.订单跟单规则为您通过本活动页点击跳转至美团后只要产生有效点击即可进行跟单,点击有效期最长为7天</br>
         </view>
      </view>
   </view>
</template>
<script>
   import './mt.css'
   import comUtils from '../../utils/ComUtils.js'
   export default {
      data() {
         return {
            optionsCurrent:1,
            qrcode:'',
            mtInfo:{},
            optionsCurrent: 1,
            qrcode: '',
            mtInfo: {},
            optionsList: [{
                  label: "美团",
                  type: 1
@@ -71,19 +71,23 @@
      },
      methods: {
         IntiData() {
            uni.showLoading({
               title: '加载中',
               mask: true
            });
            var that = this;
            this.$http.post('/api/taoke/meituan_act', {
               type: this.optionsCurrent
            }).then(e => {
               if (e.code != 0)
               {
               uni.hideLoading();
               if (e.code != 0) {
                  uni.showToast({
                          title:res.data.msg,
                          icon:'none'
                     title: res.data.msg,
                     icon: 'none'
                  });
                  return;
               }
               that.mtInfo = e.data.info;
               that.qrcode = that.mtInfo.we_app_info.miniCode;
               console.log(that.qrcode);
@@ -91,13 +95,22 @@
               console.log(err);
            })
         },
         toElm() {
            uni.redirectTo({
               url: './elm?dfgtoken=' + comUtils.getUrlPar('dfgtoken')
            })
         },
         shareClick() {
            if(this.mtInfo)
            {
               window.location.href=this.mtInfo.deeplink;
            var that=this;
            var ua = navigator.userAgent.toLowerCase();
            if (ua.match(/MicroMessenger/i) == "micromessenger") {
               window.location.href = this.mtInfo.h5;
            }
            else{
               window.location.href = this.mtInfo.deeplink;
            }
         },
      }
   }
</script>