根据查询条件查询功能

<el-form>
    <el-form-item label="是否实现监测" prop="ifOnlineMonitor">
    	<el-select
              size="small"
              v-model="queryParams.ifOnlineMonitor"
              placeholder="全部"
              clearable
            >
              <el-option
                v-for="item in options5"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              />
    	</el-select>
    </el-form-item>
    <el-form-item class="btnBox">
                <el-button size="mini" class="greenButton" @click="search"
                  >查询</el-button
                >
    </el-form-item>
</el-form>
export default {
   	data(){
    	return{
		//查询参数
            queryParams: {
                page: 1,
                limit: 10,
                province: undefined, //所属省
                city: undefined, //所属地市
                organizationId: undefined, //运维单位
                state: undefined, //运行状态
                ifOnlineMonitor: undefined, //是否实现监测
            },
    	}
    }，
    created() {
    	this.getList();
    },
	methods: {
        //查询按钮事件
        search() {
          this.queryParams.page = 1;
          this.getList();
        },
        //查询列表
        getList() {
          https(this.url.query, this.queryParams).then((res) => {
            console.log(res);
            this.tableData = res.data.list;
            this.total = res.data.total;
            this.tableData.forEach((item) => {
              item.state =
                item.state === "1"
                  ? "运行"
                  : item.state === "2"
                  ? "检修"
                  : item.state === "3"
                  ? "调试"
                  : "故障";
            });
          });
        },
	}
}