mirror of
https://github.com/certd/certd.git
synced 2026-07-06 20:37:34 +08:00
xiaojunnuo
106 lines
3.9 KiB
Vue
106 lines
3.9 KiB
Vue
<template>
|
||
<fs-page class="page-plugin-config">
|
||
<template #header>
|
||
<div class="title">证书插件配置</div>
|
||
</template>
|
||
|
||
<div class="sys-plugin-config settings-form">
|
||
<a-form :model="formState" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }" autocomplete="off" @finish="onFinish" @finish-failed="onFinishFailed">
|
||
<a-form-item label="公共Google EAB授权" :name="['CertApply', 'sysSetting', 'input', 'googleCommonEabAccessId']">
|
||
<access-selector v-model:model-value="formState.CertApply.sysSetting.input.googleCommonEabAccessId" type="eab" from="sys"></access-selector>
|
||
<div class="helper">
|
||
<div>设置公共Google EAB授权给用户使用，避免用户自己去翻墙获取Google EAB授权</div>
|
||
<div>
|
||
<a href="https://certd.docmirror.cn/guide/use/google/">获取Google EAB授权方法 </a>
|
||
</div>
|
||
</div>
|
||
</a-form-item>
|
||
|
||
<a-form-item label="公共ZeroSSL EAB授权" :name="['CertApply', 'sysSetting', 'input', 'zerosslCommonEabAccessId']">
|
||
<access-selector v-model:model-value="formState.CertApply.sysSetting.input.zerosslCommonEabAccessId" type="eab" from="sys"></access-selector>
|
||
<div class="helper">
|
||
<div>设置公共ZeroSSL EAB授权给用户使用，避免用户自己去翻墙获取Zero EAB授权</div>
|
||
<div>
|
||
<a href="https://app.zerossl.com/developer">zerossl开发者中心获取EAB </a>
|
||
</div>
|
||
</div>
|
||
</a-form-item>
|
||
|
||
<a-form-item label="公共litessl EAB授权" :name="['CertApply', 'sysSetting', 'input', 'litesslCommonEabAccessId']">
|
||
<access-selector v-model:model-value="formState.CertApply.sysSetting.input.litesslCommonEabAccessId" type="eab" from="sys"></access-selector>
|
||
<div class="helper">
|
||
<div>设置公共litessl EAB授权给用户使用，避免用户自己获取litessl EAB授权</div>
|
||
<div>
|
||
<a href="https://freessl.cn/automation/eab-manager">litessl EAB授权管理 </a>
|
||
</div>
|
||
</div>
|
||
</a-form-item>
|
||
|
||
<a-form-item label="其他配置">
|
||
<a-button type="primary" @click="doPluginConfig">证书申请插件默认值设置</a-button>
|
||
<div class="helper">
|
||
<div>自定义证书申请插件参数</div>
|
||
</div>
|
||
</a-form-item>
|
||
|
||
<a-form-item :wrapper-col="{ offset: 8, span: 16 }">
|
||
<a-button :loading="saveLoading" type="primary" html-type="submit">保存</a-button>
|
||
</a-form-item>
|
||
</a-form>
|
||
</div>
|
||
</fs-page>
|
||
</template>
|
||
|
||
<script lang="ts" setup>
|
||
import AccessSelector from "/@/views/certd/access/access-selector/index.vue";
|
||
import { reactive, ref } from "vue";
|
||
import { CommPluginConfig, GetCommPluginConfigs, SaveCommPluginConfigs, GetPluginByName } from "/@/views/sys/plugin/api";
|
||
import { merge } from "lodash-es";
|
||
import { notification } from "ant-design-vue";
|
||
import { usePluginConfig } from "./use-config";
|
||
defineOptions({
|
||
name: "SysPluginConfig",
|
||
});
|
||
const formState = reactive<Partial<CommPluginConfig>>({
|
||
CertApply: {
|
||
sysSetting: {
|
||
input: {
|
||
googleCommonEabAccessId: null,
|
||
},
|
||
},
|
||
},
|
||
});
|
||
|
||
async function loadForm() {
|
||
const res = await GetCommPluginConfigs();
|
||
merge(formState, res);
|
||
}
|
||
|
||
loadForm();
|
||
|
||
const saveLoading = ref(false);
|
||
const onFinish = async (form: any) => {
|
||
try {
|
||
saveLoading.value = true;
|
||
await SaveCommPluginConfigs(form);
|
||
notification.success({
|
||
message: "保存成功",
|
||
});
|
||
} finally {
|
||
saveLoading.value = false;
|
||
}
|
||
};
|
||
|
||
const onFinishFailed = (errorInfo: any) => {
|
||
console.log("Failed:", errorInfo);
|
||
};
|
||
|
||
const { openConfigDialog } = usePluginConfig();
|
||
|
||
async function doPluginConfig() {
|
||
const certApplyInfo = await GetPluginByName("CertApply");
|
||
await openConfigDialog({ row: certApplyInfo, crudExpose: null });
|
||
}
|
||
</script>
|
||
<style lang="less"></style>
|