mirror of
https://github.com/certd/certd.git
synced 2026-05-14 12:07:32 +08:00
xiaojunnuo
366 lines
9.9 KiB
TypeScript
366 lines
9.9 KiB
TypeScript
import { defineStore } from "pinia";
|
||
import { notification } from "ant-design-vue";
|
||
import * as basicApi from "./api.basic";
|
||
import { AppInfo, HeaderMenus, PlusInfo, SiteEnv, SiteInfo, SuiteSetting, SysInstallInfo, SysPublicSetting } from "./api.basic";
|
||
import { useUserStore } from "../user";
|
||
import { mitter } from "/@/utils/util.mitt";
|
||
import { env } from "/@/utils/util.env";
|
||
import { updatePreferences } from "/@/vben/preferences";
|
||
import { useTitle } from "@vueuse/core";
|
||
import { utils } from "/@/utils";
|
||
import { cloneDeep, merge } from "lodash-es";
|
||
import { useI18n } from "/src/locales";
|
||
import dayjs from "dayjs";
|
||
import { $t } from "/src/locales";
|
||
export interface SettingState {
|
||
skipReset?: boolean; // 注销登录时，不清空此store的状态
|
||
sysPublic?: SysPublicSetting;
|
||
installInfo?: {
|
||
siteId: string;
|
||
installTime?: number;
|
||
bindUserId?: number;
|
||
bindUrl?: string;
|
||
bindUrl2?: string;
|
||
accountServerBaseUrl?: string;
|
||
appKey?: string;
|
||
};
|
||
siteInfo: SiteInfo;
|
||
plusInfo?: PlusInfo;
|
||
siteEnv?: SiteEnv;
|
||
headerMenus?: HeaderMenus;
|
||
inited?: boolean;
|
||
suiteSetting?: SuiteSetting;
|
||
app: {
|
||
version?: string;
|
||
time?: number;
|
||
deltaTime?: number;
|
||
};
|
||
productInfo: {
|
||
notice?: string;
|
||
plus: {
|
||
name: string;
|
||
price: number;
|
||
price3: number;
|
||
tooltip?: string;
|
||
priceText?: string;
|
||
discountText?: string;
|
||
};
|
||
comm: {
|
||
name: string;
|
||
price: number;
|
||
price3: number;
|
||
tooltip?: string;
|
||
priceText?: string;
|
||
discountText?: string;
|
||
};
|
||
app?: {
|
||
minVersion?: string;
|
||
minVersionTip?: string;
|
||
};
|
||
};
|
||
}
|
||
|
||
const defaultSiteInfo: SiteInfo = {
|
||
title: env.TITLE || "Certd",
|
||
slogan: env.SLOGAN || "让你的证书永不过期",
|
||
logo: env.LOGO || "/static/images/logo/logo.svg",
|
||
loginLogo: env.LOGIN_LOGO || "/static/images/logo/rect-block.svg",
|
||
licenseTo: "",
|
||
licenseToUrl: "",
|
||
};
|
||
export const useSettingStore = defineStore({
|
||
id: "app.setting",
|
||
state: (): SettingState => ({
|
||
skipReset: true,
|
||
plusInfo: {
|
||
isPlus: false,
|
||
vipType: "free",
|
||
isComm: false,
|
||
},
|
||
sysPublic: {
|
||
registerEnabled: false,
|
||
managerOtherUserPipeline: false,
|
||
icpNo: env.ICP_NO || "",
|
||
},
|
||
installInfo: {
|
||
siteId: "",
|
||
bindUserId: null,
|
||
bindUrl: "",
|
||
accountServerBaseUrl: "",
|
||
appKey: "",
|
||
},
|
||
siteInfo: defaultSiteInfo,
|
||
siteEnv: {
|
||
agent: {
|
||
enabled: undefined,
|
||
contactText: "",
|
||
contactLink: "",
|
||
},
|
||
},
|
||
headerMenus: {
|
||
menus: [],
|
||
},
|
||
suiteSetting: { enabled: false },
|
||
inited: false,
|
||
app: {
|
||
version: "",
|
||
time: 0,
|
||
deltaTime: 0,
|
||
},
|
||
productInfo: {
|
||
notice: "",
|
||
plus: {
|
||
name: "专业版",
|
||
price: 29.9,
|
||
price3: 89.9,
|
||
},
|
||
comm: {
|
||
name: "商业版",
|
||
price: 399,
|
||
price3: 899,
|
||
},
|
||
app: {
|
||
minVersion: "",
|
||
minVersionTip: "",
|
||
},
|
||
},
|
||
}),
|
||
getters: {
|
||
getSysPublic(): SysPublicSetting {
|
||
return this.sysPublic;
|
||
},
|
||
getInstallInfo(): SysInstallInfo {
|
||
return this.installInfo;
|
||
},
|
||
isPerpetual(): boolean {
|
||
return this.plusInfo?.isPlus && this.plusInfo?.expireTime === -1;
|
||
},
|
||
isPlus(): boolean {
|
||
return this.plusInfo?.isPlus && (this.plusInfo?.expireTime === -1 || this.plusInfo?.expireTime > new Date().getTime());
|
||
},
|
||
isComm(): boolean {
|
||
return this.plusInfo?.isComm && (this.plusInfo?.expireTime === -1 || this.plusInfo?.expireTime > new Date().getTime());
|
||
},
|
||
isAgent(): boolean {
|
||
return this.siteEnv?.agent?.enabled === true;
|
||
},
|
||
isCommOrAgent() {
|
||
return this.isComm || this.isAgent;
|
||
},
|
||
expiresText() {
|
||
if (this.plusInfo?.expireTime == null) {
|
||
return "";
|
||
}
|
||
if (this.plusInfo?.expireTime === -1) {
|
||
return "永久";
|
||
}
|
||
//@ts-ignore
|
||
return dayjs(this.plusInfo?.expireTime).format("YYYY-MM-DD");
|
||
},
|
||
isForever() {
|
||
//@ts-ignore
|
||
return this.isPlus && this.plusInfo?.expireTime === -1;
|
||
},
|
||
vipLabel(): string {
|
||
const { t } = useI18n();
|
||
const vipLabelMap: any = {
|
||
free: t("vip.label.free"),
|
||
plus: t("vip.label.plus"),
|
||
comm: t("vip.label.comm"),
|
||
};
|
||
return vipLabelMap[this.plusInfo?.vipType || "free"];
|
||
},
|
||
getHeaderMenus(): any[] {
|
||
// @ts-ignore
|
||
let menus = this.headerMenus?.menus || [];
|
||
menus = cloneDeep(menus);
|
||
return utils.tree.treeMap(menus, (menu: any) => {
|
||
return {
|
||
...menu,
|
||
name: menu.title,
|
||
path: menu.path ?? "/" + menu.title,
|
||
meta: {
|
||
title: menu.title,
|
||
icon: menu.icon,
|
||
link: menu.path,
|
||
order: 99999,
|
||
},
|
||
};
|
||
});
|
||
},
|
||
isSuiteEnabled(): boolean {
|
||
// @ts-ignore
|
||
return this.suiteSetting?.enabled === true;
|
||
},
|
||
},
|
||
actions: {
|
||
checkPlus() {
|
||
if (!this.isPlus) {
|
||
notification.warn({
|
||
message: $t("vip.needVipTip"),
|
||
});
|
||
mitter.emit("openVipModal");
|
||
throw new Error($t("vip.needVipTip"));
|
||
}
|
||
},
|
||
async loadSysSettings() {
|
||
const allSettings = await basicApi.loadAllSettings();
|
||
merge(this.sysPublic, allSettings.sysPublic || {});
|
||
merge(this.installInfo, allSettings.installInfo || {});
|
||
merge(this.siteEnv, allSettings.siteEnv || {});
|
||
merge(this.plusInfo, allSettings.plusInfo || {});
|
||
merge(this.headerMenus, allSettings.headerMenus || {});
|
||
merge(this.suiteSetting, allSettings.suiteSetting || {});
|
||
//@ts-ignore
|
||
this.initSiteInfo(allSettings.siteInfo || {});
|
||
this.initAppInfo(allSettings.app || {});
|
||
},
|
||
initAppInfo(appInfo: AppInfo) {
|
||
this.app.time = appInfo.time;
|
||
this.app.version = appInfo.version;
|
||
this.app.deltaTime = new Date().getTime() - this.app.time;
|
||
},
|
||
initSiteInfo(siteInfo: SiteInfo) {
|
||
//@ts-ignore
|
||
if (this.isComm) {
|
||
if (siteInfo.logo) {
|
||
siteInfo.logo = `api/basic/file/download?key=${siteInfo.logo}`;
|
||
}
|
||
if (siteInfo.loginLogo) {
|
||
siteInfo.loginLogo = `api/basic/file/download?key=${siteInfo.loginLogo}`;
|
||
}
|
||
}
|
||
this.siteInfo = merge({}, defaultSiteInfo, siteInfo);
|
||
|
||
if (this.siteInfo.logo) {
|
||
updatePreferences({
|
||
logo: {
|
||
source: this.siteInfo.logo,
|
||
},
|
||
});
|
||
}
|
||
if (this.siteInfo.title) {
|
||
updatePreferences({
|
||
app: {
|
||
name: this.siteInfo.title,
|
||
},
|
||
});
|
||
useTitle(this.siteInfo.title);
|
||
}
|
||
},
|
||
getBaseUrl() {
|
||
let url = window.location.href;
|
||
//只要hash前面的部分
|
||
url = url.split("#")[0];
|
||
return url;
|
||
},
|
||
async doBindUrl(key: string = "url") {
|
||
const url = this.installInfo.bindUrl;
|
||
const url2 = this.installInfo.bindUrl2;
|
||
|
||
const thisUrl = this.getBaseUrl();
|
||
const form = {
|
||
url,
|
||
url2,
|
||
[key]: thisUrl,
|
||
};
|
||
await basicApi.bindUrl(form);
|
||
await this.loadSysSettings();
|
||
},
|
||
async checkUrlBound() {
|
||
const userStore = useUserStore();
|
||
const settingStore = useSettingStore();
|
||
if (!userStore.isAdmin) {
|
||
return;
|
||
}
|
||
const event: any = { ModalRef: null };
|
||
mitter.emit("getModal", event);
|
||
const Modal = event.ModalRef;
|
||
let modalRef: any = null;
|
||
const bindUrl = this.installInfo.bindUrl;
|
||
const bindUrl2 = this.installInfo.bindUrl2;
|
||
|
||
const doBindRequest = async (key: string) => {
|
||
await this.doBindUrl(key);
|
||
if (modalRef) {
|
||
modalRef.destroy();
|
||
}
|
||
};
|
||
|
||
if (!bindUrl) {
|
||
//绑定url
|
||
await this.doBindUrl("url");
|
||
} else {
|
||
//检查当前url 是否与绑定的url一致
|
||
const url = window.location.href;
|
||
if (!url.startsWith(bindUrl) && !url.startsWith(bindUrl2)) {
|
||
modalRef = Modal.warning({
|
||
title: "URL地址未绑定，是否绑定此地址？",
|
||
width: 500,
|
||
keyboard: false,
|
||
content: () => {
|
||
return (
|
||
<div class="p-4">
|
||
<div class="flex items-center justify-between">
|
||
<span>
|
||
绑定地址1：
|
||
<a-tag color="green">{bindUrl || "未占用"}</a-tag>
|
||
</span>
|
||
<a-button type="primary" onClick={() => doBindRequest("url")}>
|
||
绑定到地址1
|
||
</a-button>
|
||
</div>
|
||
<div class="flex items-center justify-between mt-3">
|
||
<span>
|
||
绑定地址2：
|
||
<a-tag color="green">{bindUrl2 || "未占用"}</a-tag>
|
||
</span>
|
||
<a-button type="primary" onClick={() => doBindRequest("url2")}>
|
||
绑定到地址2
|
||
</a-button>
|
||
</div>
|
||
</div>
|
||
);
|
||
},
|
||
onOk: async () => {
|
||
// await this.doBindUrl();
|
||
window.location.href = bindUrl;
|
||
},
|
||
okButtonProps: {
|
||
danger: true,
|
||
},
|
||
okText: "不，回到原来的地址",
|
||
cancelText: "不，回到原来的地址",
|
||
onCancel: () => {
|
||
window.location.href = bindUrl;
|
||
},
|
||
});
|
||
}
|
||
}
|
||
},
|
||
async loadProductInfo() {
|
||
try {
|
||
const productInfo = await basicApi.getProductInfo();
|
||
merge(this.productInfo, productInfo);
|
||
} catch (e) {
|
||
console.error(e);
|
||
}
|
||
},
|
||
async init() {
|
||
await this.loadSysSettings();
|
||
},
|
||
async initOnce() {
|
||
if (this.inited) {
|
||
return;
|
||
}
|
||
await this.init();
|
||
this.loadProductInfo();
|
||
this.inited = true;
|
||
},
|
||
},
|
||
});
|
||
|
||
mitter.on("app.login", async () => {
|
||
await useSettingStore().init();
|
||
});
|