xingyy/kidArtExpo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

asdf1

Browse Source
This commit is contained in:
xingyy 2024-08-15 18:41:29 +08:00
parent 20cbe6588b
commit 5fddc26996
13 changed files with 42 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/store/auth/index.js
View File

@ -226,7 +226,20 @@ export const useAuth=createGlobalState(()=>{
closeable: true,
})*/
}
const beforeUploadImage = (e) => {
if (
e.file.file?.type !== "image/png" &&
e.file.file?.type !== "image/jpeg" &&
e.file.file?.type !== "image/jpg" &&
e.file.file?.type !== "image/gif" &&
e.file.file?.type !== "image/bmp"
) {
message.warning("请上传图片文件");
return false;
}
};
return {
beforeUploadImage,
showText,
resultType,
sendVote,

10
src/views/confirm/size1440/index.vue
View File

@ -1,6 +1,6 @@
<script setup>
import {useAuth} from "@/store/auth/index.js";
import {NImage} from 'naive-ui'
const {clickApply,formData,openMask1,goBack} =useAuth()
</script>
@ -26,11 +26,11 @@ const {clickApply,formData,openMask1,goBack} =useAuth()
<div class="text-primary text-[19px] w-[83px] font-bold pl-15px">*性别</div>
<div class="text-primary text-[19px]">{{formData.gender}}</div>
</div>
<div class="w-[936px] h-[523px] bg-#F5F5F5 mt-[8.26px] mb-20px flex pt-[15px]">
<div class="w-[936px] h-[523px] bg-#F5F5F5 mt-[8.26px] mb-20px flex pt-[15px] flex-col overflow-y-auto z-10 relative">
<div :class="`flex w-full ${formData.works?.length>1&&index+1!==formData.works?.length?'border-b-1px border-b-[#D6E0E9] border-b-solid mb-50px pb-50px':''}` " v-for="(item,index) of formData.works" :key="index">
<div class="text-primary text-19px font-bold shrink-0 w-[83px] pl-15px">*作品{{index+1}}</div>
<div>
<img class="w-[393px] h-[188px] object-contain" @click="openMask1(item.picUrl)" :src="item.picUrl" alt="">
<n-image class="w-[393px] h-[188px] object-contain" :src="item.picUrl" alt=""/>
<div class="flex text-primary text-[16px] mt-20px w-50%">
<div class="font-bold w-100px">作品名称</div>
<div class="">{{item.workName}}</div>
@ -49,9 +49,9 @@ const {clickApply,formData,openMask1,goBack} =useAuth()
</div>
</div>
<div class="flex-center">
<div class="flex-center z-10 relative">
<div class="text-primary text-21px w-320px h-52px flex justify-center items-center bg-#fff shadow-[0_16px_16px_rgba(0,0,0,0.1)] rounded-60px" @click="goBack">取消</div>
<div class="bg-[url('@/assets/image/asdf3255@2x1.png')] w-320px h-52px bg-contain ml-29px text-21px text-#fff flex-center" @click="clickApply">确定</div>
<div class="bg-[url('@/assets/image/asdf3255@2x1.png')] w-320px h-52px bg-contain ml-29px text-21px text-#fff flex-center" @click="clickApply">提交报名</div>
</div>
<div class="absolute bottom-0 right-0 ">
<img class="w-876px h-385px" src="@/assets/image/dfdc46@2x.png" alt="">

4
src/views/confirm/size1920/index.vue
View File

@ -57,9 +57,9 @@ const {clickApply,formData,openMask1,goBack} =useAuth()
</n-scrollbar>
</div>
<div class="flex-center">
<div class="flex-center z-10 relative">
<div class="text-primary text-16px w-240px h-39px flex justify-center cursor-pointer items-center bg-#fff shadow-[0_16px_16px_rgba(0,0,0,0.1)] rounded-60px z-999" @click="goBack">取消</div>
<div class="bg-[url('@/assets/image/asdf3255@2x1.png')] cursor-pointer w-240px h-39px bg-contain ml-29px text-#fff flex-center text-16px z-999" @click="clickApply">确定</div>
<div class="bg-[url('@/assets/image/asdf3255@2x1.png')] cursor-pointer w-240px h-39px bg-contain ml-29px text-#fff flex-center text-16px z-999" @click="clickApply">提交报名</div>
</div>
<div class="absolute bottom-0 right-0 ">
<img class="w-781px h-289px" src="@/assets/image/dfdc46@2x.png" alt="">

2
src/views/confirm/size375/index.vue
View File

@ -55,7 +55,7 @@ const openMask=(src)=>{
</div>
</div>
</div>
<div class="package2">
<div class="package2 z-10 relative">
<div class="package2_1" @click="goBack">取消</div>
<div class="package2_2" @click="clickApply">提交报名</div>
</div>

10
src/views/confirm/size768/index.vue
View File

@ -1,6 +1,6 @@
<script setup>
import {useAuth} from "@/store/auth/index.js";
import {NImage} from 'naive-ui'
const {clickApply,formData,openMask1,goBack} =useAuth()
</script>
@ -26,11 +26,11 @@ const {clickApply,formData,openMask1,goBack} =useAuth()
<div class="text-primary text-[35px] w-[200px] font-bold pl-15px">*性别</div>
<div class="text-primary text-[35px]">{{formData.gender}}</div>
</div>
<div class="w-[1065px] h-[980px] bg-#F5F5F5 mt-[8.26px] mb-33px flex pt-[21.74px]">
<div class="w-[1065px] h-[980px] bg-#F5F5F5 mt-[8.26px] mb-33px flex pt-[21.74px] flex-col overflow-y-auto">
<div :class="`flex w-full ${formData.works?.length>1&&index+1!==formData.works?.length?'border-b-1px border-b-[#D6E0E9] border-b-solid mb-50px pb-50px':''}` " v-for="(item,index) of formData.works" :key="index">
<div class="text-primary text-35px font-bold shrink-0 w-[200px] pl-15px">*作品{{index+1}}</div>
<div>
<img class="w-[738px] h-[353px]" @click="openMask1(item.picUrl)" :src="item.picUrl" alt="">
<n-image class="w-[738px] h-[353px]" :src="item.picUrl" alt=""/>
<div class="flex text-primary text-[30px] mt-20px w-50%">
<div class="font-bold w-187px">作品名称</div>
<div class="">{{item.workName}}</div>
@ -49,9 +49,9 @@ const {clickApply,formData,openMask1,goBack} =useAuth()
</div>
</div>
<div class="flex">
<div class="flex z-10 relative">
<div class="text-primary text-40px w-410px h-98px flex justify-center items-center bg-#fff shadow-[0_16px_16px_rgba(0,0,0,0.1)] rounded-60px" @click="goBack">取消</div>
<div class="bg-[url('@/assets/image/asdf3255@2x1.png')] w-600px h-98px bg-contain ml-a text-40px text-#fff flex-center" @click="clickApply">确定</div>
<div class="bg-[url('@/assets/image/asdf3255@2x1.png')] w-600px h-98px bg-contain ml-a text-40px text-#fff flex-center" @click="clickApply">提交报名</div>
</div>
<div class="absolute bottom-0 right-0 ">
<img class="w-1170px h-557px" src="@/assets/image/dfdf4@2x.png" alt="">

2
src/views/details/size1440/index.vue
View File

@ -7,7 +7,7 @@ const {clickApply,openMask1,goBack,detailData} =useAuth()
</script>
<template>
<div class="box-border relative w-[1920px] min-min-h-screen bg-no-repeat bg-cover bg-[url('@/assets/image/dfa45@2x.png')] flex items-center flex-col">
<div class="box-border relative w-[1920px] min-h-screen bg-no-repeat bg-cover bg-center bg-[url('@/assets/image/dfa45@2x.png')] flex items-center flex-col">
<div class="mb-[33px] mt-[176px]">
<img class="w-[280px] h-[46px]" src="@/assets/image/zu3316@2x.png" alt="">
</div>

4
src/views/login/index.vue
View File

@ -24,7 +24,7 @@ const viewComponent = computed(() => {
return size1920;
}
})
deadlineAPI().then((res)=>{
/*deadlineAPI().then((res)=>{
if(res.data.status===2){
router.push({
path: '/result',
@ -33,7 +33,7 @@ deadlineAPI().then((res)=>{
}
})
}
})
})*/
</script>
<template>

2
src/views/result/size1440/index.vue
View File

@ -27,7 +27,7 @@ const {viewDetails,showText,resultType} =useAuth()
<div class="text-primary text-19px mt-13px">
{{showText}}
</div>
<div v-if="['success'].includes(resultType)" class="w-320px h-52px bg-contain bg-no-repeat bg-[url('@/assets/image/dfdf1.png')] flex-center text-white text-21px shrink-0 mt-[71px]" @click="viewDetails">查看详情</div>
<div v-if="['success'].includes(resultType)" class="z-10 relative w-320px h-52px bg-contain bg-no-repeat bg-[url('@/assets/image/dfdf1.png')] flex-center text-white text-21px shrink-0 mt-[71px]" @click="viewDetails">查看详情</div>
</div>
</div>
</template>

2
src/views/result/size1920/index.vue
View File

@ -27,7 +27,7 @@ const {viewDetails,resultType,showText} =useAuth()
<div class="text-primary text-14px mt-10px">
{{showText}}
</div>
<div v-if="['success'].includes(resultType)" class="w-240px h-39px bg-contain bg-no-repeat bg-[url('@/assets/image/dfdf1.png')] flex-center text-white text-16px shrink-0 mt-[53px] cursor-pointer" @click="viewDetails">查看详情</div>
<div v-if="['success'].includes(resultType)" class="z-10 relative w-240px h-39px bg-contain bg-no-repeat bg-[url('@/assets/image/dfdf1.png')] flex-center text-white text-16px shrink-0 mt-[53px] cursor-pointer" @click="viewDetails">查看详情</div>
</div>
</div>
</template>

2
src/views/result/size375/index.vue
View File

@ -29,7 +29,7 @@ const {viewDetails,resultType,showText} =useAuth()
<div class="text-primary text-72px mt-51px">
{{showText}}
</div>
<div v-if="['success'].includes(resultType)" class="w-866px h-200px bg-contain bg-no-repeat bg-[url('@/assets/image/zu3189@2x1.png')] flex-center text-white text-82px shrink-0 mt-[236px]" @click="viewDetails">查看详情</div>
<div v-if="['success'].includes(resultType)" class="z-10 relative w-866px h-200px bg-contain bg-no-repeat bg-[url('@/assets/image/zu3189@2x1.png')] flex-center text-white text-82px shrink-0 mt-[236px]" @click="viewDetails">查看详情</div>
</div>
</div>
</template>

2
src/views/result/size768/index.vue
View File

@ -29,7 +29,7 @@ const {viewDetails,resultType,showText} =useAuth()
<div class="text-primary text-35px mt-25px">
{{ showText }}
</div>
<div v-if="['success'].includes(resultType)" class="w-600px h-98px bg-contain bg-no-repeat bg-[url('@/assets/image/dfdf1.png')] flex-center text-white text-40px shrink-0 mt-[333px]" @click="viewDetails">查看详情</div>
<div v-if="['success'].includes(resultType)" class="z-10 relative w-600px h-98px bg-contain bg-no-repeat bg-[url('@/assets/image/dfdf1.png')] flex-center text-white text-40px shrink-0 mt-[333px]" @click="viewDetails">查看详情</div>
</div>
</div>
</template>

5
src/views/signup/size1440/index.vue
View File

@ -2,7 +2,7 @@
import {ref} from 'vue'
import {NUpload, NSelect} from 'naive-ui'
import {useAuth} from "@/store/auth/index.js";
const {formData,genderOptions,clickAddWorks,removeWorks,afterRead,goConfirm} =useAuth()
const {formData,genderOptions,clickAddWorks,removeWorks,afterRead,goConfirm,beforeUploadImage} =useAuth()
</script>
<template>
@ -43,7 +43,7 @@ const {formData,genderOptions,clickAddWorks,removeWorks,afterRead,goConfirm} =us
/>
</div>
</div>
<div class="bg-#F5F5F5 z-10 pb-12px mt-21px w-[936px] flex flex-col grow-1 overflow-y-auto">
<div class="bg-#F5F5F5 z-10 pb-12px mt-21px w-[936px] flex flex-col grow-1 overflow-y-auto relative z-10">
<div :class="`flex w-full ${formData.works?.length>1&&index+1!==formData.works?.length?'border-b-1px border-b-[#D6E0E9] border-b-solid mb-27px pb-27px':''}` " v-for="(item,index) of formData.works" :key="index">
<div class="text-primary text-19px w-[68px] font-bold mt-20px shrink-0 pl-5px ">*作品{{index+1}}</div>
<div class="mt-10px">
@ -52,6 +52,7 @@ const {formData,genderOptions,clickAddWorks,removeWorks,afterRead,goConfirm} =us
v-model:file-list="item.imgList"
:custom-request="(e)=>{afterRead(e.file,item,e)}"
list-type="image-card"
@before-upload="beforeUploadImage"
:max="1"
>
<div class="w-393px h-188px bg-#D6E0E9">

11
src/views/signup/size1920/index.vue
View File

@ -2,7 +2,7 @@
import {useAuth} from "@/store/auth/index.js";
import {ref} from 'vue'
import {NUpload,NSelect,NScrollbar} from 'naive-ui'
const {clickApply,formData,genderOptions,clickAddWorks,removeWorks,afterRead,goConfirm} =useAuth()
const {clickApply,formData,genderOptions,clickAddWorks,removeWorks,afterRead,goConfirm,beforeUploadImage} =useAuth()
</script>
<template>
@ -23,13 +23,13 @@ const {clickApply,formData,genderOptions,clickAddWorks,removeWorks,afterRead,goC
<div class="flex items-center">
<div class="text-primary text-[14px] pl-5px w-[68px] font-bold">*姓名</div>
<div class="text-primary">
<input v-no-space v-model="formData.name" class="pl-12px pl-12px w-[645px] h-[34px] focus:outline-none placeholder-text-primary placeholder-text-14px focus: bg-[#DCE5E9] border-none" placeholder="请输入宝贝姓名" type="text">
<input v-no-space v-model="formData.name" class="pl-12px pl-12px w-[645px] h-[34px] focus:outline-none placeholder-text-primary placeholder-text-14px focus: bg-[#DCE5E9] border-none" placeholder="请输入姓名" type="text">
</div>
</div>
<div class="flex items-center mt-18px">
<div class="text-primary text-[14px] pl-5px w-[68px] font-bold">*年龄</div>
<div class="text-primary">
<input v-no-space v-model="formData.age" class="pl-12px pl-12px w-[645px] h-[34px] focus:outline-none placeholder-text-primary placeholder-text-14px focus: bg-[#DCE5E9] border-none" placeholder="请输入宝贝年龄" type="number">
<input v-no-space v-model="formData.age" class="pl-12px pl-12px w-[645px] h-[34px] focus:outline-none placeholder-text-primary placeholder-text-14px focus: bg-[#DCE5E9] border-none" placeholder="请输入年龄" type="number">
</div>
</div>
<div class="flex items-center mt-18px">
@ -37,7 +37,7 @@ const {clickApply,formData,genderOptions,clickAddWorks,removeWorks,afterRead,goC
<div class="text-primary relative">
<n-select
clearable
placeholder="请选择宝贝性别"
placeholder="请选择性别"
v-model:value="formData.gender"
style="--n-border-hover:none!important;"
class="w-[645px] h-[34px] focus:outline-none placeholder-text-primary placeholder-text-14px focus: bg-[#DCE5E9] border-none"
@ -58,6 +58,7 @@ const {clickApply,formData,genderOptions,clickAddWorks,removeWorks,afterRead,goC
<div class="mt-10px">
<div class="flex items-end">
<n-upload
@before-upload="beforeUploadImage"
v-model:file-list="item.imgList"
:custom-request="(e)=>{afterRead(e.file,item,e)}"
list-type="image-card"
@ -98,7 +99,7 @@ const {clickApply,formData,genderOptions,clickAddWorks,removeWorks,afterRead,goC
</div>
</n-scrollbar>
</div>
<div class="mt-10px w-240px h-39px bg-cover bg-no-repeat bg-[url('@/assets/image/dfdf1.png')] cursor-pointer flex justify-center items-center text-white text-16px shrink-0" @click="goConfirm">
<div class="mt-10px w-240px h-39px bg-cover bg-no-repeat bg-[url('@/assets/image/dfdf1.png')] cursor-pointer flex justify-center items-center text-white text-16px shrink-0 relative z-10" @click="goConfirm">
确定
</div>
</div>