提交

MrShi

13 小时以前 ef46d13d5fa70d1c94f25de294f5ed177b751234

 mini-program/components/login/login.vue

@@ -2,26 +2,44 @@
   <u-popup :show="show" round="15" :safeAreaInsetBottom="false" :closeable="true" mode="bottom" @close="show = false">
      <view class="login">
         <image src="/static/images/logo@2x.png" mode="widthFix"></image>
         <view class="login-info">
            <image src="/static/icon/ic_agree@2x.png" mode="widthFix"></image>
         <view class="login-info" @click="isAuth = !isAuth">
            <image src="/static/icon/ic_agree@2x.png" mode="widthFix" v-if="!isAuth"></image>
            <image src="/static/icon/cart_ic_sel@2x.png" mode="widthFix" v-else></image>
            <view class="login-info-text">
               我已阅读并同意<text>《鼎元科技用户服务协议》</text>及<text>《鼎元科技用户隐私政策》</text>
               我已阅读并同意<text @click.stop="jumpService(4)">《鼎元科技用户服务协议》</text>及<text @click.stop="jumpService(5)">《鼎元科技用户隐私政策》</text>
            </view>
         </view>
         <button class="login-btn" open-type="getPhoneNumber" @getphonenumber="getphonenumber">手机号快捷登录</button>
         <button class="login-btn" @click="tishi" v-if="!isAuth">手机号快捷登录</button>
         <button class="login-btn" open-type="getPhoneNumber" @getphonenumber="getphonenumber" v-else>手机号快捷登录</button>
      </view>
   </u-popup>
</template>

<script>
   import { mapState } from 'vuex'
   export default {
      name: "login",
      data() {
         return {
            show: false
            show: false,
            isAuth: false,
         };
      },
      computed: {
         ...mapState(['openid', 'recshopid', 'recuserid'])
      },
      methods: {
         tishi() {
            uni.showToast({
               title: '请先勾选同意协议',
               icon: 'none'
            })
         },
         jumpService(flag) {
            uni.navigateTo({
               url: '/pagesA/pages/rich-text-page/rich-text-page?flag='+flag
            })
         },
         open() {
            this.show = true
         },
@@ -29,7 +47,22 @@
            this.show = false
         },
         getphonenumber(e) {
            console.log(e)
            if (e.detail.errMsg === 'getPhoneNumber:ok') {
               this.$u.api.wxPhone({
                  code: e.detail.code,
                  shopId:this.recshopid,
                  recId:this.recuserid,
                  openid: this.openid
               }).then(res => {
                  if (res.code === 200) {
                     this.$store.commit('setUserInfo', res.data.member)
                     this.$store.commit('setToken', res.data.token)
                     this.$store.commit('setRecShopId','')
                     this.$store.commit('setRecUserId','')
                     this.close()
                  }
               })
            }
         }
      }
   }