使用element写一个前端界面，包含一个下拉框，一个查询按钮。下拉框内有保证金（非一户）和测试两个选项，只有选择保证金（非一户）选项时界面会弹出一个可填报的表单，不选或者选测试选项点击查询后，界面弹出一个提示对话框，内容为“请选择一个选项”。可填报的表单内包含输入框、三选一选项，当选择其中一项时其他两项自动禁用

好的，以下是使用 Element UI 编写的示例代码，满足您的需求：

<template>
  <div>
    <el-select v-model="selectedOption" placeholder="请选择">
      <el-option label="保证金（非一户）" value="deposit"></el-option>
      <el-option label="测试" value="test"></el-option>
    </el-select>
    <el-button type="primary" @click="handleQuery">查询</el-button>
    <el-dialog :visible.sync="dialogVisible" title="提示">
      <p>{{ dialogContent }}</p>
    </el-dialog>
    <el-form v-if="selectedOption === 'deposit'" :model="form" ref="form" label-width="80px">
      <el-form-item label="输入框">
        <el-input v-model="form.input"></el-input>
      </el-form-item>
      <el-form-item label="三选一选项">
        <el-radio-group v-model="form.radio">
          <el-radio label="option1">选项1</el-radio>
          <el-radio label="option2">选项2</el-radio>
          <el-radio label="option3">选项3</el-radio>
        </el-radio-group>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: '',
      dialogVisible: false,
      dialogContent: '',
      form: {
        input: '',
        radio: ''
      }
    };
  },
  methods: {
    handleQuery() {
      if (this.selectedOption === '') {
        this.dialogContent = '请选择一个选项';
        this.dialogVisible = true;
      } else if (this.selectedOption === 'deposit') {
        // 处理保证金（非一户）选项的查询逻辑
      } else if (this.selectedOption === 'test') {
        // 处理测试选项的查询逻辑
      }
    }
  }
};
</script>

以上代码中，使用了 Element UI 的 `el-select` 下拉框组件、`el-button` 按钮组件、`el-dialog` 对话框组件和 `el-form` 表单组件。根据选择的选项，通过 `v-if` 控制表单的显示与隐藏，并使用 `v-model` 进行双向数据绑定，实现输入框和选项的交互效果。点击查询按钮后，根据不同的选项进行相应的处理，并通过弹窗展示提示信息。

请根据您的实际需求进行适当修改和调整。希望对您有帮助！