From b59d7d4f48f84dc856d46f6ee6c8e9300376d272 Mon Sep 17 00:00:00 2001 From: Your Name <123456> Date: 星期四, 08 九月 2022 09:33:43 +0800 Subject: [PATCH] 合并 --- src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/index.vue | 404 --------------------------------------------------------- 1 files changed, 0 insertions(+), 404 deletions(-) diff --git a/src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/index.vue b/src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/index.vue index b1a7099..e69de29 100644 --- a/src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/index.vue +++ b/src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/index.vue @@ -1,404 +0,0 @@ -<template> - <div class="system-user-container"> - <el-card shadow="hover"> - <div class="button_Line"> - <div class="button_Left mb15"> - <el-button size="default" type="primary" @click="onOpenAdd"> - <el-icon> - <Plus /> - </el-icon>新建 - </el-button> - <el-button size="default" type="danger" plain :disabled="danger" @click="onDeleteAll"> - <el-icon> - <Delete /> - </el-icon>删除 - </el-button> - </div> - <div class="button_Right"> -<!-- <el-button @click="upButton">--> -<!-- <el-icon>--> -<!-- <Upload />--> -<!-- </el-icon>--> -<!-- </el-button>--> -<!-- <el-button>--> -<!-- <el-icon>--> -<!-- <Download />--> -<!-- </el-icon>--> -<!-- </el-button>--> -<!-- <el-button>--> -<!-- <el-icon>--> -<!-- <Refresh />--> -<!-- </el-icon>--> -<!-- </el-button>--> - </div> - </div> - <el-table - :data="tableData" - style="width: 100%" - ref="multipleTableRef" - @selection-change="handleSelectionChange" - > - <el-table-column - type="selection" - width="55" - /> - <el-table-column prop="drillName" label="演练名称" show-overflow-tooltip sortable></el-table-column> - <el-table-column prop="drillAddress" label="演练地点" show-overflow-tooltip sortable></el-table-column> - <el-table-column prop="drillWay" label="演练方式" show-overflow-tooltip sortable> - <template #default="scope"> - <span v-if="scope.row.drillWay == 1">综合</span> - <span v-if="scope.row.drillWay == 2">桌面</span> - <span v-if="scope.row.drillWay == 3">专项</span> - </template> - </el-table-column> - <el-table-column prop="drillLevel" label="演练级别" show-overflow-tooltip sortable> - <template #default="scope"> - <span v-if="scope.row.drillLevel == 1">公司级</span> - <span v-if="scope.row.drillLevel == 2">分厂级</span> - <span v-if="scope.row.drillLevel == 3">车间级</span> - </template> - </el-table-column> - <el-table-column prop="drillPlanDate" label="计划演练日期" show-overflow-tooltip sortable></el-table-column> - <el-table-column prop="gmtModitify" label="修改时间" show-overflow-tooltip sortable></el-table-column> - <el-table-column label="操作" width="260" align="center"> - <template #default="scope"> - <!--<el-button size="small" text type="primary" @click="releaseOfDrillPlan(0)">--> - <!--<el-icon style="margin-right: 5px;">--> - <!--<VideoPlay />--> - <!--</el-icon>启动--> - <!--</el-button>--> - <el-button size="small" text type="primary" @click="onEdit('详情',scope.row.id)"> - <el-icon style="margin-right: 5px;"> - <View /> - </el-icon>查看 - </el-button> - <el-button size="small" text type="primary" @click="onEdit('修改',scope.row.id)"> - <el-icon style="margin-right: 5px;"> - <EditPen /> - </el-icon>修改 - </el-button> - <el-button size="small" text type="primary" @click="onRowDel(scope.row.id)"> - <el-icon> - <Delete /> - </el-icon>删除 - </el-button> - </template> - </el-table-column> - </el-table> - <div class="pages"> - <el-pagination - v-if="tableData.length == 0 ? false : true" - v-model:currentPage="pageIndex" - v-model:page-size="pageSize" - :page-sizes="[10, 20, 30]" - :pager-count="5" - layout="total, sizes, prev, pager, next, jumper" - :total="total" - @size-change="handleSizeChange" - @current-change="handleCurrentChange" - /> - </div> - </el-card> - <OpenAdd ref="addRef" @myAdd="onMyAdd"/> -<!-- <FlowChart ref="flowRef"></FlowChart>--> - <upData ref="upShow"></upData> - </div> -</template> - -<script lang="ts"> -import { - // toRefs, - reactive, - onMounted, - ref, - defineComponent -} from 'vue'; -import { - ElMessageBox, - ElMessage, - // ElTable, -} from 'element-plus'; -import { - Plus, - Delete, - // Upload, - // Download, - // Refresh, - View, - VideoPlay, - EditPen, -} from '@element-plus/icons-vue' -import {useRouter} from "vue-router" -import OpenAdd from '/@/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/openAdd.vue'; -// import FlowChart from '/@/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/flowChart.vue'; -import UpData from '/@/views/contingencyManagement/panManagement/component/upData.vue'; -import { releaseDrillPlanApi } from '/@/api/contingencyManagement/emergencyDrillPlan'; - -export default defineComponent({ - name: 'systemUser', - components: { - OpenAdd, - EditPen, - Plus, - View, - Delete, - // Upload, - // Download, - // Refresh, - VideoPlay, - UpData, - // FlowChart, - }, - setup() { - // 列表参数 - const listQuery = reactive({ - pageIndex: 1, - pageSize: 10, - searchParams: { - drillName: '' - }, - }); - // 定义表格数据 - const tableData = ref([]); - // 列表数据请求 - const listApi = async () => { - let res = await releaseDrillPlanApi().getReleaseDrillPlanList(listQuery); - if (res.data.code == 200) { - tableData.value = res.data.data; - pageIndex.value = res.data.pageIndex; - pageSize.value = res.data.pageSize; - total.value = res.data.total; - } else { - ElMessage({ - showClose: true, - message: res.data.msg, - type: 'error', - }); - } - }; - onMounted(() => { - listApi(); - }); - // 上传 - // const upShow=ref() - // const upButton=()=>{ - // upShow.value.openDialog() - // } - - // 打开新增弹窗 - const addRef = ref(); - const onOpenAdd = () => { - addRef.value.openDialog('新建应急演练计划发布',false); - }; - // 新增后刷新 - const onMyAdd = (e: boolean) => { - if (e) { - listApi(); - } else { - listApi(); - } - }; - // 打开修改用户弹窗 - const onEdit = (val: string, row: object) => { - if (val == '详情') { - addRef.value.openDialog('查看应急演练计划发布',row,true); - } else { - addRef.value.openDialog('修改应急演练计划发布',row,false); - } - }; - // 打开修改用户弹窗 - // const flowRef = ref(); - // const onflowChart = (row: TableDataRow) => { - // flowRef.value.openDialog(row); - // }; - // 删除 - const onRowDel = (id: number) => { - let arr = []; - arr.push(id) - ElMessageBox.confirm('确定删除所选项吗?', '提示',{ - confirmButtonText: '确认', - cancelButtonText: '取消', - type: 'warning', - }).then(() => { - releaseDrillPlanApi() - .deleteReleaseDrillPlan(arr) - .then((res) => { - if (res.data.code == 200) { - ElMessage({ - showClose: true, - message: res.data.msg, - type: 'success', - }); - listApi(); - } else { - ElMessage({ - showClose: true, - message: res.data.msg, - type: 'error', - }); - listApi(); - } - }); - }) - .catch(() => {}); - }; - // 多选删除 - const onDeleteAll = () => { - ElMessageBox.confirm('确定删除所选项吗?', '提示', { - confirmButtonText: '确定', - cancelButtonText: '取消', - type: 'warning', - }) - .then(() => { - releaseDrillPlanApi() - .deleteReleaseDrillPlan(deletAll.value) - .then((res) => { - if (res.data.code == 200) { - ElMessage({ - showClose: true, - message: res.data.msg, - type: 'success', - }); - listApi(); - } else { - ElMessage({ - showClose: true, - message: res.data.msg, - type: 'error', - }); - listApi(); - } - }); - }) - .catch(() => {}); - }; - // 分页 - const pageIndex = ref(); - const pageSize = ref(); - const total = ref(); - // 分页改变 - const handleSizeChange = (val: number) => { - listQuery.pageSize = val; - listApi(); - }; - // 分页未改变 - const handleCurrentChange = (val: number) => { - listQuery.pageIndex = val; - listApi(); - }; - const danger = ref(true); - const deletAll = ref(); - const handleSelectionChange = (val: any) => { - let valId = JSON.parse(JSON.stringify(val)); - let arr = []; - for (let i = 0; i < valId.length; i++) { - arr.push(valId[i].id); - } - deletAll.value = arr; - // console.log(deletAll.value); - if (val.length == 1) { - danger.value = false; - } else if (val.length == 0) { - danger.value = true; - } else { - danger.value = false; - } - }; - - // 启动跳转 - const router=useRouter() - const releaseOfDrillPlan=(data:string)=>{ - router.push({ - path:"/releaseOfDrillStart", - query:{ - type:data - } - }) - } - return { - // upButton, - // upShow, - tableData, - // onflowChart, - // flowRef, - onOpenAdd, //新增 - addRef, - onRowDel, - View , - pageIndex, - listQuery, - pageSize, - handleSizeChange, - handleCurrentChange, - router, - releaseOfDrillPlan, - listApi, - danger, - deletAll, - handleSelectionChange, - onMyAdd, - onDeleteAll, - onEdit, - total, - }; - }, -}); -</script> -<style scoped lang="scss"> -.table_Box{ - padding: 20px; - background-color: #fff; -} -.tableForm{ - margin-top: 10px; -} -/*按钮行*/ -.button_Line{ - display: flex; - flex-direction: row; - justify-content: space-between; -} -//表头 -::v-deep .el-table th.el-table__cell { - background-color: #f6f7fa; - font-weight: 400; - color: #909399; -} -.el-table .sort-caret.ascending{ - border-bottom-color: #c0c4cc; -} -//分页 -.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> \ No newline at end of file -- Gitblit v1.9.2