1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
| import { useCool } from "/@/cool";
| import { deepTree } from "/@/cool/utils";
| import { ElMessage, ElMessageBox } from "element-plus";
| import { defineComponent, h, ref } from "vue";
|
| export default defineComponent({
| name: "cl-dept-move",
|
| emits: ["success", "error"],
|
| setup(_: any, { emit }) {
| const { refs, setRefs, service }: any = useCool();
|
| // 树形列表
| const list = ref<any[]>([]);
|
| // 刷新列表
| async function refresh() {
| return await service.base.sys.department.list().then(deepTree);
| }
|
| // 转移
| async function toMove(ids: any[]) {
| list.value = await refresh();
|
| refs.value.form.open({
| props: {
| title: "部门转移",
| width: "600px",
| labelWidth: "80px"
| },
| items: [
| {
| label: "选择部门",
| prop: "dept",
| component: {
| name: "slot-move"
| }
| }
| ],
| on: {
| submit: (data: any, { done, close }: any) => {
| if (!data.dept) {
| ElMessage.warning("请选择部门");
| return done();
| }
|
| const { name, id } = data.dept;
|
| ElMessageBox.confirm(`是否将用户转移到部门 ${name} 下`, "提示", {
| type: "warning"
| })
| .then(() => {
| service.base.sys.user
| .move({
| departmentId: id,
| userIds: ids
| })
| .then((res: any) => {
| ElMessage.success("转移成功");
| emit("success", res);
| close();
| })
| .catch((err: any) => {
| console.log(err);
| ElMessage.error(err);
| emit("error", err);
| done();
| });
| })
| .catch(() => null);
| }
| }
| });
| }
|
| return {
| refs,
| list,
| setRefs,
| refresh,
| toMove
| };
| },
|
| render(ctx: any) {
| return (
| <div class="cl-dept-move">
| {h(
| <cl-form ref={ctx.setRefs("form")}></cl-form>,
| {},
| {
| "slot-move"({ scope }: any) {
| return (
| <div
| style={{
| border: "1px solid #eee",
| borderRadius: "3px",
| padding: "2px"
| }}
| >
| <el-tree
| data={ctx.list}
| props={{
| label: "name"
| }}
| node-key="id"
| highlight-current
| onNodeClick={(e: any) => {
| scope["dept"] = e;
| }}
| ></el-tree>
| </div>
| );
| }
| }
| )}
| </div>
| );
| }
| });
|
|
