ai-meeting/src/modules/meeting-detail/top-tools/SearchAndUpload.vue

<template>
  <div class="search-upload">
    <!-- <a-input :style="{ width: '320px' }" placeholder="搜索" allow-clear>
      <template #prefix>
        <icon-search />
      </template>
    </a-input> -->
    <a-button class="download-btn" type="text" :disabled="disabled" @click="downloadSummaryFun">
      <icon-download />
      下载
    </a-button>
  </div>
</template>

<script setup>
import { computed } from 'vue';
import { downloadSummary } from '../../../apis/meeting';
import { useMeetingStore } from '../../../base/store/use-meeting';

const useMeeting = useMeetingStore();

const disabled = computed(() => {
  return useMeeting.disabledInputOrBtn;
});

const downloadSummaryFun = async () => {
  try {
    const res = await downloadSummary({ meeting_id: useMeeting.meet_id });
    const link = document.createElement('a');
    link.href = window.URL.createObjectURL(res);
    link.click();
  } catch (e) {
    console.log(e);
  }
};
</script>
<style scoped lang="css">
.search-upload {
  display: flex;
  align-items: center;
  height: 100%;
}
.download-btn {
  color: var(--text-download-color);
}
</style>