对接

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