mirror of
https://github.com/certd/certd.git
synced 2026-05-15 12:37:30 +08:00
xiaojunnuo
88134ac130
-调整插件配置界面布局和样式 - 增加插件类型和图标字段 - 修改字段显示逻辑，根据不同插件类型显示相应字段 - 优化插件服务端处理逻辑，支持不同类型的插件配置
82 lines
2.8 KiB
Vue
82 lines
2.8 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 :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 } from "/@/views/sys/plugin/api";
|
||
import { merge } from "lodash-es";
|
||
import { notification } from "ant-design-vue";
|
||
|
||
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);
|
||
};
|
||
</script>
|
||
<style lang="less"></style>
|