新增预警页面

This commit is contained in:
2025-12-11 21:47:01 +08:00
parent d3a19803e9
commit 0ce726551c
63 changed files with 437 additions and 1013 deletions

View File

@@ -4,20 +4,20 @@
* @author gaoxq
-->
<template>
<BasicDrawer
<BasicModal
v-bind="$attrs"
:showFooter="true"
:okAuth="'erp:account:edit'"
@register="registerDrawer"
@register="registerModal"
@ok="handleSubmit"
width="40%"
width="60%"
>
<template #title>
<Icon :icon="getTitle.icon" class="m-1 pr-1" />
<span> {{ getTitle.value }} </span>
</template>
<BasicForm @register="registerForm" />
</BasicDrawer>
</BasicModal>
</template>
<script lang="ts" setup name="ViewsErpAccountForm">
import { ref, unref, computed } from 'vue';
@@ -26,7 +26,7 @@
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 { BasicModal, useModalInner } from '@jeesite/core/components/Modal';
import { ErpAccount, erpAccountSave, erpAccountForm } from '@jeesite/erp/api/erp/account';
const emit = defineEmits(['success', 'register']);
@@ -108,20 +108,20 @@
baseColProps: { md: 24, lg: 12 },
});
const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
setDrawerProps({ loading: true });
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
setModalProps({ loading: true });
await resetFields();
const res = await erpAccountForm(data);
record.value = (res.erpAccount || {}) as ErpAccount;
record.value.__t = new Date().getTime();
await setFieldsValue(record.value);
setDrawerProps({ loading: false });
setModalProps({ loading: false });
});
async function handleSubmit() {
try {
const data = await validate();
setDrawerProps({ confirmLoading: true });
setModalProps({ confirmLoading: true });
const params: any = {
isNewRecord: record.value.isNewRecord,
accountId: record.value.accountId || data.accountId,
@@ -129,7 +129,7 @@
// console.log('submit', params, data, record);
const res = await erpAccountSave(params, data);
showMessage(res.message);
setTimeout(closeDrawer);
setTimeout(closeModal);
emit('success', data);
} catch (error: any) {
if (error && error.errorFields) {
@@ -137,7 +137,7 @@
}
console.log('error', error);
} finally {
setDrawerProps({ confirmLoading: false });
setModalProps({ confirmLoading: false });
}
}
</script>

View File

@@ -24,7 +24,7 @@
</a>
</template>
</BasicTable>
<InputForm @register="registerDrawer" @success="handleSuccess" />
<InputForm @register="registerModal" @success="handleSuccess" />
<FormImport @register="registerImportModal" @success="handleSuccess" />
</div>
</template>
@@ -39,7 +39,6 @@
import { BasicTable, BasicColumn, useTable } from '@jeesite/core/components/Table';
import { ErpAccount, erpAccountList } from '@jeesite/erp/api/erp/account';
import { erpAccountDelete, erpAccountListData } from '@jeesite/erp/api/erp/account';
import { useDrawer } from '@jeesite/core/components/Drawer';
import { useModal } from '@jeesite/core/components/Modal';
import { FormProps } from '@jeesite/core/components/Form';
import InputForm from './form.vue';
@@ -200,10 +199,10 @@
await getForm().setFieldsValue(record.value);
});
const [registerDrawer, { openDrawer }] = useDrawer();
const [registerModal, { openModal }] = useModal();
function handleForm(record: Recordable) {
openDrawer(true, record);
openModal(true, record);
}
async function handleExport() {

View File

@@ -4,20 +4,20 @@
* @author gaoxq
-->
<template>
<BasicDrawer
<BasicModal
v-bind="$attrs"
:showFooter="true"
:okAuth="'erp:category:edit'"
@register="registerDrawer"
@register="registerModal"
@ok="handleSubmit"
width="40%"
width="60%"
>
<template #title>
<Icon :icon="getTitle.icon" class="m-1 pr-1" />
<span> {{ getTitle.value }} </span>
</template>
<BasicForm @register="registerForm" />
</BasicDrawer>
</BasicModal>
</template>
<script lang="ts" setup name="ViewsErpCategoryForm">
import { ref, unref, computed } from 'vue';
@@ -26,7 +26,7 @@
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 { BasicModal, useModalInner } from '@jeesite/core/components/Modal';
import { ErpCategory, erpCategorySave, erpCategoryForm } from '@jeesite/erp/api/erp/category';
const emit = defineEmits(['success', 'register']);
@@ -107,20 +107,20 @@
baseColProps: { md: 24, lg: 12 },
});
const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
setDrawerProps({ loading: true });
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
setModalProps({ loading: true });
await resetFields();
const res = await erpCategoryForm(data);
record.value = (res.erpCategory || {}) as ErpCategory;
record.value.__t = new Date().getTime();
await setFieldsValue(record.value);
setDrawerProps({ loading: false });
setModalProps({ loading: false });
});
async function handleSubmit() {
try {
const data = await validate();
setDrawerProps({ confirmLoading: true });
setModalProps({ confirmLoading: true });
const params: any = {
isNewRecord: record.value.isNewRecord,
categoryId: record.value.categoryId || data.categoryId,
@@ -128,7 +128,7 @@
// console.log('submit', params, data, record);
const res = await erpCategorySave(params, data);
showMessage(res.message);
setTimeout(closeDrawer);
setTimeout(closeModal);
emit('success', data);
} catch (error: any) {
if (error && error.errorFields) {
@@ -136,7 +136,7 @@
}
console.log('error', error);
} finally {
setDrawerProps({ confirmLoading: false });
setModalProps({ confirmLoading: false });
}
}
</script>

View File

@@ -24,7 +24,7 @@
</a>
</template>
</BasicTable>
<InputForm @register="registerDrawer" @success="handleSuccess" />
<InputForm @register="registerModal" @success="handleSuccess" />
<FormImport @register="registerImportModal" @success="handleSuccess" />
</div>
</template>
@@ -39,7 +39,6 @@
import { BasicTable, BasicColumn, useTable } from '@jeesite/core/components/Table';
import { ErpCategory, erpCategoryList } from '@jeesite/erp/api/erp/category';
import { erpCategoryDelete, erpCategoryListData } from '@jeesite/erp/api/erp/category';
import { useDrawer } from '@jeesite/core/components/Drawer';
import { useModal } from '@jeesite/core/components/Modal';
import { FormProps } from '@jeesite/core/components/Form';
import InputForm from './form.vue';
@@ -193,10 +192,10 @@
await getForm().setFieldsValue(record.value);
});
const [registerDrawer, { openDrawer }] = useDrawer();
const [registerModal, { openModal }] = useModal();
function handleForm(record: Recordable) {
openDrawer(true, record);
openModal(true, record);
}
async function handleExport() {

View File

@@ -43,7 +43,7 @@
const getTitle = {
icon: meta.icon || 'i-ant-design:book-outlined',
value: meta.title || t('支出信息管理'),
value: '支出信息管理',
};
const loading = ref(false);

View File

@@ -43,7 +43,7 @@
const getTitle = {
icon: meta.icon || 'i-ant-design:book-outlined',
value: meta.title || t('收入信息管理'),
value: '收入信息管理',
};
const loading = ref(false);

View File

@@ -0,0 +1,33 @@
<template>
<div class="web-page-container">
<Tabs v-model:activeKey="activeKey">
<TabPane key="1" tab="支出信息">
<Expense />
</TabPane>
<TabPane key="2" tab="收入信息">
<Income />
</TabPane>
</Tabs>
</div>
</template>
<script lang="ts" setup name="AboutPage">
import { h, ref } from 'vue';
import { Tag, Tabs ,TabPane } from 'ant-design-vue';
import { PageWrapper } from '@jeesite/core/components/Page';
import Expense from './expense/list.vue';
import Income from './income/list.vue';
const activeKey = ref('1');
</script>
<style scoped lang="less">
// 整体容器样式
.web-page-container {
width: 100%;
background-color: #e8f4f8;
display: flex;
flex-direction: column; // 垂直布局
overflow: hidden; // 防止内容溢出
}
</style>

View File

@@ -4,20 +4,20 @@
* @author gaoxq
-->
<template>
<BasicDrawer
<BasicModal
v-bind="$attrs"
:showFooter="true"
:okAuth="'erp:transactionFlow:edit'"
@register="registerDrawer"
@register="registerModal"
@ok="handleSubmit"
width="70%"
width="60%"
>
<template #title>
<Icon :icon="getTitle.icon" class="m-1 pr-1" />
<span> {{ getTitle.value }} </span>
</template>
<BasicForm @register="registerForm" />
</BasicDrawer>
</BasicModal>
</template>
<script lang="ts" setup name="ViewsErpTransactionFlowForm">
import { ref, unref, computed } from 'vue';
@@ -26,7 +26,7 @@
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 { BasicModal, useModalInner } from '@jeesite/core/components/Modal';
import { ErpCategory, erpCategoryListAll } from '@jeesite/erp/api/erp/category';
import { ErpTransactionFlow, erpTransactionFlowSave, erpTransactionFlowForm } from '@jeesite/erp/api/erp/transactionFlow';
@@ -118,20 +118,20 @@
baseColProps: { md: 24, lg: 12 },
});
const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
setDrawerProps({ loading: true });
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
setModalProps({ loading: true });
await resetFields();
const res = await erpTransactionFlowForm(data);
record.value = (res.erpTransactionFlow || {}) as ErpTransactionFlow;
record.value.__t = new Date().getTime();
await setFieldsValue(record.value);
setDrawerProps({ loading: false });
setModalProps({ loading: false });
});
async function handleSubmit() {
try {
const data = await validate();
setDrawerProps({ confirmLoading: true });
setModalProps({ confirmLoading: true });
const params: any = {
isNewRecord: record.value.isNewRecord,
flowId: record.value.flowId || data.flowId,
@@ -139,7 +139,7 @@
// console.log('submit', params, data, record);
const res = await erpTransactionFlowSave(params, data);
showMessage(res.message);
setTimeout(closeDrawer);
setTimeout(closeModal);
emit('success', data);
} catch (error: any) {
if (error && error.errorFields) {
@@ -147,7 +147,7 @@
}
console.log('error', error);
} finally {
setDrawerProps({ confirmLoading: false });
setModalProps({ confirmLoading: false });
}
}
</script>

View File

@@ -19,7 +19,7 @@
</a-button>
</template>
</BasicTable>
<InputForm @register="registerDrawer" @success="handleSuccess" />
<InputForm @register="registerModal" @success="handleSuccess" />
<FormImport @register="registerImportModal" @success="handleSuccess" />
</div>
</template>
@@ -34,7 +34,6 @@
import { BasicTable, BasicColumn, useTable } from '@jeesite/core/components/Table';
import { ErpTransactionFlow, erpTransactionFlowList } from '@jeesite/erp/api/erp/transactionFlow';
import { erpTransactionFlowDelete, erpTransactionFlowFinish, erpTransactionFlowListData } from '@jeesite/erp/api/erp/transactionFlow';
import { useDrawer } from '@jeesite/core/components/Drawer';
import { useModal } from '@jeesite/core/components/Modal';
import { FormProps } from '@jeesite/core/components/Form';
import InputForm from './form.vue';
@@ -267,10 +266,10 @@
await getForm().setFieldsValue(record.value);
});
const [registerDrawer, { openDrawer }] = useDrawer();
const [registerModal, { openModal }] = useModal();
function handleForm(record: Recordable) {
openDrawer(true, record);
openModal(true, record);
}
async function handleExport() {
@@ -302,8 +301,6 @@
showMessage(res.message);
await handleSuccess(record);
}
async function handleSuccess(record: Recordable) {
await reload({ record });