xieyinlu/zhilu-admin
1
0
Fork 0
mirror of https://github.com/ccmjga/zhilu-admin synced 2026-03-26 21:33:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix modal dup id

Browse Source
This commit is contained in:
Chuck1sn
2025-06-04 10:53:33 +08:00
parent 34e0d3d8e7
commit 07e590dc2d
21 changed files with 1881 additions and 1927 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/components/Assistant.vue
View File

@@ -104,7 +104,8 @@ import useUserStore from "../composables/store/useUserStore";
import { useUserUpsert } from "../composables/user/useUserUpsert";
import type { UserUpsertSubmitModel } from "../types/user";
const { messages, chat, isLoading, cancel, searchAction, executeAction } = useAiChat();
const { messages, chat, isLoading, cancel, searchAction, executeAction } =
useAiChat();
const { user } = useUserStore();
const userUpsertModal = ref<ModalInterface>();
const departmentUpsertModal = ref<ModalInterface>();
@@ -249,7 +250,10 @@ const abortChat = () => {
cancel();
};
const chatByMode = async (message: string, mode: "chat" | "search" | "execute") => {
const chatByMode = async (
message: string,
mode: "chat" | "search" | "execute",
) => {
inputMessage.value = "";
messages.value.push({
content: message,
@@ -266,7 +270,10 @@ const chatByMode = async (message: string, mode: "chat" | "search" | "execute")
}
};
const handleSendClick = async (message: string, mode: "chat" | "search" | "execute") => {
const handleSendClick = async (
message: string,
mode: "chat" | "search" | "execute",
) => {
scrollToBottom();
if (isLoading.value) {
abortChat();

47
frontend/src/components/Button.vue
View File

@@ -36,7 +36,7 @@ const props = defineProps<{
isLoading: boolean;
abortable: boolean;
handleClick: (event: Event) => void;
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
size?: "xs" | "sm" | "md" | "lg" | "xl";
iconOnly?: boolean;
}>();
@@ -45,36 +45,49 @@ const slots = useSlots();
const sizeClasses = computed(() => {
if (props.iconOnly && slots.icon) {
switch (props.size) {
case 'xs': return 'p-1.5';
case 'sm': return 'p-2';
case 'lg': return 'p-3';
case 'xl': return 'p-3.5';
default: return 'p-2.5';
case "xs":
return "p-1.5";
case "sm":
return "p-2";
case "lg":
return "p-3";
case "xl":
return "p-3.5";
default:
return "p-2.5";
}
}
switch (props.size) {
case 'xs': return 'text-xs px-2.5 py-1.5';
case 'sm': return 'text-xs px-3 py-2';
case 'lg': return 'text-base px-5 py-3';
case 'xl': return 'text-base px-6 py-3.5';
case "xs":
return "text-xs px-2.5 py-1.5";
case "sm":
return "text-xs px-3 py-2";
case "lg":
return "text-base px-5 py-3";
case "xl":
return "text-base px-6 py-3.5";
default:
return 'text-sm px-4 py-2.5';
return "text-sm px-4 py-2.5";
}
});
const iconSizeClasses = computed(() => {
switch (props.size) {
case 'xs': return 'w-3 h-3';
case 'sm': return 'w-4 h-4';
case 'lg': return 'w-5 h-5';
case 'xl': return 'w-6 h-6';
case "xs":
return "w-3 h-3";
case "sm":
return "w-4 h-4";
case "lg":
return "w-5 h-5";
case "xl":
return "w-6 h-6";
default:
return 'w-5 h-5';
return "w-5 h-5";
}
});
const loadingStyle = computed<string>(() => {
return '';
return "";
});
const disabled = computed(() => {

2
frontend/src/components/DepartmentUpsertModal.vue
View File

@@ -42,7 +42,7 @@
</div>
</div>
<button type="submit" @click="handleSubmit"
class="w-full sm:w-auto text-white flex items-center bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-xs sm:text-sm px-4 py-2 sm:px-5 sm:py-2.5 text-center self-start mt-5">
class="w-auto text-sm px-4 py-2 text-white flex items-center bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-center self-start mt-5">
保存
</button>
</div>

8
frontend/src/components/Headbar.vue
View File

@@ -1,10 +1,10 @@
<template>
<nav class="fixed top-0 z-40 w-full bg-white border-b border-gray-200">
<nav class="fixed top-0 z-1 w-full bg-white border-b border-gray-200">
<div class="px-3 py-3 lg:px-5 lg:pl-3">
<div class="flex items-center justify-between">
<div class="flex items-center justify-start rtl:justify-end">
<button data-drawer-target="logo-sidebar" data-drawer-toggle="logo-sidebar" aria-controls="logo-sidebar"
type="button"
<button id="sidebar-toggle-btn" data-drawer-target="logo-sidebar" data-drawer-toggle="logo-sidebar"
aria-controls="logo-sidebar" type="button"
class="inline-flex items-center p-2 text-sm text-gray-500 rounded-lg sm:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200">
<span class="sr-only">Open sidebar</span>
<svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20"
@@ -94,7 +94,7 @@
</template>
<script setup lang="ts">
import useUserStore from "@/composables/store/useUserStore";
import { Dropdown, initFlowbite, type DropdownInterface } from "flowbite";
import { Dropdown, type DropdownInterface, initFlowbite } from "flowbite";
import { onMounted, ref } from "vue";
import { useRouter } from "vue-router";
import useUserAuth from "../composables/auth/useUserAuth";

2
frontend/src/components/LlmUpdateModal.vue
View File

@@ -70,7 +70,7 @@
</div>
</div>
<button type="submit" @click.prevent="handleSubmit"
class="w-full sm:w-auto text-white flex items-center bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-xs sm:text-sm px-4 py-2 sm:px-5 sm:py-2.5 text-center self-start mt-5">
class="w-auto text-sm px-4 py-2 text-white flex items-center bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-center self-start mt-5">
保存
</button>
</form>

2
frontend/src/components/PermissionUpsertModal.vue
View File

@@ -32,7 +32,7 @@
</div>
</div>
<button type="submit" @click.prevent="handleSubmit"
class="w-full sm:w-auto text-white flex items-center bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-xs sm:text-sm px-4 py-2 sm:px-5 sm:py-2.5 text-center self-start mt-5">
class="w-auto text-sm px-4 py-2 text-white flex items-center bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-center self-start mt-5">
保存
</button>
</div>

2
frontend/src/components/PositionUpsertModal.vue
View File

@@ -31,7 +31,7 @@
</div>
<button type="submit" @click="handleSubmit"
class="w-full sm:w-auto text-white flex items-center bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-xs sm:text-sm px-4 py-2 sm:px-5 sm:py-2.5 text-center self-start mt-5">
class="w-auto text-sm px-4 py-2 text-white flex items-center bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-center self-start mt-5">
保存
</button>
</div>

2
frontend/src/components/RoleUpsertModal.vue
View File

@@ -32,7 +32,7 @@
</div>
</div>
<button type="submit" @click.prevent="handleSubmit"
class="w-full sm:w-auto text-white flex items-center bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-xs sm:text-sm px-4 py-2 sm:px-5 sm:py-2.5 text-center self-start mt-5">
class="w-auto text-sm px-4 py-2 text-white flex items-center bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-center self-start mt-5">
保存
</button>
</div>

18
frontend/src/components/Sidebar.vue
View File

@@ -1,7 +1,7 @@
<template>
<aside id="logo-sidebar"
class="fixed top-0 left-0 z-30 px-1 w-44 min-h-screen overflow-y-auto pt-20 transition-transform -translate-x-full bg-white border-r border-gray-200 sm:translate-x-0"
aria-label="Sidebar" tabindex="-1" data-drawer-backdrop="true">
class="fixed top-0 left-0 px-1 w-44 min-h-screen overflow-y-auto pt-20 transition-transform -translate-x-full bg-white border-r border-gray-200 sm:translate-x-0"
aria-label="Sidebar" tabindex="-1">
<div class="h-full px-3 pb-4 overflow-y-auto bg-white ">
<ul class="space-y-2 font-medium">
<li v-for="item in menuItems" :key="item.path">
@@ -16,22 +16,28 @@
</ul>
</div>
</aside>
<!-- 添加遮罩层 -->
<div id="drawer-backdrop" :class="isDrawerVisible ? 'block' : 'hidden'"
class="bg-gray-900 bg-opacity-50 fixed inset-0 z-50 sm:hidden" @click="closeSidebar">
</div>
</template>
<script setup lang="ts">
import { RoutePath } from "@/router/constants";
import { initFlowbite } from "flowbite";
import { onMounted } from "vue";
import { onMounted, ref } from "vue";
import { RouterLink, useRoute } from "vue-router";
import DepartmentIcon from "./icons/DepartmentIcon.vue";
import LlmConfigIcon from "./icons/LlmConfigIcon.vue";
import PermissionIcon from "./icons/PermissionIcon.vue";
import PositionIcon from "./icons/PositionIcon.vue";
import RoleIcon from "./icons/RoleIcon.vue";
import SchedulerIcon from "./icons/SchedulerIcon.vue";
import SettingsIcon from "./icons/SettingsIcon.vue";
import UsersIcon from "./icons/UsersIcon.vue";
import LlmConfigIcon from "./icons/LlmConfigIcon.vue";
const isDrawerVisible = ref(false);
// 菜单配置
const menuItems = [
@@ -83,6 +89,10 @@ const isActive = (path: string) => {
return route.path === path;
};
const closeSidebar = () => {
isDrawerVisible.value = false;
};
onMounted(() => {
initFlowbite();
});

2
frontend/src/components/UserUpsertModal.vue
View File

@@ -51,7 +51,7 @@
</div>
</div>
<button type="submit" @click.prevent="handleSubmit"
class="w-full sm:w-auto text-white flex items-center bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-xs sm:text-sm px-4 py-2 sm:px-5 sm:py-2.5 text-center self-start mt-5">
class="w-auto text-sm px-4 py-2 text-white flex items-center bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-center self-start mt-5">
保存
</button>
</form>

4
frontend/src/components/icons/AiChatIcon.vue
View File

@@ -11,8 +11,8 @@
</template>
<script setup lang="ts">
const { size = 'w-6 h-6' } = defineProps<{
size?: string;
const { size = "w-6 h-6" } = defineProps<{
size?: string;
}>();
</script>