chore: 初始开源发布
iotlcm-admin-ui：管理前端（基于 Vben Admin 5.5.9 二次开发）。 - 天地图 API Key → YOUR_TIANDITU_KEY - OAuth 客户端 ID → your-client-id，store 加密密钥 → 提示自行替换 - Makefile 移除明文 registry 登录口令，镜像地址改 - appIcon 指向内网图床的链接 → /favicon.ico - 真实手机号 → 合法 11 位编造号（保留号段前 3 位 + 后 4 位） - 真实邮箱 → example.com（署名头内的上游作者邮箱保留） - 移除 CI 触发器 - 补 MIT LICENSE（含 Vben Admin 上游声明）+ README - 统一 LF 行尾并加 .gitattributes 上游 Vben Admin 的版权与许可声明完整保留（各源文件 @Author/@Copyright 头 + LICENSE）。
This commit is contained in:
MiFaZhan
+269
@@ -0,0 +1,269 @@
|
||||
import { h, ref } from 'vue';
|
||||
import type { VxeGridProps } from '#/adapter/vxe-table';
|
||||
import { getPopupContainer } from '@vben/utils';
|
||||
import type { DescItem } from '#/components/description';
|
||||
import { cloneDeep } from 'lodash-es';
|
||||
import type { VbenFormSchema } from '@vben/common-ui';
|
||||
import { z } from '@vben/common-ui';
|
||||
import { renderDict, renderPopoverMemberSumma, type MemberSumma } from '#/utils';
|
||||
import { getDictOptions } from '#/utils/dict';
|
||||
import FormOptions from '#/constants/FormOption';
|
||||
|
||||
export class State {
|
||||
public id = 0; // 主键ID
|
||||
public apiName = ''; // 接口名称
|
||||
public apiCode = ''; // 接口权限标识
|
||||
public method = ''; // 请求方法：GET/POST/PUT/DELETE
|
||||
public path = ''; // 接口路径
|
||||
public status = 0; // 状态：0启用，1停用
|
||||
public version = ''; // 接口版本
|
||||
public remark = ''; // 备注
|
||||
public tenantId = ''; // 租户ID
|
||||
public createdDept = 0; // 创建部门
|
||||
public createdBy = 0; // 创建者
|
||||
public createdBySumma?: null | MemberSumma = null; // 创建者摘要信息
|
||||
public createdAt = ''; // 创建时间
|
||||
public updatedBy = 0; // 更新者
|
||||
public updatedBySumma?: null | MemberSumma = null; // 更新者摘要信息
|
||||
public updatedAt = ''; // 更新时间
|
||||
|
||||
constructor(state?: Partial<State>) {
|
||||
if (state) {
|
||||
Object.assign(this, state);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export function newState(state: State | Record<string, any> | null): State {
|
||||
if (state !== null) {
|
||||
if (state instanceof State) {
|
||||
return cloneDeep(state);
|
||||
}
|
||||
return new State(state);
|
||||
}
|
||||
return new State();
|
||||
}
|
||||
|
||||
// 表单验证规则
|
||||
|
||||
// 表格搜索表单
|
||||
export const querySchema: VbenFormSchema[] = [
|
||||
{
|
||||
fieldName: 'id',
|
||||
component: 'InputNumber',
|
||||
label: '主键ID',
|
||||
componentProps: {
|
||||
placeholder: '请输入主键ID',
|
||||
onUpdateValue: (e: any) => {
|
||||
console.log(e);
|
||||
},
|
||||
}, rules:null,
|
||||
formItemClass: 'col-span-1',
|
||||
}, {
|
||||
fieldName: 'status',
|
||||
component: 'Select',
|
||||
label: '状态：0启用，1停用',
|
||||
defaultValue: null,
|
||||
componentProps: {
|
||||
placeholder: '请选择状态：0启用，1停用',
|
||||
options: getDictOptions('sys_common_status'),
|
||||
onUpdateValue: (e: any) => {
|
||||
console.log(e);
|
||||
},
|
||||
},
|
||||
rules:'selectRequired',
|
||||
formItemClass: 'col-span-1',
|
||||
},
|
||||
{
|
||||
fieldName: 'createdAt',
|
||||
component: 'RangePicker',
|
||||
label: '创建时间',
|
||||
componentProps: {
|
||||
type: 'datetimerange',
|
||||
clearable: true,
|
||||
valueFormat: 'YYYY-MM-DD HH:mm:ss',
|
||||
onUpdateValue: (e: any) => {
|
||||
console.log(e);
|
||||
},
|
||||
}, rules:null,
|
||||
formItemClass: 'col-span-1',
|
||||
},];
|
||||
|
||||
// 表格列
|
||||
export const columns: VxeGridProps['columns'] = [
|
||||
{
|
||||
title: '接口名称',
|
||||
field: 'apiName',
|
||||
align: 'left',
|
||||
width: -1,
|
||||
},
|
||||
{
|
||||
title: '接口权限标识',
|
||||
field: 'apiCode',
|
||||
align: 'left',
|
||||
width: -1,
|
||||
},
|
||||
{
|
||||
title: '请求方法',
|
||||
field: 'method',
|
||||
align: 'left',
|
||||
width: -1,
|
||||
slots: {
|
||||
default: ({ row }) => {
|
||||
return renderDict(row.method, DictEnum.T_METHOD);
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '接口路径',
|
||||
field: 'path',
|
||||
align: 'left',
|
||||
width: -1,
|
||||
},
|
||||
{
|
||||
title: '状态', field: 'status', align: 'left', width: -1,
|
||||
slots: {
|
||||
default: ({ row }) => {
|
||||
return renderDict(row.status, DictEnum.GLOBAL_ENABLED);
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '接口版本',
|
||||
field: 'version',
|
||||
align: 'left',
|
||||
width: -1,
|
||||
},
|
||||
|
||||
{ title: '操作', width: 120, slots: { default: 'action' } },
|
||||
];
|
||||
|
||||
// 表格列接口
|
||||
export interface RowType {
|
||||
id: number;
|
||||
apiName: string;
|
||||
apiCode: string;
|
||||
method: string;
|
||||
path: string;
|
||||
status: number;
|
||||
version: string;
|
||||
remark: string;
|
||||
tenantId: string;
|
||||
createdDept: number;
|
||||
createdBy: number;
|
||||
createdAt: string;
|
||||
updatedBy: number;
|
||||
updatedAt: string;
|
||||
};
|
||||
|
||||
// 查看字段列表
|
||||
export const viewSchema: DescItem[] = [
|
||||
{ field: 'apiName', label: '接口名称'},
|
||||
{ field: 'apiCode', label: '接口权限标识'},
|
||||
{ field: 'method', label: '请求方法：GET/POST/PUT/DELETE'},
|
||||
{ field: 'path', label: '接口路径'},
|
||||
{
|
||||
field: 'status',
|
||||
label: '状态',
|
||||
render: (val) => renderDict(val, 'sys_common_status'),
|
||||
},
|
||||
{ field: 'version', label: '接口版本'},
|
||||
{ field: 'remark', label: '备注'},
|
||||
];
|
||||
|
||||
// 编辑字段列表
|
||||
export const editSchema: VbenFormSchema[] = [
|
||||
{
|
||||
fieldName: 'id',
|
||||
component: 'Input',
|
||||
label: '主键ID',
|
||||
dependencies: { show: () => false, triggerFields: [''], },
|
||||
componentProps: {
|
||||
placeholder: '',
|
||||
onUpdateValue: (e: any) => {
|
||||
console.log(e);
|
||||
},
|
||||
},
|
||||
formItemClass: 'col-span-1',
|
||||
}, {
|
||||
fieldName: 'apiName',
|
||||
component: 'Input',
|
||||
label: '接口名称',
|
||||
componentProps: {
|
||||
placeholder: '请输入接口名称',
|
||||
onUpdateValue: (e: any) => {
|
||||
console.log(e);
|
||||
},
|
||||
},
|
||||
rules:'required',
|
||||
formItemClass: 'col-span-1',
|
||||
}, {
|
||||
fieldName: 'apiCode',
|
||||
component: 'Input',
|
||||
label: '接口权限标识',
|
||||
componentProps: {
|
||||
placeholder: '请输入接口权限标识',
|
||||
onUpdateValue: (e: any) => {
|
||||
console.log(e);
|
||||
},
|
||||
},
|
||||
rules:'required',
|
||||
formItemClass: 'col-span-1',
|
||||
}, {
|
||||
fieldName: 'method',
|
||||
component: 'Select',
|
||||
label: '请求方法',
|
||||
componentProps: {
|
||||
placeholder: '请选择请求方法',
|
||||
options: getDictOptions(DictEnum.T_METHOD ),
|
||||
onUpdateValue: (e: any) => {
|
||||
console.log(e);
|
||||
},
|
||||
},
|
||||
rules:'required',
|
||||
formItemClass: 'col-span-1',
|
||||
}, {
|
||||
fieldName: 'path',
|
||||
component: 'Input',
|
||||
label: '接口路径',
|
||||
componentProps: {
|
||||
placeholder: '请输入接口路径',
|
||||
onUpdateValue: (e: any) => {
|
||||
console.log(e);
|
||||
},
|
||||
},
|
||||
rules:'required',
|
||||
formItemClass: 'col-span-1',
|
||||
},
|
||||
{
|
||||
fieldName: 'status',
|
||||
component: 'Switch',
|
||||
label: '状态',
|
||||
defaultValue: 0,
|
||||
componentProps: FormOptions.Component.SwitchEnabled(),
|
||||
},
|
||||
{
|
||||
fieldName: 'version',
|
||||
component: 'Input',
|
||||
label: '接口版本',
|
||||
componentProps: {
|
||||
placeholder: '请输入接口版本',
|
||||
onUpdateValue: (e: any) => {
|
||||
console.log(e);
|
||||
},
|
||||
},
|
||||
rules:'required',
|
||||
formItemClass: 'col-span-1',
|
||||
}, {
|
||||
fieldName: 'remark',
|
||||
component: 'Input',
|
||||
label: '备注',
|
||||
componentProps: {
|
||||
placeholder: '请输入备注',
|
||||
onUpdateValue: (e: any) => {
|
||||
console.log(e);
|
||||
},
|
||||
},
|
||||
rules:null,
|
||||
formItemClass: 'col-span-1',
|
||||
}, ];
|
||||
Reference in New Issue
Block a user