iot-front-ui/src/components/common/query.vue

<template>
  <div class="ioc-query-form">
    <a-form layout="inline" :form="formData">
      <a-form-item label="单位名称：" class="formItem">
        <a-select style="width: 240px">
          <a-select-option value="中迅"> 中迅 </a-select-option>
          <a-select-option value="电信规划院"> 电信规划院 </a-select-option>
        </a-select>
      </a-form-item>
      <a-form-item label="部门名称：" class="formItem">
        <a-select style="width: 240px">
          <a-select-option value="中迅"> 中迅 </a-select-option>
          <a-select-option value="电信规划院"> 电信规划院 </a-select-option>
        </a-select>
      </a-form-item>
      <a-form-item label="时间范围：" class="formItem">
        <timeRange ref="timeRange"></timeRange>
      </a-form-item>
      <a-form-item class="formItem">
        <a-button type="primary">重置</a-button>
        <a-button type="primary">查询</a-button>
      </a-form-item>
    </a-form>
  </div>
</template>

<script>
import timeRange from "@/components/common/timeRange.vue";
export default {
  components: {
    timeRange,
  },
  data() {
    return {
      formData: {},
    };
  },
};
</script>

<style lang="less" scoped>
.formItem {
  margin: 0px 15px;
}
</style>