From 2b4328392746fc59f5edf98fed629f8db2804e18 Mon Sep 17 00:00:00 2001 From: shj <1790240199@qq.com> Date: 星期三, 27 七月 2022 09:29:23 +0800 Subject: [PATCH] 对接 --- src/views/goalManagement/Incentivestandard/component/DailogAdd.vue | 28 ++++++++++++++++++++-------- 1 files changed, 20 insertions(+), 8 deletions(-) diff --git a/src/views/goalManagement/Incentivestandard/component/DailogAdd.vue b/src/views/goalManagement/Incentivestandard/component/DailogAdd.vue index aa4698c..b0538d8 100644 --- a/src/views/goalManagement/Incentivestandard/component/DailogAdd.vue +++ b/src/views/goalManagement/Incentivestandard/component/DailogAdd.vue @@ -1,29 +1,30 @@ <template> - <el-dialog v-model="dialogVisible" title="新建奖惩标准设定" width="50%" draggable> + <el-dialog v-model="dialogVisible" :fullscreen="full" title="新建奖惩标准设定" width="50%" draggable> + <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button> <el-form :model="form" label-width="120px"> <el-row> <el-col :span="11"> - <el-form-item label="奖惩类型"> - <el-select v-model="form.region" style="width:100%" placeholder=""> + <el-form-item label="奖惩类型" size="default"> + <el-select v-model="form.region" style="width: 100%" placeholder=""> <el-option label="Zone one" value="shanghai" /> <el-option label="Zone two" value="beijing" /> </el-select> </el-form-item> </el-col> <el-col :span="11" :offset="2"> - <el-form-item label="奖惩内容"> + <el-form-item label="奖惩内容" size="default"> <el-input v-model="form.name" /> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="11"> - <el-form-item label="奖惩名称"> + <el-form-item label="奖惩名称" size="default"> <el-input v-model="form.name" /> </el-form-item> </el-col> <el-col :span="11" :offset="2"> - <el-form-item label="依据"> + <el-form-item label="依据" size="default"> <el-input v-model="form.name" /> </el-form-item> </el-col> @@ -46,7 +47,7 @@ </template> <script lang="ts"> import { defineComponent, ref, reactive } from 'vue'; -import { Search } from '@element-plus/icons-vue'; +import { Search, FullScreen } from '@element-plus/icons-vue'; export default defineComponent({ setup() { const dialogVisible = ref<boolean>(false); @@ -65,7 +66,15 @@ }; // 导航 const activeName = ref('1'); - // 表格 + //全屏 + const full = ref(false); + const toggleFullscreen = () => { + if (full.value == false) { + full.value = true; + } else { + full.value = false; + } + }; return { form, @@ -73,6 +82,9 @@ openDailog, activeName, Search, + full, + toggleFullscreen, + FullScreen, }; }, }); -- Gitblit v1.9.2