<template>
  <div class="div-container">
    <div class="top">
      <div class="top-left">
        <span style="margin: 0 10px 0 10px">所属领域</span>
        <a-input v-model:value="value" style="margin: 0 12px 0 0" />
        <span style="margin: 0 10px 0 10px">所属行业</span>
        <a-input v-model:value="value" style="margin: 0 12px 0 0" />
        <span style="margin: 0 10px 0 10px">日期</span>
        <a-input v-model:value="value" style="margin: 0 12px 0 0" />
        <span style="margin: 0 10px 0 10px">所属区域</span>
        <a-input v-model:value="value" style="margin: 0 12px 0 0" />
      </div>
      <div class="top-right">
        <a-button type="primary" style="margin: 0 0 0 12px" @click="addInfo">查询</a-button>
        <a-button style="margin: 0 0 0 12px">重置</a-button>
      </div>
    </div>
    <div class="table-body"> </div>
  </div>
</template>
<script setup lang="ts">
  import { ref, onMounted } from 'vue';
  const value = ref('');
  onMounted(() => {});

  function addInfo() {
    // dialog.value.show();
  }
</script>

<style lang="less" scoped>
  .div-container {
    width: 100%;
    height: 100%;
    background: #f0f0f0;
    padding: 10px;
    margin-right: 0;

    .top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 20px;
      width: 100%;
      height: 60px;
      background: #fff;
      line-height: 60px;
      margin-bottom: 10px;
    }

    .gdiv {
      width: 350px;
    }

    .ant-input {
      width: 200px;
      height: 32px;
    }

    .table-body {
      background: #fff;
      padding: 6px;
    }
  }
</style>
