scout666/liveh5-nuxt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'xingyy'

Browse Source
This commit is contained in:
xingyy 2025-01-17 16:58:12 +08:00
commit 6ec8c46c55
14 changed files with 269 additions and 91 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/api/auth/index.js
View File

@ -7,3 +7,17 @@ export async function senCode(data) {
body: data,
})
}
export async function userLogin(data) {
const http = getHttp()
return await http('/api/v1/m/user/login', {
method: 'POST',
body: data,
})
}
export async function userUpdate(data) {
const http = getHttp()
return await http('/api/v1/m/user/update', {
method: 'POST',
body: data,
})
}

16
app/api/goods/index.js Normal file
View File

@ -0,0 +1,16 @@
import { getHttp } from '~/api/http.js'
export async function artworkList(data) {
const http = getHttp()
return await http('/api/v1/m/auction/default/artwork/list', {
method: 'POST',
body: data,
})
}
export async function defaultDetail(data) {
const http = getHttp()
return await http('/api/v1/m/auction/default/detail', {
method: 'POST',
body: data,
})
}

10
app/api/http.js
View File

@ -2,6 +2,7 @@
import { useRuntimeConfig } from '#app'
import { ofetch } from 'ofetch'
import {message} from '@/components/x-message/useMessage.js'
import {authStore} from "@/stores/auth/index.js";
let httpStatusErrorHandler
let http
@ -12,25 +13,22 @@ export function setupHttp() {
const config = useRuntimeConfig()
const baseURL = config.public.NUXT_PUBLIC_API_BASE
const {token}= authStore()
http = ofetch.create({
baseURL,
headers: { 'Content-Type': 'application/json' },
async onRequest({ options }) {
const token = localStorage.getItem('token')
options.headers = {
...options.headers,
...(token && { Authorization: token }),
Authorization:token.value
}
},
async onResponse({ response }) {
if (response._data.status===1){
message.warning(response._data.msg)
message.error(response._data.msg)
}
},
async onResponseError({ response }) {
console.log('error错误')
const { message } = response._data
if (Array.isArray(message)) {
message.forEach((item) => {

4
app/components/AppHeader.vue
View File

@ -1,6 +1,6 @@
<script setup>
import { useAppHeaderRouteNames as routeWhiteList } from '~/config'
import { homeStore } from "@/stores/home/index.js";
import { homeStore } from "@/stores/goods/index.js";
const { fullLive } = homeStore()
const route = useRoute()
const router = useRouter()
@ -40,7 +40,7 @@ const showLeftArrow = computed(() => route.name && routeWhiteList.includes(route
placeholder clickable fixed
@click-left="onBack"
>
<template #title v-if="route.meta.i18n==='menu.home'">
<template #title v-if="route.meta.i18n==='menu.goods'">
<div class="flex flex-col items-center justify-center">
<div class="text-#000000 text-17px mb-5px font-600">{{ title }}</div>

2
app/layouts/README.md
View File

@ -7,7 +7,7 @@ By default, `default.vue` will be used unless an alternative is specified in the
```vue
<script setup lang="ts">
definePageMeta({
layout: 'home',
layout: 'goods',
})
</script>
```

2
app/layouts/default.vue
View File

@ -8,6 +8,6 @@
</main>
</template>
<script setup >
import { homeStore } from "@/stores/home/index.js";
import { homeStore } from "@/stores/goods/index.js";
const { fullLive } = homeStore()
</script>

15
app/pages/home/components/Cescribe/index.vue Normal file
View File

@ -0,0 +1,15 @@
<script setup>
</script>
<template>
<div class="px-16px pt-14px">
<div class="text-#575757 text-14px">
这里是后台富文本配置的说明，啊即可打开三等奖撒度老师的湿答答是快乐的阿四大皆空
</div>
</div>
</template>
<style scoped>
</style>

8
app/pages/home/components/Column/index.vue
View File

@ -16,7 +16,7 @@
<div
class="absolute left-[8px] top-[8px] h-[17px] w-[45px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
>
LOT{{ index + 1 }}
LOT{{ item.index+1 }}
</div>
</div>
<div class="pt-[8px]">
@ -39,7 +39,11 @@
<script setup>
const props = defineProps({
items: Array
items: Array,
colIndex: {
type: Number,
default: 0
}
});
const emit = defineEmits(['openShow']);

2
app/pages/home/components/index.vue
View File

@ -27,7 +27,7 @@ const openShow = () => {
<div
class="absolute left-[8px] top-[8px] h-[17px] w-[45px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
>
LOT{{ index + 1 }}
LOT{{ item.index + 1 }}
</div>
</div>
<div class="pt-[8px]">

15
app/pages/home/index.vue
View File

@ -2,12 +2,10 @@
import {useRect} from '@vant/use';
import LiveRoom from '@/pages/LiveRoom/index.client.vue';
import itemDetail from '@/components/itemDetail/index.vue';
import {homeStore} from "@/stores/home/index.js";
import {homeStore} from "@/stores/goods/index.js";
import Column from './components/Column/index.vue'
const {fullLive} = homeStore();
definePageMeta({
layout: 'default',
i18n: 'menu.home',
@ -21,17 +19,17 @@ const show = ref(false);
const showHeight = ref('');
const list = ref([{
image: 'https://e-cdn.fontree.cn/fonchain-main/prod/file/default/setting/637d95b4-2ae9-4a74-bd60-a3a9d2ca2ca0.png',
title: '张天赐 | 日出而作，日落而息',
title: '张天赐 | 日出而作，日落而息1',
startingPrice: 'RMB 1,000',
transactionPrice: 'RMB 10,000',
}, {
image: 'https://e-cdn.fontree.cn/fonchain-main/prod/file/default/setting/f7b65e23-ce21-41b4-8e58-9e6dc6950727.png',
title: '张天赐 | 日出而作，日落而息',
title: '张天赐 | 日出而作，日落而息2',
startingPrice: 'RMB 1,000',
transactionPrice: '',
}, {
image: 'https://e-cdn.fontree.cn/fonchain-main/prod/file/default/setting/41eceb23-d168-4049-ae8e-48c5328b192f.png',
title: '张天赐 | 日出而作，日落而息',
title: '张天赐 | 日出而作，日落而息3',
startingPrice: 'RMB 1,000',
transactionPrice: '',
}, {
@ -75,7 +73,8 @@ const onRefresh = () => {
const columns = computed(() => {
const result = [[], []];
list.value.forEach((item, index) => {
result[index % 2].push(item);
// 为每个项目添加一个 index 属性
result[index % 2].push({ ...item, index });
});
return result;
});
@ -108,7 +107,7 @@ const changeLive = () => {
<van-pull-refresh>
<van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="loadData">
<div class="w-full flex gap-[16px]">
<Column v-for="(column, colIndex) in columns" :key="colIndex" :items="column" @openShow="openShow"/>
<Column v-for="(column, colIndex) in columns" :key="colIndex" :colIndex="colIndex" :items="column" @openShow="openShow"/>
</div>
</van-list>
</van-pull-refresh>

56
app/pages/login/index.vue
View File

@ -2,8 +2,9 @@
import { useRouter, useRoute } from 'vue-router';
import { useI18n } from 'vue-i18n'
import countryCode from '../countryRegion/data/index.js'
import {senCode} from "@/api/auth/index.js";
import {senCode, userLogin} from "@/api/auth/index.js";
import {authStore} from "~/stores/auth/index.js";
const {userInfo,token}= authStore()
const router = useRouter();
const route = useRoute();
const { locale } = useI18n()
@ -30,8 +31,8 @@ const startCountdown=()=> {
}, 1000);
}
const countdown = ref(0);
const phoneNum = ref('')
const code = ref('')
const phoneNum = ref('17630920520')
const code = ref('655119')
const pane = ref(0)
const showKeyboard = ref(false);
// 根据语言获取默认国家
@ -78,19 +79,23 @@ watch(locale, () => {
})
const vanSwipeRef=ref(null)
const getCode =async () => {
loadingRef.value.loading1=true
const res=await senCode({
telNum:phoneNum.value,
zone:selectedZone.value
})
loadingRef.value.loading1=false
if (res.status===0){
pane.value = 1
vanSwipeRef.value?.swipeTo(pane.value)
showKeyboard.value=true
startCountdown();
}
// loadingRef.value.loading1=true
// const res=await senCode({
// telNum:phoneNum.value,
// zone:selectedZone.value
// })
// loadingRef.value.loading1=false
// if (res.status===0){
// pane.value = 1
// vanSwipeRef.value?.swipeTo(pane.value)
// showKeyboard.value=true
// startCountdown();
//
// }
pane.value = 1
vanSwipeRef.value?.swipeTo(pane.value)
showKeyboard.value=true
startCountdown();
}
const goBack = () => {
@ -98,9 +103,20 @@ const goBack = () => {
pane.value = 0
vanSwipeRef.value?.swipeTo(pane.value)
}
const goLogin = () => {
router.push('/realAuth');
}
const goLogin =async () => {
const res=await userLogin({
telNum:phoneNum.value,
zone:selectedZone.value,
code:code.value
})
if (res.status===0){
userInfo.value=res.data.accountInfo
token.value=res.data.token
if (!res.data.isReal){
router.push('/realAuth');
}
}
}
</script>
<template>

65
app/pages/realAuth/components/detail.vue Normal file
View File

@ -0,0 +1,65 @@
<script setup>
import {authStore} from "@/stores/auth/index.js";
const props = defineProps({
type: {
type: Number,
default: 0
}
})
const {userInfo}= authStore()
</script>
<template>
<div class="text-#1A1A1A text-16px">
<template v-if="type===0">
<div class="flex mb-20px" >
<div class="mr-10px">姓名：</div>
<div>{{userInfo.realName}}</div>
</div>
<div class="flex mb-20px">
<div class="mr-10px">性别：</div>
<div>{{userInfo.sex}}</div>
</div>
<div class="flex mb-20px">
<div class="mr-10px">出生日期：</div>
<div>{{userInfo.birthDate}}</div>
</div>
<div class="flex">
<div class="mr-10px">身份证号：</div>
<div>{{userInfo.idNum}}</div>
</div>
</template>
<template v-if="type===1">
<div class="flex mb-20px" >
<div class="mr-10px">姓名：</div>
<div>{{userInfo.realName}}</div>
</div>
<div class="flex mb-20px">
<div class="mr-10px">性别：</div>
<div>{{userInfo.sex}}</div>
</div>
<div class="flex mb-20px">
<div class="mr-10px">出生日期：</div>
<div>{{userInfo.birthDate}}</div>
</div>
<div class="flex">
<div class="mr-10px">家庭住址：</div>
<div>{{userInfo.idNum}}</div>
</div>
<div class="flex">
<div class="mr-10px">所属银行：</div>
<div>{{userInfo.idNum}}</div>
</div>
<div class="flex">
<div class="mr-10px">银行卡号码：</div>
<div>{{userInfo.idNum}}</div>
</div>
</template>
</div>
</template>
<style scoped>
</style>

144
app/pages/realAuth/index.vue
View File

@ -1,34 +1,78 @@
<script setup>
import { useRouter, useRoute } from 'vue-router';
import { useI18n } from 'vue-i18n'
import {userUpdate} from "~/api/auth/index.js";
import {message} from '@/components/x-message/useMessage.js'
import detail from './components/detail.vue'
import {authStore} from "~/stores/auth/index.js";
const router = useRouter();
const route = useRoute();
const showPicker = ref(false);
const pickerValue = ref([]);
const gender = ref('男')
const birthday = ref('')
const {userInfo}= authStore()
const birthdayDate = ref([])
const showBirthdayPicker = ref(false)
const minDate = new Date(1950, 0, 1)
const maxDate = new Date(2025, 12, 31)
const active=ref(0)
const { t } = useI18n()
const columns = computed(() => [
{ text: t('realAuth.male'), value: t('realAuth.male') },
{ text: t('realAuth.female'), value: t('realAuth.female') },
]);
const form=ref({
idNum: "",
realName: "",
sex:'',
birthDate:'',
userExtend: {
address: "",
bankName: "",
bankNo: ""
}
})
const form1=ref({
idNum:'',
realName:''
})
const columns=ref([
{ text: t('realAuth.male'), value: 1 },
{ text: t('realAuth.female'), value: 2 },
])
const onConfirm = ({ selectedValues, selectedOptions }) => {
pickerValue.value = selectedValues
gender.value = selectedOptions[0].text
form.value.sex=selectedValues?.[0]
showPicker.value = false
}
const onBirthdayConfirm = (value) => {
birthdayDate.value = value.selectedValues
birthday.value = value.selectedValues.join('-')
form.value.birthDate=value.selectedValues.join('-')
showBirthdayPicker.value = false
}
function isFormComplete(obj) {
for (const key in obj) {
if (typeof obj[key] === 'object' && obj[key] !== null) {
if (!isFormComplete(obj[key])) {
return false;
}
} else if (obj[key] === "") {
return false;
}
}
return true;
}
const statusCode=ref(0)
const confirm=async ()=>{
const thatForm=active.value===0?form1.value:form.value
if (isFormComplete(thatForm)){
const res=await userUpdate(thatForm)
if (res.status===0){
userInfo.value=res.data
message.success('提交成功')
statusCode.value=1
}
}else {
message.error('请填写身份证相关信息')
}
}
const goHome=()=>{
router.push('/')
}
definePageMeta({
title: '实名认证',
i18n: 'realAuth.title',
@ -36,27 +80,21 @@ definePageMeta({
</script>
<template>
<div class="px-[31px] bg-#fff w-100vw h-100vh pt-[46px]">
<van-tabs animated swipeable>
<div class="px-[31px] bg-[url('@/static/images/asdfsdd.png')] bg-cover w-100vw flex-grow-1 pt-[46px] relative flex flex-col">
<van-tabs v-if="statusCode===0" v-model:active="active" animated swipeable>
<van-tab :title="$t('realAuth.cnTab')" class="pt-[80px]">
<div class="text-[#BDBDBD] text-[16px] mb-[34px]">{{ $t('realAuth.cnTabDesc') }}</div>
<div class="mb-[100px]">
<div class="border-b-[1.7px] mt-[8px]">
<van-field :label="$t('realAuth.idCard')" clearable
:placeholder="$t('realAuth.idCardPlaceholder')"></van-field>
<template v-if="statusCode===0">
<div class="text-[#BDBDBD] text-[16px] mb-[34px]">{{ $t('realAuth.cnTabDesc') }}</div>
<div class="mb-[100px]">
<div class="border-b-[1.7px] mt-[8px]">
<van-field v-model="form1.idNum" :label="$t('realAuth.idCard')" clearable
:placeholder="$t('realAuth.idCardPlaceholder')"></van-field>
</div>
<div class="border-b-[1.7px] mt-[8px]">
<van-field v-model="form1.realName" :label="$t('realAuth.name')" clearable :placeholder="$t('realAuth.namePlaceholder')"></van-field>
</div>
</div>
<div class="border-b-[1.7px] mt-[8px]">
<van-field :label="$t('realAuth.name')" clearable :placeholder="$t('realAuth.namePlaceholder')"></van-field>
</div>
</div>
<div class="flex justify-between">
<van-button style="width: 151px;height: 48px" color="#E9F1F8">
<div class="text-#2B53AC text-16px">{{ $t('realAuth.cancel') }}</div>
</van-button>
<van-button style="width: 151px;height: 48px" color="#2B53AC">
<div class="text-#FFFFFF text-16px">{{ $t('realAuth.confirm') }}</div>
</van-button>
</div>
</template>
</van-tab>
<van-tab :title="$t('realAuth.otherTab')" class="pt-[80px]">
<div class="text-[#BDBDBD] text-[16px] mb-[34px]">{{ $t('realAuth.otherTabDesc') }}</div>
@ -65,39 +103,49 @@ definePageMeta({
<van-field :label="$t('realAuth.name')" clearable :placeholder="$t('realAuth.namePlaceholder')"></van-field>
</div>
<div class="border-b-[1.7px] mt-[8px]">
<van-field v-model="gender" is-link readonly name="picker" :label="$t('realAuth.gender')"
<van-field :modelValue="columns.find(x=>x.value===form.sex)?.text" is-link readonly name="picker" :label="$t('realAuth.gender')"
@click="showPicker = true" />
</div>
<div class="border-b-[1.7px] mt-[8px]">
<van-field v-model="birthday" is-link readonly name="birthdayPicker" :label="$t('realAuth.birthday')"
<van-field v-model="form.birthDate" is-link readonly name="birthdayPicker" :label="$t('realAuth.birthday')"
:placeholder="$t('realAuth.birthdayPlaceholder')" @click="showBirthdayPicker = true" />
</div>
<div class="border-b-[1.7px] mt-[8px]">
<van-field :label="$t('realAuth.adress')" clearable
<van-field v-model="form.userExtend.address" :label="$t('realAuth.adress')" clearable
:placeholder="$t('realAuth.adressPlaceholder')"></van-field>
</div>
<div class="border-b-[1.7px] mt-[8px]">
<van-field :label="$t('realAuth.bank')" clearable :placeholder="$t('realAuth.bankPlaceholder')"></van-field>
<van-field v-model="form.userExtend.bankName" :label="$t('realAuth.bank')" clearable :placeholder="$t('realAuth.bankPlaceholder')"></van-field>
</div>
<div class="border-b-[1.7px] mt-[8px]">
<van-field :label="$t('realAuth.bankCard')" clearable
<van-field v-model="form.userExtend.bankNo" :label="$t('realAuth.bankCard')" clearable
:placeholder="$t('realAuth.bankCardPlaceholder')"></van-field>
</div>
<div class="flex justify-between mt-[100px]">
<van-button style="width: 151px;height: 48px" color="#E9F1F8">
<div class="text-#2B53AC text-16px">{{ $t('realAuth.cancel') }}</div>
</van-button>
<van-button style="width: 151px;height: 48px" color="#2B53AC">
<div class="text-#FFFFFF text-16px">{{ $t('realAuth.confirm') }}</div>
</van-button>
</div>
</div>
</van-tab>
</van-tabs>
<van-tabs v-else-if="statusCode===1" v-model:active="active" animated swipeable>
<van-tab :title="$t('realAuth.cnTab')" class="pt-[80px]">
<detail :type="active"></detail>
</van-tab>
<van-tab :title="$t('realAuth.otherTab')" class="pt-[80px]">
<detail :type="active"></detail>
</van-tab>
</van-tabs>
<div class="flex justify-between" v-if="statusCode===0">
<van-button style="width: 151px;height: 48px" color="#E9F1F8">
<div class="text-#2B53AC text-16px">{{ $t('realAuth.cancel') }}</div>
</van-button>
<van-button @click="confirm" style="width: 151px;height: 48px" color="#2B53AC">
<div class="text-#FFFFFF text-16px">{{ $t('realAuth.confirm') }}</div>
</van-button>
</div>
<div v-else class="mt-auto pb-94px">
<van-button color="#E9F1F8" @click="goHome" style="color: #2B53AC;font-weight: 600" block>去首页</van-button>
</div>
<van-popup v-model:show="showPicker" destroy-on-close position="bottom">
<van-picker :columns="columns" :model-value="pickerValue" @confirm="onConfirm" @cancel="showPicker = false" />
<van-picker :columns="columns" @confirm="onConfirm" @cancel="showPicker = false" />
</van-popup>
<van-popup v-model:show="showBirthdayPicker" destroy-on-close position="bottom">
<van-date-picker v-model="birthdayDate" :min-date="minDate" :max-date="maxDate"

7
app/stores/home/index.js → app/stores/goods/index.js
View File

@ -1,7 +1,8 @@
import { createGlobalState } from '@vueuse/core'
export const homeStore = createGlobalState(() => {
const actionDetails=ref({})
const fullLive=ref(false)
const list = ref([{
const itemList = ref([{
image: 'https://e-cdn.fontree.cn/fonchain-main/prod/file/default/setting/637d95b4-2ae9-4a74-bd60-a3a9d2ca2ca0.png',
title: '张天赐 | 日出而作，日落而息',
startingPrice: 'RMB 1,000',
@ -42,8 +43,10 @@ export const homeStore = createGlobalState(() => {
startingPrice: 'RMB 1,000',
transactionPrice: 'RMB 10,000',
}])
return{
list,
actionDetails,
itemList,
fullLive
}
})