Compare commits
2 Commits
8f79f5aecf
...
case-1112
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
31fefeb046 | ||
|
|
785040ecc8 |
@@ -65,10 +65,6 @@
|
||||
|
||||
<!-- 录音按钮 -->
|
||||
<RecordingWaveBtn v-if="visibleWaveBtn" ref="recordingWaveBtnRef" />
|
||||
|
||||
<view class="color-99A0AE font-size-9 text-center text-gray-400">
|
||||
内容由AI大模型生成,请仔细鉴别
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -74,6 +74,13 @@
|
||||
v-if="item.question"
|
||||
:question="item.question"
|
||||
/>
|
||||
|
||||
<view
|
||||
v-if="!item.isLoading"
|
||||
class="border-box color-99A0AE font-size-12 pl-12"
|
||||
>
|
||||
内容由AI大模型生成,请仔细鉴别
|
||||
</view>
|
||||
</template>
|
||||
</ChatCardAI>
|
||||
</template>
|
||||
|
||||
@@ -13,6 +13,31 @@
|
||||
<image class="w-full h-full" :src="logo" mode="widthFix" />
|
||||
</view>
|
||||
|
||||
<view class="form">
|
||||
<view
|
||||
class="bg-white border-box p-12 rounded-10 flex flex-items-center mb-16"
|
||||
>
|
||||
<uni-icons class="mr-8" type="phone-filled" size="20" color="#999" />
|
||||
<input
|
||||
class="w-272"
|
||||
type="tel"
|
||||
v-model="form.username"
|
||||
placeholder="请输入手机号"
|
||||
maxlength="11"
|
||||
/>
|
||||
</view>
|
||||
<view class="bg-white border-box p-12 rounded-10 flex flex-items-center">
|
||||
<uni-icons class="mr-8" type="locked-filled" size="20" color="#999" />
|
||||
<input
|
||||
class="w-272"
|
||||
type="text"
|
||||
v-model="form.password"
|
||||
password
|
||||
placeholder="请输入密码"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 协议勾选 -->
|
||||
<view class="login-agreement flex flex-items-center">
|
||||
<CheckBox v-model="isAgree">
|
||||
@@ -36,36 +61,8 @@
|
||||
<!-- 按钮区域 -->
|
||||
<view class="login-btn-area">
|
||||
<!-- 同意隐私协议并获取手机号按钮 -->
|
||||
|
||||
<button
|
||||
v-if="!isAgree"
|
||||
class="login-btn"
|
||||
type="primary"
|
||||
@click="handleAgreeAndGetPhone"
|
||||
>
|
||||
<uni-icons type="weixin" size="20" color="#fff"></uni-icons>
|
||||
微信一键登录
|
||||
</button>
|
||||
|
||||
<button
|
||||
v-if="isAgree && !appStore.tokenExpired"
|
||||
class="login-btn"
|
||||
type="primary"
|
||||
open-type="getPhoneNumber"
|
||||
@getphonenumber="getPhoneNumber"
|
||||
>
|
||||
<uni-icons type="weixin" size="20" color="#fff"></uni-icons>
|
||||
微信一键登录
|
||||
</button>
|
||||
|
||||
<button
|
||||
v-if="isAgree && appStore.tokenExpired"
|
||||
class="login-btn"
|
||||
type="primary"
|
||||
@click="handleLogin"
|
||||
>
|
||||
<uni-icons type="weixin" size="20" color="#fff"></uni-icons>
|
||||
微信一键登录
|
||||
<button class="login-btn" type="primary" @click="onSubmitForm">
|
||||
登 录
|
||||
</button>
|
||||
</view>
|
||||
|
||||
@@ -81,17 +78,25 @@
|
||||
<script setup>
|
||||
import { ref, computed } from "vue";
|
||||
import {
|
||||
wxLogin,
|
||||
getServiceAgreement,
|
||||
getPrivacyAgreement,
|
||||
} from "@/request/api/LoginApi";
|
||||
import { onLogin, goBack } from "@/hooks/useGoLogin";
|
||||
import { goBack } from "@/hooks/useGoLogin";
|
||||
import CheckBox from "@/components/CheckBox/index.vue";
|
||||
import AgreePopup from "./components/AgreePopup/index.vue";
|
||||
import { zniconsMap } from "@/static/fonts/znicons.js";
|
||||
import { getCurrentConfig } from "@/constant/base";
|
||||
import { NOTICE_EVENT_LOGIN_SUCCESS } from "@/constant/constant";
|
||||
import { useAppStore } from "@/store";
|
||||
const appStore = useAppStore();
|
||||
|
||||
const form = ref({
|
||||
grant_type: "password",
|
||||
scope: "server",
|
||||
username: "",
|
||||
password: "",
|
||||
});
|
||||
const isAgree = ref(false);
|
||||
const visible = ref(false);
|
||||
const serviceAgreement = ref("");
|
||||
@@ -100,8 +105,24 @@ const privacyAgreement = ref("");
|
||||
const AgreeType = ref("service");
|
||||
const logo = computed(() => getCurrentConfig().logo);
|
||||
|
||||
// 同意隐私协议并获取手机号
|
||||
const handleAgreeAndGetPhone = () => {
|
||||
// 提交表单操作
|
||||
const onSubmitForm = () => {
|
||||
if (!form.value.username) {
|
||||
uni.showToast({
|
||||
title: "请输入手机号",
|
||||
icon: "none",
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
if (!form.value.password) {
|
||||
uni.showToast({
|
||||
title: "请输入密码",
|
||||
icon: "none",
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
if (!isAgree.value) {
|
||||
uni.showToast({
|
||||
title: "请先同意服务协议和隐私协议",
|
||||
@@ -109,32 +130,30 @@ const handleAgreeAndGetPhone = () => {
|
||||
});
|
||||
return;
|
||||
}
|
||||
};
|
||||
|
||||
const getPhoneNumber = (e) => {
|
||||
onLogin(e)
|
||||
.then(() => {
|
||||
uni.showToast({
|
||||
title: "登录成功",
|
||||
icon: "success",
|
||||
});
|
||||
goBack();
|
||||
})
|
||||
.catch(() => {});
|
||||
};
|
||||
if (form.value.password !== "YehdBPev") {
|
||||
uni.showToast({
|
||||
title: "密码错误",
|
||||
icon: "none",
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
const handleLogin = () => {
|
||||
console.log("handleLogin");
|
||||
onLogin()
|
||||
.then(() => {
|
||||
uni.showToast({
|
||||
title: "登录成功",
|
||||
icon: "success",
|
||||
});
|
||||
appStore.setTokenExpired(false);
|
||||
goBack();
|
||||
})
|
||||
.catch(() => {});
|
||||
wxLogin(form.value).then((res) => {
|
||||
uni.showToast({
|
||||
title: "登录成功",
|
||||
icon: "success",
|
||||
});
|
||||
|
||||
if (res.access_token) {
|
||||
uni.setStorageSync("token", res.access_token);
|
||||
appStore.setHasToken(true);
|
||||
// 登录成功后,触发登录成功事件
|
||||
uni.$emit(NOTICE_EVENT_LOGIN_SUCCESS);
|
||||
}
|
||||
|
||||
goBack();
|
||||
});
|
||||
};
|
||||
|
||||
// 处理同意协议点击事件
|
||||
|
||||
@@ -36,8 +36,16 @@
|
||||
}
|
||||
}
|
||||
|
||||
.form {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.w-272 {
|
||||
width: 272px;
|
||||
}
|
||||
|
||||
.login-agreement {
|
||||
margin-top: 80px;
|
||||
margin-top: 40px;
|
||||
width: 304px;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user