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
| <template>
| <cl-select-table
| v-model="value"
| :title="t('选择用户')"
| :service="service.user.info"
| :columns="columns"
| :multiple="multiple"
| />
| </template>
|
| <script setup lang="ts">
| defineOptions({
| name: 'user-select'
| });
|
| import { ref, useModel } from 'vue';
| import { useCool } from '/@/cool';
| import { useI18n } from 'vue-i18n';
|
| const props = defineProps({
| modelValue: null,
| multiple: Boolean
| });
|
| const { service } = useCool();
| const { t } = useI18n();
|
| const value = useModel(props, 'modelValue');
|
| const columns = ref([
| {
| prop: 'avatarUrl',
| label: t('头像'),
| component: {
| name: 'cl-avatar'
| },
| minWidth: 100
| },
| {
| prop: 'phone',
| label: t('手机号'),
| minWidth: 120
| },
| {
| prop: 'nickName',
| label: t('姓名'),
| minWidth: 150
| },
| {
| label: t('状态'),
| prop: 'status',
| minWidth: 100,
| dict: [
| {
| label: t('正常'),
| value: 1,
| type: 'success'
| },
| {
| label: t('禁用'),
| value: 0,
| type: 'danger'
| }
| ]
| }
| ]);
| </script>
|
|
