update: 通知配置-同步 用户前端分页
This commit is contained in:
JiangQiming
parent
cfab80094e
commit
670ea4de15
|
|
@ -34,65 +34,72 @@
|
||||||
<j-empty v-if="!deptTreeData.length" />
|
<j-empty v-if="!deptTreeData.length" />
|
||||||
</j-col>
|
</j-col>
|
||||||
<j-col :span="20">
|
<j-col :span="20">
|
||||||
<JProTable
|
<j-button type="primary" @click="handleAutoBind">
|
||||||
|
自动绑定
|
||||||
|
</j-button>
|
||||||
|
<JTable
|
||||||
ref="tableRef"
|
ref="tableRef"
|
||||||
:columns="columns"
|
:columns="columns"
|
||||||
:dataSource="dataSource"
|
:dataSource="dataSource"
|
||||||
:loading="tableLoading"
|
:loading="tableLoading"
|
||||||
model="table"
|
:pagination="{
|
||||||
noPagination
|
total: dataSource.length,
|
||||||
|
current: current,
|
||||||
|
pageSize: pageSize,
|
||||||
|
pageSizeOptions: ['12', '24', '48', '96'],
|
||||||
|
showSizeChanger: true,
|
||||||
|
showTotal: (total: number, range: number) => `第 ${range[0]} - ${range[1]} 条/总共 ${total} 条`,
|
||||||
|
}"
|
||||||
|
@change="handleTableChange"
|
||||||
>
|
>
|
||||||
<template #headerTitle>
|
<template #bodyCell="{ column, record, index }">
|
||||||
<j-button type="primary" @click="handleAutoBind">
|
<template v-if="column.dataIndex === 'status'">
|
||||||
自动绑定
|
<j-space>
|
||||||
</j-button>
|
<j-badge
|
||||||
</template>
|
:status="record.status.value"
|
||||||
<template #status="slotProps">
|
:text="record.status.text"
|
||||||
<j-space>
|
></j-badge>
|
||||||
<j-badge
|
</j-space>
|
||||||
:status="slotProps.status.value"
|
</template>
|
||||||
:text="slotProps.status.text"
|
<template v-if="column.dataIndex === 'action'">
|
||||||
></j-badge>
|
<j-space :size="16">
|
||||||
</j-space>
|
<j-tooltip
|
||||||
</template>
|
v-for="i in getActions(record, 'table')"
|
||||||
<template #action="slotProps">
|
:key="i.key"
|
||||||
<j-space :size="16">
|
v-bind="i.tooltip"
|
||||||
<j-tooltip
|
|
||||||
v-for="i in getActions(slotProps, 'table')"
|
|
||||||
:key="i.key"
|
|
||||||
v-bind="i.tooltip"
|
|
||||||
>
|
|
||||||
<j-popconfirm
|
|
||||||
v-if="i.popConfirm"
|
|
||||||
v-bind="i.popConfirm"
|
|
||||||
:disabled="i.disabled"
|
|
||||||
>
|
>
|
||||||
<j-button
|
<j-popconfirm
|
||||||
|
v-if="i.popConfirm"
|
||||||
|
v-bind="i.popConfirm"
|
||||||
:disabled="i.disabled"
|
:disabled="i.disabled"
|
||||||
|
>
|
||||||
|
<j-button
|
||||||
|
:disabled="i.disabled"
|
||||||
|
style="padding: 0"
|
||||||
|
type="link"
|
||||||
|
><AIcon :type="i.icon"
|
||||||
|
/></j-button>
|
||||||
|
</j-popconfirm>
|
||||||
|
<j-button
|
||||||
style="padding: 0"
|
style="padding: 0"
|
||||||
type="link"
|
type="link"
|
||||||
><AIcon :type="i.icon"
|
v-else
|
||||||
/></j-button>
|
@click="
|
||||||
</j-popconfirm>
|
i.onClick && i.onClick(record)
|
||||||
<j-button
|
"
|
||||||
style="padding: 0"
|
>
|
||||||
type="link"
|
<j-button
|
||||||
v-else
|
:disabled="i.disabled"
|
||||||
@click="
|
style="padding: 0"
|
||||||
i.onClick && i.onClick(slotProps)
|
type="link"
|
||||||
"
|
><AIcon :type="i.icon"
|
||||||
>
|
/></j-button>
|
||||||
<j-button
|
</j-button>
|
||||||
:disabled="i.disabled"
|
</j-tooltip>
|
||||||
style="padding: 0"
|
</j-space>
|
||||||
type="link"
|
</template>
|
||||||
><AIcon :type="i.icon"
|
|
||||||
/></j-button>
|
|
||||||
</j-button>
|
|
||||||
</j-tooltip>
|
|
||||||
</j-space>
|
|
||||||
</template>
|
</template>
|
||||||
</JProTable>
|
</JTable>
|
||||||
</j-col>
|
</j-col>
|
||||||
</j-row>
|
</j-row>
|
||||||
</j-modal>
|
</j-modal>
|
||||||
|
|
@ -184,23 +191,10 @@ const getDepartment = async () => {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
// deptTreeData.value = arrayToTree(_result, _result[0]?.parentId);
|
|
||||||
deptTreeData.value = _result;
|
deptTreeData.value = _result;
|
||||||
deptId.value = _result[0]?.id;
|
deptId.value = _result[0]?.id;
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
|
||||||
* 扁平数据转树形结构
|
|
||||||
*/
|
|
||||||
// const arrayToTree = (arr: any, pid: string | number) => {
|
|
||||||
// return arr
|
|
||||||
// .filter((item: any) => item.parentId === pid)
|
|
||||||
// .map((item: any) => ({
|
|
||||||
// ...item,
|
|
||||||
// children: arrayToTree(arr, item.id),
|
|
||||||
// }));
|
|
||||||
// };
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 部门点击
|
* 部门点击
|
||||||
*/
|
*/
|
||||||
|
|
@ -230,6 +224,7 @@ const columns = [
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '操作',
|
title: '操作',
|
||||||
|
dataIndex: 'action',
|
||||||
key: 'action',
|
key: 'action',
|
||||||
scopedSlots: true,
|
scopedSlots: true,
|
||||||
},
|
},
|
||||||
|
|
@ -285,7 +280,7 @@ const handleAutoBind = () => {
|
||||||
thirdPartyUserId: i.thirdPartyUserId,
|
thirdPartyUserId: i.thirdPartyUserId,
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
// console.log('arr: ', arr);
|
|
||||||
configApi.dingTalkBindUser(arr, props.data.id).then(() => {
|
configApi.dingTalkBindUser(arr, props.data.id).then(() => {
|
||||||
message.success('操作成功');
|
message.success('操作成功');
|
||||||
getTableData();
|
getTableData();
|
||||||
|
|
@ -346,8 +341,8 @@ const dataSource = ref<any>([]);
|
||||||
const tableLoading = ref(false);
|
const tableLoading = ref(false);
|
||||||
const getTableData = () => {
|
const getTableData = () => {
|
||||||
tableLoading.value = true;
|
tableLoading.value = true;
|
||||||
Promise.all<any>([getDeptUsers(), getBindUsers(), getAllUsers()]).then(
|
Promise.all<any>([getDeptUsers(), getBindUsers(), getAllUsers()])
|
||||||
(res) => {
|
.then((res) => {
|
||||||
dataSource.value = [];
|
dataSource.value = [];
|
||||||
const [deptUsers, bindUsers, unBindUsers] = res;
|
const [deptUsers, bindUsers, unBindUsers] = res;
|
||||||
(deptUsers || []).forEach((deptUser: any) => {
|
(deptUsers || []).forEach((deptUser: any) => {
|
||||||
|
|
@ -379,9 +374,20 @@ const getTableData = () => {
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
// console.log('dataSource.value: ', dataSource.value);
|
// console.log('dataSource.value: ', dataSource.value);
|
||||||
},
|
})
|
||||||
);
|
.finally(() => {
|
||||||
tableLoading.value = false;
|
tableLoading.value = false;
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 前端分页
|
||||||
|
*/
|
||||||
|
const current = ref(1);
|
||||||
|
const pageSize = ref(12);
|
||||||
|
const handleTableChange = (pagination: any) => {
|
||||||
|
current.value = pagination.current;
|
||||||
|
pageSize.value = pagination.pageSize;
|
||||||
};
|
};
|
||||||
|
|
||||||
watch(
|
watch(
|
||||||
|
|
@ -475,5 +481,8 @@ const handleCancel = () => {
|
||||||
.model-body {
|
.model-body {
|
||||||
height: 600px;
|
height: 600px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
&:deep(.ant-pagination-item) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue