From 2c18342e86f74dbd54c9ed72f5320be15c9ae3b1 Mon Sep 17 00:00:00 2001
From: shj <1790240199@qq.com>
Date: 星期一, 18 七月 2022 17:55:09 +0800
Subject: [PATCH] css
---
src/components/DailogSearchUser/index.vue | 24 +++++++++++++++++++-----
1 files changed, 19 insertions(+), 5 deletions(-)
diff --git a/src/components/DailogSearchUser/index.vue b/src/components/DailogSearchUser/index.vue
index 80f82fe..775913e 100644
--- a/src/components/DailogSearchUser/index.vue
+++ b/src/components/DailogSearchUser/index.vue
@@ -1,5 +1,6 @@
<template>
- <el-dialog v-model="dialogVisible" title="用户选择" width="60%" draggable>
+ <el-dialog v-model="dialogVisible" :fullscreen="full" title="用户选择" width="60%" draggable>
+ <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
<el-row>
<el-col :span="6">
<div class="userTree">
@@ -13,14 +14,14 @@
<el-form ref="ruleFormRef" :model="ruleForm" status-icon>
<el-row>
<el-col :span="10" :offset="1">
- <el-form-item>
+ <el-form-item size="default">
<el-input v-model="ruleForm.pass" placeholder="登录名" />
</el-form-item>
</el-col>
<el-col :span="8" :offset="1">
<el-form-item>
- <el-button type="primary" @click="submitForm(ruleFormRef)">查询</el-button>
- <el-button @click="resetForm(ruleFormRef)">重置</el-button>
+ <el-button size="default" type="primary" @click="submitForm(ruleFormRef)">查询</el-button>
+ <el-button size="default" @click="resetForm(ruleFormRef)">重置</el-button>
</el-form-item>
</el-col>
</el-row>
@@ -62,6 +63,7 @@
</template>
<script lang="ts">
import { defineComponent, ref, reactive } from 'vue';
+import { FullScreen } from '@element-plus/icons-vue';
interface Tree {
label: string;
children?: Tree[];
@@ -178,6 +180,15 @@
const openDailog = () => {
dialogVisible.value = true;
};
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ }else{
+ full.value = false;
+ }
+ };
return {
dialogVisible,
names,
@@ -191,7 +202,10 @@
handleCurrentChange,
radio1,
dynamicTags,
- handleClose
+ handleClose,
+ FullScreen,
+ full,
+ toggleFullscreen
};
},
});
--
Gitblit v1.9.2