gxwebsoft/template-10490
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

初始化

Browse Source
This commit is contained in:
赵忠林
2025-01-27 23:24:42 +08:00
parent c8a96306c4
commit 6ae8339299
421 changed files with 35687 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

312
pages/passport/components/Auth.vue Normal file
View File

@@ -0,0 +1,312 @@
<template>
<el-form
ref="formRef"
v-loading="loading"
:model="form"
:rules="rules"
label-position="top"
class="w-full sm:py-2"
size="large"
status-icon
>
<el-tabs v-model="form.type" class="flash bg-white ml-0">
<el-tab-pane label="个人认证"/>
<el-tab-pane label="企业认证"/>
</el-tabs>
<!-- 已完成认证 -->
<template v-if="form.status === 1">
<template v-if="form.merchantCode == ''">
<el-result
icon="success"
title="个人认证已通过"
:sub-title="`认证完成时间 ${form.completedTime}`"
>
<template #extra>
<el-button type="text" @click="onUpdate">修改认证信息</el-button>
</template>
</el-result>
</template>
<template v-else>
<el-result
icon="success"
title="企业认证已通过"
:sub-title="`认证完成时间 ${form.completedTime}`"
>
<template #extra>
<el-button type="text" @click="onUpdate">修改认证信息</el-button>
</template>
</el-result>
</template>
</template>
<!-- 申请被驳回 -->
<template v-if="form.status === 2">
<el-result
icon="error"
title="您的申请已被驳回"
:sub-title="`${form.reason}`"
>
<template #extra>
<el-button type="text" @click="onUpdate">修改认证信息</el-button>
</template>
</el-result>
</template>
<!-- 未完成认证 -->
<template v-if="form.status === 0 && form.checkStatus">
<el-result
icon="warning"
title="审核中"
:sub-title="`您的申请已提交，请耐心等待工作人员的审核，非常感谢`"
>
</el-result>
</template>
<template v-if="form.status === 0 && !form.checkStatus">
<template v-if="form.type == '1'">
<el-form-item label="企业名称" prop="merchantName">
<el-input v-model="form.merchantName" placeholder="请输入企业名称"/>
</el-form-item>
<el-form-item label="社会信用代码" prop="merchantCode">
<el-input v-model="form.merchantCode" placeholder="请输入社会信用代码"/>
</el-form-item>
<el-form-item label="所属行业" prop="category">
<el-cascader
v-model="industry"
:options="industryData"
placeholder="请选择所属行业"
class="w-full"
@change="handleChange"
/>
</el-form-item>
<el-form-item label="LOGO">
<el-upload
v-model:file-list="fileList"
:limit="1"
class="upload-demo"
action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
:on-preview="handlePreview"
:on-remove="handleRemove"
list-type="picture"
>
<el-button size="default">上传文件</el-button>
</el-upload>
</el-form-item>
<el-form-item label="业务描述" prop="comments">
<el-input v-model="form.comments" :rows="5" type="textarea" />
</el-form-item>
<el-form-item label="营业执照">
<el-upload
v-model:file-list="fileList"
:limit="1"
class="upload-demo"
action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
:on-preview="handlePreview"
:on-remove="handleRemove"
list-type="picture"
>
<el-button size="default">上传文件</el-button>
</el-upload>
</el-form-item>
</template>
<el-form-item label="真实姓名" prop="realName">
<el-input v-model="form.realName" placeholder="请输入真实姓名"/>
</el-form-item>
<el-form-item label="手机号码" prop="phone">
<el-input v-model="form.phone" maxlength="11" placeholder="请输入真实有效的手机号码"/>
</el-form-item>
<el-form-item label="证件号码" prop="idCard">
<el-input v-model="form.idCard" placeholder="请输入证件号码"/>
</el-form-item>
<el-form-item label="注册协议">
<el-checkbox v-model="isAgree">
请务必提供真实信息，我司有权自行或委托第三方审查您提供的身份信息是否属真实，有效。若提供虚假信息，由此的全部后果由您承担。
</el-checkbox>
</el-form-item>
<el-space class="flex">
<el-button type="primary" size="large" :disabled="!isAgree" @click="submitForm(formRef)">
{{ isUpdate ? '提交修改' : '提交申请' }}
</el-button>
</el-space>
</template>
</el-form>
</template>
<script lang="ts" setup>
import {reactive, ref} from 'vue'
import {UploadFilled} from '@element-plus/icons-vue'
import type {ComponentSize, FormInstance, FormRules, UploadProps, UploadUserFile} from 'element-plus'
import type {ShopMerchantApply} from "~/api/shop/shopMerchantApply/model";
import industryData from '@/assets/json/industry-data.json';
import {useClientRequest} from "~/composables/useClientRequest";
import type {ApiResult} from "~/api";
import {useServerRequest} from "~/composables/useServerRequest";
import type {ShopMerchant} from "~/api/shop/shopMerchant/model";
import useFormData from "~/utils/use-form-data";
const formRef = ref<FormInstance>()
const fileList = ref<UploadUserFile[]>([])
const industry = ref<any[]>([])
const loading = ref<boolean>(true)
const isUpdate = ref<boolean>(false)
const showEdit = ref<boolean>(false)
const isAgree = ref<boolean>(false)
const {form, assignFields, resetFields} = useFormData<ShopMerchantApply>({
applyId: undefined,
type: '0',
merchantName: undefined,
merchantCode: undefined,
image: undefined,
phone: undefined,
realName: undefined,
idCard: undefined,
sfz1: undefined,
sfz2: undefined,
yyzz: undefined,
name2: undefined,
shopType: undefined,
parentId: undefined,
categoryId: undefined,
category: undefined,
commission: undefined,
keywords: undefined,
files: undefined,
ownStore: undefined,
recommend: undefined,
completedTime: undefined,
goodsReview: undefined,
userId: undefined,
comments: undefined,
reason: undefined,
checkStatus: undefined,
status: 0,
sortNumber: undefined,
tenantId: undefined,
createTime: undefined
})
const rules = reactive<FormRules<ShopMerchantApply>>({
realName: [
{required: true, message: '请输入真实姓名', trigger: 'blur'},
{min: 2, max: 5, message: '长度应为2-5个字符', trigger: 'blur'},
],
phone: [
{required: true, message: '请输入手机号码', trigger: 'blur'},
{pattern: /^1[3-9]\d{9}$/, message: '请输入正确的手机号码', trigger: 'blur'},
],
idCard: [
{required: true, message: '请输入证件号码', trigger: 'blur'},
{min: 18, max: 18, message: '证件号码长度应为18位', trigger: 'blur'},
],
sfz1: [
{required: true, message: '请上传身份证正面', trigger: 'change'}
],
sfz2: [
{required: true, message: '请上传身份证反面', trigger: 'change'}
],
merchantName: [
{required: true, message: '请输入企业名称', trigger: 'blur'}
],
merchantCode: [
{required: true, message: '请输入社会信用代码', trigger: 'blur'}
],
yyzz: [
{required: true, message: '请上传营业执照', trigger: 'change'}
],
category: [
{required: true, message: '请选择所属行业', trigger: 'change'}
]
})
const handleRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => {
console.log(uploadFile, uploadFiles)
}
const handlePreview: UploadProps['onPreview'] = (file) => {
console.log(file)
}
const handleClick = (index: number) => {
// form.type = index
}
const props = {
expandTrigger: 'hover' as const,
}
// 所属行业
const handleChange = (value: any) => {
let parent = ''
let category = ''
industryData.map(d => {
if (d.value == value[0]) {
form.parentId = d.value
parent = d.label
if (d.children) {
d.children.map(c => {
if (c.value == value[1]) {
category = c.label
form.categoryId = c.value
}
})
}
}
})
form.category = `${parent}/${category}`
}
const onUpdate = () => {
form.status = 0;
form.checkStatus = false
}
const onEdit = () => {
showEdit.value = !showEdit.value;
}
const runtimeConfig = useRuntimeConfig();
const submitForm = async (formEl: FormInstance | undefined) => {
if (!formEl) return
await formEl.validate((valid, fields) => {
if (valid) {
console.log('submit!')
if (form.type == '0') {
form.shopType = '个人开发者';
}
if(form.type == '1'){
form.shopType = '企业开发者';
}
useClientRequest<ApiResult<any>>(`/shop/shop-merchant-apply`, {
baseURL: runtimeConfig.public.apiServer,
method: isUpdate.value ? 'PUT' : 'POST',
body: form
}).then(res => {
if (res.code == 0) {
ElMessage.success(res.message)
reload();
} else {
return ElMessage.error(res.message)
}
})
} else {
console.log('error submit!', fields)
}
})
}
const resetForm = (formEl: FormInstance | undefined) => {
if (!formEl) return
resetFields();
}
const reload = async () => {
const {data: response} = await useServerRequest<ApiResult<ShopMerchant>>('/shop/shop-merchant-apply/getByUserId', {baseURL: runtimeConfig.public.apiServer})
if (response.value?.data) {
console.log(response.value.data)
isUpdate.value = true;
assignFields(response.value.data)
industry.value = []
industry.value.push(form.parentId)
industry.value.push(form.categoryId)
}
loading.value = false
}
reload();
</script>

491
pages/passport/login.vue Normal file
View File

@@ -0,0 +1,491 @@
<template>
<div class="login flex justify-around py-24 h-[700px] items-center">
<div class="flash">
</div>
<el-card class="m-5 w-screen-sm sm:w-[430px] sm:h-[520px] flex justify-around relative border-0" style="border: 0;">
<div class="login-bar absolute top-0 right-0 cursor-pointer" @click="onLoginBar">
<div class="go-to-register cursor-pointer">
<img src="https://img.alicdn.com/imgextra/i3/O1CN01yz6fEl1MwaRtkJyvf_!!6000000001499-55-tps-70-70.svg" alt=""/>
</div>
<span class="absolute top-3 right-1.5 text-sm text-white font-bold cursor-pointer">{{ loginBar ? '注册' : '登录' }}</span>
</div>
<!-- 登录界面 -->
<el-space class="tabs pt-5 text-xl flex justify-center" v-if="loginBar">
<el-tabs v-model="activeName" class="demo-tabs ">
<el-tab-pane label="账号登录" name="account">
<div class="custom-style my-4">
<el-form :model="form" :rules="rules" ref="ruleForm" label-width="auto" class="w-[330px]">
<!-- <el-form-item>-->
<!-- <el-input class="w-full" size="large" placeholder="租户ID" :prefix-icon="Shop" v-model="form.tenantId" />-->
<!-- </el-form-item>-->
<el-form-item prop="username">
<el-input class="w-full" size="large" placeholder="登录账号" :prefix-icon="Avatar" v-model="form.username" />
</el-form-item>
<el-form-item prop="password">
<el-input type="password" size="large" maxlength="100" placeholder="登录密码" :prefix-icon="Briefcase" v-model="form.password" />
</el-form-item>
<el-form-item prop="code">
<el-space class="flex justify-between w-full">
<el-input size="large" placeholder="图形验证码" maxlength="5" v-model="form.code" @keyup.enter.prevent="onSubmit" />
<el-image alt="" :src="captcha" @click="changeCaptcha" />
</el-space>
</el-form-item>
<el-form-item label="记住密码">
<el-switch v-model="form.remember" />
</el-form-item>
<el-form-item>
<el-button type="primary" size="large" class="w-full" @click="onSubmit">登录</el-button>
</el-form-item>
</el-form>
</div>
</el-tab-pane>
<el-tab-pane label="短信登录" name="sms">
<div class="custom-style my-4">
<el-form :model="form" :rules="rules" ref="ruleForm" label-width="auto" class="w-[330px]">
<el-form-item prop="phone">
<el-input class="w-full" size="large" maxlength="11" placeholder="请输入手机号码" v-model="form.phone">
<template #prepend>+86</template>
</el-input>
</el-form-item>
<el-form-item prop="code">
<el-space class="flex justify-between w-full">
<el-input size="large" placeholder="短信验证码" maxlength="6" class="w-full" v-model="form.code" @keyup.enter.prevent="onSubmitBySms" />
<el-button size="large" class="w-full" :disabled="!!countdownTime" @click="checkUser">
<span v-if="!countdownTime">发送验证码</span>
<span v-else>已发送 {{ countdownTime }} s</span>
</el-button>
</el-space>
</el-form-item>
<el-form-item>
<el-button type="primary" size="large" class="w-full" @click="onSubmitBySms">登录</el-button>
</el-form-item>
</el-form>
</div>
</el-tab-pane>
</el-tabs>
</el-space>
<!-- 快捷登录 --->
<template v-if="loginBar && activeName == 'account'">
<!-- <div class="clearfix flex justify-center">-->
<!-- <el-divider>-->
<!-- <span class="text-gray-400">其他登录方式</span>-->
<!-- </el-divider>-->
<!-- </div>-->
<!-- <div class="clearfix flex justify-center">-->
<!-- <el-button circle :icon="ElIconUserFilled"></el-button>-->
<!-- </div>-->
</template>
<!-- 注册界面 -->
<el-space class="tabs pt-5 text-xl flex justify-center" v-if="!loginBar">
<el-tabs v-model="activeName" class="demo-tabs ">
<el-tab-pane label="注册账号" name="sms">
<div class="custom-style ">
<el-form :model="form" :rules="rules" ref="ruleForm" label-width="auto" class="w-[330px]">
<el-form-item prop="phone">
<span class="text-sm text-gray-400 mb-4">
未注册手机号验证通过后将自动注册
</span>
<el-input class="w-full" size="large" maxlength="11" placeholder="请输入手机号码" v-model="form.phone">
<template #prepend>+86</template>
</el-input>
</el-form-item>
<el-form-item prop="code">
<el-space class="flex justify-between w-full">
<el-input size="large" placeholder="短信验证码" maxlength="6" class="w-full" v-model="form.code" />
<el-button size="large" class="w-full" :disabled="!!countdownTime" @click="checkUser">
<span v-if="!countdownTime">发送验证码</span>
<span v-else>已发送 {{ countdownTime }} s</span>
</el-button>
</el-space>
</el-form-item>
<el-form-item prop="companyName">
<el-input class="w-full" size="large" placeholder="企业名称" v-model="form.companyName" />
</el-form-item>
<el-form-item prop="email">
<el-input class="w-full" size="large" placeholder="邮箱地址" v-model="form.email" />
</el-form-item>
<el-form-item>
<el-checkbox v-model="form.isAgree">我已阅读并同意</el-checkbox>
<a href="#" class="text-gray-700">《用户协议》</a>
<a href="#" class="text-gray-700">《隐私政策》</a>
<a href="#" class="text-gray-700">《产品服务协议》</a>
</el-form-item>
<el-form-item>
<el-button type="primary" size="large" class="w-full" :disabled="!form.isAgree" @click="onRegister">注册</el-button>
</el-form-item>
</el-form>
</div>
</el-tab-pane>
<!-- <el-tab-pane label="账号密码注册" name="account">-->
<!-- <div class="custom-style my-4">-->
<!-- <el-form :model="form" label-width="auto" class="w-[330px]">-->
<!-- <el-form-item>-->
<!-- <el-input class="w-full" size="large" maxlength="30" placeholder="登录账号" v-model="form.username" />-->
<!-- </el-form-item>-->
<!-- <el-form-item>-->
<!-- <el-input type="password" size="large" maxlength="30" placeholder="登录密码" v-model="form.password" />-->
<!-- </el-form-item>-->
<!-- <el-form-item>-->
<!-- <el-input class="w-full" size="large" maxlength="11" placeholder="请输入手机号码" v-model="form.phone">-->
<!-- <template #prepend>+86</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item>-->
<!-- <el-space class="flex justify-between w-full">-->
<!-- <el-input size="large" placeholder="短信验证码" maxlength="6" class="w-full" v-model="form.code" @keyup.enter.prevent="onSubmitBySms" />-->
<!-- <el-button size="large" class="w-full" :disabled="!!countdownTime" @click="checkUser">-->
<!-- <span v-if="!countdownTime">发送验证码</span>-->
<!-- <span v-else>已发送 {{ countdownTime }} s</span>-->
<!-- </el-button>-->
<!-- </el-space>-->
<!-- </el-form-item>-->
<!-- <el-form-item>-->
<!-- <el-checkbox v-model="form.isAgree">我已阅读并同意</el-checkbox>-->
<!-- <a href="#" class="text-gray-700">《用户协议》</a>-->
<!-- <a href="#" class="text-gray-700">《隐私政策》</a>-->
<!-- <a href="#" class="text-gray-700">《产品服务协议》</a>-->
<!-- </el-form-item>-->
<!-- <el-form-item>-->
<!-- <el-button type="primary" size="large" class="w-full" :disabled="!form.isAgree" @click="onRegister">注册</el-button>-->
<!-- </el-form-item>-->
<!-- </el-form>-->
<!-- </div>-->
<!-- </el-tab-pane>-->
</el-tabs>
</el-space>
</el-card>
</div>
</template>
<script setup lang="ts">
import {useConfigInfo, useToken, useUser, useWebsite} from "~/composables/configState";
import useFormData from '@/utils/use-form-data';
import type { User } from '@/api/system/user/model';
import { ref } from 'vue'
import type {FormInstance, FormRules, UploadProps, UploadUserFile} from 'element-plus'
import { Shop, Key, Avatar, Briefcase } from '@element-plus/icons-vue'
import {useServerRequest} from "~/composables/useServerRequest";
import type {ApiResult} from "~/api";
import type {CaptchaResult, LoginResult} from "~/api/passport/login/model";
import type {ShopMerchantApply} from "~/api/shop/shopMerchantApply/model";
import {useClientRequest} from "~/composables/useClientRequest";
// 配置信息
const runtimeConfig = useRuntimeConfig();
const website = useWebsite();
const config = useConfigInfo();
const token = useToken();
const user = useUser();
const formRef = ref<FormInstance>()
const activeName = ref('account')
// 登录注册切换
const loginBar = ref<boolean>(true)
// 验证码 base64 数据
const captcha = ref('');
// 验证码内容, 实际项目去掉
const text = ref('');
// 图形验证码
const imgCode = ref('');
// 发送验证码按钮loading
const codeLoading = ref(false);
// 验证码倒计时时间
const countdownTime = ref(0);
// 验证码倒计时定时器
let countdownTimer: number | null = null;
if(getIdBySpm(0) == 'register'){
loginBar.value = false;
}
// 配置信息
const { form,assignFields, resetFields } = useFormData<User>({
userId: undefined,
companyName: undefined,
email: undefined,
username: undefined,
phone: undefined,
password: undefined,
code: undefined,
smsCode: undefined,
isAgree: false,
remember: true,
isSuperAdmin: true
});
/* 显示发送短信验证码弹窗 */
const openImgCodeModal = () => {
if (!form.phone) {
ElMessage.error('请输入手机号码');
return;
}
// imgCode.value = text.value;
};
const checkUser = async () => {
const {data: hasUser } = await useServerRequest<ApiResult<CaptchaResult>>('/existence',{baseURL: runtimeConfig.public.apiServer,method: "get",params: {
field: 'phone', value: form.phone
}});
if(hasUser.value?.code == 0 || loginBar.value){
await sendCode();
}
if(hasUser.value?.code != 0 && loginBar.value){
ElMessage.error('该手机号码未注册');
}
};
// 验证规则
const rules = reactive<FormRules<User>>({
phone: [
{required: true, message: '请输入手机号码', trigger: 'blur'},
{pattern: /^1[3-9]\d{9}$/, message: '请输入正确的手机号码', trigger: 'blur'},
],
password: [
{required: true, message: '请输入密码', trigger: 'blur'},
],
code: [
{required: true, message: '请输入验证码', trigger: 'blur'},
],
smsCode: [
{required: true, message: '请输入短信验证码', trigger: 'blur'},
],
username: [
{required: true, message: '请输入用户名', trigger: 'blur'},
],
companyName: [
{required: true, message: '请输入公司名称', trigger: 'blur'},
],
email: [
{required: true, message: '请输入邮箱', trigger: 'blur'},
{pattern: /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/, message: '请输入正确的邮箱', trigger: 'blur'},
]
})
/* 发送短信验证码 */
const sendCode = async () => {
if (!form.phone) {
ElMessage.error('请输入手机号码');
return;
}
imgCode.value = text.value;
codeLoading.value = true;
const {data: smsCode } = await useServerRequest<ApiResult<CaptchaResult>>('/sendSmsCaptcha',{baseURL: runtimeConfig.public.apiServer,method: "post",body: {
phone: form.phone
}});
if(smsCode.value?.code == 0){
codeLoading.value = false;
countdownTime.value = 30;
// 开始对按钮进行倒计时
countdownTimer = window.setInterval(() => {
if (countdownTime.value <= 1) {
countdownTimer && clearInterval(countdownTimer);
countdownTimer = null;
}
countdownTime.value--;
}, 1000);
}
if(smsCode.value?.code != 0){
ElMessage.error(smsCode.value?.message);
}
};
const navigateTo = (url: string) => {
window.location.href = url;
}
const onLoginBar = () => {
loginBar.value = !loginBar.value
activeName.value = loginBar.value ? 'account' : 'sms'
}
/* 获取图形验证码 */
const changeCaptcha = async () => {
const {data: captchaInfo } = await useServerRequest<ApiResult<CaptchaResult>>('/captcha',{baseURL: runtimeConfig.public.apiServer});
const captchaData = captchaInfo.value?.data
if(captchaData){
captcha.value = captchaData.base64;
text.value = captchaData.text;
}
// 已经登录跳转首页
if(token.value && token.value.length > 0){
navigateTo('/user')
return;
}
};
useHead({
title: `登录页 - ${config.value?.siteName || 'WEB应用开发平台'}`,
meta: [{ name: website.value.keywords, content: website.value.comments }]
});
/**
* 执行登录
*/
const onSubmit = async () => {
if(!form.username){
ElMessage.error('请填登录账号')
return;
}
if(!form.password){
ElMessage.error('请填密码')
return;
}
if(!form.code){
ElMessage.error('请填验证码')
return;
}
const {data: response} = await useServerRequest<ApiResult<LoginResult>>('/login',{baseURL: runtimeConfig.public.apiServer,method: "post",body: form})
// 登录成功
if(response.value?.code == 0){
ElMessage.success(response.value?.message)
await doLogin(response.value.data)
}
if(response.value?.code != 0){
ElMessage.error(response.value?.message)
await changeCaptcha()
}
}
/**
* 短信验证码登录
*/
const onSubmitBySms = async () => {
if(!form.phone){
ElMessage.error('请填手机号码')
return;
}
if(!form.code){
ElMessage.error('请填验证码')
return;
}
const {data: response} = await useServerRequest<ApiResult<LoginResult>>('/loginBySms',{baseURL: runtimeConfig.public.apiServer,method: "post",body: {
phone: form.phone,
code: form.code,
isSuperAdmin: true
}})
// 登录成功
if(response.value?.code == 0){
ElMessage.success(response.value?.message)
await doLogin(response.value.data)
}
if(response.value?.code != 0){
ElMessage.error(response.value?.message)
await changeCaptcha()
}
}
/**
* 账号密码注册
*/
const onRegister = async () => {
if(!form.phone){
ElMessage.error('请填手机号码')
return;
}
if(!form.companyName){
ElMessage.error('请填写企业名称')
return;
}
if(!form.code){
ElMessage.error('请填验证码')
return;
}
if(!form.email){
ElMessage.error('请填邮箱')
return;
}
const loading = ElLoading.service({
lock: true,
text: 'Loading'
})
await useClientRequest<ApiResult<LoginResult>>('/register',{method: "post",body: {
companyName: form.companyName,
username: form.phone,
phone: form.phone,
password: form.password,
code: form.code,
email: form.email,
isSuperAdmin: true
}}).then(response => {
// 登录成功
if(response?.code == 0){
loading.close();
ElMessage.success(response?.message)
doLogin(response.data)
}
if(response?.code != 0){
loading.close;
ElMessage.error(response?.message)
changeCaptcha()
}
}).catch(() => {
loading.close();
}).finally(() => {
loading.close();
})
}
// 登录成功执行
const doLogin = async (data: any) => {
const access_token = data?.access_token
if(access_token){
localStorage.setItem('token',access_token);
token.value = access_token;
console.log(access_token,'access_token')
}
if(data.user){
user.value.userId = data.user.userId;
user.value.phone = data.user.phone;
user.value.gradeId = data.user.gradeId;
user.value.gradeName = data.user.gradeName;
user.value.avatar = data.user.avatar;
user.value.balance = data.user.balance;
localStorage.setItem('UserId',data.user.userId);
localStorage.setItem('Avatar',data.user.avatar);
localStorage.setItem('TID_ADMIN',data.user.tenantId);
}
setTimeout(() => {
navigateTo('/')
return;
},500)
}
changeCaptcha();
</script>
<style lang="less">
.login{
background: url("https://oss.wsdns.cn/20240904/6f5dc87c37334c4da3453826352a37d1.jpg");
background-size: 100%;
}
/* 改变未激活标签的颜色 */
.el-tabs__item {
color: #606266;
font-size: 18px;
}
/* 改变激活标签的颜色 */
//.el-tabs__item.is-active {
// color: #cf1313;
//}
//
///* 改变标签边界的颜色 */
//.el-tabs__item:not(.is-disabled):focus,
//.el-tabs__item:not(.is-disabled):hover {
// border-color: #cf1313;
//}
//
///* 改变标签栏指示器的颜色 */
//.el-tabs--top .el-tabs__active-bar,
//.el-tabs--bottom .el-tabs__active-bar {
// background: #cf1313;
//}
</style>

49
pages/passport/register.vue Normal file
View File

@@ -0,0 +1,49 @@
<template>
<PageBanner title="入驻" desc="Register Account"/>
<div class="login-layout m-auto sm:w-screen-xl w-full">
<div class="m-auto flex sm:flex-row flex-col sm:px-0 px-3 ">
<div class="flash bg-white rounded-lg px-8 py-4 w-full">
<Auth @done="reload"/>
</div>
</div>
</div>
</template>
<script setup lang="ts">
import {useConfigInfo, useWebsite} from "~/composables/configState";
import {ref} from 'vue'
import {useServerRequest} from "~/composables/useServerRequest";
import type {ApiResult} from "~/api";
import Auth from './components/Auth.vue';
import type {ShopMerchantApply} from "~/api/shop/shopMerchantApply/model";
import Base from "~/pages/user/components/Base.vue";
// 配置信息
const runtimeConfig = useRuntimeConfig();
const route = useRoute();
const activeIndex = ref('');
const website = useWebsite()
const config = useConfigInfo();
const merchantApply = ref<ShopMerchantApply>();
const reload = async () => {
const {data: response} = await useServerRequest<ApiResult<ShopMerchantApply>>('/shop/shop-merchant-apply/getByUserId', {baseURL: runtimeConfig.public.apiServer})
if (response.value?.data) {
merchantApply.value = response.value.data;
}
if(config.value){
useHead({
title: `实名认证 - ${config.value?.siteName}`,
meta: [{name: website.value.keywords, content: website.value.comments}]
});
}
}
watch(
() => route.path,
(path) => {
activeIndex.value = path;
reload();
},
{immediate: true}
);
</script>