From d57a6d8cca922c9a701887c0403c10d663a258cb Mon Sep 17 00:00:00 2001
From: 13937891274 <kxc0822>
Date: 星期一, 18 七月 2022 17:47:56 +0800
Subject: [PATCH] 全屏功能
---
src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/openAdd.vue | 18
src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/openSee.vue | 18
src/views/contingencyManagement/contingency/component/openEdit.vue | 17
src/views/contingencyManagement/panManagement/component/openAdd.vue | 17
src/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/component/approvalProgress.vue | 103 ++-
src/views/contingencyManagement/contingency/component/openSee.vue | 17
src/views/contingencyManagement/emergencyPlanStartRecord/component/openSee.vue | 24
src/components/userSelections/index.vue | 18
src/components/userCheckbox/index.vue | 18
src/views/contingencyManagement/contingency/component/openAdd.vue | 17
src/components/checkTemplate/index.vue | 18
src/components/regionsDialog/index.vue | 26
src/views/contingencyManagement/emergencyResources/emergencySupplies/component/maintain.vue | 197 +++++++
src/views/contingencyManagement/emergencyDrill/implementationOfEmergencyDrill/component/regionsDialog.vue | 24
src/views/contingencyManagement/contingency/component/editEmergencyPersonnel.vue | 17
src/components/material/index.vue | 32 +
src/views/contingencyManagement/panManagement/component/upData.vue | 18
src/views/accidentManagementSystem/accidentExpress/component/openEdit.vue | 17
src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/index.vue | 21
src/views/contingencyManagement/contingency/component/upData.vue | 18
src/views/contingencyManagement/panManagement/component/abolishLibrary.vue | 17
src/views/contingencyManagement/emergencyDrill/implementationOfEmergencyDrill/index.vue | 30
src/views/contingencyManagement/panManagement/index.vue | 29
src/views/contingencyManagement/emergencyPlanStartRecord/index.vue | 3
src/views/contingencyManagement/emergencyResources/emergencySupplies/component/openAdd.vue | 17
src/views/contingencyManagement/emergencyResources/emergencySupplies/index.vue | 8
src/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/index.vue | 15
src/views/contingencyManagement/contingency/component/addEmergencyPersonnel.vue | 17
src/components/emergencySupplies/index.vue | 32 +
src/views/contingencyManagement/emergencyPlanStartRecord/component/selectEmergencyPlan.vue | 32 +
src/views/accidentManagementSystem/workInjuryDeclaration/component/openEdit.vue | 17
src/views/contingencyManagement/abolishDialog/abolishDialog.vue | 4
src/views/contingencyManagement/emergencyDrill/implementationOfEmergencyDrill/component/userSelect.vue | 18
/dev/null | 448 ----------------
src/views/contingencyManagement/emergencyResources/emergencySupplies/component/personInCharge.vue | 24
src/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/component/rectificationDialog.vue | 113 ++-
src/views/accidentManagementSystem/accidentReport/component/openAdd.vue | 17
src/views/contingencyManagement/emergencyResources/emergencySupplies/component/regionsCheckbox.vue | 32 +
src/views/accidentManagementSystem/workInjuryDeclaration/component/accidentName.vue | 32 +
src/views/contingencyManagement/contingency/index.vue | 2
src/views/contingencyManagement/emergencyResources/maintenanceOfEmergencyMaterials/component/openAdd.vue | 17
src/views/accidentManagementSystem/accidentExpress/component/numberOfCasualties.vue | 17
src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/regionsDialog.vue | 31 +
src/views/accidentManagementSystem/accidentExpress/component/openAdd.vue | 17
src/views/accidentManagementSystem/workInjuryDeclaration/component/openAdd.vue | 19
src/views/contingencyManagement/emergencyDrill/implementationOfEmergencyDrill/component/openAdd.vue | 17
46 files changed, 1,031 insertions(+), 649 deletions(-)
diff --git a/src/components/checkTemplate/index.vue b/src/components/checkTemplate/index.vue
index 235d5ea..24134c3 100644
--- a/src/components/checkTemplate/index.vue
+++ b/src/components/checkTemplate/index.vue
@@ -1,5 +1,6 @@
<template>
- <el-dialog v-model="dialogVisible" title="选择检查模板" width="900px" draggable>
+ <el-dialog v-model="dialogVisible" title="选择检查模板" width="900px" draggable :fullscreen="full">
+ <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
<el-row>
<el-col :span="18">
<el-row>
@@ -66,7 +67,8 @@
ref,
} from 'vue';
import {
- Delete
+ Delete,
+ FullScreen
} from '@element-plus/icons-vue';
interface User {
date: string
@@ -115,6 +117,15 @@
const handleClose = (tag: string) => {
dynamicTags.value.splice(dynamicTags.value.indexOf(tag), 1);
};
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
dialogVisible,
openDailog,
@@ -126,6 +137,9 @@
dynamicTags,
handleClose,
Delete,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/components/emergencySupplies/index.vue b/src/components/emergencySupplies/index.vue
index 4059b6b..ff5839a 100644
--- a/src/components/emergencySupplies/index.vue
+++ b/src/components/emergencySupplies/index.vue
@@ -1,5 +1,12 @@
<template>
- <el-dialog v-model="dialogVisible" title="选择应急物资" width="900px" draggable>
+ <el-dialog
+ v-model="dialogVisible"
+ title="选择应急物资"
+ width="900px"
+ draggable
+ :fullscreen="full"
+ >
+ <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
<el-row>
<el-col :span="18">
<el-row>
@@ -49,8 +56,15 @@
</el-dialog>
</template>
<script lang="ts">
-import { defineComponent, reactive, ref } from 'vue';
-import { Delete } from '@element-plus/icons-vue';
+import {
+ defineComponent,
+ reactive,
+ ref
+} from 'vue';
+import {
+ Delete,
+ FullScreen
+} from '@element-plus/icons-vue';
export default defineComponent({
setup() {
const dialogVisible = ref<boolean>(false);
@@ -92,6 +106,15 @@
const handleClose = (tag: string) => {
dynamicTags.value.splice(dynamicTags.value.indexOf(tag), 1);
};
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
dialogVisible,
openDailog,
@@ -103,6 +126,9 @@
dynamicTags,
handleClose,
Delete,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/components/material/index.vue b/src/components/material/index.vue
index d232437..e6db32e 100644
--- a/src/components/material/index.vue
+++ b/src/components/material/index.vue
@@ -1,5 +1,12 @@
<template>
- <el-dialog v-model="dialogVisible" title="选择应急物资" width="900px" draggable>
+ <el-dialog
+ v-model="dialogVisible"
+ title="选择应急物资"
+ width="900px"
+ draggable
+ :fullscreen="full"
+ >
+ <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
<el-row>
<el-col :span="18">
<el-row>
@@ -48,8 +55,15 @@
</el-dialog>
</template>
<script lang="ts">
-import { defineComponent, reactive, ref } from 'vue';
-import { Delete } from '@element-plus/icons-vue';
+import {
+ defineComponent,
+ reactive,
+ ref
+} from 'vue';
+import {
+ Delete,
+ FullScreen
+} from '@element-plus/icons-vue';
export default defineComponent({
setup() {
const dialogVisible = ref<boolean>(false);
@@ -87,6 +101,15 @@
const handleClose = (tag: string) => {
dynamicTags.value.splice(dynamicTags.value.indexOf(tag), 1);
};
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
dialogVisible,
openDailog,
@@ -98,6 +121,9 @@
dynamicTags,
handleClose,
Delete,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/components/regionsDialog/index.vue b/src/components/regionsDialog/index.vue
index 0aa5c11..8ecb8ab 100644
--- a/src/components/regionsDialog/index.vue
+++ b/src/components/regionsDialog/index.vue
@@ -1,5 +1,6 @@
<template>
- <el-dialog v-model="dialogVisible" title="选择区域" width="900px" draggable>
+ <el-dialog v-model="dialogVisible" title="选择区域" width="900px" draggable :fullscreen="full">
+ <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
<el-row>
<el-col :span="18">
<el-form :inline="true" ref="ruleFormRef" :model="ruleForm" status-icon>
@@ -45,8 +46,15 @@
</el-dialog>
</template>
<script lang="ts">
-import { defineComponent, reactive, ref } from 'vue';
-import { Delete } from '@element-plus/icons-vue';
+import {
+ defineComponent,
+ reactive,
+ ref
+} from 'vue';
+import {
+ Delete,
+ FullScreen
+} from '@element-plus/icons-vue';
export default defineComponent({
setup() {
const dialogVisible = ref<boolean>(false);
@@ -84,6 +92,15 @@
const handleClose = (tag: string) => {
dynamicTags.value.splice(dynamicTags.value.indexOf(tag), 1);
};
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
dialogVisible,
openDailog,
@@ -95,6 +112,9 @@
dynamicTags,
handleClose,
Delete,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/components/userCheckbox/index.vue b/src/components/userCheckbox/index.vue
index e11038f..9dda92a 100644
--- a/src/components/userCheckbox/index.vue
+++ b/src/components/userCheckbox/index.vue
@@ -5,7 +5,9 @@
v-model="isShowDialog"
width="1000px"
draggable
+ :fullscreen="full"
>
+ <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
<el-container class="layout-container-demo" style="height: 500px;overflow: auto;min-width: 960px">
<el-aside width="200px">
<el-input v-model="filterText" placeholder="请输入组织机构过滤" />
@@ -107,7 +109,9 @@
ElTree,
// ElTable,
} from 'element-plus'
-
+import {
+ FullScreen
+} from '@element-plus/icons-vue'
interface Tree {
id: number
label: string
@@ -264,6 +268,15 @@
const handleCurrentChange = (val: number) => {
console.log(`current page: ${val}`);
};
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
openDialog,
closeDialog,
@@ -282,6 +295,9 @@
handleCurrentChange,
pageIndex,
pageSize,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/components/userSelections/index.vue b/src/components/userSelections/index.vue
index 19458f2..9728e94 100644
--- a/src/components/userSelections/index.vue
+++ b/src/components/userSelections/index.vue
@@ -5,7 +5,9 @@
v-model="isShowDialog"
width="1000px"
draggable
+ :fullscreen="full"
>
+ <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
<el-container class="layout-container-demo" style="height: 500px;overflow: auto;min-width: 960px">
<el-aside width="200px">
<el-input v-model="filterText" placeholder="请输入组织机构过滤" />
@@ -121,7 +123,9 @@
ElTree,
// ElTable,
} from 'element-plus'
-
+import {
+ FullScreen
+} from '@element-plus/icons-vue'
interface Tree {
id: number
label: string
@@ -283,6 +287,15 @@
const handleCurrentChange = (val: number) => {
console.log(`current page: ${val}`);
};
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
openDialog,
closeDialog,
@@ -303,6 +316,9 @@
pageSize,
radio1,
radio,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/accidentManagementSystem/accidentExpress/component/numberOfCasualties.vue b/src/views/accidentManagementSystem/accidentExpress/component/numberOfCasualties.vue
index bafb2e6..68c7810 100644
--- a/src/views/accidentManagementSystem/accidentExpress/component/numberOfCasualties.vue
+++ b/src/views/accidentManagementSystem/accidentExpress/component/numberOfCasualties.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"
@@ -82,7 +84,8 @@
} 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'
@@ -314,6 +317,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,
@@ -336,6 +348,9 @@
userRef,
regionsDialog,
openRef,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/accidentManagementSystem/accidentExpress/component/openAdd.vue b/src/views/accidentManagementSystem/accidentExpress/component/openAdd.vue
index ff2e8fb..ea0c2f7 100644
--- a/src/views/accidentManagementSystem/accidentExpress/component/openAdd.vue
+++ b/src/views/accidentManagementSystem/accidentExpress/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"
@@ -114,7 +116,8 @@
} from 'element-plus'
import {
- Search
+ Search,
+ FullScreen
} from '@element-plus/icons-vue'
import NumberOfCasualties from '/@/views/accidentManagementSystem/accidentExpress/component/numberOfCasualties.vue'
import UserSelections from "/@/components/userSelections/index.vue"
@@ -356,6 +359,15 @@
const openUser = () => {
userRef.value.openDialog();
};
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
ShowUser,
typeChang,
@@ -381,6 +393,9 @@
regionsDialog,
openDai,
openRef,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/accidentManagementSystem/accidentExpress/component/openEdit.vue b/src/views/accidentManagementSystem/accidentExpress/component/openEdit.vue
index 4ea7017..f3ef29b 100644
--- a/src/views/accidentManagementSystem/accidentExpress/component/openEdit.vue
+++ b/src/views/accidentManagementSystem/accidentExpress/component/openEdit.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"
@@ -106,7 +108,8 @@
} 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'
@@ -338,6 +341,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,
@@ -360,6 +372,9 @@
userRef,
regionsDialog,
openRef,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/accidentManagementSystem/accidentReport/component/openAdd.vue b/src/views/accidentManagementSystem/accidentReport/component/openAdd.vue
index 31c305f..d52af78 100644
--- a/src/views/accidentManagementSystem/accidentReport/component/openAdd.vue
+++ b/src/views/accidentManagementSystem/accidentReport/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"
@@ -174,7 +176,8 @@
} 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'
@@ -406,6 +409,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,
@@ -428,6 +440,9 @@
userRef,
regionsDialog,
openRef,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/accidentManagementSystem/workInjuryDeclaration/component/accidentName.vue b/src/views/accidentManagementSystem/workInjuryDeclaration/component/accidentName.vue
index 724e8ef..5e9a5a4 100644
--- a/src/views/accidentManagementSystem/workInjuryDeclaration/component/accidentName.vue
+++ b/src/views/accidentManagementSystem/workInjuryDeclaration/component/accidentName.vue
@@ -1,5 +1,12 @@
<template>
- <el-dialog v-model="dialogVisible" title="选择事故名称" width="900px" draggable>
+ <el-dialog
+ v-model="dialogVisible"
+ title="选择事故名称"
+ width="900px"
+ draggable
+ :fullscreen="full"
+ >
+ <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
<el-row>
<el-col :span="18">
<el-row>
@@ -64,8 +71,15 @@
</el-dialog>
</template>
<script lang="ts">
-import { defineComponent, reactive, ref } from 'vue';
-import { Delete } from '@element-plus/icons-vue';
+import {
+ defineComponent,
+ reactive,
+ ref
+} from 'vue';
+import {
+ Delete,
+ FullScreen
+} from '@element-plus/icons-vue';
export default defineComponent({
setup() {
const dialogVisible = ref<boolean>(false);
@@ -107,6 +121,15 @@
const handleClose = (tag: string) => {
dynamicTags.value.splice(dynamicTags.value.indexOf(tag), 1);
};
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
dialogVisible,
openDailog,
@@ -118,6 +141,9 @@
dynamicTags,
handleClose,
Delete,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/accidentManagementSystem/workInjuryDeclaration/component/openAdd.vue b/src/views/accidentManagementSystem/workInjuryDeclaration/component/openAdd.vue
index 36238d3..1fe3ad8 100644
--- a/src/views/accidentManagementSystem/workInjuryDeclaration/component/openAdd.vue
+++ b/src/views/accidentManagementSystem/workInjuryDeclaration/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"
@@ -152,12 +154,11 @@
import type {
UploadUserFile,
FormInstance,
- UploadProps,
- ElMessage,
} from 'element-plus'
import {
- Search
+ Search,
+ FullScreen
} from '@element-plus/icons-vue'
import UserSelections from "/@/components/userSelections/index.vue"
import AccidentName from '/@/views/accidentManagementSystem/workInjuryDeclaration/component/accidentName.vue'
@@ -389,6 +390,15 @@
const openUser = () => {
userRef.value.openDialog();
};
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
daiInpt,
openDialog,
@@ -411,6 +421,9 @@
userRef,
regionsDialog,
openRef,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/accidentManagementSystem/workInjuryDeclaration/component/openEdit.vue b/src/views/accidentManagementSystem/workInjuryDeclaration/component/openEdit.vue
index 4ea7017..f3ef29b 100644
--- a/src/views/accidentManagementSystem/workInjuryDeclaration/component/openEdit.vue
+++ b/src/views/accidentManagementSystem/workInjuryDeclaration/component/openEdit.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"
@@ -106,7 +108,8 @@
} 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'
@@ -338,6 +341,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,
@@ -360,6 +372,9 @@
userRef,
regionsDialog,
openRef,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/contingencyManagement/abolishDialog/abolishDialog.vue b/src/views/contingencyManagement/abolishDialog/abolishDialog.vue
index 156771d..c0ee5e8 100644
--- a/src/views/contingencyManagement/abolishDialog/abolishDialog.vue
+++ b/src/views/contingencyManagement/abolishDialog/abolishDialog.vue
@@ -19,7 +19,9 @@
<formInformationTops></formInformationTops>
</div>
<div v-if="activeIndex == 2" class="navType" style="padding:20px 20px 0 20px">
- <div class="title2">流程图</div>
+ <div class="title2">流程图
+ <img src="src">
+ </div>
<div style="width:100%;height:400px"></div>
</div>
</div>
diff --git a/src/views/contingencyManagement/contingency/component/addEmergencyPersonnel.vue b/src/views/contingencyManagement/contingency/component/addEmergencyPersonnel.vue
index 0188133..9998a23 100644
--- a/src/views/contingencyManagement/contingency/component/addEmergencyPersonnel.vue
+++ b/src/views/contingencyManagement/contingency/component/addEmergencyPersonnel.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"
@@ -80,7 +82,8 @@
} from 'element-plus'
import {
- Search
+ Search,
+ FullScreen,
} from '@element-plus/icons-vue'
export default defineComponent({
@@ -158,6 +161,15 @@
const onCancel = () => {
closeDialog();
};
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
openDialog,
closeDialog,
@@ -168,6 +180,9 @@
ruleForm,
rules,
Search,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/contingencyManagement/contingency/component/editEmergencyPersonnel.vue b/src/views/contingencyManagement/contingency/component/editEmergencyPersonnel.vue
index d6092e1..3effe20 100644
--- a/src/views/contingencyManagement/contingency/component/editEmergencyPersonnel.vue
+++ b/src/views/contingencyManagement/contingency/component/editEmergencyPersonnel.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"
@@ -81,7 +83,8 @@
} from 'element-plus'
import {
- Search
+ Search,
+ FullScreen,
} from '@element-plus/icons-vue'
// 定义接口来定义对象的类型
interface DeptData {
@@ -198,6 +201,15 @@
}
})
}
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
openDialog,
closeDialog,
@@ -208,6 +220,9 @@
rules,
Search,
...toRefs(state),
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/contingencyManagement/contingency/component/openAdd.vue b/src/views/contingencyManagement/contingency/component/openAdd.vue
index 16c05f2..3ee7941 100644
--- a/src/views/contingencyManagement/contingency/component/openAdd.vue
+++ b/src/views/contingencyManagement/contingency/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"
@@ -144,7 +146,8 @@
} from 'element-plus'
import {
- Search
+ Search,
+ FullScreen
} from '@element-plus/icons-vue'
import AddEmergencyPersonnel from "/@/views/contingencyManagement/contingency/component/addEmergencyPersonnel.vue";
import UserSelections from "/@/components/userSelections/index.vue"
@@ -314,6 +317,15 @@
}
})
}
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
openDialog,
closeDialog,
@@ -335,6 +347,9 @@
userRef,
openUser,
onAddEmergencyPersonnel,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/contingencyManagement/contingency/component/openEdit.vue b/src/views/contingencyManagement/contingency/component/openEdit.vue
index 80df2a9..fbd8de4 100644
--- a/src/views/contingencyManagement/contingency/component/openEdit.vue
+++ b/src/views/contingencyManagement/contingency/component/openEdit.vue
@@ -7,7 +7,9 @@
:model="ruleForm"
size="default"
label-width="120px"
+ :fullscreen="full"
>
+ <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
<el-row :gutter="35">
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="队伍名称" prop="teamName">
@@ -138,7 +140,8 @@
ElTable,
} from 'element-plus'
import {
- Search
+ Search,
+ FullScreen
} from '@element-plus/icons-vue'
import UserSelections from "/@/components/userSelections/index.vue"
import AddEmergencyPersonnel from "/@/views/contingencyManagement/contingency/component/addEmergencyPersonnel.vue";
@@ -422,6 +425,15 @@
const onEditEmergencyPersonnel = (row: TableDataRow) => {
editRef.value.openDialog(row);
};
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
openDialog,
closeDialog,
@@ -446,6 +458,9 @@
openUser,
userRef,
...toRefs(state),
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/contingencyManagement/contingency/component/openSee.vue b/src/views/contingencyManagement/contingency/component/openSee.vue
index d5f5ff3..abfd5e9 100644
--- a/src/views/contingencyManagement/contingency/component/openSee.vue
+++ b/src/views/contingencyManagement/contingency/component/openSee.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 :model="ruleForm" size="default" label-width="90px">
<el-row :gutter="35">
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
@@ -121,7 +123,8 @@
TabsPaneContext,
} from 'element-plus'
import {
- Search
+ Search,
+ FullScreen
} from '@element-plus/icons-vue'
// import AddTeamLeader from '/@/views/contingency/component/addEmergencyPersonnel.vue';
// 定义接口来定义对象的类型
@@ -322,6 +325,15 @@
// const onAddTeamLeader = () => {
// addRef.value.openDialog();
// };
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
openDialog,
closeDialog,
@@ -337,6 +349,9 @@
// addRef,
// onAddTeamLeader,
...toRefs(state),
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/contingencyManagement/contingency/component/upData.vue b/src/views/contingencyManagement/contingency/component/upData.vue
index 07a7958..cc3e2d0 100644
--- a/src/views/contingencyManagement/contingency/component/upData.vue
+++ b/src/views/contingencyManagement/contingency/component/upData.vue
@@ -4,7 +4,9 @@
title="导入Excel"
width="50%"
draggable
+ :fullscreen="full"
>
+ <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
<el-upload
v-model:file-list="fileList"
class="upload-demo"
@@ -38,7 +40,9 @@
UploadProps,
UploadUserFile,
} from "element-plus";
-
+import {
+ FullScreen
+} from '@element-plus/icons-vue'
export default defineComponent({
setup() {
let dialogVisible =ref<boolean>(false)
@@ -86,6 +90,15 @@
const openDialog = (type:string,value:any,projectList: any,projectId:string) => {
dialogVisible.value=true
}
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
dialogVisible,
fileList,
@@ -94,6 +107,9 @@
handleExceed,
beforeRemove,
openDialog,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/contingencyManagement/contingency/index.vue b/src/views/contingencyManagement/contingency/index.vue
index 197e49c..4d71a26 100644
--- a/src/views/contingencyManagement/contingency/index.vue
+++ b/src/views/contingencyManagement/contingency/index.vue
@@ -141,8 +141,6 @@
import OpenSee from '/@/views/contingencyManagement/contingency/component/openSee.vue';
import UpData from '/@/views/contingencyManagement/contingency/component/upData.vue';
import {contingencyApi} from "/@/api/contingency";
-import {Session} from "/@/utils/storage";
-import {initBackEndControlRoutes} from "/@/router/backEnd";
// 定义表格数据类型
diff --git a/src/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/component/approvalProgress.vue b/src/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/component/approvalProgress.vue
index d199eb6..8bc2c51 100644
--- a/src/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/component/approvalProgress.vue
+++ b/src/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/component/approvalProgress.vue
@@ -3,9 +3,11 @@
<el-dialog
title="查看演练实施评价"
v-model="isShowDialog"
- width="769px"
+ width="900px"
draggable
+ :fullscreen="full"
>
+ <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
<el-form
ref="ruleFormRef"
:model="ruleForm"
@@ -15,17 +17,17 @@
<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-input v-model="ruleForm.teamName" placeholder="请填写队伍名称" disabled></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="teamName">
- <el-input v-model="ruleForm.teamName" placeholder="请填写队伍名称"></el-input>
+ <el-input v-model="ruleForm.teamName" placeholder="请填写队伍名称" disabled></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="teamLeader">
- <el-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择">
+ <el-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择" disabled>
<el-option label="综合应急预案" value="admin"></el-option>
<el-option label="现场处置方案" value="common"></el-option>
<el-option label="专项应急预案" value="common"></el-option>
@@ -35,7 +37,7 @@
</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-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择" disabled>
<el-option label="综合应急预案" value="admin"></el-option>
<el-option label="现场处置方案" value="common"></el-option>
<el-option label="专项应急预案" value="common"></el-option>
@@ -49,16 +51,17 @@
v-model="ruleForm.teamLeader"
placeholder="请选择"
class="input-with-select"
+ disabled
>
<template #append>
- <el-button :icon="Search" @click="daiInpt"/>
+ <el-button :icon="Search" @click="daiInpt" disabled/>
</template>
</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="teamPhone">
- <el-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择">
+ <el-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择" disabled>
<el-option label="公司级" value="admin"></el-option>
<el-option label="分厂级" value="common"></el-option>
<el-option label="车间级" value="common"></el-option>
@@ -72,6 +75,7 @@
class="w100"
type="datetime"
placeholder="选择日期时间"
+ disabled
/>
</el-form-item>
</el-col>
@@ -82,6 +86,7 @@
class="w100"
type="datetime"
placeholder="选择日期时间"
+ disabled
/>
</el-form-item>
</el-col>
@@ -92,17 +97,18 @@
class="w100"
type="datetime"
placeholder="选择日期时间"
+ disabled
/>
</el-form-item>
</el-col>
<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-input v-model="ruleForm.teamName" placeholder="请填写队伍名称" disabled></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="teamLeader">
- <el-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择">
+ <el-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择" disabled>
<el-option label="综合应急预案" value="admin"></el-option>
<el-option label="现场处置方案" value="common"></el-option>
<el-option label="专项应急预案" value="common"></el-option>
@@ -116,16 +122,17 @@
v-model="ruleForm.teamLeader"
placeholder="请选择"
class="input-with-select"
+ disabled
>
<template #append>
- <el-button :icon="Search" @click="openUser"/>
+ <el-button :icon="Search" @click="openUser" disabled/>
</template>
</el-input>
</el-form-item>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
<el-form-item label="演练目的" prop="teamLevel">
- <el-input v-model="ruleForm.name" class="textarea" type="textarea"></el-input>
+ <el-input v-model="ruleForm.name" class="textarea" type="textarea" disabled></el-input>
</el-form-item>
</el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
@@ -134,26 +141,27 @@
v-model="ruleForm.teamLeader"
placeholder="请选择"
class="input-with-select"
+ disabled
>
<template #append>
- <el-button :icon="Search" @click="openUser"/>
+ <el-button :icon="Search" @click="openUser" disabled/>
</template>
</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="teamName">
- <el-input v-model="ruleForm.teamName" placeholder="请填写队伍名称"></el-input>
+ <el-input v-model="ruleForm.teamName" placeholder="请填写队伍名称" disabled></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="teamName">
- <el-input v-model="ruleForm.teamName" placeholder="请填写队伍名称"></el-input>
+ <el-input v-model="ruleForm.teamName" placeholder="请填写队伍名称" disabled></el-input>
</el-form-item>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
<el-form-item label="备注信息" prop="teamLevel">
- <el-input v-model="ruleForm.name" class="textarea" type="textarea" placeholder="请填写备注信息"></el-input>
+ <el-input v-model="ruleForm.name" class="textarea" type="textarea" placeholder="请填写备注信息" disabled></el-input>
</el-form-item>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
@@ -163,8 +171,9 @@
class="upload-demo"
action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
:on-change="handleChange"
+ disabled
>
- <el-button type="primary"
+ <el-button type="primary" disabled
>点击上传</el-button>
<template #tip>
<div class="el-upload__tip">
@@ -180,16 +189,17 @@
v-model="ruleForm.teamLeader"
placeholder="请选择"
class="input-with-select"
+ disabled
>
<template #append>
- <el-button :icon="Search" @click="openUser"/>
+ <el-button :icon="Search" @click="openUser" disabled/>
</template>
</el-input>
</el-form-item>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
<el-form-item label="演练过程描述" prop="teamLevel">
- <el-input v-model="ruleForm.name" class="textarea" type="textarea" placeholder="请填写备注信息"></el-input>
+ <el-input v-model="ruleForm.name" class="textarea" type="textarea" placeholder="请填写备注信息" disabled></el-input>
</el-form-item>
</el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
@@ -198,9 +208,10 @@
v-model="ruleForm.teamLeader"
placeholder="请选择"
class="input-with-select"
+ disabled
>
<template #append>
- <el-button :icon="Search" @click="openUser"/>
+ <el-button :icon="Search" @click="openUser" disabled/>
</template>
</el-input>
</el-form-item>
@@ -212,6 +223,7 @@
class="w100"
type="datetime"
placeholder="选择日期时间"
+ disabled
/>
</el-form-item>
</el-col>
@@ -228,16 +240,17 @@
v-model="ruleForm.teamLeader"
placeholder="请选择"
class="input-with-select"
+ disabled
>
<template #append>
- <el-button :icon="Search" @click="openUser"/>
+ <el-button :icon="Search" @click="openUser" disabled/>
</template>
</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="teamLeader">
- <el-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择">
+ <el-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择" disabled>
<el-option label="综合应急预案" value="admin"></el-option>
<el-option label="现场处置方案" value="common"></el-option>
<el-option label="专项应急预案" value="common"></el-option>
@@ -247,7 +260,7 @@
</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-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择" disabled>
<el-option label="综合应急预案" value="admin"></el-option>
<el-option label="现场处置方案" value="common"></el-option>
<el-option label="专项应急预案" value="common"></el-option>
@@ -257,7 +270,7 @@
</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-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择" disabled>
<el-option label="综合应急预案" value="admin"></el-option>
<el-option label="现场处置方案" value="common"></el-option>
<el-option label="专项应急预案" value="common"></el-option>
@@ -267,7 +280,7 @@
</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-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择" disabled>
<el-option label="综合应急预案" value="admin"></el-option>
<el-option label="现场处置方案" value="common"></el-option>
<el-option label="专项应急预案" value="common"></el-option>
@@ -277,7 +290,7 @@
</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-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择" disabled>
<el-option label="综合应急预案" value="admin"></el-option>
<el-option label="现场处置方案" value="common"></el-option>
<el-option label="专项应急预案" value="common"></el-option>
@@ -287,7 +300,7 @@
</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-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择" disabled>
<el-option label="综合应急预案" value="admin"></el-option>
<el-option label="现场处置方案" value="common"></el-option>
<el-option label="专项应急预案" value="common"></el-option>
@@ -297,7 +310,7 @@
</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-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择" disabled>
<el-option label="综合应急预案" value="admin"></el-option>
<el-option label="现场处置方案" value="common"></el-option>
<el-option label="专项应急预案" value="common"></el-option>
@@ -307,7 +320,7 @@
</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-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择" disabled>
<el-option label="综合应急预案" value="admin"></el-option>
<el-option label="现场处置方案" value="common"></el-option>
<el-option label="专项应急预案" value="common"></el-option>
@@ -317,7 +330,7 @@
</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-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择" disabled>
<el-option label="综合应急预案" value="admin"></el-option>
<el-option label="现场处置方案" value="common"></el-option>
<el-option label="专项应急预案" value="common"></el-option>
@@ -327,7 +340,7 @@
</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-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择" disabled>
<el-option label="综合应急预案" value="admin"></el-option>
<el-option label="现场处置方案" value="common"></el-option>
<el-option label="专项应急预案" value="common"></el-option>
@@ -337,7 +350,7 @@
</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-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择" disabled>
<el-option label="综合应急预案" value="admin"></el-option>
<el-option label="现场处置方案" value="common"></el-option>
<el-option label="专项应急预案" value="common"></el-option>
@@ -347,7 +360,7 @@
</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-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择" disabled>
<el-option label="综合应急预案" value="admin"></el-option>
<el-option label="现场处置方案" value="common"></el-option>
<el-option label="专项应急预案" value="common"></el-option>
@@ -357,7 +370,7 @@
</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-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择" disabled>
<el-option label="是" value="admin"></el-option>
<el-option label="否" value="common"></el-option>
</el-select>
@@ -365,12 +378,12 @@
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
<el-form-item label="存在问题和改进措施" prop="teamLevel">
- <el-input v-model="ruleForm.name" class="textarea" type="textarea" placeholder="请填写备注信息"></el-input>
+ <el-input v-model="ruleForm.name" class="textarea" type="textarea" placeholder="请填写备注信息" disabled></el-input>
</el-form-item>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
<el-form-item label="修改内容" prop="teamLevel">
- <el-input v-model="ruleForm.name" class="textarea" type="textarea" placeholder="请填写修改内容"></el-input>
+ <el-input v-model="ruleForm.name" class="textarea" type="textarea" placeholder="请填写修改内容" disabled></el-input>
</el-form-item>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
@@ -380,8 +393,9 @@
class="upload-demo"
action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
:on-change="handleChange"
+ disabled
>
- <el-button type="primary"
+ <el-button type="primary" disabled
>点击上传</el-button>
<template #tip>
<div class="el-upload__tip">
@@ -418,7 +432,8 @@
} 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'
@@ -639,6 +654,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,
@@ -660,6 +684,9 @@
userRef,
regionsDialog,
openRef,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
@@ -667,6 +694,8 @@
<style scoped lang="scss">
.el-form .el-form-item{
margin-bottom: 18px !important;
+ display: flex;
+ align-items: flex-start;
}
::v-deep .el-form-item--default .el-form-item__label{
text-align: right;
diff --git a/src/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/component/rectificationDialog.vue b/src/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/component/rectificationDialog.vue
index 706e24d..f8d0901 100644
--- a/src/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/component/rectificationDialog.vue
+++ b/src/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/component/rectificationDialog.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"
@@ -180,53 +182,55 @@
placeholder="请选择"/>
</el-form-item>
</el-col>
- <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
- <el-tab-pane label="组织整改" name="first">
- <el-row style="margin: 0">
- <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20" style="padding-left: 17.5px;padding-right: 17.5px;">
- <el-form-item label="整改意见" prop="teamLevel">
- <el-input v-model="ruleForm.name" class="textarea" type="textarea" disabled placeholder="请填写整改意见"></el-input>
- </el-form-item>
- </el-col>
- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20" style="padding-left: 17.5px;padding-right: 17.5px;">
- <el-form-item label="整改期限" prop="telephone">
- <el-date-picker
- v-model="value1"
- class="w100"
- type="datetime"
- placeholder="选择日期时间"
- disabled
- />
- </el-form-item>
- </el-col>
- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20" style="padding-left: 17.5px;padding-right: 17.5px;">
- <el-form-item label="填报人" prop="telephone" >
- <el-input
- v-model="ruleForm.teamLeader"
- placeholder="请选择"
- class="input-with-select"
- disabled
- >
- <template #append>
- <el-button :icon="Search" disabled @click="openUser"/>
- </template>
- </el-input>
- </el-form-item>
- </el-col>
- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20" style="padding-left: 17.5px;padding-right: 17.5px;">
- <el-form-item label="填报日期" prop="telephone">
- <el-date-picker
- v-model="value1"
- class="w100"
- type="datetime"
- placeholder="选择日期时间"
- disabled
- />
- </el-form-item>
- </el-col>
- </el-row>
- </el-tab-pane>
- </el-tabs>
+ <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
+ <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
+ <el-tab-pane label="组织整改" name="first">
+ <el-row style="margin: 0">
+ <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20" style="padding-left: 17.5px;padding-right: 17.5px;">
+ <el-form-item label="整改意见" prop="teamLevel">
+ <el-input v-model="ruleForm.name" class="textarea" type="textarea" disabled placeholder="请填写整改意见"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20" style="padding-left: 17.5px;padding-right: 17.5px;">
+ <el-form-item label="整改期限" prop="telephone">
+ <el-date-picker
+ v-model="value1"
+ class="w100"
+ type="datetime"
+ placeholder="选择日期时间"
+ disabled
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20" style="padding-left: 17.5px;padding-right: 17.5px;">
+ <el-form-item label="填报人" prop="telephone" >
+ <el-input
+ v-model="ruleForm.teamLeader"
+ placeholder="请选择"
+ class="input-with-select"
+ disabled
+ >
+ <template #append>
+ <el-button :icon="Search" disabled @click="openUser"/>
+ </template>
+ </el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20" style="padding-left: 17.5px;padding-right: 17.5px;">
+ <el-form-item label="填报日期" prop="telephone">
+ <el-date-picker
+ v-model="value1"
+ class="w100"
+ type="datetime"
+ placeholder="选择日期时间"
+ disabled
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-tab-pane>
+ </el-tabs>
+ </el-col>
</el-row>
</el-form>
<template #footer>
@@ -258,7 +262,8 @@
} from 'element-plus'
import {
Search,
- Plus
+ Plus,
+ FullScreen
} from '@element-plus/icons-vue'
import UserSelections from "/@/components/userSelections/index.vue"
import CheckTemplate from '/@/components/checkTemplate/index.vue'
@@ -502,6 +507,15 @@
}
return true
}
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
openDialog,
closeDialog,
@@ -527,6 +541,9 @@
handleAvatarSuccess,
beforeAvatarUpload,
Plus,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/index.vue b/src/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/index.vue
index f64d99a..eb03853 100644
--- a/src/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/index.vue
+++ b/src/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/index.vue
@@ -52,7 +52,7 @@
<EditPen />
</el-icon>评价
</el-button>
- <el-button size="small" text type="primary" @click="onApprovalProgress(scope.row)">
+ <el-button size="small" text type="primary" @click="onFlowChart(scope.row)">
审批进度
</el-button>
<el-button size="small" text type="primary" @click="onApprovalProgress(scope.row)">
@@ -91,6 +91,7 @@
</el-tabs>
</el-card>
<ApprovalProgress ref="approvalRef" />
+ <FlowChart ref="flowRef" />
<RectificationDialog ref="rectificationRef" />
<OpenEdit ref="editRef" />
<upData ref="upShow"></upData>
@@ -116,6 +117,7 @@
Refresh,
EditPen,
} from '@element-plus/icons-vue'
+import FlowChart from '/@/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/component/flowChart.vue'
import ApprovalProgress from '/@/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/component/approvalProgress.vue';
import OpenEdit from '/@/views/contingencyManagement/panManagement/component/openEdit.vue';
import UpData from '/@/views/contingencyManagement/panManagement/component/upData.vue';
@@ -160,7 +162,8 @@
Refresh,
UpData,
ApprovalProgress,
- RectificationDialog
+ RectificationDialog,
+ FlowChart
},
setup() {
const activeName = ref('first')
@@ -231,7 +234,11 @@
teamLeader: '王磊',
}
]
-
+ // 审批进度弹窗
+ const flowRef = ref();
+ const onFlowChart = (row: TableDataRow) => {
+ flowRef.value.openDialog(row);
+ };
// 打开修改用户弹窗
const editRef = ref();
const onOpenEdit = (row: TableDataRow) => {
@@ -275,6 +282,8 @@
approvalRef,
onRectificationDialog,
rectificationRef,
+ onFlowChart,
+ flowRef,
};
},
});
diff --git a/src/views/contingencyManagement/emergencyDrill/implementationOfEmergencyDrill/component/openAdd.vue b/src/views/contingencyManagement/emergencyDrill/implementationOfEmergencyDrill/component/openAdd.vue
index 823a2aa..d34c0f0 100644
--- a/src/views/contingencyManagement/emergencyDrill/implementationOfEmergencyDrill/component/openAdd.vue
+++ b/src/views/contingencyManagement/emergencyDrill/implementationOfEmergencyDrill/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"
@@ -100,7 +102,8 @@
} from 'element-plus'
import {
- Search
+ Search,
+ FullScreen
} from '@element-plus/icons-vue'
import UserCheckbox from "/@/components/userCheckbox/index.vue"
import UserSelect from '/@/views/contingencyManagement/emergencyDrill/implementationOfEmergencyDrill/component/userSelect.vue'
@@ -166,6 +169,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,
@@ -183,6 +195,9 @@
userRef,
regionsDialog,
openRef,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/contingencyManagement/emergencyDrill/implementationOfEmergencyDrill/component/regionsDialog.vue b/src/views/contingencyManagement/emergencyDrill/implementationOfEmergencyDrill/component/regionsDialog.vue
index b673e61..c30db4a 100644
--- a/src/views/contingencyManagement/emergencyDrill/implementationOfEmergencyDrill/component/regionsDialog.vue
+++ b/src/views/contingencyManagement/emergencyDrill/implementationOfEmergencyDrill/component/regionsDialog.vue
@@ -1,5 +1,12 @@
<template>
- <el-dialog v-model="dialogVisible" title="选择演练名称" width="900px" draggable>
+ <el-dialog
+ v-model="dialogVisible"
+ title="选择演练名称"
+ width="900px"
+ draggable
+ :fullscreen="full"
+ >
+ <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
<el-row>
<el-col :span="18">
<el-form :inline="true" ref="ruleFormRef" :model="ruleForm" status-icon>
@@ -53,7 +60,8 @@
ref
} from 'vue';
import {
- Delete
+ Delete,
+ FullScreen
} from '@element-plus/icons-vue';
export default defineComponent({
setup() {
@@ -96,6 +104,15 @@
const handleClose = (tag: string) => {
dynamicTags.value.splice(dynamicTags.value.indexOf(tag), 1);
};
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
dialogVisible,
openDailog,
@@ -108,6 +125,9 @@
dynamicTags,
handleClose,
Delete,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/contingencyManagement/emergencyDrill/implementationOfEmergencyDrill/component/userSelect.vue b/src/views/contingencyManagement/emergencyDrill/implementationOfEmergencyDrill/component/userSelect.vue
index 273a389..c3a4156 100644
--- a/src/views/contingencyManagement/emergencyDrill/implementationOfEmergencyDrill/component/userSelect.vue
+++ b/src/views/contingencyManagement/emergencyDrill/implementationOfEmergencyDrill/component/userSelect.vue
@@ -5,7 +5,9 @@
v-model="isShowDialog"
width="1000px"
draggable
+ :fullscreen="full"
>
+ <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
<el-container class="layout-container-demo" style="height: 500px;overflow: auto;min-width: 960px">
<el-aside width="200px">
<el-input v-model="filterText" placeholder="请输入组织机构过滤" />
@@ -121,7 +123,9 @@
ElTree,
// ElTable,
} from 'element-plus'
-
+import {
+ FullScreen
+} from '@element-plus/icons-vue'
interface Tree {
id: number
label: string
@@ -283,6 +287,15 @@
const handleCurrentChange = (val: number) => {
console.log(`current page: ${val}`);
};
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
openDialog,
closeDialog,
@@ -303,6 +316,9 @@
pageSize,
radio1,
radio,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/contingencyManagement/emergencyDrill/implementationOfEmergencyDrill/index.vue b/src/views/contingencyManagement/emergencyDrill/implementationOfEmergencyDrill/index.vue
index e29f8a7..d0c73d3 100644
--- a/src/views/contingencyManagement/emergencyDrill/implementationOfEmergencyDrill/index.vue
+++ b/src/views/contingencyManagement/emergencyDrill/implementationOfEmergencyDrill/index.vue
@@ -3,7 +3,7 @@
<el-card shadow="hover">
<div class="button_Line">
<div class="button_Left">
- <el-button size="default" type="primary" @click="onOpenAdd('新建')">
+ <el-button size="default" type="primary" @click="onOpenAdd">
<el-icon>
<Plus />
</el-icon>新建
@@ -55,22 +55,22 @@
<el-table-column prop="attachments" label="应急预案" show-overflow-tooltip sortable></el-table-column>
<el-table-column label="操作" width="260" align="center" fixed="right">
<template #default="scope">
- <el-button size="small" text type="primary" @click="onOpenSee(scope.row)">
+ <el-button size="small" text type="primary" @click="onOpenAdd(scope.row)">
<el-icon style="margin-right: 5px;">
<VideoPlay />
</el-icon>启动
</el-button>
- <el-button size="small" text type="primary" @click="onOpenSee(scope.row)">
+ <el-button size="small" text type="primary" @click="onOpenAdd(scope.row)">
<el-icon style="margin-right: 5px;">
<VideoPause />
</el-icon>废止
</el-button>
- <el-button size="small" text type="primary" @click="onOpenEdit(scope.row)">
+ <el-button size="small" text type="primary" @click="onOpenAdd(scope.row)">
<el-icon style="margin-right: 5px;">
<EditPen />
</el-icon>修改
</el-button>
- <el-button size="small" text type="primary" @click="onOpenEdit(scope.row)">
+ <el-button size="small" text type="primary" @click="onOpenAdd(scope.row)">
发起审批
</el-button>
<el-button size="small" text type="primary" @click="onRowDel(scope.row)">
@@ -97,9 +97,7 @@
/>
</div>
</el-card>
- <OpenSee ref="seeRef" />
<OpenAdd ref="addRef" />
- <OpenEdit ref="editRef" />
<upData ref="upShow"></upData>
</div>
</template>
@@ -128,8 +126,6 @@
EditPen,
} from '@element-plus/icons-vue'
import OpenAdd from '/@/views/contingencyManagement/emergencyDrill/implementationOfEmergencyDrill/component/openAdd.vue';
-import OpenEdit from '/@/views/contingencyManagement/panManagement/component/openEdit.vue';
-import OpenSee from '/@/views/contingencyManagement/panManagement/component/openSee.vue';
import UpData from '/@/views/contingencyManagement/panManagement/component/upData.vue';
// 定义表格数据类型
@@ -164,8 +160,6 @@
name: 'systemUser',
components: {
OpenAdd,
- OpenSee,
- OpenEdit,
EditPen,
Plus,
// Edit,
@@ -178,8 +172,6 @@
UpData
},
setup() {
- const seeRef = ref();
- const editRef = ref();
// 选择框
// const value = ref('');
// const options =
@@ -250,18 +242,10 @@
teamLeader: '王磊',
}
]
- //查看用户弹窗
- const onOpenSee = (row: TableDataRow) => {
- seeRef.value.openDialog(row);
- };
// 打开新增用户弹窗
const addRef = ref();
const onOpenAdd = () => {
addRef.value.openDialog();
- };
- // 打开修改用户弹窗
- const onOpenEdit = (row: TableDataRow) => {
- editRef.value.openDialog(row);
};
// 删除用户
const onRowDel = (row: TableDataRow) => {
@@ -294,10 +278,6 @@
upButton,
upShow,
tableData,
- onOpenSee, //查看
- seeRef,
- onOpenEdit, //编辑
- editRef,
onOpenAdd, //新增
addRef,
onRowDel,
diff --git a/src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/openAdd.vue b/src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/openAdd.vue
index 4571039..10ba7d3 100644
--- a/src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/openAdd.vue
+++ b/src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/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"
@@ -193,7 +195,8 @@
} from 'element-plus'
import {
- Search
+ Search,
+ FullScreen
} from '@element-plus/icons-vue'
import UserCheckbox from "/@/components/userCheckbox/index.vue"
import RegionsDialog from "/@/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/regionsDialog.vue"
@@ -381,7 +384,15 @@
const drillDate = ref('')
// 修改时间
const editDate = ref('')
-
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
openDialog,
closeDialog,
@@ -405,6 +416,9 @@
datetime,
drillDate,
editDate,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/openSee.vue b/src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/openSee.vue
index 61cf6f3..8d04ed9 100644
--- a/src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/openSee.vue
+++ b/src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/openSee.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"
@@ -200,7 +202,8 @@
} from 'element-plus'
import {
- Search
+ Search,
+ FullScreen
} from '@element-plus/icons-vue'
import UserCheckbox from "/@/components/userCheckbox/index.vue"
import RegionsDialog from "/@/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/regionsDialog.vue"
@@ -376,7 +379,15 @@
const drillDate = ref('')
// 修改时间
const editDate = ref('')
-
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
openDialog,
closeDialog,
@@ -399,6 +410,9 @@
datetime,
drillDate,
editDate,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/regionsDialog.vue b/src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/regionsDialog.vue
index d0ae9ee..2466cb9 100644
--- a/src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/regionsDialog.vue
+++ b/src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/regionsDialog.vue
@@ -1,5 +1,11 @@
<template>
- <el-dialog v-model="dialogVisible" title="选择应急预案" width="900px" draggable>
+ <el-dialog
+ v-model="dialogVisible"
+ title="选择应急预案"
+ width="900px"
+ draggable
+ :fullscreen="full">
+ <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
<el-row>
<el-col :span="18">
<el-form :inline="true" ref="ruleFormRef" :model="ruleForm" status-icon>
@@ -61,8 +67,15 @@
</el-dialog>
</template>
<script lang="ts">
-import { defineComponent, reactive, ref } from 'vue';
-import { Delete } from '@element-plus/icons-vue';
+import {
+ defineComponent,
+ reactive,
+ ref
+} from 'vue';
+import {
+ Delete,
+ FullScreen
+} from '@element-plus/icons-vue';
export default defineComponent({
setup() {
const dialogVisible = ref<boolean>(false);
@@ -109,6 +122,15 @@
const radio=(event:any)=>{
dynamicTags.value[0]=event
}
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
dialogVisible,
openDailog,
@@ -123,6 +145,9 @@
radio1,
radio,
dynamicTags,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/index.vue b/src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/index.vue
index 73bd9fe..f468732 100644
--- a/src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/index.vue
+++ b/src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/index.vue
@@ -8,11 +8,6 @@
<Plus />
</el-icon>新建
</el-button>
-<!-- <el-button size="default" type="warning" plain disabled>-->
-<!-- <el-icon>-->
-<!-- <Edit />-->
-<!-- </el-icon>修改-->
-<!-- </el-button>-->
<el-button size="default" type="danger" plain disabled>
<el-icon>
<Delete />
@@ -64,7 +59,7 @@
<View />
</el-icon>查看
</el-button>
- <el-button size="small" text type="primary" @click="onOpenSee(scope.row)">
+ <el-button size="small" text type="primary" @click="onflowChart(scope.row)">
<el-icon style="margin-right: 5px;">
<EditPen />
</el-icon>修改
@@ -95,6 +90,7 @@
</el-card>
<OpenAdd ref="addRef" />
<OpenSee ref="seeRef" />
+ <FlowChart ref="flowRef"></FlowChart>
<upData ref="upShow"></upData>
</div>
</template>
@@ -125,6 +121,7 @@
import {useRouter} from "vue-router"
import OpenAdd from '/@/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/openAdd.vue';
import OpenSee from '/@/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/openSee.vue';
+import FlowChart from '/@/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/flowChart.vue';
import UpData from '/@/views/contingencyManagement/panManagement/component/upData.vue';
// 定义表格数据类型
@@ -166,7 +163,8 @@
Download,
Refresh,
VideoPlay,
- UpData
+ UpData,
+ FlowChart,
},
setup() {
// 选择框
@@ -228,10 +226,15 @@
const onOpenAdd = () => {
addRef.value.openDialog();
};
- // 打开修改用户弹窗
+ // 打开查看用户弹窗
const seeRef = ref();
const onOpenSee = (row: TableDataRow) => {
seeRef.value.openDialog(row);
+ };
+ // 打开修改用户弹窗
+ const flowRef = ref();
+ const onflowChart = (row: TableDataRow) => {
+ flowRef.value.openDialog(row);
};
// 删除用户
const onRowDel = (row: TableDataRow) => {
@@ -273,6 +276,8 @@
upShow,
tableData,
onOpenSee, //查看
+ onflowChart,
+ flowRef,
seeRef,
onOpenAdd, //新增
addRef,
diff --git a/src/views/contingencyManagement/emergencyPlanStartRecord/component/openSee.vue b/src/views/contingencyManagement/emergencyPlanStartRecord/component/openSee.vue
index a73b224..da7030d 100644
--- a/src/views/contingencyManagement/emergencyPlanStartRecord/component/openSee.vue
+++ b/src/views/contingencyManagement/emergencyPlanStartRecord/component/openSee.vue
@@ -1,6 +1,13 @@
<template>
<div class="system-edit-user-container">
- <el-dialog title="查看应急预案启动记录" v-model="isShowDialog" width="769px">
+ <el-dialog
+ 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"
:rules="rules"
@@ -58,7 +65,8 @@
FormInstance,
} from 'element-plus'
import {
- Search
+ Search,
+ FullScreen
} from '@element-plus/icons-vue'
import UserSelections from "/@/components/userSelections/index.vue"
import AddEmergencyPersonnel from "/@/views/contingencyManagement/contingency/component/addEmergencyPersonnel.vue";
@@ -141,6 +149,15 @@
state.ruleForm = row;
state.isShowDialog = true;
};
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
openDialog,
closeDialog,
@@ -150,6 +167,9 @@
openUser,
userRef,
...toRefs(state),
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/contingencyManagement/emergencyPlanStartRecord/component/selectEmergencyPlan.vue b/src/views/contingencyManagement/emergencyPlanStartRecord/component/selectEmergencyPlan.vue
index b6954a6..2d72476 100644
--- a/src/views/contingencyManagement/emergencyPlanStartRecord/component/selectEmergencyPlan.vue
+++ b/src/views/contingencyManagement/emergencyPlanStartRecord/component/selectEmergencyPlan.vue
@@ -1,5 +1,12 @@
<template>
- <el-dialog v-model="dialogVisible" title="选择应急预案" width="900px" draggable>
+ <el-dialog
+ v-model="dialogVisible"
+ title="选择应急预案"
+ width="900px"
+ draggable
+ :fullscreen="full"
+ >
+ <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
<el-row>
<el-col :span="18">
<el-row>
@@ -70,8 +77,15 @@
</el-dialog>
</template>
<script lang="ts">
-import { defineComponent, reactive, ref } from 'vue';
-import { Delete } from '@element-plus/icons-vue';
+import {
+ defineComponent,
+ reactive,
+ ref
+} from 'vue';
+import {
+ Delete,
+ FullScreen
+} from '@element-plus/icons-vue';
export default defineComponent({
setup() {
const dialogVisible = ref<boolean>(false);
@@ -119,6 +133,15 @@
const radio=(event:any)=>{
dynamicTags.value[0]=event
}
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
dialogVisible,
openDailog,
@@ -132,6 +155,9 @@
Delete,
radio1,
radio,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/contingencyManagement/emergencyPlanStartRecord/index.vue b/src/views/contingencyManagement/emergencyPlanStartRecord/index.vue
index d60ce4e..deb5088 100644
--- a/src/views/contingencyManagement/emergencyPlanStartRecord/index.vue
+++ b/src/views/contingencyManagement/emergencyPlanStartRecord/index.vue
@@ -100,7 +100,6 @@
</el-card>
<SelectEmergencyPlan ref="showRef"/>
<OpenSee ref="editRef" />
- <upData ref="upShow"></upData>
</div>
</template>
@@ -129,7 +128,6 @@
EditPen,
} from '@element-plus/icons-vue'
import OpenSee from '/@/views/contingencyManagement/emergencyPlanStartRecord/component/openSee.vue';
-import UpData from '/@/views/contingencyManagement/panManagement/component/upData.vue';
import SelectEmergencyPlan from '/@/views/contingencyManagement/emergencyPlanStartRecord/component/selectEmergencyPlan.vue'
// 定义表格数据类型
@@ -156,7 +154,6 @@
SelectEmergencyPlan,
Download,
Refresh,
- UpData
},
setup() {
const ruleFormRef = ref<FormInstance>()
diff --git a/src/views/contingencyManagement/emergencyResources/emergencySupplies/component/maintain.vue b/src/views/contingencyManagement/emergencyResources/emergencySupplies/component/maintain.vue
new file mode 100644
index 0000000..93be57f
--- /dev/null
+++ b/src/views/contingencyManagement/emergencyResources/emergencySupplies/component/maintain.vue
@@ -0,0 +1,197 @@
+<template>
+ <div class="system-edit-user-container">
+ <el-dialog
+ 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"
+ size="default"
+ label-width="120px"
+ >
+ <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.teamLeader"
+ placeholder="请选择"
+ class="input-with-select"
+ >
+ <template #append>
+ <el-button :icon="Search" @click="daiInpt"/>
+ </template>
+ </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="teamLeader">
+ <el-select v-model="ruleForm.teamLevel" 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="telephone">
+ <el-input
+ v-model="ruleForm.teamLeader"
+ placeholder="请选择"
+ class="input-with-select"
+ >
+ <template #append>
+ <el-button :icon="Search" @click="openUser" />
+ </template>
+ </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="telephone">
+ <el-date-picker
+ class="w100"
+ v-model="value1"
+ type="datetime"
+ placeholder="选择日期时间"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ <template #footer>
+ <span class="dialog-footer">
+ <el-button @click="onCancel" size="default">关闭</el-button>
+ <el-button size="default" type="primary" @click="submitForm(ruleFormRef)">确定</el-button>
+ </span>
+ </template>
+ </el-dialog>
+ <Material ref="showRef"/>
+ <userSelections ref="userRef"/>
+ </div>
+</template>
+
+<script lang="ts">
+import {
+ reactive,
+ ref,
+ defineComponent
+} from 'vue';
+
+import type {
+ FormInstance,
+ // FormRules,
+} from 'element-plus'
+
+import {
+ Search,
+ FullScreen
+} from '@element-plus/icons-vue'
+import Material from '/@/components/material/index.vue'
+import UserSelections from "/@/components/userSelections/index.vue"
+
+export default defineComponent({
+ name: 'openAdd',
+ components: {
+ UserSelections,
+ Material,
+ },
+ setup() {
+ const isShowDialog = ref(false)
+
+ const ruleFormRef = ref<FormInstance>()
+ //定义表单
+ const ruleForm = reactive({
+ teamName: '', // 队伍名称
+ teamLeader: '', //队伍负责人
+ department: [], // 负责人部门
+ phone: '', // 负责人手机
+ telephone: '', // 固定电话
+ });
+ // 打开弹窗
+ const openDialog = () => {
+ // state.ruleForm = row;
+ isShowDialog.value = true;
+ };
+ // 关闭弹窗
+ const closeDialog = () => {
+ isShowDialog.value = false;
+ };
+ // 取消
+ const onCancel = () => {
+ closeDialog();
+ };
+ //日期选择器
+ const value1 = ref('')
+ // 表单提交验证必填项
+ const submitForm = async (formEl: FormInstance | undefined) => {
+ if (!formEl) return
+ await formEl.validate((valid, fields) => {
+ if (valid) {
+ console.log('submit!')
+ } else {
+ console.log('error submit!', fields)
+ }
+ })
+ }
+ // 应急物资弹窗
+ const showRef=ref()
+ const daiInpt=()=>{
+ showRef.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,
+ isShowDialog,
+ onCancel,
+ Search,
+ ruleForm,
+ value1,
+ daiInpt,
+ showRef,
+ ruleFormRef,
+ submitForm,
+ openUser,
+ userRef,
+ toggleFullscreen,
+ FullScreen,
+ full,
+ };
+ },
+});
+</script>
+<style scoped lang="scss">
+.textarea{
+ height: 168px!important;
+}
+.textarea ::v-deep .el-textarea__inner{
+ height: 168px!important;
+}
+::v-deep .el-table__cell {
+ font-weight: 400;
+}
+.el-divider--horizontal{
+ height: 0;
+ margin: 0;
+ border-top: transparent;
+}
+.el-select{
+ width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/contingencyManagement/emergencyResources/emergencySupplies/component/maintainDialog.vue b/src/views/contingencyManagement/emergencyResources/emergencySupplies/component/maintainDialog.vue
deleted file mode 100644
index 80182a0..0000000
--- a/src/views/contingencyManagement/emergencyResources/emergencySupplies/component/maintainDialog.vue
+++ /dev/null
@@ -1,193 +0,0 @@
-<template>
- <el-dialog v-model="dialogVisible" title="选择岗位id" width="900px" draggable>
- <el-row>
- <el-col :span="18">
- <el-row>
- <el-col :span="24">
- <el-form ref="ruleFormRef" :model="ruleForm" :inline="true" status-icon>
- <el-form-item>
- <el-input size="default" v-model="ruleForm.pass" placeholder="编号" style="max-width: 215px;"/>
- </el-form-item>
- <el-form-item>
- <el-input size="default" v-model="ruleForm.checkPass" placeholder="姓名" style="max-width: 215px;padding: 0 12px;"/>
- </el-form-item>
- <el-form-item>
- <el-button size="default" type="primary" @click="submitForm(ruleFormRef)">查询</el-button>
- <el-button size="default" @click="resetForm(ruleFormRef)">重置</el-button>
- </el-form-item>
- </el-form>
- </el-col>
- <el-col :span="24">
- <el-button size="default" :icon="Delete" style="margin-top: 15px;">清除选择</el-button>
- </el-col>
- </el-row>
- <el-table
- :data="tableData"
- ref="multipleTableRef"
- style="width: 100%;margin-top:20px"
- >
- <el-table-column align="center" width="55">
- <template #default="scope">
- <el-radio-group v-model="radio1" @change="radio">
- <el-radio :label="scope.row.name" size="large">{{null}}</el-radio>
- </el-radio-group>
- </template>
- </el-table-column>
- <el-table-column align="center" prop="date" label="编号" />
- <el-table-column align="center" prop="name" label="姓名"/>
- </el-table>
- <div class="pages">
- <el-pagination
- v-model:currentPage="currentPage4"
- v-model:page-size="pageSize4"
- :page-sizes="[100, 200, 300, 400]"
- :small="small"
- :disabled="disabled"
- :background="background"
- layout="total, sizes, prev, pager, next, jumper"
- :total="400"
- @size-change="handleSizeChange"
- @current-change="handleCurrentChange"
- />
- </div>
- </el-col>
- <el-col :span="6" style="padding-left: 15px">
- <el-tag
- v-for="tag in dynamicTags"
- :key="tag"
- class="mx-1"
- style="margin: 5px"
- closable
- :disable-transitions="false"
- @close="handleClose(tag)"
- >
- {{ tag }}
- </el-tag>
- </el-col>
- </el-row>
- <template #footer>
- <span class="dialog-footer">
- <el-button @click="dialogVisible = false" size="default">关闭</el-button>
- <el-button type="primary" @click="dialogVisible = false" size="default">确定</el-button>
- </span>
- </template>
- </el-dialog>
-</template>
-<script lang="ts">
-import {
- defineComponent,
- reactive,
- ref,
-} from 'vue';
-import {
- Delete
-} from '@element-plus/icons-vue';
-interface User {
- date: string
- name: string
- address: string
-}
-export default defineComponent({
- setup() {
- const dialogVisible = ref<boolean>(false);
- const openDailog = () => {
- dialogVisible.value = true;
- };
- // 搜索条件
- const ruleForm = reactive({
- pass: '',
- checkPass: '',
- });
- // 表格
- const tableData = [
- {
- date: '6421cbc6cbb5493eabf9b27e83372d78',
- name: '金伟',
- },
- {
- date: '6421cbc6cbb5493eabf9b27e83372d78',
- name: '施凯健',
- },
- {
- date: '6421cbc6cbb5493eabf9b27e83372d78',
- name: '程雪',
- },
- {
- date: '6421cbc6cbb5493eabf9b27e83372d78',
- name: '杨恒',
- },
- ];
- const pageSize4 = ref(100);
- const handleSizeChange = (val: number) => {
- console.log(`${val} items per page`);
- };
- const handleCurrentChange = (val: number) => {
- console.log(`current page: ${val}`);
- };
- // 右方点击添加后显示标签
- const dynamicTags = ref(['杨恒']);
- const handleClose = (tag: string) => {
- dynamicTags.value.splice(dynamicTags.value.indexOf(tag), 1);
- radio1.value=""
- };
- const radio1=ref('金伟')
- const radio=(event:any)=>{
- dynamicTags.value[0]=event
- }
- return {
- dialogVisible,
- openDailog,
- ruleForm,
- tableData,
- pageSize4,
- handleSizeChange,
- handleCurrentChange,
- dynamicTags,
- handleClose,
- Delete,
- radio1,
- radio,
- };
- },
-});
-</script>
-<style scoped>
-.el-form--inline .el-form-item{
- margin-bottom: 0;
- margin-right: 0;
-}
-/*分页*/
-.pages{
- /*display: flex;*/
- /*justify-content: flex-end;*/
- margin-top: 15px;
-}
-::v-deep .el-pagination .el-pager li {
- margin: 0 5px;
- background-color: #f4f4f5;
- color: #606266;
- min-width: 30px;
- border-radius: 2px;
-}
-::v-deep .el-pagination .el-pager li.is-active {
- background-color: #409eff;
- color: #fff;
-}
-::v-deep .el-pagination .btn-prev {
- margin: 0 5px;
- background-color: #f4f4f5;
- color: #606266;
- min-width: 30px;
- border-radius: 2px;
-}
-::v-deep .el-pagination button:disabled{
- color: #c0c4cc;
-}
-::v-deep .el-pagination .btn-next{
- margin: 0 5px;
- background-color: #f4f4f5;
- color: #606266;
- min-width: 30px;
- border-radius: 2px;
-}
-</style>
diff --git a/src/views/contingencyManagement/emergencyResources/emergencySupplies/component/openAdd.vue b/src/views/contingencyManagement/emergencyResources/emergencySupplies/component/openAdd.vue
index e4c3e34..fb5a6a4 100644
--- a/src/views/contingencyManagement/emergencyResources/emergencySupplies/component/openAdd.vue
+++ b/src/views/contingencyManagement/emergencyResources/emergencySupplies/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"
@@ -191,7 +193,8 @@
} from 'element-plus'
import {
- Search
+ Search,
+ FullScreen
} from '@element-plus/icons-vue'
import UserSelections from "/@/components/userSelections/index.vue"
import PersonInCharge from '/@/views/contingencyManagement/emergencyResources/emergencySupplies/component/personInCharge.vue'
@@ -421,6 +424,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,
@@ -442,6 +454,9 @@
userRef,
regionsDialog,
openRef,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/contingencyManagement/emergencyResources/emergencySupplies/component/personInCharge.vue b/src/views/contingencyManagement/emergencyResources/emergencySupplies/component/personInCharge.vue
index 80182a0..2e719ea 100644
--- a/src/views/contingencyManagement/emergencyResources/emergencySupplies/component/personInCharge.vue
+++ b/src/views/contingencyManagement/emergencyResources/emergencySupplies/component/personInCharge.vue
@@ -1,5 +1,12 @@
<template>
- <el-dialog v-model="dialogVisible" title="选择岗位id" width="900px" draggable>
+ <el-dialog
+ v-model="dialogVisible"
+ title="选择岗位id"
+ width="900px"
+ draggable
+ :fullscreen="full"
+ >
+ <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
<el-row>
<el-col :span="18">
<el-row>
@@ -80,7 +87,8 @@
ref,
} from 'vue';
import {
- Delete
+ Delete,
+ FullScreen
} from '@element-plus/icons-vue';
interface User {
date: string
@@ -134,6 +142,15 @@
const radio=(event:any)=>{
dynamicTags.value[0]=event
}
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
dialogVisible,
openDailog,
@@ -147,6 +164,9 @@
Delete,
radio1,
radio,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/contingencyManagement/emergencyResources/emergencySupplies/component/regionsCheckbox.vue b/src/views/contingencyManagement/emergencyResources/emergencySupplies/component/regionsCheckbox.vue
index a0c6d5c..d8d1973 100644
--- a/src/views/contingencyManagement/emergencyResources/emergencySupplies/component/regionsCheckbox.vue
+++ b/src/views/contingencyManagement/emergencyResources/emergencySupplies/component/regionsCheckbox.vue
@@ -1,5 +1,12 @@
<template>
- <el-dialog v-model="dialogVisible" title="选择区域" width="900px" draggable>
+ <el-dialog
+ v-model="dialogVisible"
+ title="选择区域"
+ width="900px"
+ draggable
+ :fullscreen="full"
+ >
+ <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
<el-row>
<el-col :span="18">
<el-form :inline="true" ref="ruleFormRef" :model="ruleForm" status-icon>
@@ -61,8 +68,15 @@
</el-dialog>
</template>
<script lang="ts">
-import { defineComponent, reactive, ref } from 'vue';
-import { Delete } from '@element-plus/icons-vue';
+import {
+ defineComponent,
+ reactive,
+ ref
+} from 'vue';
+import {
+ Delete,
+ FullScreen
+} from '@element-plus/icons-vue';
export default defineComponent({
setup() {
const dialogVisible = ref<boolean>(false);
@@ -110,6 +124,15 @@
const handleCurrentChange = (val: number) => {
console.log(`current page: ${val}`);
};
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
dialogVisible,
openDailog,
@@ -124,6 +147,9 @@
dynamicTags,
handleClose,
Delete,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/contingencyManagement/emergencyResources/emergencySupplies/index.vue b/src/views/contingencyManagement/emergencyResources/emergencySupplies/index.vue
index 1cbca46..e29772d 100644
--- a/src/views/contingencyManagement/emergencyResources/emergencySupplies/index.vue
+++ b/src/views/contingencyManagement/emergencyResources/emergencySupplies/index.vue
@@ -106,7 +106,7 @@
/>
</div>
</el-card>
- <MaintainDialog ref="seeRef" />
+ <Maintain ref="seeRef" />
<OpenAdd ref="addRef" />
<OpenEdit ref="editRef" />
<upData ref="upShow"></upData>
@@ -137,7 +137,7 @@
} from '@element-plus/icons-vue'
import OpenAdd from '/@/views/contingencyManagement/emergencyResources/emergencySupplies/component/openAdd.vue';
import OpenEdit from '/@/views/contingencyManagement/panManagement/component/openEdit.vue';
-import MaintainDialog from '/@/views/contingencyManagement/emergencyResources/emergencySupplies/component/maintainDialog.vue';
+import Maintain from '/@/views/contingencyManagement/emergencyResources/emergencySupplies/component/maintain.vue';
import UpData from '/@/views/contingencyManagement/panManagement/component/upData.vue';
// 定义表格数据类型
@@ -169,7 +169,7 @@
name: 'systemUser',
components: {
OpenAdd,
- MaintainDialog,
+ Maintain,
OpenEdit,
View,
EditPen,
@@ -228,7 +228,7 @@
//查看用户弹窗
const seeRef = ref();
const onMaintain = (row: TableDataRow) => {
- seeRef.value.openDailog(row);
+ seeRef.value.openDialog(row);
};
// 打开新增用户弹窗
const addRef = ref();
diff --git a/src/views/contingencyManagement/emergencyResources/maintenanceOfEmergencyMaterials/component/openAdd.vue b/src/views/contingencyManagement/emergencyResources/maintenanceOfEmergencyMaterials/component/openAdd.vue
index 16770d7..93be57f 100644
--- a/src/views/contingencyManagement/emergencyResources/maintenanceOfEmergencyMaterials/component/openAdd.vue
+++ b/src/views/contingencyManagement/emergencyResources/maintenanceOfEmergencyMaterials/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"
@@ -84,7 +86,8 @@
} from 'element-plus'
import {
- Search
+ Search,
+ FullScreen
} from '@element-plus/icons-vue'
import Material from '/@/components/material/index.vue'
import UserSelections from "/@/components/userSelections/index.vue"
@@ -143,6 +146,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,
@@ -157,6 +169,9 @@
submitForm,
openUser,
userRef,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/contingencyManagement/panManagement/component/abolishLibrary.vue b/src/views/contingencyManagement/panManagement/component/abolishLibrary.vue
index 51c8bec..67908b7 100644
--- a/src/views/contingencyManagement/panManagement/component/abolishLibrary.vue
+++ b/src/views/contingencyManagement/panManagement/component/abolishLibrary.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"
@@ -89,7 +91,8 @@
} from 'element-plus'
import {
- Search
+ Search,
+ FullScreen
} from '@element-plus/icons-vue'
// 定义表格数据类型
interface User {
@@ -154,6 +157,15 @@
const handleCurrentChange = (val: number) => {
console.log(`current page: ${val}`);
};
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
openDialog,
closeDialog,
@@ -173,6 +185,9 @@
pageSize,
handleSizeChange,
handleCurrentChange,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/contingencyManagement/panManagement/component/openAdd.vue b/src/views/contingencyManagement/panManagement/component/openAdd.vue
index 87df549..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"
@@ -162,7 +164,8 @@
} 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'
@@ -394,6 +397,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,
@@ -416,6 +428,9 @@
userRef,
regionsDialog,
openRef,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/contingencyManagement/panManagement/component/openSee.vue b/src/views/contingencyManagement/panManagement/component/openSee.vue
deleted file mode 100644
index 1ad35be..0000000
--- a/src/views/contingencyManagement/panManagement/component/openSee.vue
+++ /dev/null
@@ -1,448 +0,0 @@
-<template>
- <div class="system-edit-user-container">
- <el-dialog
- title="新建应急演练计划发布"
- v-model="isShowDialog"
- width="769px"
- draggable
- >
- <el-form
- ref="ruleFormRef"
- :model="ruleForm"
- size="default"
- label-width="120px"
- >
- <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>
- </el-col>
- <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>
- </el-col>
- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
- <el-form-item label="主办部门" placeholder="请选择">
- <el-tree-select
- v-model="ruleForm.responsibleDepartment"
- :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="teamLevel">
- <el-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择">
- <el-option label="综合" value="admin"></el-option>
- <el-option label="桌面" value="common3"></el-option>
- <el-option label="专项" value="common2"></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="telephone" @click="daiInpt" >
- <el-input
- v-model="ruleForm.teamLeader"
- placeholder="请选择"
- class="input-with-select"
- >
- <template #append>
- <el-button :icon="Search"/>
- </template>
- </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="teamPhone">
- <el-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择">
- <el-option label="公司级" value="admin"></el-option>
- <el-option label="分厂级" value="common"></el-option>
- <el-option label="车间级" value="common1"></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-date-picker v-model="datetime" type="datetime" placeholder="选择日期时间" style="width: 100%" />
- </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-date-picker v-model="drillDate" type="datetime" placeholder="选择日期时间" style="width: 100%" />
- </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-date-picker v-model="editDate" type="datetime" placeholder="选择日期时间" style="width: 100%" />
- </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-input v-model="ruleForm.planCustomizer" disabled 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="telephone">
- <el-tree-select
- v-model="ruleForm.responsibleDepartment"
- :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-input
- v-model="ruleForm.teamLeader"
- placeholder="请选择"
- class="input-with-select"
- >
- <template #append>
- <el-button :icon="Search" @click="openUser"/>
- </template>
- </el-input>
- </el-form-item>
- </el-col>
- <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
- <el-form-item label="演练目的" prop="telephone">
- <el-input
- v-model="ruleForm.teamLeader"
- placeholder="请填写演练目的"
- class="input-with-select textarea"
- type="textarea"
- >
- </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="telephone" >
- <el-input
- v-model="ruleForm.teamLeader"
- placeholder="请选择"
- class="input-with-select"
- >
- <template #append>
- <el-button :icon="Search" @click="openUser"/>
- </template>
- </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="teamName">
- <el-input v-model="ruleForm.teamName" 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="teamName">
- <el-input v-model="ruleForm.teamName" placeholder="请填写演练名称"></el-input>
- </el-form-item>
- </el-col>
- <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
- <el-form-item label="备注信息" prop="telephone">
- <el-input
- v-model="ruleForm.teamLeader"
- placeholder="请填写备注信息"
- class="input-with-select textarea"
- type="textarea"
- >
- </el-input>
- </el-form-item>
- </el-col>
- <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20" style="margin-bottom: 0!important;">
- <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>
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- <template #footer>
- <span class="dialog-footer">
- <el-button @click="onCancel" size="default">关闭</el-button>
- <el-button size="default" type="primary" @click="submitForm(ruleFormRef)">确定</el-button>
- </span>
- </template>
- </el-dialog>
- <RegionsDialog ref="Shows"/>
- <UserSelections ref="userRef"/>
- </div>
-</template>
-
-<script lang="ts">
-import { reactive,
- ref,
- defineComponent
-} from 'vue';
-
-import type {
- UploadUserFile,
- FormInstance,
- // FormRules,
-} from 'element-plus'
-
-import {
- Search
-} from '@element-plus/icons-vue'
-import UserSelections from "/@/components/userSelections/index.vue"
-import RegionsDialog from "/@/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/regionsDialog.vue"
-
-export default defineComponent({
- name: 'openAdd',
- components: {
- RegionsDialog,
- UserSelections,
- },
- setup() {
- const isShowDialog = ref(false)
-
- const ruleFormRef = ref<FormInstance>()
- //定义表单
- const ruleForm = reactive({
- teamName: '', // 队伍名称
- planCustomizer: '胡海涛', //计划定制人
- teamLeader: '', //队伍负责人
- department: [], // 负责人部门
- phone: '', // 负责人手机
- telephone: '', // 固定电话
- });
- // 打开弹窗
- const openDialog = () => {
- // state.ruleForm = row;
- isShowDialog.value = true;
- };
- // 关闭弹窗
- const closeDialog = () => {
- isShowDialog.value = false;
- };
- // 取消
- const onCancel = () => {
- closeDialog();
- };
- //日期选择器
- const value1 = ref('')
- // 上传附件
- const fileList = ref<UploadUserFile[]>([])
- // 可选择树
- const treeSelect = ref()
- const tree = [
- {
- value: '1',
- label: 'Level one 1',
- children: [
- {
- value: '1-1',
- label: 'Level two 1-1',
- children: [
- {
- value: '1-1-1',
- label: 'Level three 1-1-1',
- },
- ],
- },
- ],
- },
- {
- value: '2',
- label: 'Level one 2',
- children: [
- {
- value: '2-1',
- label: 'Level two 2-1',
- children: [
- {
- value: '2-1-1',
- label: 'Level three 2-1-1',
- },
- ],
- },
- {
- value: '2-2',
- label: 'Level two 2-2',
- children: [
- {
- value: '2-2-1',
- label: 'Level three 2-2-1',
- },
- ],
- },
- ],
- },
- {
- value: '3',
- label: 'Level one 3',
- children: [
- {
- value: '3-1',
- label: 'Level two 3-1',
- children: [
- {
- value: '3-1-1',
- label: 'Level three 3-1-1',
- },
- ],
- },
- {
- value: '3-2',
- label: 'Level two 3-2',
- children: [
- {
- value: '3-2-1',
- label: 'Level three 3-2-1',
- },
- ],
- },
- ],
- },
- ]
- //定义树形下拉框
- const responsibleDepartment = ref()
- const data = [
- {
- value: '1',
- label: '广汇能源综合物流发展有限责任公司',
- children: [
- {
- value: '1-1',
- label: '经营班子',
- children: [],
- },
- ],
- },
- {
- value: '2',
- label: '生产运行部',
- children: [
- {
- value: '2-1',
- label: '灌装一班',
- children: []
- },
- {
- value: '2-2',
- label: '工艺四班',
- children: [],
- },
- ],
- },
- {
- value: '3',
- label: '设备部',
- children: [
- {
- value: '3-1',
- label: '仪表班',
- children: [],
- },
- {
- value: '3-2',
- label: '机修班',
- children: [],
- },
- ],
- },
- ]
-
- // 表单提交验证必填项
- const submitForm = async (formEl: FormInstance | undefined) => {
- if (!formEl) return
- await formEl.validate((valid, fields) => {
- if (valid) {
- console.log('submit!')
- } else {
- console.log('error submit!', fields)
- }
- })
- }
- // 应急队伍弹窗
- const Shows=ref()
- const daiInpt=()=>{
- Shows.value.openDailog()
- }
- // 打开用户选择弹窗
- const userRef = ref();
- const openUser = () => {
- userRef.value.openDialog();
- };
- // 计划定制日期
- const datetime = ref('')
- // 计划演练日期
- const drillDate = ref('')
- // 修改时间
- const editDate = ref('')
-
- return {
- openDialog,
- closeDialog,
- isShowDialog,
- onCancel,
- fileList,
- responsibleDepartment,
- data,
- Search,
- ruleForm,
- value1,
- treeSelect,
- tree,
- daiInpt,
- Shows,
- ruleFormRef,
- submitForm,
- // rules,
- openUser,
- userRef,
- datetime,
- drillDate,
- editDate,
- };
- },
-});
-</script>
-<style scoped lang="scss">
-.textarea{
- height: 168px!important;
-}
-.textarea ::v-deep .el-textarea__inner{
- height: 168px!important;
-}
-::v-deep .el-table__cell {
- font-weight: 400;
-}
-.el-divider--horizontal{
- height: 0;
- margin: 0;
- border-top: transparent;
-}
-.el-select{
- width: 100%;
-}
-//多行文本框
-.textarea{
- height: 70px!important;
-}
-.textarea ::v-deep .el-textarea__inner{
- height: 70px!important;
-}
-//弹窗底部边框线
-::v-deep .el-dialog__footer{
- border-top: 1px solid #e8e8e8;
- border-radius: 0 0 4px 4px;
-}
-//弹窗顶部边框线
-::v-deep .el-dialog__header {
- border-bottom: 1px solid #e8e8e8;
- margin-right: 0;
- border-radius: 4px 4px 0 0;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/contingencyManagement/panManagement/component/upData.vue b/src/views/contingencyManagement/panManagement/component/upData.vue
index 07a7958..cc3e2d0 100644
--- a/src/views/contingencyManagement/panManagement/component/upData.vue
+++ b/src/views/contingencyManagement/panManagement/component/upData.vue
@@ -4,7 +4,9 @@
title="导入Excel"
width="50%"
draggable
+ :fullscreen="full"
>
+ <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
<el-upload
v-model:file-list="fileList"
class="upload-demo"
@@ -38,7 +40,9 @@
UploadProps,
UploadUserFile,
} from "element-plus";
-
+import {
+ FullScreen
+} from '@element-plus/icons-vue'
export default defineComponent({
setup() {
let dialogVisible =ref<boolean>(false)
@@ -86,6 +90,15 @@
const openDialog = (type:string,value:any,projectList: any,projectId:string) => {
dialogVisible.value=true
}
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
dialogVisible,
fileList,
@@ -94,6 +107,9 @@
handleExceed,
beforeRemove,
openDialog,
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
diff --git a/src/views/contingencyManagement/panManagement/index.vue b/src/views/contingencyManagement/panManagement/index.vue
index fecf1bd..01a3981 100644
--- a/src/views/contingencyManagement/panManagement/index.vue
+++ b/src/views/contingencyManagement/panManagement/index.vue
@@ -127,9 +127,9 @@
</el-card>
<OpenAdd ref="addRef" />
<AbolishLibrary ref="abolishRef"/>
- <OpenEdit ref="editRef" />
<upData ref="upShow"></upData>
- <el-dialog v-model="dialogFormVisible" width="30%" title="启动">
+ <el-dialog v-model="dialogFormVisible" width="30%" title="启动" :fullscreen="full">
+ <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
<el-form :model="form" label-width="80px">
<el-form-item label="备注" >
<el-input v-model="form.remarks" type="textarea" autocomplete="off" />
@@ -171,10 +171,10 @@
VideoPause,
VideoPlay,
EditPen,
+ FullScreen
} from '@element-plus/icons-vue'
import OpenAdd from '/@/views/contingencyManagement/panManagement/component/openAdd.vue';
import AbolishLibrary from '/@/views/contingencyManagement/panManagement/component/abolishLibrary.vue';
-import OpenEdit from '/@/views/contingencyManagement/panManagement/component/openEdit.vue';
import UpData from '/@/views/contingencyManagement/panManagement/component/upData.vue';
// 定义表格数据类型
@@ -210,7 +210,6 @@
components: {
OpenAdd,
AbolishLibrary,
- OpenEdit,
View,
EditPen,
Plus,
@@ -225,7 +224,6 @@
},
setup() {
// const seeRef = ref();
- const editRef = ref();
// 选择框
// const value = ref('');
// const options =
@@ -312,10 +310,6 @@
const onabolishLibrary = () => {
abolishRef.value.openDialog();
};
- // 打开修改用户弹窗
- const onOpenEdit = (row: TableDataRow) => {
- editRef.value.openDialog(row);
- };
// 删除用户
const onRowDel = (row: TableDataRow) => {
ElMessageBox.confirm(`此操作将永久删除账户名称：“${row}”，是否继续?`, '提示', {
@@ -363,6 +357,15 @@
}
})
}
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ } else {
+ full.value = false;
+ }
+ };
return {
// value,
// options,
@@ -375,8 +378,6 @@
dialogFormVisible,
form,
// seeRef,
- onOpenEdit, //编辑
- editRef,
onOpenAdd, //新增
onabolishLibrary,
addRef,
@@ -389,9 +390,9 @@
jumpFrom,
abolish,
router,
- // onHandleSizeChange,
- // onHandleCurrentChange,
- // ...toRefs(state),
+ toggleFullscreen,
+ FullScreen,
+ full,
};
},
});
--
Gitblit v1.9.2