新增前端vue

This commit is contained in:
2025-11-26 13:55:01 +08:00
parent ae391f1b94
commit ffd5a6ad66
781 changed files with 83348 additions and 0 deletions

View File

@@ -0,0 +1,23 @@
- 官方网站:<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,43 @@
/**
* Copyright (c) 2013-Now http://jeesite.com All rights reserved.
* No deletion without permission, or be held responsible to law.
* @author ThinkGem
*/
import { defHttp } from '@jeesite/core/utils/http/axios';
import { useGlobSetting } from '@jeesite/core/hooks/setting';
import { TreeDataModel, TreeModel } from '@jeesite/core/api/model/baseModel';
const { adminPath } = useGlobSetting();
export interface BizCategory extends TreeModel<BizCategory> {
categoryCode?: string; // 流程分类
viewCode?: string; // 分类代码
categoryName?: string; // 分类名称
}
export const bizCategoryList = (params?: BizCategory | any) =>
defHttp.get<BizCategory>({ url: adminPath + '/biz/bizCategory/list', params });
export const bizCategoryListData = (params?: BizCategory | any) =>
defHttp.post<BizCategory[]>({ url: adminPath + '/biz/bizCategory/listData', params });
export const bizCategoryForm = (params?: BizCategory | any) =>
defHttp.get<BizCategory>({ url: adminPath + '/biz/bizCategory/form', params });
export const bizCategoryCreateNextNode = (params?: BizCategory | any) =>
defHttp.get<BizCategory>({ url: adminPath + '/biz/bizCategory/createNextNode', params });
export const bizCategorySave = (params?: any, data?: BizCategory | any) =>
defHttp.postJson<BizCategory>({ url: adminPath + '/biz/bizCategory/save', params, data });
export const bizCategoryDisable = (params?: BizCategory | any) =>
defHttp.get<BizCategory>({ url: adminPath + '/biz/bizCategory/disable', params });
export const bizCategoryEnable = (params?: BizCategory | any) =>
defHttp.get<BizCategory>({ url: adminPath + '/biz/bizCategory/enable', params });
export const bizCategoryDelete = (params?: BizCategory | any) =>
defHttp.get<BizCategory>({ url: adminPath + '/biz/bizCategory/delete', params });
export const bizCategoryTreeData = (params?: any) =>
defHttp.get<TreeDataModel[]>({ url: adminPath + '/biz/bizCategory/treeData', params });

View File

@@ -0,0 +1,2 @@
import './node_modules/@jeesite/dbm-lib/dist/style.css';
export { DbmDatasourceList, DbmModifyLogList, DbmTableList } from './node_modules/@jeesite/dbm-lib/dist';

View File

@@ -0,0 +1,31 @@
{
"name": "@jeesite/dbm",
"version": "5.14.0",
"private": true,
"type": "module",
"scripts": {
"type:check": "vue-tsc --noEmit --skipLibCheck",
"uninstall": "rimraf node_modules",
"update": "ncu -u"
},
"dependencies": {
"@jeesite/dbm-lib": "5.14.0-rc.1",
"qs": "6.14.0"
},
"devDependencies": {
"@types/qs": "6.14.0"
},
"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,19 @@
{
"extends": "../../tsconfig.json",
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@jeesite/dbm/*": ["./*"]
}
},
"include": [
"./**/*.ts",
"./**/*.tsx",
"./**/*.vue"
],
"exclude": [
"node_modules",
"vite.config.ts",
"dist"
]
}

View File

@@ -0,0 +1,150 @@
<!--
* Copyright (c) 2013-Now http://jeesite.com All rights reserved.
* No deletion without permission, or be held responsible to law.
* @author ThinkGem
-->
<template>
<BasicModal
v-bind="$attrs"
:showFooter="true"
:okAuth="'biz:bizCategory:edit'"
@register="registerModal"
@ok="handleSubmit"
width="60%"
>
<template #title>
<Icon :icon="getTitle.icon" class="m-1 pr-1" />
<span> {{ getTitle.value }} </span>
</template>
<BasicForm @register="registerForm" />
</BasicModal>
</template>
<script lang="ts" setup name="ViewsBizCategoryForm">
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 { BasicModal, useModalInner } from '@jeesite/core/components/Modal';
import { BizCategory, bizCategorySave, bizCategoryForm, bizCategoryTreeData } from '@jeesite/dbm/api/biz/bizCategory';
const emit = defineEmits(['success', 'register']);
const { t } = useI18n('biz.bizCategory');
const { showMessage } = useMessage();
const { meta } = unref(router.currentRoute);
const record = ref<BizCategory>({} as BizCategory);
const getTitle = computed(() => ({
icon: meta.icon || 'i-ant-design:book-outlined',
value: record.value.isNewRecord ? t('新增分类') : t('编辑分类'),
}));
const inputFormSchemas: FormSchema[] = [
{
label: t('上级分类'),
field: 'parentCode',
fieldLabel: 'parentName',
component: 'TreeSelect',
componentProps: {
allowClear: true,
// style: 'width: calc(50% - 60px)',
},
// colProps: { md: 24, lg: 24 },
},
{
label: t('分类代码'),
field: 'viewCode',
component: 'Input',
componentProps: {
maxlength: 500,
},
},
{
label: t('分类名称'),
field: 'categoryName',
component: 'Input',
componentProps: {
maxlength: 64,
},
required: true,
},
{
label: t('排序号'),
field: 'treeSort',
helpMessage: '升序',
component: 'InputNumber',
defaultValue: '30',
componentProps: {
maxlength: 8,
},
rules: [{ required: true }, { pattern: /^\d+$/, message: t('请输入一个正整数') }],
},
{
label: t('备注信息'),
field: 'remarks',
component: 'InputTextArea',
componentProps: {
maxlength: 500,
},
colProps: { md: 24, lg: 24 },
},
];
const [registerForm, { resetFields, setFieldsValue, updateSchema, validate }] = useForm({
labelWidth: 120,
schemas: inputFormSchemas,
baseColProps: { md: 24, lg: 12 },
});
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
setModalProps({ loading: true });
await resetFields();
const res = await bizCategoryForm(data);
record.value = (res.bizCategory || {}) as BizCategory;
record.value.__t = new Date().getTime();
if (data.parentCode && data.parentName) {
record.value.parentCode = data.parentCode;
record.value.parentName = data.parentName;
}
setFieldsValue(record.value);
updateSchema([
{
field: 'parentCode',
componentProps: {
api: bizCategoryTreeData,
params: {
excludeCode: record.value.id,
isShowRawName: true,
},
},
},
]);
setModalProps({ loading: false });
});
async function handleSubmit() {
try {
const data = await validate();
setModalProps({ confirmLoading: true });
const params: any = {
isNewRecord: record.value.isNewRecord,
categoryCode: record.value.categoryCode,
};
data.oldParentCode = record.value.parentCode;
// console.log('submit', params, data, record);
const res = await bizCategorySave(params, data);
showMessage(res.message);
setTimeout(closeModal);
emit('success', data);
} catch (error: any) {
if (error && error.errorFields) {
showMessage(error.message || t('common.validateError'));
}
console.log('error', error);
} finally {
setModalProps({ confirmLoading: false });
}
}
</script>

View File

@@ -0,0 +1,35 @@
<!--
* Copyright (c) 2013-Now http://jeesite.com All rights reserved.
* No deletion without permission, or be held responsible to law.
* @author ThinkGem
-->
<template>
<PageWrapper :sidebarWidth="230">
<template #sidebar>
<BasicTree
:title="t('分类')"
:search="true"
:toolbar="true"
:api="bizCategoryTreeData"
:defaultExpandLevel="2"
@select="handleSelect"
/>
</template>
<ListView :treeCode="treeCode" />
</PageWrapper>
</template>
<script lang="ts" setup name="ViewsBizCategoryIndex">
import { ref } from 'vue';
import { useI18n } from '@jeesite/core/hooks/web/useI18n';
import { PageWrapper } from '@jeesite/core/components/Page';
import { BasicTree } from '@jeesite/core/components/Tree';
import { bizCategoryTreeData } from '@jeesite/dbm/api/biz/bizCategory';
import ListView from './list.vue';
const { t } = useI18n('biz.bizCategory');
const treeCode = ref<string>('');
function handleSelect(keys: string[]) {
treeCode.value = keys[0];
}
</script>

View File

@@ -0,0 +1,240 @@
<!--
* Copyright (c) 2013-Now http://jeesite.com All rights reserved.
* No deletion without permission, or be held responsible to law.
* @author ThinkGem
-->
<template>
<div>
<BasicTable @register="registerTable" @fetch-success="fetchSuccess">
<template #tableTitle>
<Icon :icon="getTitle.icon" class="m-1 pr-1" />
<span> {{ getTitle.value }} </span>
</template>
<template #toolbar>
<a-button @click="expandAll" :title="t('展开一级')">
<Icon icon="i-bi:chevron-double-down" /> {{ t('展开') }}
</a-button>
<a-button @click="collapseAll" :title="t('折叠全部')">
<Icon icon="i-bi:chevron-double-up" /> {{ t('折叠') }}
</a-button>
<a-button type="primary" @click="handleForm({})" v-auth="'biz:bizCategory:edit'">
<Icon icon="i-fluent:add-12-filled" /> {{ t('新增') }}
</a-button>
</template>
<template #firstColumn="{ record }">
<span class="cursor-pointer" @click="expandCollapse(record)"> ( {{ record.viewCode }} ) </span>
<a @click="handleForm({ categoryCode: record.categoryCode })">
{{ record.categoryName }}
</a>
</template>
</BasicTable>
<InputForm @register="registerModal" @success="handleSuccess" />
</div>
</template>
<script lang="ts" setup name="ViewsBizCategoryList">
import { unref, watch, nextTick } 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 { bizCategoryDelete, bizCategoryListData } from '@jeesite/dbm/api/biz/bizCategory';
import { bizCategoryDisable, bizCategoryEnable } from '@jeesite/dbm/api/biz/bizCategory';
import { useModal } from '@jeesite/core/components/Modal';
import { FormProps } from '@jeesite/core/components/Form';
import InputForm from './form.vue';
const props = defineProps({
treeCode: String,
});
const { t } = useI18n('biz.bizCategory');
const { showMessage } = useMessage();
const { meta } = unref(router.currentRoute);
const getTitle = {
icon: meta.icon || 'i-ant-design:book-outlined',
value: meta.title || t('分类管理'),
};
const searchForm: FormProps = {
baseColProps: { md: 8, lg: 6 },
labelWidth: 90,
schemas: [
{
label: t('分类代码'),
field: 'viewCode',
component: 'Input',
},
{
label: t('分类名称'),
field: 'categoryName',
component: 'Input',
},
{
label: t('状态'),
field: 'status',
component: 'Select',
componentProps: {
dictType: 'sys_search_status',
allowClear: true,
onChange: handleSuccess,
},
},
{
label: t('备注信息'),
field: 'remarks',
component: 'Input',
},
],
};
const tableColumns: BasicColumn[] = [
{
title: t('分类名称'),
dataIndex: 'categoryName',
width: 230,
align: 'left',
slot: 'firstColumn',
},
{
title: t('排序号'),
dataIndex: 'treeSort',
width: 70,
align: 'center',
},
{
title: t('状态'),
dataIndex: 'status',
width: 70,
align: 'center',
dictType: 'sys_search_status',
},
{
title: t('更新时间'),
dataIndex: 'updateDate',
width: 130,
align: 'center',
},
{
title: t('备注信息'),
dataIndex: 'remarks',
width: 130,
align: 'left',
},
];
const actionColumn: BasicColumn = {
width: 160,
actions: (record: Recordable) => [
{
icon: 'i-clarity:note-edit-line',
title: t('编辑分类'),
onClick: handleForm.bind(this, { categoryCode: record.categoryCode }),
auth: 'biz:bizCategory:edit',
},
{
icon: 'i-ant-design:stop-outlined',
color: 'error',
title: t('停用分类'),
popConfirm: {
title: t('是否确认停用分类'),
confirm: handleDisable.bind(this, record),
},
auth: 'biz:bizCategory:edit',
ifShow: () => record.status === '0',
},
{
icon: 'i-ant-design:check-circle-outlined',
color: 'success',
title: t('启用分类'),
popConfirm: {
title: t('是否确认启用分类'),
confirm: handleEnable.bind(this, record),
},
auth: 'biz:bizCategory:edit',
ifShow: () => record.status === '2',
},
{
icon: 'i-ant-design:delete-outlined',
color: 'error',
title: t('删除分类'),
popConfirm: {
title: t('是否确认删除分类'),
confirm: handleDelete.bind(this, record),
},
auth: 'biz:bizCategory:edit',
},
{
icon: 'i-fluent:add-circle-24-regular',
title: t('新增下级分类'),
onClick: handleForm.bind(this, {
parentCode: record.id,
parentName: record.categoryName,
}),
auth: 'biz:bizCategory:edit',
},
],
};
const [registerModal, { openModal }] = useModal();
const [registerTable, { reload, expandAll, collapseAll, expandCollapse, getForm }] = useTable({
api: bizCategoryListData,
beforeFetch: (params) => {
return params;
},
columns: tableColumns,
actionColumn: actionColumn,
formConfig: searchForm,
showTableSetting: true,
useSearchForm: true,
isTreeTable: true,
pagination: false,
canResize: true,
});
watch(
() => props.treeCode,
async () => {
await getForm().setFieldsValue({
categoryCode: props.treeCode,
});
reload();
},
);
function fetchSuccess() {
if (props.treeCode) {
nextTick(expandAll);
}
}
function handleForm(record: Recordable) {
openModal(true, record);
}
async function handleDisable(record: Recordable) {
const params = { categoryCode: record.categoryCode };
const res = await bizCategoryDisable(params);
showMessage(res.message);
handleSuccess(record);
}
async function handleEnable(record: Recordable) {
const params = { categoryCode: record.categoryCode };
const res = await bizCategoryEnable(params);
showMessage(res.message);
handleSuccess(record);
}
async function handleDelete(record: Recordable) {
const params = { categoryCode: record.categoryCode };
const res = await bizCategoryDelete(params);
showMessage(res.message);
handleSuccess(record);
}
function handleSuccess(record: Recordable) {
reload({ record });
}
</script>

View File

@@ -0,0 +1,11 @@
<!--
* Copyright (c) 2013-Now http://jeesite.com All rights reserved.
* No deletion without permission, or be held responsible to law.
* @author ThinkGem
-->
<template>
<DbmDatasourceList />
</template>
<script lang="ts" setup name="ViewsDbmDbmDatasourceList">
import { DbmDatasourceList } from '@jeesite/dbm';
</script>

View File

@@ -0,0 +1,11 @@
<!--
* Copyright (c) 2013-Now http://jeesite.com All rights reserved.
* No deletion without permission, or be held responsible to law.
* @author ThinkGem
-->
<template>
<DbmModifyLogList />
</template>
<script lang="ts" setup name="ViewsDbmDbmModifyLogList">
import { DbmModifyLogList } from '@jeesite/dbm';
</script>

View File

@@ -0,0 +1,11 @@
<!--
* Copyright (c) 2013-Now http://jeesite.com All rights reserved.
* No deletion without permission, or be held responsible to law.
* @author ThinkGem
-->
<template>
<DbmTableList />
</template>
<script lang="ts" setup name="ViewsDbmDbmTableList">
import { DbmTableList } from '@jeesite/dbm';
</script>