用工小程序前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

119 lines
4.0 KiB

7 months ago
  1. <template>
  2. <view class="se-pos se-h-vh-100">
  3. <view class="se-flex se-pt-200 se-flex-h-c se-flex-ff-cw">
  4. <image class="se-w-150 se-h-150" src="@/static/image/logo.png" mode=""></image>
  5. <view class="se-flex se-flex-h-c se-fs-34 se-fw-6 se-c-black se-mt-40">
  6. 用工平台小程序
  7. </view>
  8. </view>
  9. <view class="se-pb-200 se-pos-cb se-w-p-100">
  10. <view @click="onLogin()" class="se-mx-80 se-br-40 se-flex-h-c se-h-80 se-lh-80 se-ta-c se-fs-32 se-c-white se-bgc-green">
  11. <image class="se-w-45 se-h-35" src="@/static/image/wechat.png" mode=""></image>
  12. <text class="se-ml-10">微信登录</text>
  13. </view>
  14. <!-- <view class="se-mx-80 se-br-40 se-mt-40 se-flex-h-c se-h-80 se-lh-80 se-ta-c se-fs-32 se-c-66 se-bgc-f5">
  15. <text>手机验证码登录</text>
  16. </view> -->
  17. <view class="se-mx-80 se-br-40 se-mt-40 se-flex-h-c se-h-80 se-lh-80 se-ta-c se-fs-24 se-c-33">
  18. <u-checkbox-group @change="checkboxChange" v-model="checked">
  19. <u-checkbox name="1" activeColor="#07C160" label-size="12" shape="circle" label="阅读并同意"></u-checkbox>
  20. </u-checkbox-group>
  21. <text class="se-c-green" @click="show=true">隐私政策</text>
  22. <text class="se-c-green" @click="show=true">服务条款</text>
  23. </view>
  24. </view>
  25. <u-popup :show="show" :custom-style="{alignItems:'center'}" mode="center" bg-color="transparent">
  26. <view class="se-w-600 se-bgc-white se-br-40 se-p-40">
  27. <view class="se-flex se-flex-h-c">
  28. <image class="se-a-80" src="@/static/image/6588.png" mode=""></image>
  29. </view>
  30. <view class="se-flex se-flex-h-c se-fs-34 se-fw-6 se-c-black se-mt-40">
  31. 服务协议和隐私权政策
  32. </view>
  33. <view class="se-lh-40 se-mt-40 se-fs-24 se-c-99">
  34. <text>请您务必审慎阅读充分理解用户协议和隐私政策各条款包括但不限于用户注意事项用户行为规范以及为了向你提供服务而收集使用存储你个人信息的情况等你可阅读</text>
  35. <text class="se-c-black se-fw-6" @click="handleOpenPrivacyContract()">用工平台小程序用户服务协议</text>
  36. <text></text>
  37. <text class="se-c-black se-fw-6" @click="handleOpenPrivacyContract()">用工平台小程序平台隐私权政策</text>
  38. <text>了解详细信息如你同意请点击下方按钮开始接受我们的服务</text>
  39. </view>
  40. <view class="se-flex se-flex-h-sb se-mt-40">
  41. <view @click="onCancel" class="se-br-20 se-flex-1 se-flex-h-c se-h-80 se-lh-80 se-ta-c se-fs-32 se-c-66 se-bgc-f5">
  42. <text>不同意</text>
  43. </view>
  44. <view @click="onAgree" class="se-br-20 se-ml-20 se-flex-1 se-flex-h-c se-h-80 se-lh-80 se-ta-c se-fs-32 se-c-white se-bgc-green">
  45. <text class="se-ml-10">同意</text>
  46. </view>
  47. </view>
  48. </view>
  49. </u-popup>
  50. </view>
  51. </template>
  52. <script>
  53. import { fetchMenu,wxLogin } from "@/common/api.js"
  54. export default {
  55. name : 'Auth',
  56. data() {
  57. return {
  58. checked:[],
  59. show:false
  60. }
  61. },
  62. methods: {
  63. checkboxChange(n) {
  64. console.log('change', n);
  65. },
  66. onCancel(){
  67. this.show=false;
  68. this.checked=[];
  69. },
  70. onAgree(){
  71. this.show=false;
  72. this.checked=['1'];
  73. },
  74. onLogin(){
  75. let that = this
  76. if(that.checked.length==0){
  77. return uni.showToast({
  78. icon: "none",
  79. title: "请勾选隐私协议"
  80. })
  81. }
  82. uni.showLoading({
  83. title: '登录中...'
  84. })
  85. uni.login({
  86. success(res) {
  87. console.info(res.code)
  88. if(res.errMsg != "login:ok"){
  89. return
  90. }
  91. wxLogin({ code : res.code }).then((response) => {
  92. uni.hideLoading()
  93. uni.setStorageSync('token', response.result.token)
  94. that.commit('setUserInfo',{userInfo:response.result.userInfo,token:response.result.token})
  95. }).catch(() =>{
  96. })
  97. }
  98. })
  99. },
  100. handleOpenPrivacyContract() {
  101. // 打开隐私协议页面
  102. wx.openPrivacyContract({
  103. success: () => {}, // 打开成功
  104. fail: () => {}, // 打开失败
  105. complete: () => {}
  106. })
  107. }
  108. }
  109. }
  110. </script>
  111. <style scoped lang="scss">
  112. </style>