<template>
  <a-drawer
    :visible="visible"
    @close="visible = false"
    class="yo-drawer-form"
    placement="right"
    title="更多查询"
    width="50%"
  >
    <div class="yo-drawer-form--body">
      <a-form-model :label-col="{ flex: '150px' }" :wrapper-col="{ flex: '1' }">
        <a-row :gutter="16" type="flex">
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="范围">连级选择</a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="排查类型">
              <a-radio-group button-style="solid">
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
              </a-radio-group>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="范围">连级选择</a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="排查类型">
              <a-radio-group button-style="solid">
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
              </a-radio-group>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="范围">连级选择</a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="排查类型">
              <a-radio-group button-style="solid">
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
              </a-radio-group>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="范围">连级选择</a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="排查类型">
              <a-radio-group button-style="solid">
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
              </a-radio-group>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="范围">连级选择</a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="排查类型">
              <a-radio-group button-style="solid">
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
              </a-radio-group>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="范围">连级选择</a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="排查类型">
              <a-radio-group button-style="solid">
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
              </a-radio-group>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="范围">连级选择</a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="排查类型">
              <a-radio-group button-style="solid">
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
              </a-radio-group>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="范围">连级选择</a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="排查类型">
              <a-radio-group button-style="solid">
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
              </a-radio-group>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="范围">连级选择</a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="排查类型">
              <a-radio-group button-style="solid">
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
              </a-radio-group>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="范围">连级选择</a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="排查类型">
              <a-radio-group button-style="solid">
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
              </a-radio-group>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="范围">连级选择</a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="排查类型">
              <a-radio-group button-style="solid">
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
              </a-radio-group>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="范围">连级选择</a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="排查类型">
              <a-radio-group button-style="solid">
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
              </a-radio-group>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="范围">连级选择</a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item class="ant-row-flex mb-none" label="排查类型">
              <a-radio-group button-style="solid">
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
                <a-radio-button>sdf</a-radio-button>
              </a-radio-group>
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-button @click="$emit('query')" type="primary">查询</a-button>
      </a-form-model>
    </div>
    <div class="ant-drawer-footer">
      <a-button type="primary">确定</a-button>
    </div>
  </a-drawer>
</template>
<script>
export default {
  data() {
    return {
      visible: false,
    };
  },

  methods: {
    onOpen() {
      this.visible = true;
    },
  },
};
</script>