From f8c4968b336a62199759e9cc3bb9b09f806d7bda Mon Sep 17 00:00:00 2001
From: RuoYi <yzz_ivy@163.com>
Date: 星期一, 25 十一月 2024 15:43:05 +0800
Subject: [PATCH] 面板兼容移动端显示
---
src/views/system/user/index.vue | 8 +++++---
1 files changed, 5 insertions(+), 3 deletions(-)
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index ca4ddc3..f5fdcaf 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -1,7 +1,7 @@
<template>
<div class="app-container">
<el-row :gutter="20">
- <splitpanes class="default-theme">
+ <splitpanes :horizontal="appStore.device === 'mobile'" class="default-theme">
<!--閮ㄩ棬鏁版嵁-->
<pane size="16">
<el-col>
@@ -14,8 +14,8 @@
</el-col>
</pane>
<!--鐢ㄦ埛鏁版嵁-->
- <pane>
- <el-col size="84">
+ <pane size="84">
+ <el-col>
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="鐢ㄦ埛鍚嶇О" prop="userName">
<el-input v-model="queryParams.userName" placeholder="璇疯緭鍏ョ敤鎴峰悕绉�" clearable style="width: 240px" @keyup.enter="handleQuery" />
@@ -215,11 +215,13 @@
<script setup name="User">
import { getToken } from "@/utils/auth";
+import useAppStore from '@/store/modules/app'
import { changeUserStatus, listUser, resetUserPwd, delUser, getUser, updateUser, addUser, deptTreeSelect } from "@/api/system/user";
import { Splitpanes, Pane } from "splitpanes"
import "splitpanes/dist/splitpanes.css"
const router = useRouter();
+const appStore = useAppStore()
const { proxy } = getCurrentInstance();
const { sys_normal_disable, sys_user_sex } = proxy.useDict("sys_normal_disable", "sys_user_sex");
--
Gitblit v1.9.3