|
|
|
@ -2,6 +2,7 @@
|
|
|
|
|
import {useAuth} from "@/store/auth/index.js";
|
|
|
|
|
|
|
|
|
|
const {clickApply,formData,genderOptions,clickAddWorks,removeWorks} =useAuth()
|
|
|
|
|
|
|
|
|
|
import {ref} from 'vue'
|
|
|
|
|
import {NUpload,NSelect} from 'naive-ui'
|
|
|
|
|
const previewFileList=ref([
|
|
|
|
@ -12,11 +13,6 @@ const previewFileList=ref([
|
|
|
|
|
url: "https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg"
|
|
|
|
|
}
|
|
|
|
|
])
|
|
|
|
|
const showModal=ref(false)
|
|
|
|
|
const previewImageUrl=ref('')
|
|
|
|
|
const handlePreview=()=>{
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
@ -34,19 +30,20 @@ const handlePreview=()=>{
|
|
|
|
|
<div class="flex items-center">
|
|
|
|
|
<div class="text-primary text-[14px] pl-5px w-[68px] font-bold">*姓名</div>
|
|
|
|
|
<div class="text-primary">
|
|
|
|
|
<input class="pl-16px pr-16px 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-16px pr-16px 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 class="pl-16px pr-16px 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.age" class="pl-16px pr-16px 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">
|
|
|
|
|
<div class="text-primary text-[14px] pl-5px w-[68px] font-bold">*性别</div>
|
|
|
|
|
<div class="text-primary relative">
|
|
|
|
|
<n-select
|
|
|
|
|
v-model:value="formData.gender"
|
|
|
|
|
placeholder="请选择性别"
|
|
|
|
|
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"
|
|
|
|
@ -61,8 +58,8 @@ const handlePreview=()=>{
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bg-#F5F5F5 pb-9px mt-16px w-[710px] flex flex-col">
|
|
|
|
|
<div class="flex">
|
|
|
|
|
<div class="text-primary text-[14px] pl-5px w-[68px] font-bold shrink-0 mt-15px">*作品1</div>
|
|
|
|
|
<div class="flex" v-for="(item,index) of formData.works" :key="index">
|
|
|
|
|
<div class="text-primary text-[14px] pl-5px w-[68px] font-bold shrink-0 mt-15px">*作品{{index+1}}</div>
|
|
|
|
|
<div class="mt-10px">
|
|
|
|
|
<n-upload
|
|
|
|
|
action="https://www.mocky.io/v2/5e4bafc63100007100d8b70f"
|
|
|
|
@ -78,19 +75,19 @@ const handlePreview=()=>{
|
|
|
|
|
</div>
|
|
|
|
|
</n-upload>
|
|
|
|
|
<div class="mt-8px text-12px text-[#2B69A1]">作品名称</div>
|
|
|
|
|
<input class="pl-16px pr-16px w-[634px] h-[34px] mt-5px focus:outline-none placeholder-text-primary placeholder-text-14px focus: bg-[#DCE5E9] border-none" placeholder="请输入作品名称" type="text">
|
|
|
|
|
<input v-no-space v-model="item.workName" class="pl-16px pr-16px w-[634px] h-[34px] mt-5px focus:outline-none placeholder-text-primary placeholder-text-14px focus: bg-[#DCE5E9] border-none" placeholder="请输入作品名称" type="text">
|
|
|
|
|
<div class="flex justify-between mt-5px mb-5px">
|
|
|
|
|
<div class="flex flex-col">
|
|
|
|
|
<div class="text-12px text-[#2B69A1]">长度</div>
|
|
|
|
|
<div class="flex items-center ">
|
|
|
|
|
<input class="pl-16px pr-16px w-279px h-34px mt-5px focus:outline-none placeholder-text-primary placeholder-text-14px focus: bg-[#DCE5E9] border-none" placeholder="请输入作品名称" type="text">
|
|
|
|
|
<input v-no-space v-model="item.length" class="pl-16px pr-16px w-279px h-34px mt-5px focus:outline-none placeholder-text-primary placeholder-text-14px focus: bg-[#DCE5E9] border-none" placeholder="请输入" type="text">
|
|
|
|
|
<div class="ml-10px text-[#2B69A1] text-14px mr-16px">cm</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex flex-col">
|
|
|
|
|
<div class="text-12px text-[#2B69A1]">宽度</div>
|
|
|
|
|
<div class="flex items-center">
|
|
|
|
|
<input class="pl-16px pr-16px w-279px h-34px mt-5px focus:outline-none placeholder-text-primary placeholder-text-14px focus: bg-[#DCE5E9] border-none" placeholder="请输入作品名称" type="text">
|
|
|
|
|
<input v-no-space v-model="item.length" class="pl-16px pr-16px w-279px h-34px mt-5px focus:outline-none placeholder-text-primary placeholder-text-14px focus: bg-[#DCE5E9] border-none" placeholder="请输入" type="text">
|
|
|
|
|
<div class="ml-10px text-[#2B69A1] text-14px mr-16px">cm</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|