From ddfbb100e4e64e53333d2351c0e7db15ebf0d83b Mon Sep 17 00:00:00 2001 From: shj <1790240199@qq.com> Date: 星期一, 18 七月 2022 11:05:19 +0800 Subject: [PATCH] css --- src/views/contingencyManagement/panManagement/component/openAdd.vue | 50 +++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 39 insertions(+), 11 deletions(-) diff --git a/src/views/contingencyManagement/panManagement/component/openAdd.vue b/src/views/contingencyManagement/panManagement/component/openAdd.vue index 629340b..87df549 100644 --- a/src/views/contingencyManagement/panManagement/component/openAdd.vue +++ b/src/views/contingencyManagement/panManagement/component/openAdd.vue @@ -58,14 +58,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 +74,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 +128,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 +142,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'; @@ -162,11 +164,16 @@ import { Search } 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 +379,21 @@ } }) } + // 应急队伍弹窗 + const Shows=ref() + const daiInpt=()=>{ + Shows.value.openDailog() + } + // 选择区域弹窗 + const openRef=ref() + const regionsDialog=()=>{ + openRef.value.openDailog() + } + // 打开用户选择弹窗 + const userRef = ref(); + const openUser = () => { + userRef.value.openDialog(); + }; return { openDialog, closeDialog, @@ -385,9 +407,15 @@ value1, treeSelect, tree, + daiInpt, + Shows, ruleFormRef, submitForm, // rules, + openUser, + userRef, + regionsDialog, + openRef, }; }, }); -- Gitblit v1.9.2