From 9f4e449a4159c9debf5520a797393bd5df2e5908 Mon Sep 17 00:00:00 2001
From: shj <1790240199@qq.com>
Date: 星期一, 18 七月 2022 15:01:46 +0800
Subject: [PATCH] css
---
src/components/DailogSearchUser/index.vue | 28 ++++++++++++++++++----------
1 files changed, 18 insertions(+), 10 deletions(-)
diff --git a/src/components/DailogSearchUser/index.vue b/src/components/DailogSearchUser/index.vue
index 89e13f1..177c84f 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,7 +10,7 @@
</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">
@@ -26,13 +27,7 @@
</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