src/views/satellitetelemetry/component/SatelliteSearchBar.vue
@@ -1,6 +1,6 @@
<template>
  <el-row>
    <el-col :span="20">
    <el-col :span="17">
      <el-form label-position="right" label-width="60px" :inline="false">
        <el-form-item label="区域">
          <OptionLocation2
@@ -31,9 +31,30 @@
        </el-button>
      </el-form-item>
    </el-col>
    <el-col :span="3">
      <el-form-item>
        <el-button
          :loading="loading"
          type="primary"
          class="el-button-custom"
          size="small"
          @click="handleImportClick"
        >
          导入
        </el-button>
      </el-form-item>
    </el-col>
  </el-row>
  <el-dialog title="导入" v-model="importVisible" destroy-on-close>
    <SatelliteImport
      @submit="handleImportSubmit"
      :disabled="!gridGroup"
      :grid-group="gridGroup"
    ></SatelliteImport>
  </el-dialog>
</template>
<script setup>
import SatelliteImport from './SatelliteImport.vue';
import { ref, watch } from 'vue';
defineProps({
@@ -43,6 +64,7 @@
const location = ref(undefined);
const gridGroup = ref(undefined);
const gridGroupRef = ref(null);
const importVisible = ref(false);
const emits = defineEmits(['search']);
@@ -72,4 +94,13 @@
function handleClick() {
  emits('search', gridGroup.value);
}
function handleImportSubmit() {
  importVisible.value = false;
  emits('search', gridGroup.value);
}
function handleImportClick() {
  importVisible.value = true;
}
</script>