add 二维码格式

xuxueyang

2024-08-02 802290838fd05c7236dae780900b4bacb20c82df

 pages/login/supplier-login.vue

@@ -11,70 +11,152 @@
            <form class="cl">

               <view class="t-a titles-top">

                  <view class="title-1">HELLO</view>

                  <view class="title-2">欢迎登录<span class="title-3">花满芜</span></view>

               </view>

               <view class="t-a input" v-if="loginType=='pwd'">

                  <input type="text" name="userName" placeholder="请输入账号" v-model="userName" />

               </view>

               <view class="t-a input" v-if="loginType=='pwd'">

                  <input type="text" :password="true" name="password" placeholder="请输入密码" v-model="password" />

               </view>

               <view class="t-a input" v-if="loginType=='code'">





                  <input type="text" name="userName" placeholder="请输入手机号" v-model="phoneNumber" />

                  <view class="get-code" :style="{'color':getCodeBtnColor}" @click.stop="getCode()">

                     {{getCodeText}}

                  <view class="title-2">欢迎登录<span class="title-3">花满芫</span>

                     <!-- #ifdef PUB_SUPPLIER -->

                     <span>供应商管理平台</span>

                     <!-- #endif -->

                     <!-- #ifdef PUB_PARTNER -->

                     <span>合伙人管理平台</span>

                     <!-- #endif -->

                  </view>

               </view>

               <view class="t-a input form-input" v-if="loginType=='pwd'">

                  <!-- <input type="text" name="userName" placeholder="请输入账号" v-model="userName" /> -->

                  <u-input placeholder="请输入账号" :border="false" v-model="userName"></u-input>





               <view class="t-a input" v-if="loginType=='code'">

                  <input type="text" name="userName" placeholder="请输入手机验证码" v-model="smsCode" />

               </view>

               <view class="t-a input form-input" v-if="loginType=='pwd'">

                  <u-input :password="true" :border="false" placeholder="请输入密码" v-model="password"></u-input>

               </view>

               <view class="t-a input form-input" v-if="loginType=='code'">





                  <u-input placeholder="请输入手机号" :border="false" v-model="phoneNumber">

                     <template slot="suffix">

                        <view class="get-code" :style="{'color':getCodeBtnColor}" @click.stop="getCode()">

                           {{ getCodeText }}

                        </view>

                     </template>

                  </u-input>

               </view>





               <view class="t-a form-input" v-if="loginType=='code'">

                  <u-input placeholder="请输入手机验证码" :border="false" v-model="smsCode"></u-input>



               </view>





               <button @tap="login()" class="bottom-button">登 录</button>



               <view class="flex">

                  <view class="topic-font" v-if="loginType=='pwd'" @click="loginType='code'">手机验证码登录</view>

                  <view class="topic-font" v-if="loginType=='code'" @click="loginType='pwd'">账号密码登录</view>

                  <view class="topic-font" v-if="loginType=='pwd'&&apitype!=='loginAdmin'"

                     @click="loginType='code'">手机验证码登录</view>

                  <view class="topic-font" v-if="loginType=='code'&&apitype!=='loginAdmin'"

                     @click="loginType='pwd'">账号密码登录</view>



                  <view class="topic-font m-l-a m-r-0" @click="toReg">前往注册</view>

                  <view class="topic-font m-l-a m-r-0" v-if="apitype!=='loginAdmin'" @click="toReg">前往注册</view>



                  <!-- #ifdef PUB_CUSTOMER -->

                  <view class="topic-font m-l-a m-r-0" @click="toHome">返回首页</view>

                  <!-- #endif -->

                  <!-- #ifdef PUB_PARTNER -->

                  <view class="topic-font m-l-a m-r-0" @click="()=>{

                     if(apitype==='loginPartner'){

                        apitype = 'loginAdmin'

                        loginType = 'pwd'

                     }else{

                        apitype = 'loginPartner'

                     }

                  }">

                     切换为{{apitype!=='loginPartner'?'合伙人':'质检人员'}}登录

                  </view>

                  <!-- #endif -->

               </view>



            </form>

         </view>

      </view>

   </view>

</template>

<script>

   // import util from '@/utils/util.js'

   // import gzmzApi from '@/api/gzmzApi.js'

   // import myCache from '@/utils/myCache.js'

   export default {

      props: {

         // apitype: 'loginSupplier',

         apitype: {

            type: String,

            default () {

               // #ifdef PUB_SUPPLIER

               return 'loginSupplier'

               // #endif

               // #ifdef PUB_PARTNER

               return 'loginPartner'

               // #endif

               // #ifdef PUB_CUSTOMER

               return 'loginCustomer'

               // #endif	
               return ''

               // return 'loginPartner'

      onLoad(options) {

         // #ifdef PUB_CUSTOMER

         if (options.partnerUserId) {

            if (this.$storage.getItem('token')) {

               this.$message.showLoading()

               //稍微等一会，避免currentInfo还在同步

               let tmp = this

               setTimeout(() => {

                  tmp.$message.hideLoading()

                  if (tmp.currentInfo.id || tmp.$storage.getItem('token')) {

                     //这种已经登录的

                     //确定是注册绑定还是重新绑定

                     var t = {

                        title: '提示,您已登录,是否退出并注册绑定合伙人',

                        content: '',

                        showCancel: true,

                        cancelText: '使用当前账号绑定合伙人',

                        cancelColor: '#000000',

                        confirmText: '退出当前账号并注册、绑定',

                        confirmColor: '#20613D'

                     }

                     uni.showModal({

                        ...t,

                        success: (res) => {

                           if (res.confirm) {

                              //清空登录信息，

                              this.$store.commit('updateLogin', false)

                              setTimeout(() => {

                                 uni.navigateTo({

                                    url: `/sub_pages/customer/customer-info/customer-info?source=step&partnerUserId=${options.partnerUserId}&partnerUserName=${options.partnerUserName}`

                                 })

                              }, 200)

                           }

                           if (res.cancel) {

                              if (!tmp.currentInfo.customer) {

                                 tmp.$message.showToast('您尚未完善信息无法绑定')

                                 return

                              } else {

                                 if (tmp.currentInfo.customer.partnerId) {

                                    tmp.$message.showToast('您已绑定，请联系客服解除绑定')

                                    return

                                 } else {

                                    //前往绑定页面

                                    uni.reLaunch({

                                       url: `/pages/user/supplier-user?partnerUserId=${options.partnerUserId}&partnerUserName=${options.partnerUserName}`

                                    })

                                 }

                              }

                           }

                        }

                     })



                  } else {

                     //退出登录了，或者失效了

                     uni.navigateTo({

                        url: `/sub_pages/customer/customer-info/customer-info?source=step&partnerUserId=${options.partnerUserId}&partnerUserName=${options.partnerUserName}`

                     })

                  }

               }, 2000)



            } else {

               uni.navigateTo({

                  url: `/sub_pages/customer/customer-info/customer-info?source=step&partnerUserId=${options.partnerUserId}&partnerUserName=${options.partnerUserName}`

               })

            }

         },





         }

         // #endif



      },

      data() {

         return {

            openId: '-1',

            userName: 'gzm',

            password: '123456',

            userName: '',

            password: '',

            // userName: '',

            // password: '',



@@ -87,11 +169,22 @@
            getCodeText: '获取验证码',

            getCodeBtnColor: "#20613D",

            getCodeisWaiting: false,

            Timer: undefined

            Timer: undefined,

            // #ifdef PUB_SUPPLIER

            apitype: 'loginSupplier',

            // #endif

            // #ifdef PUB_PARTNER

            apitype: 'loginPartner',

            // #endif

            // #ifdef PUB_CUSTOMER

            apitype: 'loginCustomer',

            // #endif

            // return 'loginPartner'

         };

      },

      methods: {

         async getCode() {

            console.log('getCode')

            uni.hideKeyboard() //隐藏已经显示的软键盘，如果软键盘没有显示则不做任何操作。

            if (this.getCodeisWaiting) {

               return;

@@ -110,7 +203,7 @@
            } = await this.$http.request('post', '/api/sms/send/code', {

               data: {

                  tel: this.phoneNumber,

                  userType: 'supplier'

                  userType: this.apitype.replace("login", "").toLowerCase()

               }

            })

            if (code == 0) {

@@ -119,6 +212,10 @@
                  icon: "none"

               });

               this.setTimer(); //调用定时器方法

            } else {

               this.getCodeText = "获取验证码" //发送验证码

               this.getCodeisWaiting = false;

               this.getCodeBtnColor = "#20613D";

            }

            // setTimeout(() => {

            //    uni.showToast({

@@ -148,14 +245,33 @@
               holdTime--;

            }, 1000)

         },

         toHome() {

            uni.redirectTo({

               url: '/pages/home/home'

            })

         },

         toReg() {

            // uni.switchTab({

            //    url: '/pages/index/index'

            // })

            uni.redirectTo({

               url: '/sub_pages/supplier/supplier-reg/supplier-reg'

            var addstr = ''

            // #ifdef PUB_PARTNER

            addstr = '?source=step'

            uni.navigateTo({

               url: '/sub_pages/partner/partner-info/partner-info' + addstr

            })



            // #endif

            // #ifdef PUB_SUPPLIER

            uni.redirectTo({

               url: '/pages/login/supplier-reg'

            })

            // #endif

            // #ifdef PUB_CUSTOMER

            addstr = '?source=step'

            uni.navigateTo({

               url: '/sub_pages/customer/customer-info/customer-info' + addstr

            })

            // #endif

         },

         changeAll(e) {

            this.pcfvalue = e.detail.value[0]

@@ -180,9 +296,10 @@
                  });

                  return;

               }

               that.phoneNumber = ''

            }

            if (this.loginType == 'code') {

               if (!that.tel) {

               if (!that.phoneNumber) {

                  uni.showToast({

                     title: '请输入手机号',

                     icon: 'none'

@@ -214,7 +331,7 @@
            const resp = await this.$store.dispatch(this.apitype, post);

            // uni.hideLoading()



            if (resp.code == 0) {

            if (resp.code === 0) {



               // myCache.cache("userToken", res.data.accessToken)

               // let userRes = await gzmzApi.getMemberInfo();

@@ -226,10 +343,10 @@
               // }, 1000);



            } else {

               uni.showToast({

                  title: '登录失败！',

                  icon: 'none'

               });

               // uni.showToast({

               //    title: '登录失败！',

               //    icon: 'none'

               // });

               return;

            }



@@ -242,7 +359,26 @@
      }

   };

</script>

<style lang="scss" scoped>

   .form-input {

      background-color: #f8f7fc;

      border-radius: 50rpx;

      margin-bottom: 50rpx;

      border: 1px solid #e9e9e9;



      /deep/ .u-input {

         padding-left: 60rpx !important;

         padding-right: 40rpx !important;

      }



      /deep/ input {

         height: 70rpx;

         line-height: 70rpx;



      }



   }

</style>

<style lang="scss" scoped>

   @import './login.scss';



@@ -303,7 +439,7 @@
   }



   .t-login input {

      padding: 0 20rpx 0 120rpx;

      padding: 0 20rpx 0 60rpx;

      height: 90rpx;

      line-height: 90rpx;

      margin-bottom: 50rpx;

@@ -317,9 +453,9 @@
      position: relative;



      .get-code {

         position: absolute;

         right: 40rpx;

         top: 25rpx;

         // position: absolute;

         // right: 40rpx;

         // top: 25rpx;

      }

   }



@@ -404,9 +540,9 @@
      font-size: 27rpx;

   }



   .t-login .uni-input-placeholder {

      color: #000;

   }

   // .t-login .uni-input-placeholder {

   //    color: #000;

   // }



   .cl {

      zoom: 1;