cs
3 months ago
15 changed files with 1031 additions and 621 deletions
-
71package.json
-
14src/App.css
-
24src/components/action/Action.tsx
-
100src/components/r-form/index.tsx
-
26src/components/r-form/utils/index.tsx
-
89src/i18n.ts
-
6src/locales/lang/zh-CN.ts
-
179src/pages/login/index.tsx
-
60src/pages/r-form/index.tsx
-
648src/pages/websites/cert/apply.tsx
-
102src/service/websites.ts
-
325src/store/websites/cert.ts
-
3src/types/r-form/model.d.ts
-
2src/utils/index.ts
-
1vite.config.ts
@ -1,97 +1,102 @@ |
|||||
import SelectLang from '@/components/select-lang' |
|
||||
import { createFileRoute } from '@tanstack/react-router' |
|
||||
import { Button, Form, Input, Space } from 'antd' |
|
||||
import { useAtom, useAtomValue } from 'jotai' |
|
||||
import { useTranslation } from '@/i18n.ts' |
|
||||
import { loginAtom, loginFormAtom } from '@/store/system/user.ts' |
|
||||
import { memo, useLayoutEffect } from 'react' |
|
||||
import { useStyles } from './style.ts' |
|
||||
|
import SelectLang from "@/components/select-lang"; |
||||
|
import { createFileRoute } from "@tanstack/react-router"; |
||||
|
import { Button, Form, Input, Radio, Space } from "antd"; |
||||
|
import { useAtom, useAtomValue } from "jotai"; |
||||
|
import { useTranslation } from "@/i18n.ts"; |
||||
|
import { loginAtom, loginFormAtom } from "@/store/system/user.ts"; |
||||
|
import React, {memo, useLayoutEffect, useState} from "react"; |
||||
|
import { useStyles } from "./style.ts"; |
||||
|
|
||||
const Login = memo(() => { |
const Login = memo(() => { |
||||
|
const { styles } = useStyles(); |
||||
|
const { t } = useTranslation(); |
||||
|
const [values, setValues] = useAtom(loginFormAtom); |
||||
|
const { isPending, mutate } = useAtomValue(loginAtom); |
||||
|
const [form] = Form.useForm(); |
||||
|
|
||||
const { styles } = useStyles() |
|
||||
const { t } = useTranslation() |
|
||||
const [ values, setValues ] = useAtom(loginFormAtom) |
|
||||
const { isPending, mutate } = useAtomValue(loginAtom) |
|
||||
const [ form ] = Form.useForm() |
|
||||
|
const handleSubmit = () => { |
||||
|
form.validateFields().then(() => { |
||||
|
mutate(values); |
||||
|
}); |
||||
|
}; |
||||
|
|
||||
const handleSubmit = () => { |
|
||||
form.validateFields().then(() => { |
|
||||
mutate(values) |
|
||||
}) |
|
||||
} |
|
||||
|
const [loginMod, setLoginMod] = useState([ |
||||
|
{ value: "single", info: "帐号密码登录" }, |
||||
|
{ value: "multiple-email", info: "邮箱登录" }, |
||||
|
{ value: "multiple-plane", info: "飞机登录" }, |
||||
|
]); |
||||
|
|
||||
|
const [selectedMode, setSelectedMode] = useState(loginMod[0].value); |
||||
|
|
||||
useLayoutEffect(() => { |
|
||||
|
const handleModeChange = (e: any) => { |
||||
|
setSelectedMode(e.target.value); |
||||
|
}; |
||||
|
|
||||
document.body.className = 'login' |
|
||||
return () => { |
|
||||
document.body.className = document.body.className.replace('login', '') |
|
||||
} |
|
||||
|
useLayoutEffect(() => { |
||||
|
document.body.className = "login"; |
||||
|
return () => { |
||||
|
document.body.className = document.body.className.replace("login", ""); |
||||
|
}; |
||||
|
}, []); |
||||
|
|
||||
}, []) |
|
||||
|
return ( |
||||
|
<div className={styles.container}> |
||||
|
<div className={styles.language}> |
||||
|
<SelectLang /> |
||||
|
</div> |
||||
|
<div className={styles.loginBlock}> |
||||
|
<div className={styles.innerBlock}> |
||||
|
<Radio.Group style={{ marginBottom: 8 }} value={selectedMode} onChange={handleModeChange}> |
||||
|
{loginMod.map((mod) => ( |
||||
|
<Radio.Button key={mod.value} value={mod.value}> |
||||
|
{mod.info} |
||||
|
</Radio.Button> |
||||
|
))} |
||||
|
</Radio.Group> |
||||
|
<Form |
||||
|
form={form} |
||||
|
disabled={isPending} |
||||
|
initialValues={values} |
||||
|
onValuesChange={(_, allValues) => { |
||||
|
setValues(allValues); |
||||
|
}} |
||||
|
size="large" |
||||
|
> |
||||
|
<Form.Item name={"username"} rules={[{ required: true, message: t("login.usernameMsg") }]}> |
||||
|
<Input maxLength={20} placeholder={t("login.username")} /> |
||||
|
</Form.Item> |
||||
|
<Form.Item name={"password"} rules={[{ required: true, message: t("login.passwordMsg") }]}> |
||||
|
<Input.Password placeholder={t("login.password")} /> |
||||
|
</Form.Item> |
||||
|
<Form.Item noStyle> |
||||
|
<Space direction="horizontal"> |
||||
|
<Form.Item name={"code"} rules={[{ required: true, message: t("login.codeMsg") }]}> |
||||
|
<Input placeholder={t("login.code")} /> |
||||
|
{/*<img src="https://img.alicdn.com/tfs/TB1KtN6mKH2gK0jSZJnXXaT1FXa-1014-200.png" alt="验证码" />*/} |
||||
|
</Form.Item> |
||||
|
</Space> |
||||
|
</Form.Item> |
||||
|
<Form.Item style={{ marginBottom: 10 }}> |
||||
|
<Button |
||||
|
htmlType={"submit"} |
||||
|
type="primary" |
||||
|
onClick={handleSubmit} |
||||
|
className={"submitBtn"} |
||||
|
loading={isPending} |
||||
|
disabled={isPending} |
||||
|
> |
||||
|
{t("login.submit")} |
||||
|
</Button> |
||||
|
</Form.Item> |
||||
|
</Form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
); |
||||
|
}); |
||||
|
|
||||
return ( |
|
||||
<div className={styles.container}> |
|
||||
<div className={styles.language}> |
|
||||
<SelectLang/> |
|
||||
</div> |
|
||||
<div className={styles.loginBlock}> |
|
||||
<div className={styles.innerBlock}> |
|
||||
|
export const Route = createFileRoute("/login")({ |
||||
|
component: Login, |
||||
|
}); |
||||
|
|
||||
<div className={styles.desc}> |
|
||||
<span className={styles.active}> |
|
||||
{t('login.title')} |
|
||||
</span> |
|
||||
|
|
||||
</div> |
|
||||
|
|
||||
<Form form={form} |
|
||||
disabled={isPending} |
|
||||
initialValues={values} |
|
||||
onValuesChange={(_, allValues) => { |
|
||||
setValues(allValues) |
|
||||
}} |
|
||||
size="large"> |
|
||||
<Form.Item name={'username'} |
|
||||
rules={[ { required: true, message: t('login.usernameMsg') } ]}> |
|
||||
<Input maxLength={20} placeholder={t('login.username')}/> |
|
||||
</Form.Item> |
|
||||
<Form.Item name={'password'} |
|
||||
rules={[ { required: true, message: t('login.passwordMsg') } ]}> |
|
||||
<Input.Password placeholder={t('login.password')}/> |
|
||||
</Form.Item> |
|
||||
<Form.Item noStyle> |
|
||||
<Space direction="horizontal"> |
|
||||
<Form.Item name={'code'} |
|
||||
rules={[ { required: true, message: t('login.codeMsg') } ]}> |
|
||||
<Input placeholder={t('login.code')}/> |
|
||||
{/*<img src="https://img.alicdn.com/tfs/TB1KtN6mKH2gK0jSZJnXXaT1FXa-1014-200.png" alt="验证码" />*/} |
|
||||
</Form.Item> |
|
||||
</Space> |
|
||||
</Form.Item> |
|
||||
<Form.Item style={{ marginBottom: 10 }}> |
|
||||
<Button |
|
||||
htmlType={'submit'} |
|
||||
type="primary" |
|
||||
onClick={handleSubmit} |
|
||||
className={'submitBtn'} |
|
||||
loading={isPending} |
|
||||
disabled={isPending} |
|
||||
> |
|
||||
{t('login.submit')} |
|
||||
</Button> |
|
||||
</Form.Item> |
|
||||
</Form> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
|
||||
</div> |
|
||||
) |
|
||||
}) |
|
||||
|
|
||||
export const Route = createFileRoute('/login')({ |
|
||||
component: Login |
|
||||
}) |
|
||||
|
|
||||
export default Login |
|
||||
|
export default Login; |
||||
@ -1,84 +1,100 @@ |
|||||
import { createCURD } from '@/service/base.ts' |
|
||||
import { WebSite } from '@/types' |
|
||||
import request from '@/request.ts' |
|
||||
import { IWebsiteDomain, INameServer } from '@/types/website/domain' |
|
||||
import { IWebsiteDnsRecords } from '@/types/website/record' |
|
||||
import { IWebsiteDnsAccount } from '@/types/website/dns_account' |
|
||||
|
import { createCURD } from "@/service/base.ts"; |
||||
|
import { WebSite } from "@/types"; |
||||
|
import request from "@/request.ts"; |
||||
|
import { IWebsiteDomain, INameServer } from "@/types/website/domain"; |
||||
|
import { IWebsiteDnsRecords } from "@/types/website/record"; |
||||
|
import { IWebsiteDnsAccount } from "@/types/website/dns_account"; |
||||
|
|
||||
const websitesServ = { |
const websitesServ = { |
||||
cert: { |
cert: { |
||||
...createCURD<any, ICertificate>('/website/cert'), |
|
||||
//dns_config
|
|
||||
dnsConfig: async (params: any) => { |
|
||||
return request.post<any, any>('/website/cert/dns_config', params) |
|
||||
|
...createCURD<any, ICertificate>("/website/cert"), |
||||
|
// 发起域名检测
|
||||
|
checkDomain: async (params: any) => { |
||||
|
return request.post<any, any>("/cert/apply/dns_config", params); |
||||
}, |
}, |
||||
//dns_verify
|
|
||||
dnsVerify: async (params: any) => { |
|
||||
return request.post<any, any>('/website/cert/dns_verify', params) |
|
||||
|
getCertConfig: async () => { |
||||
|
return request.get<any, any>("/cert/apply/acme/key"); |
||||
}, |
}, |
||||
//cert-apply
|
|
||||
certApply: async (params: any) => { |
|
||||
return request.post<any, any>('/website/cert/dns_verify', params) |
|
||||
|
// 申请list
|
||||
|
getCertList: async (arams: any) => { |
||||
|
return request.post<any, any>("/cert/apply/list"); |
||||
|
}, |
||||
|
// 证书续签
|
||||
|
renewCertificate: async (params: any) => { |
||||
|
return request.post<any, any>("/website/cert/renew_certificate", params); |
||||
|
}, |
||||
|
// 添加记录
|
||||
|
addCnameCertificate: async (params: any) => { |
||||
|
return request.post<any, any>("/cert/apply/add/cname", params); |
||||
|
}, |
||||
|
// 下载证书
|
||||
|
downloadCertificate: async (params: any) => { |
||||
|
return request.post<any, any>("/website/cert/download_certificate", params); |
||||
|
}, |
||||
|
// 获取证书申请日志
|
||||
|
getCertificateLogs: async (params: any) => { |
||||
|
return request.get<any, any>("/website/cert/get_certificate_logs", { params }); |
||||
|
}, |
||||
|
applyTxtCertificate: async (params: any) => { |
||||
|
return request.post<any, any>("/cert/apply/resolve", params); |
||||
}, |
}, |
||||
|
|
||||
}, |
}, |
||||
ssl: { |
ssl: { |
||||
...createCURD<any, WebSite.ISSL>('/website/ssl'), |
|
||||
|
...createCURD<any, WebSite.ISSL>("/website/ssl"), |
||||
upload: async (params: WebSite.SSLUploadDto) => { |
upload: async (params: WebSite.SSLUploadDto) => { |
||||
return request.post<any, WebSite.SSLUploadDto>('/website/ssl/upload', params) |
|
||||
|
return request.post<any, WebSite.SSLUploadDto>("/website/ssl/upload", params); |
||||
}, |
}, |
||||
download: async (params: any) => { |
download: async (params: any) => { |
||||
return request.download('/website/ssl/download', params) |
|
||||
|
return request.download("/website/ssl/download", params); |
||||
}, |
}, |
||||
}, |
}, |
||||
acme: { |
acme: { |
||||
...createCURD<any, WebSite.IAcmeAccount>('/website/acme') |
|
||||
|
...createCURD<any, WebSite.IAcmeAccount>("/website/acme"), |
||||
}, |
}, |
||||
dns: { |
dns: { |
||||
...createCURD<any, WebSite.IDnsAccount>('/cert/dns_account'), |
|
||||
|
...createCURD<any, WebSite.IDnsAccount>("/cert/dns_account"), |
||||
sync: async (id: any) => { |
sync: async (id: any) => { |
||||
return request.post<any, WebSite.IDnsAccount>('/cert/dns_account/sync', { id: id }) |
|
||||
} |
|
||||
|
return request.post<any, WebSite.IDnsAccount>("/cert/dns_account/sync", { id: id }); |
||||
|
}, |
||||
}, |
}, |
||||
ca: { |
ca: { |
||||
...createCURD<any, WebSite.ICA>('/website/ca'), |
|
||||
|
...createCURD<any, WebSite.ICA>("/website/ca"), |
||||
obtainSsl: async (params: WebSite.ISSLObtainByCA) => { |
obtainSsl: async (params: WebSite.ISSLObtainByCA) => { |
||||
return request.post<any, WebSite.ISSLObtainByCA>('/website/ca/obtain_ssl', params) |
|
||||
|
return request.post<any, WebSite.ISSLObtainByCA>("/website/ca/obtain_ssl", params); |
||||
}, |
}, |
||||
}, |
}, |
||||
domain: { |
domain: { |
||||
...createCURD<any, IWebsiteDomain>('/cert/domain'), |
|
||||
|
...createCURD<any, IWebsiteDomain>("/cert/domain"), |
||||
//remark
|
//remark
|
||||
remark: async (params: { id: string, remark: string }) => { |
|
||||
return request.post<any, any>('/cert/domain/remark', params) |
|
||||
|
remark: async (params: { id: string; remark: string }) => { |
||||
|
return request.post<any, any>("/cert/domain/remark", params); |
||||
}, |
}, |
||||
//tag
|
//tag
|
||||
tag: async (params: { id: string, tags: string }) => { |
|
||||
return request.post<any, any>('/cert/domain/tag', params) |
|
||||
|
tag: async (params: { id: string; tags: string }) => { |
||||
|
return request.post<any, any>("/cert/domain/tag", params); |
||||
}, |
}, |
||||
//binding
|
//binding
|
||||
binding: async (params: { id: string, user_id: string }) => { |
|
||||
return request.post<any, any>('/cert/domain/binding', params) |
|
||||
|
binding: async (params: { id: string; user_id: string }) => { |
||||
|
return request.post<any, any>("/cert/domain/binding", params); |
||||
}, |
}, |
||||
//group
|
//group
|
||||
group: async (params: { id: string[], group_id: string }) => { |
|
||||
return request.post<any, any>('/cert/domain/group', params) |
|
||||
|
group: async (params: { id: string[]; group_id: string }) => { |
||||
|
return request.post<any, any>("/cert/domain/group", params); |
||||
}, |
}, |
||||
describeDomainNS: async (params: { id: number }) => { |
describeDomainNS: async (params: { id: number }) => { |
||||
return request.post<INameServer, any>('/cert/domain/describe_domain_ns', params) |
|
||||
|
return request.post<INameServer, any>("/cert/domain/describe_domain_ns", params); |
||||
}, |
}, |
||||
|
|
||||
}, |
}, |
||||
record: { |
record: { |
||||
...createCURD<any, IWebsiteDnsRecords>('/cert/dns_records'), |
|
||||
|
...createCURD<any, IWebsiteDnsRecords>("/cert/dns_records"), |
||||
//
|
//
|
||||
}, |
}, |
||||
dnsAccount: { |
dnsAccount: { |
||||
...createCURD<any, IWebsiteDnsAccount>('/cert/dns_account'), |
|
||||
|
...createCURD<any, IWebsiteDnsAccount>("/cert/dns_account"), |
||||
sync: async (params: IWebsiteDnsAccount) => { |
sync: async (params: IWebsiteDnsAccount) => { |
||||
return request.post<any, IWebsiteDnsAccount>('/cert/dns_account/sync', params) |
|
||||
} |
|
||||
|
return request.post<any, IWebsiteDnsAccount>("/cert/dns_account/sync", params); |
||||
|
}, |
||||
}, |
}, |
||||
} |
|
||||
|
}; |
||||
|
|
||||
export default websitesServ |
|
||||
|
export default websitesServ; |
||||
@ -1,185 +1,248 @@ |
|||||
import { atom } from 'jotai' |
|
||||
import { IApiResult, IPage } from '@/global' |
|
||||
import { atomWithMutation, atomWithQuery, queryClientAtom } from 'jotai-tanstack-query' |
|
||||
import { message } from 'antd' |
|
||||
import { t } from 'i18next' |
|
||||
import websitesServ from '@/service/websites.ts' |
|
||||
|
|
||||
|
|
||||
type SearchParams = IPage & { |
|
||||
name?: string |
|
||||
|
import { atom } from "jotai"; |
||||
|
import { IApiResult, IPage } from "@/global"; |
||||
|
import { atomWithMutation, atomWithQuery, queryClientAtom } from "jotai-tanstack-query"; |
||||
|
import { message } from "antd"; |
||||
|
import { t } from "i18next"; |
||||
|
import websitesServ from "@/service/websites.ts"; |
||||
|
|
||||
|
export type Req_SearchParams = IPage & { |
||||
|
name?: string; |
||||
|
}; |
||||
|
|
||||
|
export interface Req_AddCname { |
||||
|
is_sync: boolean; |
||||
|
dns_list: ICertificate[]; |
||||
} |
} |
||||
|
|
||||
|
export interface Req_ApplyTxtCertificate { |
||||
|
is_sync: boolean; |
||||
|
acme_type: string; |
||||
|
key_rsa: string; |
||||
|
dns_list: ICertificate[]; |
||||
|
remark: string; |
||||
|
} |
||||
|
//=========================证书列表
|
||||
|
export interface Req_CertList { |
||||
|
order: string; |
||||
|
prop: string; |
||||
|
page: number; |
||||
|
pageSize: number; |
||||
|
} |
||||
|
export interface Resp_CertList { |
||||
|
page: number; |
||||
|
pageSize: number; |
||||
|
total: number; |
||||
|
rows: any; |
||||
|
} |
||||
|
//=========================证书列表
|
||||
export const bandTypes = [ |
export const bandTypes = [ |
||||
{ label: 'Google', value: 'Google' }, |
|
||||
{ label: 'ZeroSSL', value: 'ZeroSSL' }, |
|
||||
{ label: 'Let\'s Encrypt', value: 'Let\'s Encrypt' }, |
|
||||
] |
|
||||
|
{ |
||||
|
label: "LetsEncrypt", |
||||
|
value: "LetsEncrypt", |
||||
|
}, |
||||
|
{ |
||||
|
label: "ZeroSsl", |
||||
|
value: "ZeroSsl", |
||||
|
}, |
||||
|
{ |
||||
|
label: "Google", |
||||
|
value: "Google", |
||||
|
}, |
||||
|
]; |
||||
|
|
||||
export const algorithmTypes = [ |
export const algorithmTypes = [ |
||||
{ label: 'RSA', value: 'RSA' }, |
|
||||
{ label: 'ECC', value: 'ECC' }, |
|
||||
] |
|
||||
|
|
||||
|
{ label: "RSA", value: "RSA" }, |
||||
|
{ label: "ECC", value: "ECC" }, |
||||
|
]; |
||||
|
|
||||
export const StatusText = { |
export const StatusText = { |
||||
1: [ '已签发', 'green' ], |
|
||||
2: [ '申请中', 'default' ], |
|
||||
3: [ '申请失败', 'red' ] |
|
||||
} |
|
||||
|
|
||||
|
1: ["已签发", "green"], |
||||
|
2: ["申请中", "default"], |
||||
|
3: ["申请失败", "red"], |
||||
|
}; |
||||
|
|
||||
export const certIdAtom = atom(0) |
|
||||
|
export const certIdAtom = atom(0); |
||||
|
|
||||
export const certIdsAtom = atom<number[]>([]) |
|
||||
|
export const certIdsAtom = atom<number[]>([]); |
||||
|
|
||||
export const certAtom = atom<ICertificate>(undefined as unknown as ICertificate) |
|
||||
|
export const certAtom = atom<ICertificate>(undefined as unknown as ICertificate); |
||||
|
|
||||
export const certSearchAtom = atom<SearchParams>({ |
|
||||
|
export const certSearchAtom = atom<Req_SearchParams>({ |
||||
// key: '',
|
// key: '',
|
||||
pageSize: 10, |
pageSize: 10, |
||||
page: 1, |
page: 1, |
||||
} as SearchParams) |
|
||||
|
} as Req_SearchParams); |
||||
|
|
||||
export const certPageAtom = atom<IPage>({ |
export const certPageAtom = atom<IPage>({ |
||||
pageSize: 10, |
pageSize: 10, |
||||
page: 1, |
page: 1, |
||||
}) |
|
||||
|
|
||||
//certApple
|
|
||||
export const certAppleCertAtom = atomWithMutation<IApiResult, ICertificate>((get) => { |
|
||||
|
}); |
||||
|
|
||||
|
//=================================================================================================================================================kelis
|
||||
|
export const getCertConfigAtom = () => |
||||
|
atomWithQuery<IApiResult, any>(() => { |
||||
|
return { |
||||
|
queryKey: ["getCertConfig"], |
||||
|
queryFn: async () => { |
||||
|
return await websitesServ.cert.getCertConfig(); |
||||
|
}, |
||||
|
select: (res) => { |
||||
|
return res.data; |
||||
|
}, |
||||
|
}; |
||||
|
}); |
||||
|
|
||||
|
export const checkDomainAtom = (domains: string, isClear: boolean) => |
||||
|
atomWithQuery<IApiResult, any>(() => { |
||||
|
return { |
||||
|
enabled: domains.length > 0 && domains.includes("."), |
||||
|
queryKey: ["checkDomain", domains], |
||||
|
queryFn: async ({ queryKey: [, domains] }) => { |
||||
|
if ((domains as string).length === 0) { |
||||
|
return Promise.reject({ |
||||
|
data: [], |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
return await websitesServ.cert.checkDomain({ |
||||
|
dns_full_list: domains, |
||||
|
parse: true, |
||||
|
is_clear: isClear, |
||||
|
}); |
||||
|
}, |
||||
|
select: (res) => { |
||||
|
return res.data; |
||||
|
}, |
||||
|
}; |
||||
|
}); |
||||
|
|
||||
|
export const certListAtom = (params: Req_CertList) => |
||||
|
atomWithQuery<IApiResult, any>(() => { |
||||
|
return { |
||||
|
queryKey: ["certList", params], |
||||
|
queryFn: async ({ queryKey: [, params] }) => { |
||||
|
return await websitesServ.cert.getCertList(params); |
||||
|
}, |
||||
|
select: (res) => { |
||||
|
return res.data; |
||||
|
}, |
||||
|
}; |
||||
|
}); |
||||
|
|
||||
|
export const certAddCnameAtom = atomWithMutation<IApiResult, ICertificate>(() => { |
||||
return { |
return { |
||||
mutationKey: [ 'appleCert' ], |
|
||||
|
mutationKey: ["certAddCname"], |
||||
mutationFn: async (data) => { |
mutationFn: async (data) => { |
||||
//data.status = data.status ? '1' : '0'
|
|
||||
return await websitesServ.cert.certApply(data) |
|
||||
|
const dData: Req_AddCname = { |
||||
|
is_sync: true, |
||||
|
dns_list: [data], |
||||
|
}; |
||||
|
return await websitesServ.cert.addCnameCertificate(dData); |
||||
}, |
}, |
||||
onSuccess: (res) => { |
onSuccess: (res) => { |
||||
const isAdd = !!res.data?.id |
|
||||
message.success(t(isAdd ? 'message.saveSuccess' : 'message.editSuccess', '保存成功')) |
|
||||
|
|
||||
//更新列表
|
|
||||
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
||||
// @ts-ignore fix
|
|
||||
get(queryClientAtom).invalidateQueries({ queryKey: [ 'certs', get(certSearchAtom) ] }) |
|
||||
|
|
||||
return res |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
|
const status = res.data?.item[0]?.status || 0; |
||||
|
const status_txt = res.data?.item[0]?.status_txt; |
||||
|
if (status || status === 5) { |
||||
|
message.error(status_txt); |
||||
|
} else { |
||||
|
message.success(status_txt); |
||||
|
} |
||||
|
return res; |
||||
|
}, |
||||
|
}; |
||||
|
}); |
||||
|
|
||||
|
export const applyTxtCertificateAtom = atomWithMutation<IApiResult, Req_ApplyTxtCertificate>(() => { |
||||
|
return { |
||||
|
mutationKey: ["applyTxtCertificate"], |
||||
|
mutationFn: async (data: Req_ApplyTxtCertificate) => { |
||||
|
return await websitesServ.cert.applyTxtCertificate(data); |
||||
|
}, |
||||
|
onSuccess: (res) => { |
||||
|
return res; |
||||
|
}, |
||||
|
}; |
||||
|
}); |
||||
|
|
||||
|
//==================================================================================================================================================kelis
|
||||
|
|
||||
|
// //certApple
|
||||
|
// export const certAppleCertAtom = atomWithMutation<IApiResult, ICertificate>((get) => {
|
||||
|
// return {
|
||||
|
// mutationKey: ["appleCert"],
|
||||
|
// mutationFn: async (data) => {
|
||||
|
// //data.status = data.status ? '1' : '0'
|
||||
|
// return await websitesServ.cert.certApply(data);
|
||||
|
// },
|
||||
|
// onSuccess: (res) => {
|
||||
|
// const isAdd = !!res.data?.id;
|
||||
|
// message.success(t(isAdd ? "message.saveSuccess" : "message.editSuccess", "保存成功"));
|
||||
|
//
|
||||
|
// //更新列表
|
||||
|
// // eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
||||
|
// // @ts-ignore fix
|
||||
|
// get(queryClientAtom).invalidateQueries({ queryKey: ["certs", get(certSearchAtom)] });
|
||||
|
//
|
||||
|
// return res;
|
||||
|
// },
|
||||
|
// };
|
||||
|
// });
|
||||
|
|
||||
export const certsAtom = atomWithQuery((get) => { |
export const certsAtom = atomWithQuery((get) => { |
||||
return { |
return { |
||||
queryKey: [ 'certs', get(certSearchAtom) ], |
|
||||
queryFn: async ({ queryKey: [ , params ] }) => { |
|
||||
return await websitesServ.cert.list(params as SearchParams) |
|
||||
|
queryKey: ["certs", get(certSearchAtom)], |
||||
|
queryFn: async ({ queryKey: [, params] }) => { |
||||
|
return await websitesServ.cert.list(params as Req_SearchParams); |
||||
}, |
}, |
||||
select: res => { |
|
||||
const data = res.data |
|
||||
data.rows = data.rows?.map(row => { |
|
||||
|
select: (res) => { |
||||
|
const data = res.data; |
||||
|
data.rows = data.rows?.map((row) => { |
||||
return { |
return { |
||||
...row, |
...row, |
||||
//status: convertToBool(row.status)
|
//status: convertToBool(row.status)
|
||||
} |
|
||||
}) |
|
||||
return data |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
|
}; |
||||
|
}); |
||||
|
return data; |
||||
|
}, |
||||
|
}; |
||||
|
}); |
||||
|
|
||||
//saveOrUpdateAtom
|
//saveOrUpdateAtom
|
||||
export const saveOrUpdateCertAtom = atomWithMutation<IApiResult, ICertificate>((get) => { |
export const saveOrUpdateCertAtom = atomWithMutation<IApiResult, ICertificate>((get) => { |
||||
|
|
||||
return { |
return { |
||||
mutationKey: [ 'updateCert' ], |
|
||||
|
mutationKey: ["updateCert"], |
||||
mutationFn: async (data) => { |
mutationFn: async (data) => { |
||||
//data.status = data.status ? '1' : '0'
|
//data.status = data.status ? '1' : '0'
|
||||
if (data.id) { |
if (data.id) { |
||||
return await websitesServ.cert.update(data) |
|
||||
|
return await websitesServ.cert.update(data); |
||||
} |
} |
||||
return await websitesServ.cert.add(data) |
|
||||
|
return await websitesServ.cert.add(data); |
||||
}, |
}, |
||||
onSuccess: (res) => { |
onSuccess: (res) => { |
||||
const isAdd = !!res.data?.id |
|
||||
message.success(t(isAdd ? 'message.saveSuccess' : 'message.editSuccess', '保存成功')) |
|
||||
|
const isAdd = !!res.data?.id; |
||||
|
message.success(t(isAdd ? "message.saveSuccess" : "message.editSuccess", "保存成功")); |
||||
|
|
||||
//更新列表
|
//更新列表
|
||||
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
||||
// @ts-ignore fix
|
// @ts-ignore fix
|
||||
get(queryClientAtom).invalidateQueries({ queryKey: [ 'certs', get(certSearchAtom) ] }) |
|
||||
|
get(queryClientAtom).invalidateQueries({ queryKey: ["certs", get(certSearchAtom)] }); |
||||
|
|
||||
return res |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
|
return res; |
||||
|
}, |
||||
|
}; |
||||
|
}); |
||||
|
|
||||
export const deleteCertAtom = atomWithMutation((get) => { |
export const deleteCertAtom = atomWithMutation((get) => { |
||||
return { |
return { |
||||
mutationKey: [ 'deleteCert' ], |
|
||||
|
mutationKey: ["deleteCert"], |
||||
mutationFn: async (ids: number[]) => { |
mutationFn: async (ids: number[]) => { |
||||
return await websitesServ.cert.batchDelete(ids ?? get(certIdsAtom)) |
|
||||
|
return await websitesServ.cert.batchDelete(ids ?? get(certIdsAtom)); |
||||
}, |
}, |
||||
onSuccess: (res) => { |
onSuccess: (res) => { |
||||
message.success('message.deleteSuccess') |
|
||||
|
message.success("message.deleteSuccess"); |
||||
//更新列表
|
//更新列表
|
||||
get(queryClientAtom).invalidateQueries({ queryKey: [ 'certs', get(certSearchAtom) ] }) |
|
||||
return res |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
//dnsConfig
|
|
||||
export const dnsConfigAtom = (domains: string) => atomWithQuery<IApiResult, any>(() => { |
|
||||
|
|
||||
return { |
|
||||
enabled: domains.length > 0 && domains.includes('.'), |
|
||||
queryKey: [ 'dnsConfig', domains ], |
|
||||
queryFn: async ({ queryKey: [ , domains ] }) => { |
|
||||
|
|
||||
if ((domains as string).length === 0) { |
|
||||
return Promise.reject({ |
|
||||
data: [] |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
return await websitesServ.cert.dnsConfig({ |
|
||||
dns_full_list: domains, |
|
||||
parse: (domains as string)?.includes('*') |
|
||||
}) |
|
||||
}, |
|
||||
select: res => { |
|
||||
return res.data |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
export const dnsVerifyOKAtom = atom<boolean>(false) |
|
||||
|
|
||||
//query dnsVerify
|
|
||||
export const dnsVerifyAtom = (domains: string, block: boolean) => atomWithQuery<IApiResult, any>(() => { |
|
||||
|
|
||||
return { |
|
||||
enabled: !block && domains.length > 0 && domains.includes('.'), |
|
||||
queryKey: [ 'dnsVerify', domains ], |
|
||||
queryFn: async ({ queryKey: [ , domains ] }) => { |
|
||||
|
|
||||
if ((domains as string).length === 0) { |
|
||||
return Promise.reject({ |
|
||||
data: [] |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
return await websitesServ.cert.dnsVerify({ |
|
||||
dns_list: domains, |
|
||||
}) |
|
||||
|
get(queryClientAtom).invalidateQueries({ queryKey: ["certs", get(certSearchAtom)] }); |
||||
|
return res; |
||||
}, |
}, |
||||
select: res => { |
|
||||
return res.data?.dns_list |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
|
|
||||
|
}; |
||||
|
}); |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue