search.vue 931 B

1234567891011121314151617181920212223242526272829
  1. <script setup name="search">
  2. import SubmitBtn from '@com/SubmitBtn.vue'
  3. import { onMounted, reactive, ref } from 'vue'
  4. const queryForm = reactive({
  5. mode: 0
  6. })
  7. /**执行 */
  8. const emits = defineEmits(['submit'])
  9. const funSubmit = async () => {
  10. emits('submit', queryForm)
  11. }
  12. </script>
  13. <template>
  14. <div class="pl-[20px] flex items-center h-[80px] relative">
  15. <div class="absolute top-[-7px] left-[20px] text-[#B3B3B3] text-[14px]">操作面板</div>
  16. <el-form class="whitespace-nowrap" :inline="true" :model="queryForm">
  17. <el-form-item label="合并方式" class="!mb-0">
  18. <el-select v-model="queryForm.mode">
  19. <el-option :value="0" label="多表单台"></el-option>
  20. <el-option :value="1" label="单表多台"></el-option>
  21. </el-select>
  22. </el-form-item>
  23. <el-form-item class="!mb-0">
  24. <submit-btn v-prevdbclick:5000="funSubmit" desc="执行"></submit-btn>
  25. </el-form-item>
  26. </el-form>
  27. </div>
  28. </template>