From 375b6acbd3a8f9cf51f967b09ecd09eccd1a12f3 Mon Sep 17 00:00:00 2001
From: zhaojiale <631455805@qq.com>
Date: 星期四, 18 八月 2022 17:53:29 +0800
Subject: [PATCH] 统计 事故统计
---
src/views/contingencyManagement/panManagement/component/openAdd.vue | 175 ++++++++++++++++++++++++++++++++--------------------------
1 files changed, 96 insertions(+), 79 deletions(-)
diff --git a/src/views/contingencyManagement/panManagement/component/openAdd.vue b/src/views/contingencyManagement/panManagement/component/openAdd.vue
index d6ba777..4114bb7 100644
--- a/src/views/contingencyManagement/panManagement/component/openAdd.vue
+++ b/src/views/contingencyManagement/panManagement/component/openAdd.vue
@@ -1,6 +1,14 @@
<template>
<div class="system-edit-user-container">
- <el-dialog :title="titles" v-model="isShowDialog" width="50%" draggable :fullscreen="full" :close-on-click-modal="false" @close="resetForm(ruleFormRef)">
+ <el-dialog
+ :title="titles"
+ v-model="isShowDialog"
+ width="50%"
+ draggable
+ :fullscreen="full"
+ :close-on-click-modal="false"
+ @close="resetForm(ruleFormRef)"
+ >
<el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
<el-form ref="ruleFormRef" :model="ruleForm" size="default" label-width="120px" :disabled="disabled">
<el-row :gutter="35">
@@ -12,7 +20,7 @@
<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="ruleForm.responsibleDepartment"
+ v-model="responsibleDepartment"
:data="newTreeList"
class="w100"
clearable
@@ -98,17 +106,8 @@
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
<el-form-item label="相关附件">
- <el-upload
- v-model:file-list="fileList"
- class="upload-demo"
- action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
- :on-change="handleChange"
- >
- <el-button type="primary">点击上传</el-button>
- <template #tip>
- <div class="el-upload__tip">添加相关附件</div>
- </template>
- </el-upload>
+ <uploaderFile :fileList="fileList" :systemName="'EMERGENCY'" :disabled="disabled"
+ @successUploader="successUploader"></uploaderFile>
</el-form-item>
</el-col>
<!-- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">-->
@@ -129,12 +128,11 @@
<template #footer>
<span class="dialog-footer">
<el-button @click="resetForm(ruleFormRef)" size="default">关闭</el-button>
- <el-button size="default" type="primary" v-if="disabled == true ? false : true"
- @click="submitForm(titles, ruleFormRef)">确定</el-button>
+ <el-button size="default" type="primary" v-if="disabled == true ? false : true" @click="submitForm(titles, ruleFormRef)">确定</el-button>
</span>
</template>
</el-dialog>
- <CheckTemplate ref="Shows" @SearchUser="SearchUser" />
+ <CheckTemplate ref="Shows" @SearchUser="SearchUser" />
<DailogSearchUserManger ref="userRef" @SearchUser="onUser" />
<RegionsDialog ref="openRef" />
</div>
@@ -151,13 +149,14 @@
import RegionsDialog from '/@/components/regionsDialog/index.vue';
import { emergencyPlanApi } from '/@/api/contingencyManagement/emergencyPlan';
import { goalManagementApi } from '/@/api/goalManagement';
-
+import uploaderFile from '/@/components/uploaderFile/index.vue';
export default defineComponent({
name: 'openAdd',
components: {
CheckTemplate,
DailogSearchUserManger,
RegionsDialog,
+ uploaderFile
},
setup(prop, { emit }) {
const isShowDialog = ref(false);
@@ -171,17 +170,11 @@
authorName: '',
authorDeptId: '', // 编写部门
releaseDate: '', // 发布实施日期
- fileList: [
- // {
- // fileUrl: 'url',
- // fileName: 'name',
- // },
- ],
+ fileList: [],
areaList: [], //区域列表
teamList: [],
- teamId: '', //应急队伍
+ // teamId: '', //应急队伍
deptList: [],
- abolishStatus: false,
});
const titles = ref();
const disabled = ref();
@@ -196,25 +189,49 @@
.seeEmergencyTeam(id)
.then((res) => {
if (res.data.code == 200) {
- ruleForm.value = res.data.data;
- let arr = [];
- ruleForm.value.responsibleDepartment = []
- for (let i = 0; i < ruleForm.value.teamList.length; i++) {
- arr.push(ruleForm.value.teamList[i].teamName);
- }
- for (let i = 0; i < ruleForm.value.deptList.length; i++) {
- ruleForm.value.responsibleDepartment.push(ruleForm.value.deptList[i].departmentId);
+ ruleForm.value = res.data.data;
+ ruleForm.value.teamName = ''
+ responsibleDepartment.value = []
+ if(res.data.data.teamList){
+ for(var a = 0;a<res.data.data.teamList.length;a++){
+ ruleForm.value.teamName+=res.data.data.teamList[a].teamName+';'
+ }
}
- console.log(ruleForm.value.responsibleDepartment)
- ruleForm.value.teamName = arr.toString();
+ if(res.data.data.deptList){
+ for(var a = 0;a<res.data.data.deptList.length;a++){
+
+ responsibleDepartment.value.push(res.data.data.deptList[a].departmentId)
+ }
+ }
+ fileList.value = (res.data.data.fileList?res.data.data.fileList:[])
+ initFileListData()
}
});
}
};
+ const initFileListData = async () => {
+ for(var a = 0;a<fileList.value.length;a++){
+ fileList.value[a].name = fileList.value[a].fileName
+ }
+ }
+ // 上传成功组装数据
+ const successUploader = (list) =>{
+ fileList.value = list
+ const formFileList = []
+ for(var a = 0;a<fileList.value.length;a++){
+ formFileList.push(
+ {
+ fileName:fileList.value[a].fileName,
+ fileUrl:''
+ }
+ )
+ }
+ ruleForm.value.fileList = formFileList
+ }
//日期选择器
const releaseDate = ref('');
// 上传附件
- const fileList = ref<UploadUserFile[]>([]);
+ const fileList = ref([]);
//el-tree-select回显
const propse = {
label: 'depName',
@@ -224,16 +241,15 @@
//得到部门树
const department = async () => {
await goalManagementApi()
- .getTreedepartment()
- .then((res) => {
- if (res.data.code == 200) {
- data.value = res.data.data;
- getTreeList(res.data.data, newTreeList);
- console.log('newList',newTreeList)
- } else {
- ElMessage.error(res.data.msg);
- }
- });
+ .getTreedepartment()
+ .then((res) => {
+ if (res.data.code == 200) {
+ data.value = res.data.data;
+ getTreeList(res.data.data, newTreeList);
+ } else {
+ ElMessage.error(res.data.msg);
+ }
+ });
};
// 递归树状数据且修改字段名
const getTreeList = (treeList, newTreeList) => {
@@ -254,25 +270,29 @@
department();
});
const changeDepartment = (e) => {
- var temList = []
- for(var a = 0;a<e.length;a++){
+ var temList = [];
+ for (var a = 0; a < e.length; a++) {
temList.push({
- departmentId:e[a]
- })
+ departmentId: e[a],
+ });
}
- ruleForm.value.deptList = temList
- console.log(ruleForm)
- }
+ ruleForm.value.deptList = temList;
+ console.log(ruleForm);
+ };
//定义树形下拉框
- const responsibleDepartment = ref();
+ const responsibleDepartment = ref([]);
const data = ref();
const submitForm = async (title: string, formEl: FormInstance | undefined) => {
+ if(!ruleForm.value.fileList){
+ ruleForm.value.fileList = []
+ }
if (title == '新建应急预案管理') {
if (!formEl) return;
await formEl.validate((valid, fields) => {
if (valid) {
isShowDialog.value = false;
+ delete ruleForm.value.teamName
emergencyPlanApi()
.addEmergencyPlan(ruleForm.value)
.then((res) => {
@@ -302,6 +322,7 @@
await formEl.validate((valid, fields) => {
if (valid) {
isShowDialog.value = false;
+ delete ruleForm.value.teamName
emergencyPlanApi()
.editEmergencyTeam(ruleForm.value)
.then((res) => {
@@ -336,18 +357,11 @@
authorName: '',
authorDeptId: '', // 编写部门
releaseDate: '', // 发布实施日期
- fileList: [
- // {
- // fileUrl: 'url',
- // fileName: 'name',
- // },
- ],
- teamId: '', //应急队伍ID
+ fileList: [],
+ // teamId: '', //应急队伍ID
areaList: [], //区域列表
- teamList: [
- ],
+ teamList: [],
deptList: [],
- abolishStatus: false,
};
}
};
@@ -355,24 +369,25 @@
isShowDialog.value = false;
if (!formEl) return;
formEl.resetFields();
- ruleForm.value = {}
+ ruleForm.value = {};
+ fileList.value = []
};
// 应急队伍弹窗
const Shows = ref();
const daiInpt = (data: any) => {
- Shows.value.openDailog(data);
+ Shows.value.openDailog(data);
};
- const SearchUser = (val: any) => {
- let arr = [];
- ruleForm.value.teamList=[]
- for (let i = 0; i < val.length; i++) {
- arr.push(val[i].teamName);
- ruleForm.value.teamList.push({
- teamId: val[i].id,
- });
- }
- ruleForm.value.teamName = arr.toString();
- };
+ const SearchUser = (val: any) => {
+ let arr = [];
+ ruleForm.value.teamList = [];
+ for (let i = 0; i < val.length; i++) {
+ arr.push(val[i].teamName);
+ ruleForm.value.teamList.push({
+ teamId: val[i].id,
+ });
+ }
+ ruleForm.value.teamName = arr.toString();
+ };
// 选择区域弹窗
const openRef = ref();
const regionsDialog = () => {
@@ -410,7 +425,7 @@
department,
daiInpt,
Shows,
- SearchUser,
+ SearchUser,
submitForm,
openUser,
userRef,
@@ -428,7 +443,9 @@
resetForm,
onUser,
newTreeList,
- changeDepartment
+ changeDepartment,
+ successUploader,
+ initFileListData
};
},
});
--
Gitblit v1.9.2