b2894lxlx/tuanwei-admin
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整

Browse Source
This commit is contained in:
b2894lxlx
2025-05-22 10:27:07 +08:00
parent 963b239333
commit 95d43746f6
606 changed files with 19207 additions and 102770 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/DictSelect/index.vue
-1
View File
@@ -36,7 +36,6 @@
/* 更新选中数据 */
const updateValue = (value: string) => {
console.log(value);
emit('update:value', value);
};
/* 失去焦点 */
src/components/UploadFile/index.vue
+1 -1
View File
@@ -66,7 +66,7 @@
.then((data) => {
hide();
console.log(data, '上传文件成功！');
emit('update:value', String(data.path));
emit('update:value', String(data.url));
message.success('上传成功');
})
.catch((e) => {
src/components/UserSelect/index.vue
+105 -103
View File
@@ -1,125 +1,127 @@
<template>
<ele-table-select
ref="selectRef"
:allow-clear="true"
:placeholder="placeholder"
v-model:value="selectedValue"
value-key="userId"
label-key="nickname"
:table-config="tableConfig"
:overlay-style="{ width: '520px', maxWidth: '80%' }"
:init-value="initValue"
@select="onSelect"
@clear="onClear"
>
<!-- 角色列 -->
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'progress'">
<div v-for="(d, i) in progressDict" :key="i">
<span v-if="d.value === record.progress">{{ d.label }}</span>
</div>
</template>
<template v-if="column.key === 'nickname'">
<a-avatar
:size="30"
:src="`${record.avatar}`"
style="margin-right: 4px"
/>
{{ record.nickname }}
</template>
</template>
<!-- 表头工具栏 -->
<template #toolbar>
<UserSearch @search="search" />
</template>
</ele-table-select>
<ele-table-select
ref="selectRef"
:allow-clear="true"
:placeholder="placeholder"
v-model:value="selectedValue"
value-key="userId"
label-key="nickname"
:table-config="tableConfig"
:overlay-style="{ width: '520px', maxWidth: '80%' }"
:init-value="initValue"
@select="onSelect"
@clear="onClear"
>
<!-- 角色列 -->
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'progress'">
<div v-for="(d, i) in progressDict" :key="i">
<span v-if="d.value === record.progress">{{ d.label }}</span>
</div>
</template>
<template v-if="column.key === 'nickname'">
<a-avatar
:size="30"
:src="`${record.avatar}`"
style="margin-right: 4px"
/>
{{ record.nickname }}
</template>
</template>
<!-- 表头工具栏 -->
<template #toolbar>
<UserSearch @search="search" />
</template>
</ele-table-select>
</template>
<script lang="ts" setup>
import { ref, reactive, watch } from 'vue';
import UserSearch from './user-search.vue';
import type { EleTableSelect } from 'ele-admin-pro/es';
import type { ProTableProps } from 'ele-admin-pro/es/ele-pro-table/types';
import type { WhereType } from './types';
import { pageUsers } from '@/api/system/user';
import { getDictionaryOptions } from '@/utils/common';
import type { User } from '@/api/user/model';
import { isArray } from 'lodash-es';
import { ref, reactive, watch } from "vue";
import UserSearch from "./user-search.vue";
import type { EleTableSelect } from "ele-admin-pro/es";
import type { ProTableProps } from "ele-admin-pro/es/ele-pro-table/types";
import type { WhereType } from "./types";
import { pageUsers } from "@/api/system/user";
import { getDictionaryOptions } from "@/utils/common";
import type { User } from "@/api/user/model";
import { isArray } from "lodash-es";
const props = withDefaults(
const props = withDefaults(
defineProps<{
value?: number | 0;
placeholder?: string;
value?: number | 0;
placeholder?: string;
userLevel?: number
}>(),
{
placeholder: '请选择用户'
placeholder: "请选择用户"
}
);
);
const emit = defineEmits<{
(e: 'select', where?: User): void;
(e: 'clear'): void;
}>();
const emit = defineEmits<{
(e: "select", where?: User): void;
(e: "clear"): void;
}>();
const selectedValue = ref<number>();
// 获取字典数据
const progressDict = getDictionaryOptions('userFollowStatus');
// 回显值
const initValue = ref<User[]>([]);
// 选择框实例
const selectRef = ref<InstanceType<typeof EleTableSelect> | null>(null);
const selectedValue = ref<number>();
// 获取字典数据
const progressDict = getDictionaryOptions("userFollowStatus");
// 回显值
const initValue = ref<User[]>([]);
// 选择框实例
const selectRef = ref<InstanceType<typeof EleTableSelect> | null>(null);
// 表格配置
const tableConfig = reactive<ProTableProps>({
// 表格配置
const tableConfig = reactive<ProTableProps>({
datasource: ({ page, limit, where, orders }) => {
return pageUsers({ ...where, ...orders, page, limit });
if (props.userLevel !== null) where.userLevel = props.userLevel;
return pageUsers({ ...where, ...orders, page, limit });
},
columns: [
{
title: '昵称',
dataIndex: 'nickname',
key: 'nickname',
showSorterTooltip: false
},
{
title: '手机号码',
dataIndex: 'phone',
showSorterTooltip: false
},
{
title: '部门',
dataIndex: 'organizationName',
showSorterTooltip: false
}
{
title: "昵称",
dataIndex: "nickname",
key: "nickname",
showSorterTooltip: false
},
{
title: "手机号码",
dataIndex: "phone",
showSorterTooltip: false
},
{
title: "部门",
dataIndex: "organizationName",
showSorterTooltip: false
}
],
toolkit: ['reload', 'columns'],
size: 'small',
toolkit: ["reload", "columns"],
size: "small",
pageSize: 6,
toolStyle: {
padding: '0 8px'
padding: "0 8px"
}
});
});
// 搜索
const search = (where: WhereType) => {
// 搜索
const search = (where: WhereType) => {
selectRef.value?.reload({
where,
page: 1
where,
page: 1
});
};
};
const onClear = () => {
emit('clear');
};
const onClear = () => {
emit("clear");
};
const onSelect = (item) => {
emit('select', item);
};
const onSelect = (item) => {
emit("select", item);
};
/* 回显数据 */
const setInitValue = () => {
/* 回显数据 */
const setInitValue = () => {
if (isArray(props.value)) {
initValue.value = props.value;
initValue.value = props.value;
}
const userId = Number(props.value);
if (userId) {
@@ -129,16 +131,16 @@
// initValue.value = res;
// }
// });
};
};
setInitValue();
setInitValue();
watch(
watch(
() => props.value,
(value) => {
if (value) {
setInitValue();
}
if (value) {
setInitValue();
}
}
);
);
</script>