From 9245fae41fc9cb35b1f1feb3c66f5bb135874650 Mon Sep 17 00:00:00 2001 From: shj <1790240199@qq.com> Date: 星期五, 15 七月 2022 09:17:22 +0800 Subject: [PATCH] Merge branch 'master' of https://sinanoaq.cn:8888/r/gtqtOut --- src/views/facilityManagement/InstrumentationInformation/component/maintenanceDailog.vue | 86 +++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 86 insertions(+), 0 deletions(-) diff --git a/src/views/facilityManagement/InstrumentationInformation/component/maintenanceDailog.vue b/src/views/facilityManagement/InstrumentationInformation/component/maintenanceDailog.vue new file mode 100644 index 0000000..928b42c --- /dev/null +++ b/src/views/facilityManagement/InstrumentationInformation/component/maintenanceDailog.vue @@ -0,0 +1,86 @@ +<template> + <el-dialog v-model="dialogVisible" title="新建仪器仪表" width="50%" draggable> + <el-form :model="form" label-width="120px"> + <el-row> + <el-col :span="11"> + <el-form-item label="保养情况"> + <el-input v-model="form.name" /> + </el-form-item> + </el-col> + <el-col :span="11" :offset="2"> + <el-form-item label="保养负责人"> + <el-input v-model="form.name"> + <template #append> <el-button :icon="Search" @click="openUser" /> </template + ></el-input> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="11"> + <el-form-item label="保养日期"> + <el-date-picker v-model="form.date1" type="date" style="width: 100%" /> + </el-form-item> + </el-col> + <el-col :span="11" :offset="2"> + <el-form-item label="保养负责人单位"> + <el-select v-model="form.region" style="width: 100%"> + <el-option label="Zone one" value="shanghai" /> + <el-option label="Zone two" value="beijing" /> + </el-select> + </el-form-item> + </el-col> + </el-row> + </el-form> + <template #footer> + <span class="dialog-footer"> + <el-button type="primary" @click="dialogVisible = false" size="default">继续添加</el-button> + <el-button @click="dialogVisible = false" size="default">关闭</el-button> + <el-button type="primary" @click="dialogVisible = false" size="default">确定</el-button> + </span> + </template> + </el-dialog> + <DailogSearchUser ref="Show"></DailogSearchUser> +</template> +<script lang="ts"> +import { defineComponent, ref, reactive } from 'vue'; +import { Search } from '@element-plus/icons-vue'; +import DailogSearchUser from '../../../../components/DailogSearchUser/index.vue' +export default defineComponent({ + components:{DailogSearchUser}, + setup() { + const form = reactive({ + name: '', + region: '', + date1: '', + date2: '', + delivery: false, + type: [], + resource: '', + desc: '', + }); + // 开启弹窗 + const dialogVisible = ref(false); + const openDailog = () => { + dialogVisible.value = true; + }; + // 开启用户弹窗 + const Show=ref() + const openUser=()=>{ + Show.value.openDailog() + } + return { + form, + dialogVisible, + openDailog, + Show, + openUser, + Search, + }; + }, +}); +</script> +<style scoped> +.el-row { + padding: 0 0 20px 0; +} +</style> -- Gitblit v1.9.2