点击按钮展开收起查询条件功能

<el-form>
    <el-form-item label="监测点状态" prop="monitorStatus" v-if="isOpen">
        <el-select
                   size="small"
                   v-model="queryParams.monitorStatus"
                   placeholder="请选择"
                   clearable
                   >
            <el-option
                       v-for="(item, index) in options6"
                       :key="index"
                       :label="item.name"
                       :value="item.code"
                       >
            </el-option>
        </el-select>
    </el-form-item>
    <el-form-item label="日期" v-if="isOpen">
        <el-date-picker
                        v-model="queryParams.createdDate"
                        size="small"
                        type="date"
                        range-separator=""
                        placeholder="请选择日期"
                        align="right"
                        style="width: 260px"
                        clear-icon="el-icon-circle-close"
                        :clearable="false"
                        value-format="yyyy-MM-dd"
                        >
        </el-date-picker>
    </el-form-item>
    <el-form-item class="btnBox">
        <el-button size="mini" @click="isOpen = !isOpen">
            <span v-if="!isOpen">展开</span>
            <span v-else>收起</span>
            <i class="el-icon-d-arrow-right" v-if="!isOpen"></i>
            <i class="el-icon-d-arrow-left" v-else></i>
        </el-button>
    </el-form-item>
</el-form>

data(){
    return{
        isOpen:false,
    }
}
<style lang="scss" scoped>
    .el-icon-d-arrow-right {
        transform: rotate(90deg);
        transform-origin: right bottom;
        margin-right: 10px;
    }
    .el-icon-d-arrow-left {
        transform: rotate(90deg);
        transform-origin: right bottom;
        margin-right: 10px;
    }
</style>