|
|
@ -2,7 +2,7 @@
|
|
|
|
import {useAuth} from "@/store/auth/index.js";
|
|
|
|
import {useAuth} from "@/store/auth/index.js";
|
|
|
|
import {ref} from 'vue'
|
|
|
|
import {ref} from 'vue'
|
|
|
|
import {NUpload,NSelect,NScrollbar} from 'naive-ui'
|
|
|
|
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>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
@ -23,13 +23,13 @@ const {clickApply,formData,genderOptions,clickAddWorks,removeWorks,afterRead,goC
|
|
|
|
<div class="flex items-center">
|
|
|
|
<div class="flex items-center">
|
|
|
|
<div class="text-primary text-[14px] pl-5px w-[68px] font-bold">*姓名</div>
|
|
|
|
<div class="text-primary text-[14px] pl-5px w-[68px] font-bold">*姓名</div>
|
|
|
|
<div class="text-primary">
|
|
|
|
<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>
|
|
|
|
</div>
|
|
|
|
<div class="flex items-center mt-18px">
|
|
|
|
<div class="flex items-center mt-18px">
|
|
|
|
<div class="text-primary text-[14px] pl-5px w-[68px] font-bold">*年龄</div>
|
|
|
|
<div class="text-primary text-[14px] pl-5px w-[68px] font-bold">*年龄</div>
|
|
|
|
<div class="text-primary">
|
|
|
|
<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>
|
|
|
|
</div>
|
|
|
|
<div class="flex items-center mt-18px">
|
|
|
|
<div class="flex items-center mt-18px">
|
|
|
@ -37,7 +37,7 @@ const {clickApply,formData,genderOptions,clickAddWorks,removeWorks,afterRead,goC
|
|
|
|
<div class="text-primary relative">
|
|
|
|
<div class="text-primary relative">
|
|
|
|
<n-select
|
|
|
|
<n-select
|
|
|
|
clearable
|
|
|
|
clearable
|
|
|
|
placeholder="请选择宝贝性别"
|
|
|
|
placeholder="请选择性别"
|
|
|
|
v-model:value="formData.gender"
|
|
|
|
v-model:value="formData.gender"
|
|
|
|
style="--n-border-hover:none!important;"
|
|
|
|
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"
|
|
|
|
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="mt-10px">
|
|
|
|
<div class="flex items-end">
|
|
|
|
<div class="flex items-end">
|
|
|
|
<n-upload
|
|
|
|
<n-upload
|
|
|
|
|
|
|
|
@before-upload="beforeUploadImage"
|
|
|
|
v-model:file-list="item.imgList"
|
|
|
|
v-model:file-list="item.imgList"
|
|
|
|
:custom-request="(e)=>{afterRead(e.file,item,e)}"
|
|
|
|
:custom-request="(e)=>{afterRead(e.file,item,e)}"
|
|
|
|
list-type="image-card"
|
|
|
|
list-type="image-card"
|
|
|
@ -98,7 +99,7 @@ const {clickApply,formData,genderOptions,clickAddWorks,removeWorks,afterRead,goC
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</n-scrollbar>
|
|
|
|
</n-scrollbar>
|
|
|
|
</div>
|
|
|
|
</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>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|