This commit is contained in:
@@ -6,7 +6,11 @@ import { $t } from '@vben/locales';
|
|||||||
import { cloneDeep } from '@vben/utils';
|
import { cloneDeep } from '@vben/utils';
|
||||||
|
|
||||||
import { useVbenForm } from '#/adapter/form';
|
import { useVbenForm } from '#/adapter/form';
|
||||||
import { attendanceAreaAdd, attendanceAreaInfo, attendanceAreaUpdate } from '#/api/property/attendanceManagement/attendanceArea';
|
import {
|
||||||
|
attendanceAreaAdd,
|
||||||
|
attendanceAreaInfo,
|
||||||
|
attendanceAreaUpdate,
|
||||||
|
} from '#/api/property/attendanceManagement/attendanceArea';
|
||||||
import { defaultFormValueGetter, useBeforeCloseDiff } from '#/utils/popup';
|
import { defaultFormValueGetter, useBeforeCloseDiff } from '#/utils/popup';
|
||||||
|
|
||||||
import { modalSchema } from './data';
|
import { modalSchema } from './data';
|
||||||
@@ -27,7 +31,7 @@ const [BasicForm, formApi] = useVbenForm({
|
|||||||
// 通用配置项 会影响到所有表单项
|
// 通用配置项 会影响到所有表单项
|
||||||
componentProps: {
|
componentProps: {
|
||||||
class: 'w-full',
|
class: 'w-full',
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
schema: modalSchema(),
|
schema: modalSchema(),
|
||||||
showDefaultActions: false,
|
showDefaultActions: false,
|
||||||
@@ -76,7 +80,9 @@ async function handleConfirm() {
|
|||||||
}
|
}
|
||||||
// getValues获取为一个readonly的对象 需要修改必须先深拷贝一次
|
// getValues获取为一个readonly的对象 需要修改必须先深拷贝一次
|
||||||
const data = cloneDeep(await formApi.getValues());
|
const data = cloneDeep(await formApi.getValues());
|
||||||
await (isUpdate.value ? attendanceAreaUpdate(data) : attendanceAreaAdd(data));
|
await (isUpdate.value
|
||||||
|
? attendanceAreaUpdate(data)
|
||||||
|
: attendanceAreaAdd(data));
|
||||||
resetInitialized();
|
resetInitialized();
|
||||||
emit('reload');
|
emit('reload');
|
||||||
modalApi.close();
|
modalApi.close();
|
||||||
@@ -98,4 +104,3 @@ async function handleClosed() {
|
|||||||
<BasicForm />
|
<BasicForm />
|
||||||
</BasicModal>
|
</BasicModal>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@@ -12,7 +12,7 @@ import dayjs from 'dayjs';
|
|||||||
import {
|
import {
|
||||||
useVbenVxeGrid,
|
useVbenVxeGrid,
|
||||||
vxeCheckboxChecked,
|
vxeCheckboxChecked,
|
||||||
type VxeGridProps
|
type VxeGridProps,
|
||||||
} from '#/adapter/vxe-table';
|
} from '#/adapter/vxe-table';
|
||||||
|
|
||||||
import {
|
import {
|
||||||
@@ -76,7 +76,7 @@ const gridOptions: VxeGridProps = {
|
|||||||
keyField: 'id',
|
keyField: 'id',
|
||||||
},
|
},
|
||||||
// 表格全局唯一表示 保存列配置需要用到
|
// 表格全局唯一表示 保存列配置需要用到
|
||||||
id: 'property-attendanceArea-index'
|
id: 'property-attendanceArea-index',
|
||||||
};
|
};
|
||||||
|
|
||||||
const [BasicTable, tableApi] = useVbenVxeGrid({
|
const [BasicTable, tableApi] = useVbenVxeGrid({
|
||||||
@@ -118,9 +118,14 @@ function handleMultiDelete() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function handleDownloadExcel() {
|
function handleDownloadExcel() {
|
||||||
commonDownloadExcel(attendanceAreaExport, '区域区域管理数据', tableApi.formApi.form.values, {
|
commonDownloadExcel(
|
||||||
|
attendanceAreaExport,
|
||||||
|
'区域区域管理数据',
|
||||||
|
tableApi.formApi.form.values,
|
||||||
|
{
|
||||||
fieldMappingTime: formOptions.fieldMappingTime,
|
fieldMappingTime: formOptions.fieldMappingTime,
|
||||||
});
|
},
|
||||||
|
);
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -140,7 +145,8 @@ function handleDownloadExcel() {
|
|||||||
danger
|
danger
|
||||||
type="primary"
|
type="primary"
|
||||||
v-access:code="['property:attendanceArea:remove']"
|
v-access:code="['property:attendanceArea:remove']"
|
||||||
@click="handleMultiDelete">
|
@click="handleMultiDelete"
|
||||||
|
>
|
||||||
{{ $t('pages.common.delete') }}
|
{{ $t('pages.common.delete') }}
|
||||||
</a-button>
|
</a-button>
|
||||||
<a-button
|
<a-button
|
||||||
|
@@ -20,9 +20,7 @@ import dayjs from 'dayjs';
|
|||||||
import type { PersonVO } from './type';
|
import type { PersonVO } from './type';
|
||||||
import { ref, h } from 'vue';
|
import { ref, h } from 'vue';
|
||||||
import { Tag, Table } from 'ant-design-vue';
|
import { Tag, Table } from 'ant-design-vue';
|
||||||
import {
|
import { attendanceAreaList } from '#/api/property/attendanceManagement/attendanceArea';
|
||||||
attendanceAreaList,
|
|
||||||
} from '#/api/property/attendanceManagement/attendanceArea';
|
|
||||||
|
|
||||||
const emit = defineEmits<{ reload: [] }>();
|
const emit = defineEmits<{ reload: [] }>();
|
||||||
//表单项
|
//表单项
|
||||||
@@ -247,11 +245,10 @@ async function getGroupList() {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
async function getAreaList() {
|
async function getAreaList() {
|
||||||
const res = await attendanceAreaList({ pageSize: 1000000000,
|
const res = await attendanceAreaList({ pageSize: 1000000000, pageNum: 1 });
|
||||||
pageNum: 1,})
|
|
||||||
areaOptions.value = (res.rows || []).map((item) => ({
|
areaOptions.value = (res.rows || []).map((item) => ({
|
||||||
label: item.area,
|
label: item.area,
|
||||||
value:item.id
|
value: item.id,
|
||||||
}));
|
}));
|
||||||
}
|
}
|
||||||
function chooseGroup(value: any) {
|
function chooseGroup(value: any) {
|
||||||
|
@@ -1,9 +1,7 @@
|
|||||||
import type { FormSchemaGetter } from '#/adapter/form';
|
import type { FormSchemaGetter } from '#/adapter/form';
|
||||||
import type { VxeGridProps } from '#/adapter/vxe-table';
|
import type { VxeGridProps } from '#/adapter/vxe-table';
|
||||||
import { renderDict } from '#/utils/render';
|
import { renderDict } from '#/utils/render';
|
||||||
import {
|
import { attendanceAreaList } from '#/api/property/attendanceManagement/attendanceArea';
|
||||||
attendanceAreaList
|
|
||||||
} from '#/api/property/attendanceManagement/attendanceArea';
|
|
||||||
|
|
||||||
export const querySchema: FormSchemaGetter = () => [
|
export const querySchema: FormSchemaGetter = () => [
|
||||||
{
|
{
|
||||||
@@ -275,8 +273,8 @@ export const modalSchema: FormSchemaGetter = () => [
|
|||||||
},
|
},
|
||||||
resultField: 'rows',
|
resultField: 'rows',
|
||||||
labelField: '',
|
labelField: '',
|
||||||
valueField:''
|
valueField: '',
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '状态:0-未生效,1-已生效',
|
label: '状态:0-未生效,1-已生效',
|
||||||
|
@@ -14,9 +14,7 @@ import dayjs from 'dayjs';
|
|||||||
import type { PersonVO } from './type';
|
import type { PersonVO } from './type';
|
||||||
import { ref, h } from 'vue';
|
import { ref, h } from 'vue';
|
||||||
import { Tag, Table } from 'ant-design-vue';
|
import { Tag, Table } from 'ant-design-vue';
|
||||||
import {
|
import { attendanceAreaList } from '#/api/property/attendanceManagement/attendanceArea';
|
||||||
attendanceAreaList,
|
|
||||||
} from '#/api/property/attendanceManagement/attendanceArea';
|
|
||||||
|
|
||||||
const emit = defineEmits<{ reload: [] }>();
|
const emit = defineEmits<{ reload: [] }>();
|
||||||
//表单项
|
//表单项
|
||||||
@@ -182,7 +180,6 @@ const [BasicModal, modalApi] = useVbenModal({
|
|||||||
formModal.groupId = record.attendanceGroup.id;
|
formModal.groupId = record.attendanceGroup.id;
|
||||||
formModal.dateType = record.dateType;
|
formModal.dateType = record.dateType;
|
||||||
|
|
||||||
|
|
||||||
if (record.userGroupList) {
|
if (record.userGroupList) {
|
||||||
// 按部门分组处理 userGroupList
|
// 按部门分组处理 userGroupList
|
||||||
const deptMap = new Map();
|
const deptMap = new Map();
|
||||||
@@ -232,11 +229,10 @@ async function getGroupList() {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
async function getAreaList() {
|
async function getAreaList() {
|
||||||
const res = await attendanceAreaList({ pageSize: 1000000000,
|
const res = await attendanceAreaList({ pageSize: 1000000000, pageNum: 1 });
|
||||||
pageNum: 1,})
|
|
||||||
areaOptions.value = (res.rows || []).map((item) => ({
|
areaOptions.value = (res.rows || []).map((item) => ({
|
||||||
label: item.area,
|
label: item.area,
|
||||||
value:item.id
|
value: item.id,
|
||||||
}));
|
}));
|
||||||
}
|
}
|
||||||
function chooseGroup(value: any) {
|
function chooseGroup(value: any) {
|
||||||
|
Reference in New Issue
Block a user