对接

shj

2022-08-06 172375c6d745ee1e95adcbfc70fe7cf5d0b311ec

对接

 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,
        };
    },
});

 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) => {