From 5a26e52cdd75a6eebffe74af9d98e545d6b6ea67 Mon Sep 17 00:00:00 2001
From: shj <1790240199@qq.com>
Date: Wed, 20 Jul 2022 09:39:06 +0800
Subject: [PATCH] css
---
src/views/contingencyManagement/panManagement/component/openAdd.vue | 67 +++++++++++++++++++++++++++------
1 files changed, 55 insertions(+), 12 deletions(-)
diff --git a/src/views/contingencyManagement/panManagement/component/openAdd.vue b/src/views/contingencyManagement/panManagement/component/openAdd.vue
index 629340b..b2ebf54 100644
--- a/src/views/contingencyManagement/panManagement/component/openAdd.vue
+++ b/src/views/contingencyManagement/panManagement/component/openAdd.vue
@@ -5,7 +5,9 @@
v-model="isShowDialog"
width="769px"
draggable
+ :fullscreen="full"
>
+ <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
<el-form
ref="ruleFormRef"
:model="ruleForm"
@@ -58,14 +60,14 @@
</el-form-item>
</el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
- <el-form-item label="编写人" prop="telephone">
+ <el-form-item label="编写人" prop="telephone" >
<el-input
v-model="ruleForm.teamLeader"
placeholder="请选择"
class="input-with-select"
>
<template #append>
- <el-button :icon="Search"/>
+ <el-button :icon="Search" @click="openUser"/>
</template>
</el-input>
</el-form-item>
@@ -74,25 +76,23 @@
<el-form-item label="编写部门" prop="telephone">
<el-tree-select
v-model="ruleForm.responsibleDepartment"
- :data="data" class="w100"
+ :data="data"
+ class="w100"
placeholder="请选择"/>
</el-form-item>
</el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="发布实施日期" prop="telephone">
-<!-- <el-tree-select-->
-<!-- v-model="ruleForm.responsibleDepartment"-->
-<!-- :data="data" class="w100"-->
-<!-- placeholder="请选择"/>-->
<el-date-picker
v-model="value1"
type="datetime"
+ class="w100"
placeholder="选择日期时间"
/>
</el-form-item>
</el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
- <el-form-item label="应急队伍" prop="telephone">
+ <el-form-item label="应急队伍" prop="telephone" @click="daiInpt" >
<el-input
v-model="ruleForm.teamLeader"
placeholder="请选择"
@@ -130,7 +130,7 @@
class="input-with-select"
>
<template #append>
- <el-button :icon="Search"/>
+ <el-button :icon="Search" @click="regionsDialog"/>
</template>
</el-input>
</el-form-item>
@@ -144,11 +144,15 @@
</span>
</template>
</el-dialog>
+ <CheckTemplate ref="Shows"/>
+ <userSelections ref="userRef"/>
+ <RegionsDialog ref="openRef"/>
</div>
</template>
<script lang="ts">
-import { reactive,
+import {
+ reactive,
ref,
defineComponent
} from 'vue';
@@ -160,13 +164,19 @@
} from 'element-plus'
import {
- Search
+ Search,
+ FullScreen
} from '@element-plus/icons-vue'
+import UserSelections from "/@/components/userSelections/index.vue"
+import CheckTemplate from '/@/components/checkTemplate/index.vue'
+import RegionsDialog from '/@/components/regionsDialog/index.vue'
export default defineComponent({
name: 'openAdd',
components: {
-
+ CheckTemplate,
+ UserSelections,
+ RegionsDialog,
},
setup() {
const isShowDialog = ref(false)
@@ -372,6 +382,30 @@
}
})
}
+ // 应急队伍弹窗
+ const Shows=ref()
+ const daiInpt=()=>{
+ Shows.value.openDailog()
+ }
+ // 选择区域弹窗
+ const openRef=ref()
+ const regionsDialog=()=>{
+ openRef.value.openDailog()
+ }
+ // 打开用户选择弹窗
+ const userRef = ref();
+ const openUser = () => {
+ userRef.value.openDialog();
+ };
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
openDialog,
closeDialog,
@@ -385,9 +419,18 @@
value1,
treeSelect,
tree,
+ daiInpt,
+ Shows,
ruleFormRef,
submitForm,
// rules,
+ openUser,
+ userRef,
+ regionsDialog,
+ openRef,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
--
Gitblit v1.9.2