源文件

2024-05-23 14:39:33 +08:00
commit a1128dd791
2997 changed files with 500069 additions and 0 deletions
--- a/jeepay-ui-uapp-agent/pages/login/components/LoginButton.vue
+++ b/jeepay-ui-uapp-agent/pages/login/components/LoginButton.vue
@@ -0,0 +1,167 @@
+<template>
+  <view class="agreement-wrapper">
+<button class="agree-item" id="agree-btn" open-type="agreePrivacyAuthorization"
+            @agreeprivacyauthorization="handAgree">
+    <view class="agreement-garden" :class="[selected ? 'selected' : '']" @tap="selected = !selected"></view>
+</button>
+    同意
+    <view @tap="toPage('/pages/login/serviceAgreement')"> 《用户服务协议》 </view>
+    与
+    <view @tap="toPage('/pages/login/privacyPolicy')"> 《隐私政策》 </view>
+    <!-- <view @tap="toPrivacy"> 《隐私政策》 </view> -->
+  </view>
+  <JButton pdTop="0" @HandleTouch="login" bottom="30rpx">登录</JButton>
+  <view class="register-wrapper">
+    <view v-if="isRegister">还没有账号？<text @tap="register.open()">去注册</text> </view>
+    <view v-if="forgotPassword"><text @tap="jumpPage">忘记密码</text></view>
+  </view>
+  <JRegister ref="register"></JRegister>
+  <JAgree service="/pages/login/serviceAgreement" privacy="/pages/login/privacyPolicy" ref="refAgr" @agree="selected = true"/>
+</template>
+
+<script setup>
+import { ref ,reactive,onMounted} from "vue"
+import JButton from "@/components/newComponents/JButton/JButton"
+import JRegister from "./JRegister.vue"
+import { clearRulesArray } from "@/hooks/rules"
+const register = ref(null)
+const vdata = reactive({})
+const props = defineProps({
+  forgotPassword: {
+    type: Boolean,
+    default: false,
+  },
+  isRegister: {
+    type: Boolean,
+    default: false,
+  },
+})
+const refAgr = ref(null)
+const selected = ref(false)
+const emits = defineEmits(["login"])
+
+onMounted(()=>{
+	refAgr.value.open()
+	
+	console.log(uni.getAccountInfoSync().miniProgram);
+})
+const login = () => {
+  if (!selected.value)
+    return refAgr.value.open()
+	emits("login")
+}
+const toPage = (url) => {
+  uni.navigateTo({ url })
+}
+const jumpPage = () => {
+  clearRulesArray()
+  uni.navigateTo({ url: "/pages/login/forgetPassword" })
+}
+// 隐私政策页面
+const toPrivacy = () => {
+    // #ifdef APP-PLUS  
+    uni.navigateTo({
+        url: '/pages/login/privacyPolicy',
+    })
+    // #endif
+
+    // #ifdef MP-WEIXIN
+    wx.openPrivacyContract(
+        {
+            fail: () => {
+                uni.showToast({
+                    title: '打开失败请稍后重试', // 打开失败
+                    icon: 'none'
+                })
+            },
+        }
+    )
+    // #endif
+}
+// #ifdef MP-WEIXIN
+const getPrivacy = () => {
+    wx.getPrivacySetting({
+        success: (r) => {
+            Object.assign(vdata, r)
+            if (vdata.needAuthorization) {
+                wx.onNeedPrivacyAuthorization(res => {
+                    vdata.resolve = res
+                })
+            }
+        }
+    })
+}
+getPrivacy()
+// #endif
+const handAgree = () => {
+    // #ifdef MP-WEIXIN
+    if (vdata.needAuthorization) {
+        vdata.resolve({ buttonId: 'agree-btn', event: 'agree' })
+    }
+    // #endif
+}
+
+</script>
+
+<style lang="scss" scoped>
+.agreement-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+//   width: 100%;
+  font-size: 24rpx;
+  white-space: nowrap;
+  color: #8c8c8c;
+  view {
+    margin: 0 10rpx;
+    color: $primaryColor;
+  }
+  .agreement-garden {
+    position: relative;
+    width: 30rpx;
+    height: 30rpx;
+    border-radius: 50%;
+    border: 2rpx solid $primaryColor;
+    &::after {
+      content: "";
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      display: block;
+      width: 80%;
+      height: 80%;
+      border-radius: 50%;
+    }
+  }
+}
+.selected::after {
+  background-color: $primaryColor;
+}
+
+.register-wrapper {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  font-size: 28rpx;
+  letter-spacing: 0.02em;
+
+  view {
+    margin: 0 50rpx;
+    color: #8c8c8c;
+    text {
+      color: #7737fe;
+    }
+  }
+}
+.agree-item {
+    padding: 0;
+    margin: 0;
+    line-height: 0;
+    border-radius: 0;
+    background-color: transparent;
+    &::after{
+        display: none;
+    }
+}
+</style>