From c21f3d6df8746ec55ab9e7a64e4e130577c49fea Mon Sep 17 00:00:00 2001
From: shj <1790240199@qq.com>
Date: 星期一, 25 七月 2022 09:25:53 +0800
Subject: [PATCH] 接口对接
---
src/views/contingencyManagement/panManagement/component/openAdd.vue | 68 ++++++++++++++++++++++------------
1 files changed, 44 insertions(+), 24 deletions(-)
diff --git a/src/views/contingencyManagement/panManagement/component/openAdd.vue b/src/views/contingencyManagement/panManagement/component/openAdd.vue
index 87df549..181d212 100644
--- a/src/views/contingencyManagement/panManagement/component/openAdd.vue
+++ b/src/views/contingencyManagement/panManagement/component/openAdd.vue
@@ -1,11 +1,13 @@
<template>
<div class="system-edit-user-container">
<el-dialog
- title="新建应急预案管理"
+ :title="title"
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"
@@ -14,14 +16,14 @@
>
<el-row :gutter="35">
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
- <el-form-item label="预案名称" prop="teamName">
- <el-input v-model="ruleForm.teamName" placeholder="请填写队伍名称"></el-input>
+ <el-form-item label="预案名称" prop="name">
+ <el-input v-model="ruleForm.name" placeholder="请填写队伍名称"></el-input>
</el-form-item>
</el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="适用部门" prop="responsibleDepartment">
<el-tree-select
- v-model="treeSelect"
+ v-model="ruleForm.treeSelect"
:data="tree"
multiple
:render-after-expand="true"
@@ -31,8 +33,8 @@
</el-form-item>
</el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
- <el-form-item label="预案类型" prop="teamLeader">
- <el-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择">
+ <el-form-item label="预案类型" prop="type">
+ <el-select v-model="ruleForm.type" class="w100" placeholder="请选择">
<el-option label="综合应急预案" value="admin"></el-option>
<el-option label="现场处置方案" value="common"></el-option>
<el-option label="专项应急预案" value="common"></el-option>
@@ -41,16 +43,16 @@
</el-form-item>
</el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
- <el-form-item label="危险源关联" prop="teamLevel">
- <el-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择">
+ <el-form-item label="危险源关联" prop="associatedDanger">
+ <el-select v-model="ruleForm.associatedDanger" class="w100" placeholder="请选择">
<el-option label="是" value="admin"></el-option>
<el-option label="否" value="common"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
- <el-form-item label="预案级别" prop="teamPhone">
- <el-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择">
+ <el-form-item label="预案级别" prop="level">
+ <el-select v-model="ruleForm.level" class="w100" placeholder="请选择">
<el-option label="公司级" value="admin"></el-option>
<el-option label="分厂级" value="common"></el-option>
<el-option label="车间级" value="common"></el-option>
@@ -58,9 +60,9 @@
</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="authorId" >
<el-input
- v-model="ruleForm.teamLeader"
+ v-model="ruleForm.authorId"
placeholder="请选择"
class="input-with-select"
>
@@ -71,18 +73,18 @@
</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="authorDeptId">
<el-tree-select
- v-model="ruleForm.responsibleDepartment"
+ v-model="ruleForm.authorDeptId"
: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-form-item label="发布实施日期" prop="releaseDate">
<el-date-picker
- v-model="value1"
+ v-model="ruleForm.releaseDate"
type="datetime"
class="w100"
placeholder="选择日期时间"
@@ -162,11 +164,14 @@
} 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',
@@ -181,11 +186,14 @@
const ruleFormRef = ref<FormInstance>()
//定义表单
const ruleForm = reactive({
- teamName: '', // 队伍名称
- teamLeader: '', //队伍负责人
- department: [], // 负责人部门
- phone: '', // 负责人手机
- telephone: '', // 固定电话
+ name: '', // 预案名称
+ type: '', //预案类型
+ associatedDanger: '', // 危险源关联
+ level: '', // 预案级别
+ authorId: '', // 编写人
+ authorDeptId: '', // 编写部门
+ releaseDate: '', // 发布实施日期
+ // telephone: '', // 应急队伍
});
// 打开弹窗
const openDialog = () => {
@@ -201,7 +209,7 @@
closeDialog();
};
//日期选择器
- const value1 = ref('')
+ const releaseDate = ref('')
// 上传附件
const fileList = ref<UploadUserFile[]>([])
// 可选择树
@@ -394,6 +402,15 @@
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,
@@ -404,7 +421,7 @@
data,
Search,
ruleForm,
- value1,
+ releaseDate,
treeSelect,
tree,
daiInpt,
@@ -416,6 +433,9 @@
userRef,
regionsDialog,
openRef,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
--
Gitblit v1.9.2