调整

2025-05-22 10:27:07 +08:00
parent 963b239333
commit 95d43746f6
606 changed files with 19207 additions and 102770 deletions
@@ -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>