From 172375c6d745ee1e95adcbfc70fe7cf5d0b311ec Mon Sep 17 00:00:00 2001
From: shj <1790240199@qq.com>
Date: 星期六, 06 八月 2022 16:06:23 +0800
Subject: [PATCH] 对接
---
src/views/contingencyManagement/emergencyPlanStartRecord/index.vue | 4 +
src/views/contingencyManagement/emergencyPlanStartRecord/component/selectEmergencyPlan.vue | 92 ++++++++++++++++++++--------------------------
2 files changed, 43 insertions(+), 53 deletions(-)
diff --git a/src/views/contingencyManagement/emergencyPlanStartRecord/component/selectEmergencyPlan.vue b/src/views/contingencyManagement/emergencyPlanStartRecord/component/selectEmergencyPlan.vue
index 4bd255b..f66115c 100644
--- a/src/views/contingencyManagement/emergencyPlanStartRecord/component/selectEmergencyPlan.vue
+++ b/src/views/contingencyManagement/emergencyPlanStartRecord/component/selectEmergencyPlan.vue
@@ -10,12 +10,18 @@
<el-input size="default" v-model="listQuery.searchParams.name" placeholder="预案名称" style="max-width: 215px" />
</el-form-item>
<el-form-item>
- <el-select size="default" v-model="listQuery.searchParams.type" placeholder="请选择预案类型" class="ml10" style="max-width: 215px;margin-right: 12px;">
- <el-option label="综合应急预案" value="admin"></el-option>
- <el-option label="现场处置方案" value="common"></el-option>
- <el-option label="专项应急预案" value="common"></el-option>
- <el-option label="其他预案" value="common"></el-option>
- </el-select>
+ <el-select
+ size="default"
+ v-model="listQuery.searchParams.type"
+ placeholder="请选择预案类型"
+ class="ml10"
+ style="max-width: 215px; margin-right: 12px"
+ >
+ <el-option label="综合应急预案" value="1"></el-option>
+ <el-option label="现场处置方案" value="2"></el-option>
+ <el-option label="专项应急预案" value="3"></el-option>
+ <el-option label="其他预案" value="4"></el-option>
+ </el-select>
</el-form-item>
<el-form-item>
<el-button size="default" type="primary" @click="onSubmit">查询</el-button>
@@ -24,15 +30,10 @@
</el-form>
</el-col>
<el-col :span="24">
- <el-button size="default" :icon="Delete" style="margin-top: 15px">清除选择</el-button>
+ <el-button size="default" :icon="Delete" @click="submitReset" style="margin-top: 15px">清除选择</el-button>
</el-col>
</el-row>
- <el-table
- :data="tableData"
- style="width: 100%;
- margin-top: 20px"
- @cell-click="radio"
- >
+ <el-table :data="tableData" style="width: 100%; margin-top: 20px" @cell-click="radio">
<el-table-column width="55">
<template #default="scope">
<el-radio-group v-model="radio1">
@@ -41,7 +42,14 @@
</template>
</el-table-column>
<el-table-column align="center" prop="name" label="预案名称" />
- <el-table-column align="center" prop="type" label="预案类型" />
+ <el-table-column align="center" prop="type" label="预案类型">
+ <template #default="scope">
+ <span v-if="scope.row.type == '1'">综合应急预案</span>
+ <span v-if="scope.row.type == '2'">现场处置方案</span>
+ <span v-if="scope.row.type == '3'">专项应急预案</span>
+ <span v-if="scope.row.type == '4'">其他预案</span>
+ </template>
+ </el-table-column>
</el-table>
<div class="pages">
<el-pagination
@@ -90,48 +98,22 @@
const dialogVisible = ref<boolean>(false);
const openDailog = () => {
dialogVisible.value = true;
- listApi()
+ onSubmit();
};
// 搜索条件
const listQuery = reactive({
pageIndex: 1,
pageSize: 10,
searchParams: {
- name: '',
- type: '',
+ name: '',
+ type: '',
+ abolishStatus: false,
},
});
- // 列表参数
- const listQuery2 = reactive({
- pageIndex: 1,
- pageSize: 10,
- searchParams: {
- planId: '',
- },
- });
// 定义表格数据
const tableData = ref([]);
// 请求列表数据
const onSubmit = async () => {
- let res = await emergencyPlanLogApi().getEmergencyPlanLogList(listQuery2);
- 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.error(res.data.msg);
- }
- };
- // 重置
- const submitReset = () => {
- listQuery.searchParams.name = '';
- listQuery.searchParams.type = '';
- onSubmit();
- };
-
- // 列表请求数据
- const listApi = async () => {
let res = await emergencyPlanApi().getEmergencyPlanList(listQuery);
if (res.data.code === '200') {
tableData.value = res.data.data;
@@ -146,17 +128,25 @@
});
}
};
+ // 重置
+ const submitReset = () => {
+ listQuery.searchParams.name = '';
+ listQuery.searchParams.type = '';
+ radio1.value=""
+ dynamicTags.value[0]=""
+ onSubmit();
+ };
// 分页
const pageIndex = ref();
const pageSize = ref();
const total = ref();
// 分页改变
const onHandleSizeChange = (val: number) => {
- listQuery.pageSize = val;
+ listQuery.pageSize = val;
};
// 分页未改变
const onHandleCurrentChange = (val: number) => {
- listQuery.pageIndex = val;
+ listQuery.pageIndex = val;
};
// 右方点击添加后显示标签
const dynamicTags = ref(['']);
@@ -166,7 +156,7 @@
};
const radio1 = ref('');
const radio = (event: any) => {
- dynamicTags.value[0] = event;
+ dynamicTags.value[0] = event;
};
//全屏
const full = ref(false);
@@ -192,8 +182,8 @@
tableData,
pageSize,
pageIndex,
- onHandleSizeChange,
- onHandleCurrentChange,
+ onHandleSizeChange,
+ onHandleCurrentChange,
dynamicTags,
handleClose,
Delete,
@@ -207,9 +197,7 @@
listQuery,
onSubmit,
submitForm,
- listApi,
- listQuery2,
- total,
+ total,
};
},
});
diff --git a/src/views/contingencyManagement/emergencyPlanStartRecord/index.vue b/src/views/contingencyManagement/emergencyPlanStartRecord/index.vue
index 4004097..0fe1a3b 100644
--- a/src/views/contingencyManagement/emergencyPlanStartRecord/index.vue
+++ b/src/views/contingencyManagement/emergencyPlanStartRecord/index.vue
@@ -9,7 +9,7 @@
>
<el-form-item prop="telephone" >
<el-input
- v-model="listQuery.searchParams.planId"
+ v-model="listQuery.searchParams.planName"
placeholder="请选择应急预案"
class="input-with-select"
>
@@ -217,7 +217,9 @@
showRef.value.openDailog()
}
const onUser = (e:any) => {
+ console.log(e)
listQuery.searchParams.planId=e.id
+ listQuery.searchParams.planName=e.name
};
// 删除用户
const onRowDel = (data: any) => {
--
Gitblit v1.9.2