mirror of
https://github.com/certd/certd.git
synced 2026-07-06 12:07:32 +08:00
xiaojunnuo
117 lines
3.9 KiB
Vue
117 lines
3.9 KiB
Vue
<template>
|
||
<div class="sys-settings-form sys-settings-mode">
|
||
<a-form :model="formState" name="basic" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }" autocomplete="off" @finish="onFinish">
|
||
<a-form-item :label="t('certd.sys.setting.adminMode')" :name="['public', 'adminMode']">
|
||
<div class="w-full flex items-center">
|
||
<fs-dict-radio v-model:value="formState.public.adminMode" :disabled="!settingsStore.isPlus" :dict="adminModeDict" />
|
||
<vip-button class="ml-5" mode="button"></vip-button>
|
||
</div>
|
||
<div class="helper">SaaS模式：每个用户管理自己的流水线和授权资源，独立使用。</div>
|
||
<div class="helper">企业模式：通过项目合作管理流水线证书和授权资源，所有用户视为企业内部员工。</div>
|
||
<div class="helper"><a @click="adminModeIntroOpen = true">更多管理模式介绍</a></div>
|
||
<div class="helper text-red-500">建议在开始使用时固定一个合适的模式，之后就不要随意切换了。</div>
|
||
<div v-if="formState.public.adminMode === 'enterprise'" class="helper">设置为企业模式之后，之前创建的个人数据不会显示，您可以选择<a @click="goCurrentProject"> 将个人数据迁移到项目</a></div>
|
||
<div v-if="settingsStore.isComm" class="helper text-red-500">商业版不建议设置为企业模式，除非你确定要转成企业内部使用</div>
|
||
</a-form-item>
|
||
|
||
<a-form-item label=" " :colon="false" :wrapper-col="{ span: 8 }">
|
||
<a-button :loading="saveLoading" type="primary" html-type="submit">{{ t("certd.saveButton") }}</a-button>
|
||
</a-form-item>
|
||
</a-form>
|
||
|
||
<AdminModeIntro v-model:open="adminModeIntroOpen" fixed></AdminModeIntro>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="tsx">
|
||
import { reactive, ref } from "vue";
|
||
import { SysSettings } from "/@/views/sys/settings/api";
|
||
import * as api from "/@/views/sys/settings/api";
|
||
import { merge } from "lodash-es";
|
||
import { useSettingStore } from "/@/store/settings";
|
||
import { Modal, notification } from "ant-design-vue";
|
||
import { useI18n } from "/src/locales";
|
||
import { dict } from "@fast-crud/fast-crud";
|
||
import { useProjectStore } from "/@/store/project";
|
||
import AdminModeIntro from "/@/views/sys/enterprise/project/intro.vue";
|
||
import { useRouter } from "vue-router";
|
||
const { t } = useI18n();
|
||
|
||
defineOptions({
|
||
name: "SettingMode",
|
||
});
|
||
|
||
const adminModeIntroOpen = ref(false);
|
||
|
||
const adminModeDict = dict({
|
||
data: [
|
||
{
|
||
label: t("certd.sys.setting.saasMode"),
|
||
value: "saas",
|
||
},
|
||
{
|
||
label: t("certd.sys.setting.enterpriseMode"),
|
||
value: "enterprise",
|
||
},
|
||
],
|
||
});
|
||
|
||
const formState = reactive<Partial<SysSettings>>({
|
||
public: {},
|
||
private: {},
|
||
});
|
||
|
||
async function loadSysSettings() {
|
||
const data: any = await api.SysSettingsGet();
|
||
merge(formState, data);
|
||
}
|
||
|
||
const saveLoading = ref(false);
|
||
loadSysSettings();
|
||
const settingsStore = useSettingStore();
|
||
const projectStore = useProjectStore();
|
||
const onFinish = async (form: any) => {
|
||
try {
|
||
saveLoading.value = true;
|
||
|
||
await api.SysSettingsSave(form);
|
||
await settingsStore.loadSysSettings();
|
||
await projectStore.reload();
|
||
notification.success({
|
||
message: t("certd.saveSuccess"),
|
||
});
|
||
|
||
if (formState.public.adminMode === "enterprise") {
|
||
Modal.confirm({
|
||
title: "数据迁移",
|
||
okText: "去迁移",
|
||
content: () => {
|
||
return (
|
||
<div>
|
||
<div>设置为企业模式之后，之前创建的个人数据不会显示</div>
|
||
<div>是否前往迁移数据到项目? </div>
|
||
</div>
|
||
);
|
||
},
|
||
onOk: () => {
|
||
goCurrentProject();
|
||
},
|
||
});
|
||
}
|
||
} finally {
|
||
saveLoading.value = false;
|
||
}
|
||
};
|
||
|
||
const router = useRouter();
|
||
const goCurrentProject = () => {
|
||
router.push({
|
||
path: "/certd/project/detail",
|
||
query: {
|
||
migrate: "true",
|
||
},
|
||
});
|
||
};
|
||
</script>
|
||
<style lang="less"></style>
|