新增前端vue

This commit is contained in:
2025-11-26 18:17:22 +08:00
parent 3683b86db7
commit 3ac807e5d9
38 changed files with 5121 additions and 544 deletions

View File

@@ -0,0 +1,22 @@
- 官方网站:<https://jeesite.com>
- 使用文档:<https://jeesite.com/docs>
- 后端代码:<https://gitee.com/thinkgem/jeesite5>
- 前端代码:<https://gitee.com/thinkgem/jeesite-vue>
------
<div align="center">
如果你喜欢 JeeSite请给她一个 ⭐️ Star您的支持将是我们前行的动力。
</div>
------
- 问题反馈:<https://gitee.com/thinkgem/jeesite-vue/issues> [【新手必读】](https://gitee.com/thinkgem/jeesite5/issues/I18ARR)
- 需求收集:<https://gitee.com/thinkgem/jeesite-vue/issues/new>
- QQ 群:`127515876``209330483``223507718``709534275``730390092``1373527``183903863(外包)`
- 微信群:添加客服微信 <http://s.jeesite.com> 邀请您进群
- 关注微信公众号,了解最新动态:
<p style="padding-left:40px">
<img alt="JeeSite微信公众号" src="https://jeesite.com/assets/images/mp.png" width="220" height="220">
</p>

View File

@@ -0,0 +1,42 @@
/**
* Copyright (c) 2013-Now http://jeesite.com All rights reserved.
* No deletion without permission, or be held responsible to law.
* @author gaoxq
*/
import { defHttp } from '@jeesite/core/utils/http/axios';
import { useGlobSetting } from '@jeesite/core/hooks/setting';
import { BasicModel, Page } from '@jeesite/core/api/model/baseModel';
const { adminPath } = useGlobSetting();
export interface BizQuickLogin extends BasicModel<BizQuickLogin> {
createTime?: string; // 创建时间
systemName: string; // 系统名称
homepageUrl: string; // 首页地址
iconClass: string; // 图标类名
iconColor: string; // 图标颜色
sortOrder: number; // 排序序号
bgColor: string; // 图标背景色
maskColor: string; // 悬浮遮罩色
isEnabled: number; // 是否启用
updateTime?: string; // 更新时间
ftenantId?: string; // 租户id
fflowId?: string; // 流程id
fflowTaskId?: string; // 流程任务主键
fflowState?: number; // 流程任务状态
}
export const bizQuickLoginList = (params?: BizQuickLogin | any) =>
defHttp.get<BizQuickLogin>({ url: adminPath + '/biz/quickLogin/list', params });
export const bizQuickLoginListData = (params?: BizQuickLogin | any) =>
defHttp.post<Page<BizQuickLogin>>({ url: adminPath + '/biz/quickLogin/listData', params });
export const bizQuickLoginForm = (params?: BizQuickLogin | any) =>
defHttp.get<BizQuickLogin>({ url: adminPath + '/biz/quickLogin/form', params });
export const bizQuickLoginSave = (params?: any, data?: BizQuickLogin | any) =>
defHttp.postJson<BizQuickLogin>({ url: adminPath + '/biz/quickLogin/save', params, data });
export const bizQuickLoginDelete = (params?: BizQuickLogin | any) =>
defHttp.get<BizQuickLogin>({ url: adminPath + '/biz/quickLogin/delete', params });

View File

@@ -0,0 +1,30 @@
{
"name": "@jeesite/biz",
"version": "5.14.0",
"private": true,
"type": "module",
"scripts": {
"type:check": "vue-tsc --noEmit --skipLibCheck",
"uninstall": "rimraf node_modules",
"update": "ncu -u"
},
"dependencies": {
"qs": "6.14.0"
},
"devDependencies": {
"@types/qs": "6.9.18"
},
"homepage": "https://jeesite.com",
"repository": {
"type": "git",
"url": "https://gitee.com/thinkgem/jeesite-vue.git"
},
"bugs": {
"url": "https://gitee.com/thinkgem/jeesite-vue/issues"
},
"author": {
"name": "ThinkGem",
"email": "thinkgem@163.com",
"url": "https://gitee.com/thinkgem"
}
}

View File

@@ -0,0 +1,20 @@
{
"extends": "../../tsconfig.json",
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@jeesite/biz/*": ["./*"]
}
},
"include": [
"./**/*.ts",
"./**/*.tsx",
"./**/*.vue"
],
"exclude": [
"node_modules",
"vite.config.ts",
"_lib",
"dist"
]
}

View File

@@ -0,0 +1,158 @@
<!--
* Copyright (c) 2013-Now http://jeesite.com All rights reserved.
* No deletion without permission, or be held responsible to law.
* @author gaoxq
-->
<template>
<BasicDrawer
v-bind="$attrs"
:showFooter="true"
:okAuth="'biz:quickLogin:edit'"
@register="registerDrawer"
@ok="handleSubmit"
width="70%"
>
<template #title>
<Icon :icon="getTitle.icon" class="m-1 pr-1" />
<span> {{ getTitle.value }} </span>
</template>
<BasicForm @register="registerForm" />
</BasicDrawer>
</template>
<script lang="ts" setup name="ViewsBizQuickLoginForm">
import { ref, unref, computed } from 'vue';
import { useI18n } from '@jeesite/core/hooks/web/useI18n';
import { useMessage } from '@jeesite/core/hooks/web/useMessage';
import { router } from '@jeesite/core/router';
import { Icon } from '@jeesite/core/components/Icon';
import { BasicForm, FormSchema, useForm } from '@jeesite/core/components/Form';
import { BasicDrawer, useDrawerInner } from '@jeesite/core/components/Drawer';
import { BizQuickLogin, bizQuickLoginSave, bizQuickLoginForm } from '@jeesite/biz/api/biz/quickLogin';
const emit = defineEmits(['success', 'register']);
const { t } = useI18n('biz.quickLogin');
const { showMessage } = useMessage();
const { meta } = unref(router.currentRoute);
const record = ref<BizQuickLogin>({} as BizQuickLogin);
const getTitle = computed(() => ({
icon: meta.icon || 'i-ant-design:book-outlined',
value: record.value.isNewRecord ? t('新增系统信息') : t('编辑系统信息'),
}));
const inputFormSchemas: FormSchema<BizQuickLogin>[] = [
{
label: t('系统名称'),
field: 'systemName',
component: 'Input',
componentProps: {
maxlength: 100,
},
required: true,
},
{
label: t('首页地址'),
field: 'homepageUrl',
component: 'Input',
componentProps: {
maxlength: 255,
},
required: true,
},
{
label: t('图标类名'),
field: 'iconClass',
component: 'Input',
componentProps: {
maxlength: 50,
},
required: true,
},
{
label: t('图标颜色'),
field: 'iconColor',
component: 'Input',
componentProps: {
maxlength: 20,
},
required: true,
},
{
label: t('排序序号'),
field: 'sortOrder',
component: 'Input',
componentProps: {
maxlength: 10,
},
required: true,
},
{
label: t('图标背景色'),
field: 'bgColor',
component: 'Input',
componentProps: {
maxlength: 52,
},
required: true,
},
{
label: t('悬浮遮罩色'),
field: 'maskColor',
component: 'Input',
componentProps: {
maxlength: 52,
},
required: true,
},
{
label: t('是否启用'),
field: 'isEnabled',
component: 'Select',
componentProps: {
dictType: '',
allowClear: true,
},
required: true,
},
];
const [registerForm, { resetFields, setFieldsValue, validate }] = useForm<BizQuickLogin>({
labelWidth: 120,
schemas: inputFormSchemas,
baseColProps: { md: 24, lg: 12 },
});
const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
setDrawerProps({ loading: true });
await resetFields();
const res = await bizQuickLoginForm(data);
record.value = (res.bizQuickLogin || {}) as BizQuickLogin;
record.value.__t = new Date().getTime();
await setFieldsValue(record.value);
setDrawerProps({ loading: false });
});
async function handleSubmit() {
try {
const data = await validate();
setDrawerProps({ confirmLoading: true });
const params: any = {
isNewRecord: record.value.isNewRecord,
id: record.value.id || data.id,
};
// console.log('submit', params, data, record);
const res = await bizQuickLoginSave(params, data);
showMessage(res.message);
setTimeout(closeDrawer);
emit('success', data);
} catch (error: any) {
if (error && error.errorFields) {
showMessage(error.message || t('common.validateError'));
}
console.log('error', error);
} finally {
setDrawerProps({ confirmLoading: false });
}
}
</script>

View File

@@ -0,0 +1,222 @@
<!--
* Copyright (c) 2013-Now http://jeesite.com All rights reserved.
* No deletion without permission, or be held responsible to law.
* @author gaoxq
-->
<template>
<div>
<BasicTable @register="registerTable">
<template #tableTitle>
<Icon :icon="getTitle.icon" class="m-1 pr-1" />
<span> {{ getTitle.value }} </span>
</template>
<template #toolbar>
<a-button type="primary" @click="handleForm({})" v-auth="'biz:quickLogin:edit'">
<Icon icon="i-fluent:add-12-filled" /> {{ t('新增') }}
</a-button>
</template>
<template #firstColumn="{ record }">
<a @click="handleForm({ id: record.id })" :title="record.createTime">
{{ record.createTime }}
</a>
</template>
</BasicTable>
<InputForm @register="registerDrawer" @success="handleSuccess" />
</div>
</template>
<script lang="ts" setup name="ViewsBizQuickLoginList">
import { onMounted, ref, unref } from 'vue';
import { useI18n } from '@jeesite/core/hooks/web/useI18n';
import { useMessage } from '@jeesite/core/hooks/web/useMessage';
import { router } from '@jeesite/core/router';
import { Icon } from '@jeesite/core/components/Icon';
import { BasicTable, BasicColumn, useTable } from '@jeesite/core/components/Table';
import { BizQuickLogin, bizQuickLoginList } from '@jeesite/biz/api/biz/quickLogin';
import { bizQuickLoginDelete, bizQuickLoginListData } from '@jeesite/biz/api/biz/quickLogin';
import { useDrawer } from '@jeesite/core/components/Drawer';
import { FormProps } from '@jeesite/core/components/Form';
import InputForm from './form.vue';
const { t } = useI18n('biz.quickLogin');
const { showMessage } = useMessage();
const { meta } = unref(router.currentRoute);
const record = ref<BizQuickLogin>({} as BizQuickLogin);
const getTitle = {
icon: meta.icon || 'i-ant-design:book-outlined',
value: meta.title || t('系统信息管理'),
};
const searchForm: FormProps<BizQuickLogin> = {
baseColProps: { md: 8, lg: 6 },
labelWidth: 90,
schemas: [
{
label: t('创建时间起'),
field: 'createTime_gte',
component: 'DatePicker',
componentProps: {
format: 'YYYY-MM-DD HH:mm',
showTime: { format: 'HH:mm' },
},
},
{
label: t('创建时间止'),
field: 'createTime_lte',
component: 'DatePicker',
componentProps: {
format: 'YYYY-MM-DD HH:mm',
showTime: { format: 'HH:mm' },
},
},
{
label: t('系统名称'),
field: 'systemName',
component: 'Input',
},
],
};
const tableColumns: BasicColumn<BizQuickLogin>[] = [
{
title: t('创建时间'),
dataIndex: 'createTime',
key: 'a.create_time',
sorter: true,
width: 230,
align: 'left',
slot: 'firstColumn',
},
{
title: t('系统名称'),
dataIndex: 'systemName',
key: 'a.system_name',
sorter: true,
width: 130,
align: 'left',
},
{
title: t('首页地址'),
dataIndex: 'homepageUrl',
key: 'a.homepage_url',
sorter: true,
width: 130,
align: 'left',
},
{
title: t('图标类名'),
dataIndex: 'iconClass',
key: 'a.icon_class',
sorter: true,
width: 130,
align: 'left',
},
{
title: t('图标颜色'),
dataIndex: 'iconColor',
key: 'a.icon_color',
sorter: true,
width: 130,
align: 'left',
},
{
title: t('排序序号'),
dataIndex: 'sortOrder',
key: 'a.sort_order',
sorter: true,
width: 130,
align: 'center',
},
{
title: t('图标背景色'),
dataIndex: 'bgColor',
key: 'a.bg_color',
sorter: true,
width: 130,
align: 'left',
},
{
title: t('悬浮遮罩色'),
dataIndex: 'maskColor',
key: 'a.mask_color',
sorter: true,
width: 130,
align: 'left',
},
{
title: t('是否启用'),
dataIndex: 'isEnabled',
key: 'a.is_enabled',
sorter: true,
width: 130,
align: 'center',
dictType: '',
},
{
title: t('更新时间'),
dataIndex: 'updateTime',
key: 'a.update_time',
sorter: true,
width: 130,
align: 'center',
},
];
const actionColumn: BasicColumn<BizQuickLogin> = {
width: 160,
actions: (record: BizQuickLogin) => [
{
icon: 'i-clarity:note-edit-line',
title: t('编辑系统信息'),
onClick: handleForm.bind(this, { id: record.id }),
auth: 'biz:quickLogin:edit',
},
{
icon: 'i-ant-design:delete-outlined',
color: 'error',
title: t('删除系统信息'),
popConfirm: {
title: t('是否确认删除系统信息'),
confirm: handleDelete.bind(this, record),
},
auth: 'biz:quickLogin:edit',
},
],
};
const [registerTable, { reload, getForm }] = useTable<BizQuickLogin>({
api: bizQuickLoginListData,
beforeFetch: (params) => {
return params;
},
columns: tableColumns,
actionColumn: actionColumn,
formConfig: searchForm,
showTableSetting: true,
useSearchForm: true,
canResize: true,
});
onMounted(async () => {
const res = await bizQuickLoginList();
record.value = (res.bizQuickLogin || {}) as BizQuickLogin;
await getForm().setFieldsValue(record.value);
});
const [registerDrawer, { openDrawer }] = useDrawer();
function handleForm(record: Recordable) {
openDrawer(true, record);
}
async function handleDelete(record: Recordable) {
const params = { id: record.id };
const res = await bizQuickLoginDelete(params);
showMessage(res.message);
await handleSuccess(record);
}
async function handleSuccess(record: Recordable) {
await reload({ record });
}
</script>

View File

@@ -0,0 +1,143 @@
import { useI18n } from '@jeesite/core/hooks/web/useI18n';
import { BasicColumn, BasicTableProps, FormProps } from '@jeesite/core/components/Table';
import { bizQuickLoginListData } from '@jeesite/biz/api/biz/quickLogin';
const { t } = useI18n('biz.quickLogin');
const modalProps = {
title: t('系统信息选择'),
};
const searchForm: FormProps<BizQuickLogin> = {
baseColProps: { md: 8, lg: 6 },
labelWidth: 90,
schemas: [
{
label: t('创建时间起'),
field: 'createTime_gte',
component: 'DatePicker',
componentProps: {
format: 'YYYY-MM-DD HH:mm',
showTime: { format: 'HH:mm' },
},
},
{
label: t('创建时间止'),
field: 'createTime_lte',
component: 'DatePicker',
componentProps: {
format: 'YYYY-MM-DD HH:mm',
showTime: { format: 'HH:mm' },
},
},
{
label: t('系统名称'),
field: 'systemName',
component: 'Input',
},
],
};
const tableColumns: BasicColumn<BizQuickLogin>[] = [
{
title: t('创建时间'),
dataIndex: 'createTime',
key: 'a.create_time',
sorter: true,
width: 230,
align: 'left',
slot: 'firstColumn',
},
{
title: t('系统名称'),
dataIndex: 'systemName',
key: 'a.system_name',
sorter: true,
width: 130,
align: 'left',
},
{
title: t('首页地址'),
dataIndex: 'homepageUrl',
key: 'a.homepage_url',
sorter: true,
width: 130,
align: 'left',
},
{
title: t('图标类名'),
dataIndex: 'iconClass',
key: 'a.icon_class',
sorter: true,
width: 130,
align: 'left',
},
{
title: t('图标颜色'),
dataIndex: 'iconColor',
key: 'a.icon_color',
sorter: true,
width: 130,
align: 'left',
},
{
title: t('排序序号'),
dataIndex: 'sortOrder',
key: 'a.sort_order',
sorter: true,
width: 130,
align: 'center',
},
{
title: t('图标背景色'),
dataIndex: 'bgColor',
key: 'a.bg_color',
sorter: true,
width: 130,
align: 'left',
},
{
title: t('悬浮遮罩色'),
dataIndex: 'maskColor',
key: 'a.mask_color',
sorter: true,
width: 130,
align: 'left',
},
{
title: t('是否启用'),
dataIndex: 'isEnabled',
key: 'a.is_enabled',
sorter: true,
width: 130,
align: 'center',
dictType: '',
},
{
title: t('更新时间'),
dataIndex: 'updateTime',
key: 'a.update_time',
sorter: true,
width: 130,
align: 'center',
},
];
const tableProps: BasicTableProps = {
api: bizQuickLoginListData,
beforeFetch: (params) => {
params['isAll'] = true;
return params;
},
columns: tableColumns,
formConfig: searchForm,
rowKey: 'id',
};
export default {
modalProps,
tableProps,
itemCode: 'id',
itemName: 'id',
isShowCode: false,
};