50 lines
2.3 KiB
TypeScript
50 lines
2.3 KiB
TypeScript
import { defineComponent, ref, Transition } from 'vue'
|
||
import useRouterStore from '@/useRouterStore'
|
||
import { Radio, RadioGroup } from 'ant-design-vue'
|
||
import useUserStore from './useUserStore'
|
||
|
||
|
||
export default defineComponent(() => {
|
||
const router = useRouterStore()
|
||
const userStore = useUserStore()
|
||
const select = ref(1)
|
||
return () => (
|
||
<div class="fixed left-0 top-0 z-50 w-full">
|
||
<Transition>
|
||
<div
|
||
class="w-full h-screen bg-black/50"
|
||
|
||
></div>
|
||
</Transition>
|
||
<Transition name="modal">
|
||
<div class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 overflow-hidden transition-all w-[400px] h-[240px] rounded-lg bg-white/30 ">
|
||
<div class="w-full h-full flex flex-col justify-between p-4 px-6 rounded-lg bg-white overflow-hidden relative">
|
||
<div class={"text-center border-b-[#ddd] border-b-[1px] pb-2 "}>选择账号数据</div>
|
||
|
||
<span class={"text-[#666] text-[14px]"}>检测到云端数据和本地数据不一致，请选择合并或者覆盖</span>
|
||
<RadioGroup value={select.value} onChange={(e) => {
|
||
select.value = e.target.value
|
||
}} class={"flex flex-col text-[#333] gap-y-3"}>
|
||
<Radio value={1} class={"text-[#333]"}>合并数据</Radio>
|
||
<Radio value={2} class={"text-[#333]"}>覆盖数据</Radio>
|
||
|
||
</RadioGroup>
|
||
<div class={"flex justify-end "}
|
||
onClick={() => {
|
||
if (select.value === 1) {
|
||
userStore.comineData()
|
||
} else {
|
||
userStore.coverageData()
|
||
}
|
||
router.replace('')
|
||
}}
|
||
>
|
||
<button class={"px-10 py-1 hover:opacity-80 duration-150 bg-[#4a7aff] text-white rounded-lg"}>确定</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</Transition>
|
||
</div>
|
||
)
|
||
})
|