lkddi/certd
1
0
Fork 0
mirror of https://github.com/certd/certd.git synced 2026-04-24 04:17:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: 插件编辑器

Browse Source
This commit is contained in:
xiaojunnuo
2025-04-06 18:06:21 +08:00
parent 61e322678b
commit 840a7b7c73
14 changed files with 731 additions and 305 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/certd-client/src/router/source/modules/certd.ts
+40 -40
View File
@@ -10,7 +10,7 @@ export const certdResources = [
meta: {
icon: "ion:key-outline",
auth: true,
order: 0
order: 0,
},
children: [
{
@@ -20,8 +20,8 @@ export const certdResources = [
component: "/certd/pipeline/index.vue",
meta: {
icon: "ion:analytics-sharp",
cache: true
}
cache: true,
},
},
{
title: "编辑流水线",
@@ -29,8 +29,8 @@ export const certdResources = [
path: "/certd/pipeline/detail",
component: "/certd/pipeline/detail.vue",
meta: {
isMenu: false
}
isMenu: false,
},
},
{
title: "执行历史记录",
@@ -39,8 +39,8 @@ export const certdResources = [
component: "/certd/history/index.vue",
meta: {
icon: "ion:timer-outline",
cache: true
}
cache: true,
},
},
{
title: "证书仓库",
@@ -50,8 +50,8 @@ export const certdResources = [
meta: {
icon: "ion:shield-checkmark-outline",
auth: true,
isMenu: true
}
isMenu: true,
},
},
{
title: "站点证书监控",
@@ -60,8 +60,8 @@ export const certdResources = [
component: "/certd/monitor/site/index.vue",
meta: {
icon: "ion:videocam-outline",
auth: true
}
auth: true,
},
},
{
title: "设置",
@@ -71,7 +71,7 @@ export const certdResources = [
meta: {
icon: "ion:settings-outline",
auth: true,
cache: true
cache: true,
},
children: [
{
@@ -82,8 +82,8 @@ export const certdResources = [
meta: {
icon: "ion:disc-outline",
auth: true,
cache: true
}
cache: true,
},
},
{
title: "CNAME记录管理",
@@ -92,8 +92,8 @@ export const certdResources = [
component: "/certd/cname/record/index.vue",
meta: {
icon: "ion:link-outline",
auth: true
}
auth: true,
},
},
{
title: "流水线分组管理",
@@ -102,8 +102,8 @@ export const certdResources = [
component: "/certd/pipeline/group/index.vue",
meta: {
icon: "mdi:format-list-group",
auth: true
}
auth: true,
},
},
{
@@ -114,8 +114,8 @@ export const certdResources = [
meta: {
icon: "hugeicons:api",
auth: true,
cache: true
}
cache: true,
},
},
{
title: "通知设置",
@@ -125,8 +125,8 @@ export const certdResources = [
meta: {
icon: "ion:megaphone-outline",
auth: true,
cache: true
}
cache: true,
},
},
{
title: "账号信息",
@@ -136,10 +136,10 @@ export const certdResources = [
meta: {
icon: "ion:person-outline",
auth: true,
isMenu: false
}
}
]
isMenu: false,
},
},
],
},
{
@@ -153,7 +153,7 @@ export const certdResources = [
return settingStore.isComm && settingStore.isSuiteEnabled;
},
icon: "ion:cart-outline",
auth: true
auth: true,
},
children: [
{
@@ -167,8 +167,8 @@ export const certdResources = [
return settingStore.isComm;
},
icon: "ion:gift-outline",
auth: true
}
auth: true,
},
},
{
title: "套餐购买",
@@ -181,8 +181,8 @@ export const certdResources = [
return settingStore.isComm;
},
icon: "ion:cart-outline",
auth: true
}
auth: true,
},
},
{
title: "我的订单",
@@ -195,8 +195,8 @@ export const certdResources = [
return settingStore.isComm;
},
icon: "ion:bag-check-outline",
auth: true
}
auth: true,
},
},
{
title: "支付返回",
@@ -206,11 +206,11 @@ export const certdResources = [
meta: {
icon: "ant-design:pay-circle-outlined",
auth: false,
isMenu: false
}
}
]
}
isMenu: false,
},
},
],
},
// {
// title: "邮箱设置",
@@ -222,8 +222,8 @@ export const certdResources = [
// auth: true
// }
// },
]
}
],
},
];
export default certdResources;
packages/ui/certd-client/src/router/source/modules/sys.ts
+50 -43
View File
@@ -11,7 +11,7 @@ export const sysResources = [
meta: {
icon: "ion:settings-outline",
permission: "sys:settings:view",
order: 10
order: 10,
},
children: [
{
@@ -25,8 +25,8 @@ export const sysResources = [
return settingStore.isComm;
},
icon: "ion:speedometer-outline",
permission: "sys:auth:user:view"
}
permission: "sys:auth:user:view",
},
},
{
@@ -36,8 +36,8 @@ export const sysResources = [
component: "/sys/settings/index.vue",
meta: {
icon: "ion:settings-outline",
permission: "sys:settings:view"
}
permission: "sys:settings:view",
},
},
{
title: "CNAME服务设置",
@@ -46,8 +46,8 @@ export const sysResources = [
component: "/sys/cname/provider/index.vue",
meta: {
icon: "ion:earth-outline",
permission: "sys:settings:view"
}
permission: "sys:settings:view",
},
},
{
title: "邮件服务器设置",
@@ -57,8 +57,8 @@ export const sysResources = [
meta: {
permission: "sys:settings:view",
icon: "ion:mail-outline",
auth: true
}
auth: true,
},
},
{
title: "站点个性化",
@@ -71,8 +71,8 @@ export const sysResources = [
return settingStore.isComm;
},
icon: "ion:document-text-outline",
permission: "sys:settings:view"
}
permission: "sys:settings:view",
},
},
{
title: "顶部菜单设置",
@@ -85,8 +85,8 @@ export const sysResources = [
return settingStore.isComm;
},
icon: "ion:menu",
permission: "sys:settings:view"
}
permission: "sys:settings:view",
},
},
{
title: "系统级授权",
@@ -99,8 +99,8 @@ export const sysResources = [
return settingStore.isComm;
},
icon: "ion:disc-outline",
permission: "sys:settings:view"
}
permission: "sys:settings:view",
},
},
{
title: "插件管理",
@@ -108,13 +108,20 @@ export const sysResources = [
path: "/sys/plugin",
component: "/sys/plugin/index.vue",
meta: {
show: () => {
const settingStore = useSettingStore();
return settingStore.isComm;
},
icon: "ion:extension-puzzle-outline",
permission: "sys:settings:view"
}
permission: "sys:settings:view",
},
},
{
title: "编辑插件",
name: "SysPluginEdit",
path: "/sys/plugin/edit",
component: "/sys/plugin/edit.vue",
meta: {
isMenu: false,
icon: "ion:extension-puzzle",
permission: "sys:settings:view",
},
},
{
title: "证书插件配置",
@@ -127,8 +134,8 @@ export const sysResources = [
return settingStore.isComm;
},
icon: "ion:extension-puzzle",
permission: "sys:settings:view"
}
permission: "sys:settings:view",
},
},
{
title: "账号绑定",
@@ -137,8 +144,8 @@ export const sysResources = [
component: "/sys/account/index.vue",
meta: {
icon: "ion:golf-outline",
permission: "sys:settings:view"
}
permission: "sys:settings:view",
},
},
{
title: "权限管理",
@@ -148,8 +155,8 @@ export const sysResources = [
meta: {
icon: "ion:list-outline",
//需要校验权限
permission: "sys:auth:per:view"
}
permission: "sys:auth:per:view",
},
},
{
title: "角色管理",
@@ -158,8 +165,8 @@ export const sysResources = [
component: "/sys/authority/role/index.vue",
meta: {
icon: "ion:people-outline",
permission: "sys:auth:role:view"
}
permission: "sys:auth:role:view",
},
},
{
title: "用户管理",
@@ -168,8 +175,8 @@ export const sysResources = [
component: "/sys/authority/user/index.vue",
meta: {
icon: "ion:person-outline",
permission: "sys:auth:user:view"
}
permission: "sys:auth:user:view",
},
},
{
@@ -183,7 +190,7 @@ export const sysResources = [
show: () => {
const settingStore = useSettingStore();
return settingStore.isComm;
}
},
},
children: [
{
@@ -197,8 +204,8 @@ export const sysResources = [
return settingStore.isComm;
},
icon: "ion:cart",
permission: "sys:settings:edit"
}
permission: "sys:settings:edit",
},
},
{
title: "订单管理",
@@ -211,8 +218,8 @@ export const sysResources = [
return settingStore.isComm;
},
icon: "ion:bag-check",
permission: "sys:settings:edit"
}
permission: "sys:settings:edit",
},
},
{
title: "用户套餐",
@@ -225,13 +232,13 @@ export const sysResources = [
return settingStore.isComm;
},
icon: "ion:gift-outline",
auth: true
}
}
]
}
]
}
auth: true,
},
},
],
},
],
},
];
export default sysResources;
packages/ui/certd-client/src/style/certd.less
+1 -1
View File
@@ -93,7 +93,7 @@ body a{
}
span.fs-icon-svg{
display: flex;
display: inline-flex;
align-items: center;
}
packages/ui/certd-client/src/views/certd/cname/record/crud.tsx
+43 -43
View File
@@ -45,24 +45,24 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
props: {
multiple: true,
crossPage: true,
selectedRowKeys
}
}
}
selectedRowKeys,
},
},
},
},
request: {
pageRequest,
addRequest,
editRequest,
delRequest
delRequest,
},
tabs: {
name: "status",
show: true
show: true,
},
rowHandle: {
minWidth: 200,
fixed: "right"
fixed: "right",
},
columns: {
id: {
@@ -70,46 +70,46 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
key: "id",
type: "number",
column: {
width: 80
width: 80,
},
form: {
show: false
}
show: false,
},
},
domain: {
title: "被代理域名",
type: "text",
search: {
show: true
show: true,
},
editForm: {
component: {
disabled: true
}
}
disabled: true,
},
},
},
hostRecord: {
title: "主机记录",
type: "text",
form: {
show: false
show: false,
},
column: {
width: 250,
cellRender: ({ value }) => {
return <fs-copyable v-model={value} />;
}
}
},
},
},
recordValue: {
title: "请设置CNAME",
type: "copyable",
form: {
show: false
show: false,
},
column: {
width: 500
}
width: 500,
},
},
cnameProviderId: {
title: "CNAME服务",
@@ -117,7 +117,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
dict: dict({
url: "/cname/provider/list",
value: "id",
label: "domain"
label: "domain",
}),
form: {
component: {
@@ -141,7 +141,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
} else {
return item.domain;
}
}
},
},
helper: {
render() {
@@ -156,8 +156,8 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
</router-link>
</div>
);
}
}
},
},
},
column: {
width: 120,
@@ -168,8 +168,8 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
} else {
return <a-tag color={"blue"}>自定义CNAME</a-tag>;
}
}
}
},
},
},
status: {
title: "状态",
@@ -180,22 +180,22 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
{ label: "验证中", value: "validating", color: "blue" },
{ label: "验证成功", value: "valid", color: "green" },
{ label: "验证失败", value: "failed", color: "red" },
{ label: "验证超时", value: "timeout", color: "red" }
]
{ label: "验证超时", value: "timeout", color: "red" },
],
}),
addForm: {
show: false
show: false,
},
column: {
width: 120,
align: "center"
}
align: "center",
},
},
triggerValidate: {
title: "验证",
type: "text",
form: {
show: false
show: false,
},
column: {
conditionalRenderDisabled: true,
@@ -235,32 +235,32 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
<CnameTip record={row} />
</div>
);
}
}
},
},
},
createTime: {
title: "创建时间",
type: "datetime",
form: {
show: false
show: false,
},
column: {
sorter: true,
width: 160,
align: "center"
}
align: "center",
},
},
updateTime: {
title: "更新时间",
type: "datetime",
form: {
show: false
show: false,
},
column: {
show: true
}
}
}
}
show: true,
},
},
},
},
};
}
packages/ui/certd-client/src/views/certd/open/openkey/crud.tsx
+38 -38
View File
@@ -33,32 +33,32 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
pageRequest,
addRequest,
editRequest,
delRequest
delRequest,
},
search: {
show: false
show: false,
},
form: {
labelCol: {
//固定label宽度
span: null,
style: {
width: "100px"
}
width: "100px",
},
},
col: {
span: 22
span: 22,
},
wrapper: {
width: 600
}
width: 600,
},
},
actionbar: {
buttons: {
add: {
text: "生成新的Key"
}
}
text: "生成新的Key",
},
},
},
rowHandle: {
width: 300,
@@ -96,11 +96,11 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
</div>
</div>
);
}
},
});
}
}
}
},
},
},
},
columns: {
id: {
@@ -108,42 +108,42 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
key: "id",
type: "number",
search: {
show: false
show: false,
},
column: {
width: 100,
editable: {
disabled: true
}
disabled: true,
},
},
form: {
show: false
}
show: false,
},
},
keyId: {
title: "KeyId",
type: ["text", "copyable"],
search: {
show: true
show: true,
},
form: {
show: false
show: false,
},
column: {
width: 250,
sorter: true
}
sorter: true,
},
},
keySecret: {
title: "KeySecret",
type: ["text", "copyable"],
form: {
show: false
show: false,
},
column: {
width: 580,
sorter: true
}
sorter: true,
},
},
scope: {
title: "权限范围",
@@ -151,8 +151,8 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
dict: dict({
data: [
{ label: "仅开放接口", value: "open", color: "blue" },
{ label: "账户所有权限", value: "user", color: "red" }
]
{ label: "账户所有权限", value: "user", color: "red" },
],
}),
form: {
value: "open",
@@ -160,26 +160,26 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
rules: [{ required: true, message: "此项必填" }],
helper: "仅开放接口只可以访问开放接口，账户所有权限可以访问所有接口",
component: {
vModel: "value"
}
vModel: "value",
},
},
column: {
width: 120,
align: "center",
sorter: true
}
sorter: true,
},
},
createTime: {
title: "创建时间",
type: "datetime",
search: {
show: false
show: false,
},
form: {
show: false
}
}
}
}
show: false,
},
},
},
},
};
}
packages/ui/certd-client/src/views/sys/plugin/api.ts
+10 -10
View File
@@ -6,7 +6,7 @@ export async function GetList(query: any) {
return await request({
url: apiPrefix + "/page",
method: "post",
data: query
data: query,
});
}
@@ -14,7 +14,7 @@ export async function AddObj(obj: any) {
return await request({
url: apiPrefix + "/add",
method: "post",
data: obj
data: obj,
});
}
@@ -22,7 +22,7 @@ export async function UpdateObj(obj: any) {
return await request({
url: apiPrefix + "/update",
method: "post",
data: obj
data: obj,
});
}
@@ -30,7 +30,7 @@ export async function DelObj(id: any) {
return await request({
url: apiPrefix + "/delete",
method: "post",
params: { id }
params: { id },
});
}
@@ -38,7 +38,7 @@ export async function GetObj(id: any) {
return await request({
url: apiPrefix + "/info",
method: "post",
params: { id }
params: { id },
});
}
@@ -46,7 +46,7 @@ export async function GetDetail(id: any) {
return await request({
url: apiPrefix + "/detail",
method: "post",
params: { id }
params: { id },
});
}
@@ -54,7 +54,7 @@ export async function DeleteBatch(ids: any[]) {
return await request({
url: apiPrefix + "/deleteByIds",
method: "post",
data: { ids }
data: { ids },
});
}
@@ -62,7 +62,7 @@ export async function SetDisabled(data: { id?: number; name?: string; type?: str
return await request({
url: apiPrefix + "/setDisabled",
method: "post",
data: data
data: data,
});
}
@@ -90,7 +90,7 @@ export type CommPluginConfig = {
export async function GetCommPluginConfigs(): Promise<CommPluginConfig> {
return await request({
url: apiPrefix + "/getCommPluginConfigs",
method: "post"
method: "post",
});
}
@@ -98,6 +98,6 @@ export async function SaveCommPluginConfigs(data: CommPluginConfig): Promise<voi
return await request({
url: apiPrefix + "/saveCommPluginConfigs",
method: "post",
data
data,
});
}
packages/ui/certd-client/src/views/sys/plugin/components/plugin-input.vue
+77
View File
@@ -0,0 +1,77 @@
<template>
<div class="plugin-inputs">
<div class="actions mb-1">
<a-button type="primary" @click="addNewField"> 添加 </a-button>
</div>
<div class="inputs">
<div class="inputs-inner">
<a-collapse v-model:active-key="activeKey">
<a-collapse-panel v-for="(item, index) in inputs" :key="index">
<template #header> {{ item.key }} ： {{ item.title }} </template>
<a-form :label-col="{ style: { width: '80px' } }">
<a-form-item label="字段名称">
<a-input v-model:value="item.key" />
</a-form-item>
<a-form-item label="字段标题">
<a-input v-model:value="item.title" />
</a-form-item>
<a-form-item label="字段说明">
<a-input v-model:value="item.helper" />
</a-form-item>
<a-form-item label="默认值">
<a-input v-model:value="item.value" />
</a-form-item>
<a-form-item label="必填">
<a-switch v-model:checked="item.required" />
</a-form-item>
<a-form-item label="组件配置">
<fs-editor-code v-model:model-value="item.component" language="yaml" />
</a-form-item>
</a-form>
</a-collapse-panel>
</a-collapse>
</div>
</div>
</div>
</template>
<script lang="ts" setup>
import { ref, Ref } from "vue";
const activeKey = ref([]);
const inputs: Ref = ref([]);
function addNewField() {
inputs.value.push({
key: "newInput",
title: "新字段",
component: `
name: a-input
`,
helper: "",
value: undefined,
required: false,
});
}
</script>
<style lang="less">
.plugin-inputs {
display: flex;
flex-direction: column;
height: 100%;
.actions {
}
.inputs {
flex: 1;
height: 100%;
overflow: hidden;
.inputs-inner {
height: 100%;
overflow-y: auto;
}
}
}
</style>
packages/ui/certd-client/src/views/sys/plugin/crud.tsx
+129 -12
View File
@@ -2,7 +2,7 @@ import * as api from "./api";
import { useI18n } from "vue-i18n";
import { computed, Ref, ref } from "vue";
import { useRouter } from "vue-router";
import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes, utils } from "@fast-crud/fast-crud";
import { AddReq, compute, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes, utils } from "@fast-crud/fast-crud";
import { useUserStore } from "/src/store/modules/user";
import { useSettingStore } from "/src/store/modules/settings";
import { Modal } from "ant-design-vue";
@@ -59,29 +59,43 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
actionbar: {
buttons: {
add: {
show: false,
show: true,
text: "自定义插件",
},
},
},
rowHandle: {
show: false,
show: true,
minWidth: 200,
fixed: "right",
buttons: {
edit: {
show: false,
show: compute(({ row }) => {
return row.type === "custom";
}),
},
copy: {
show: false,
show: compute(({ row }) => {
return row.type === "custom";
}),
},
remove: {
show: false,
show: compute(({ row }) => {
return row.type === "custom";
}),
},
},
},
table: {
rowKey: "name",
},
tabs: {
name: "type",
show: true,
defaultOption: {
show: false,
},
},
columns: {
// id: {
// title: "ID",
@@ -101,20 +115,47 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
show: true,
},
form: {
show: false,
show: true,
order: 0,
helper: "必须为英文，驼峰命名，类型作为前缀\n例如AliyunDeployToCDN",
rules: [{ required: true }],
},
column: {
width: 250,
cellRender({ row }) {
if (row.author) {
return <fs-copyable model-value={`${row.author}/${row.name}`} />;
} else {
return <fs-copyable model-value={row.name} />;
}
},
},
},
author: {
title: "作者",
type: "text",
search: {
show: true,
},
form: {
show: true,
order: 0,
helper: "上传到应用商店时，将作为插件名称前缀,例如：greper/pluginName",
rules: [{ required: true }],
},
column: {
width: 200,
show: false,
},
},
icon: {
title: "图标",
type: "text",
type: "icon",
form: {
show: false,
rules: [{ required: true }],
},
column: {
width: 100,
width: 70,
align: "center",
component: {
name: "fs-icon",
@@ -125,26 +166,102 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
},
},
},
title: {
title: "标题",
type: "text",
form: {
order: 0,
helper: "插件中文名称",
rules: [{ required: true }],
},
column: {
width: 300,
cellRender({ row }) {
if (row.type === "custom") {
return <router-link to={`/sys/plugin/edit?id=${row.id}`}>{row.title}</router-link>;
}
return <div>{row.title}</div>;
},
},
},
desc: {
title: "描述",
type: "text",
helper: "插件的描述",
column: {
width: 300,
show: false,
},
},
type: {
title: "来源",
type: "dict-select",
search: {
show: true,
},
form: {
value: "custom",
component: {
disabled: true,
},
},
dict: dict({
data: [
{ label: "内置", value: "builtIn" },
{ label: "自建", value: "custom" },
{ label: "商店", value: "store" },
],
}),
column: {
width: 70,
align: "center",
component: {
color: "auto",
},
},
},
pluginType: {
title: "插件类型",
type: "dict-select",
search: {
show: true,
},
form: {
rules: [{ required: true }],
},
dict: dict({
data: [
{ label: "授权", value: "access" },
{ label: "DNS", value: "dnsProvider" },
{ label: "部署插件", value: "plugin" },
],
}),
column: {
width: 100,
align: "center",
component: {
color: "auto",
},
},
},
group: {
title: "分组",
type: "text",
type: "dict-select",
dict: dict({
url: "/pi/plugin/groupsList",
label: "title",
value: "key",
}),
form: {
rules: [{ required: true }],
},
column: {
width: 100,
align: "center",
align: "left",
component: {
color: "auto",
},
},
},
disabled: {
packages/ui/certd-client/src/views/sys/plugin/edit.vue
+110
View File
@@ -0,0 +1,110 @@
<template>
<fs-page class="page-plugin-edit">
<template #header>
<div class="title">
插件编辑
<span class="sub">
<span class="name">{{ plugin.title }} 【{{ plugin.author }}/{{ plugin.name }}】 </span>
</span>
</div>
</template>
<div class="pi-plugin-editor">
<div class="metadata">
<a-tabs v-model:active-key="metadataActive" type="card">
<a-tab-pane key="editor" tab="元数据"> </a-tab-pane>
<a-tab-pane key="source" tab="yaml"> </a-tab-pane>
</a-tabs>
<div class="metadata-body">
<a-tabs v-if="metadataActive === 'editor'" class="metadata-editor" tab-position="left" type="card">
<a-tab-pane key="input" tab="输入">
<plugin-input></plugin-input>
</a-tab-pane>
<a-tab-pane key="output" tab="输出"></a-tab-pane>
<a-tab-pane key="dependLibs" tab="第三方依赖"></a-tab-pane>
<a-tab-pane key="dependPlugins" tab="插件依赖"></a-tab-pane>
</a-tabs>
<div v-if="metadataActive === 'source'" class="metadata-source">
<fs-editor-code v-model="plugin.metadata" language="yaml"></fs-editor-code>
</div>
</div>
</div>
<div class="script">
<a-tabs type="card">
<a-tab-pane key="script" tab="脚本"> </a-tab-pane>
</a-tabs>
<fs-editor-code v-model="plugin.content" language="javascript"></fs-editor-code>
</div>
</div>
</fs-page>
</template>
<script lang="ts" setup>
import { onMounted, ref, watch } from "vue";
import { useRoute } from "vue-router";
import * as api from "./api";
import PluginInput from "/@/views/sys/plugin/components/plugin-input.vue";
defineOptions({
name: "SysPluginEdit",
});
const route = useRoute();
const plugin = ref<any>({});
const metadataActive = ref("editor");
async function getPlugin() {
const id = route.query.id;
plugin.value = await api.GetObj(id);
}
onMounted(async () => {
await getPlugin();
});
</script>
<style lang="less">
.page-plugin-edit {
.pi-plugin-editor {
display: flex;
flex-direction: row;
width: 100%;
height: 100%;
padding: 20px;
.fs-editor-code {
height: 100%;
flex: 1;
overflow-y: hidden;
}
.metadata {
width: 500px;
margin-right: 20px;
display: flex;
flex-direction: column;
height: 100%;
.metadata-body {
height: 100%;
flex: 1;
overflow-y: hidden;
}
.metadata-editor {
height: 100%;
flex: 1;
overflow-y: hidden;
.ant-tabs-content {
height: 100%;
}
}
.metadata-source {
height: 100%;
}
}
.script {
flex: 1;
display: flex;
flex-direction: column;
height: 100%;
}
}
}
</style>
packages/ui/certd-client/src/views/sys/suite/trade/crud.tsx
+52 -52
View File
@@ -47,23 +47,23 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
props: {
multiple: true,
crossPage: true,
selectedRowKeys
}
}
}
selectedRowKeys,
},
},
},
},
request: {
pageRequest,
addRequest,
editRequest,
delRequest
delRequest,
},
actionbar: {
buttons: {
add: {
show: false
}
}
show: false,
},
},
},
toolbar: { show: false },
rowHandle: {
@@ -71,13 +71,13 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
fixed: "right",
buttons: {
view: {
show: false
show: false,
},
copy: {
show: false
show: false,
},
edit: {
show: false
show: false,
},
syncStatus: {
show: compute(({ row }) => {
@@ -92,9 +92,9 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
onOk: async () => {
await api.SyncStatus(row.id);
await crudExpose.doRefresh();
}
},
});
}
},
},
updatePaid: {
show: compute(({ row }) => {
@@ -109,15 +109,15 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
onOk: async () => {
await api.UpdatePaid(row.id);
await crudExpose.doRefresh();
}
},
});
}
}
}
},
},
},
},
tabs: {
name: "status",
show: true
show: true,
},
columns: {
id: {
@@ -125,30 +125,30 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
key: "id",
type: "number",
column: {
width: 100
width: 100,
},
form: {
show: false
}
show: false,
},
},
tradeNo: {
title: "订单号",
type: "text",
search: { show: true },
form: {
show: false
show: false,
},
column: {
width: 250
}
width: 250,
},
},
title: {
title: "商品名称",
type: "text",
search: { show: true },
column: {
width: 150
}
width: 150,
},
},
duration: {
title: "时长",
@@ -157,10 +157,10 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
width: 100,
component: {
name: DurationValue,
vModel: "modelValue"
vModel: "modelValue",
},
align: "center"
}
align: "center",
},
},
amount: {
title: "金额",
@@ -170,9 +170,9 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
component: {
name: PriceInput,
vModel: "modelValue",
edit: false
}
}
edit: false,
},
},
},
status: {
title: "状态",
@@ -182,13 +182,13 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
data: [
{ label: "待支付", value: "wait_pay", color: "warning" },
{ label: "已支付", value: "paid", color: "success" },
{ label: "已关闭", value: "closed", color: "error" }
]
{ label: "已关闭", value: "closed", color: "error" },
],
}),
column: {
width: 100,
align: "center"
}
align: "center",
},
},
payType: {
title: "支付方式",
@@ -199,48 +199,48 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
{ label: "聚合支付", value: "yizhifu" },
{ label: "支付宝", value: "alipay" },
{ label: "微信", value: "wxpay" },
{ label: "免费", value: "free" }
]
{ label: "免费", value: "free" },
],
}),
column: {
width: 100,
component: {
color: "auto"
color: "auto",
},
align: "center"
}
align: "center",
},
},
payTime: {
title: "支付时间",
type: "datetime",
column: {
width: 160
}
width: 160,
},
},
createTime: {
title: "创建时间",
type: "datetime",
form: {
show: false
show: false,
},
column: {
sorter: true,
width: 160,
align: "center"
}
align: "center",
},
},
updateTime: {
title: "更新时间",
type: "datetime",
form: {
show: false
show: false,
},
column: {
show: true,
width: 160
}
}
}
}
width: 160,
},
},
},
},
};
}