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 | 34 +++++++++++++++++++++-------------
1 files changed, 21 insertions(+), 13 deletions(-)
diff --git a/src/components/DailogSearchUser/index.vue b/src/components/DailogSearchUser/index.vue
index 89e13f1..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">
@@ -9,30 +10,24 @@
</div>
</div>
</el-col>
- <el-col :span="14">
+ <el-col :span="14" style="padding:20px">
<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>
</el-form>
<el-table :data="tableData" style="width: 100%; margin-top: 20px">
- <el-table-column align="center" width="50px">
- <template #default>
- <el-radio-group v-model="radio1" class="ml-4">
- <el-radio label="1" size="large"> </el-radio>
- </el-radio-group>
- </template>
- </el-table-column>
+ <el-table-column align="center" width="50px" type="selection"></el-table-column>
<el-table-column align="center" prop="date" label="安全目标指标" />
<el-table-column align="center" prop="name" label="目标指标编号" />
<el-table-column align="center" prop="address" label="年度" />
@@ -68,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[];
@@ -184,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,
@@ -197,7 +202,10 @@
handleCurrentChange,
radio1,
dynamicTags,
- handleClose
+ handleClose,
+ FullScreen,
+ full,
+ toggleFullscreen
};
},
});
--
Gitblit v1.9.2