Кнопка скачивания отчета + правка отчета

resources/js/Pages/Report/Index.vue

@@ -11,7 +11,8 @@ import {
     NTabPane,
     NTabs,
     NTag,
-    NRow, NCol, NDivider, NButton, NSpace
+    NRow, NCol, NDivider, NButton, NSpace,
+    NIcon
 } from "naive-ui";
 import DatePickerQuery from "../../Components/DatePickerQuery.vue";
 import AppPanel from "../../Components/AppPanel.vue";
@@ -25,6 +26,7 @@ import OperationWidget from "./Components/Widgets/OperationWidget.vue";
 import LoadedWidget from "./Components/Widgets/LoadedWidget.vue";
 import UnwantedEventModal from "./Components/Modals/UnwantedEventModal.vue";
 import RecipientWidget from "./Components/Widgets/RecipientWidget.vue";
+import { PiMicrosoftExcelLogo } from "vue-icons-plus/pi";
 
 const props = defineProps({
     department: {
@@ -233,7 +235,7 @@ const downloadReport = async () => {
         const url = window.URL.createObjectURL(blob)
         const a = document.createElement('a')
         a.href = url
-        a.download = 'Отчёт дежурного.xlsx'
+        a.download = 'Отчёт дежурного.pdf'
         document.body.appendChild(a)
         a.click()
         window.URL.revokeObjectURL(url)
@@ -348,12 +350,19 @@ watch(() => props, (newProps) => {
                              secondary type="error" :loading="loading" @click="onShowUnwantedEventModal">
                         Нежелательные события ({{ latestReportObj.unwanted_events?.length ?? 0 }})
                     </NButton>
-                    <NButton secondary @click="downloadReport" :loading="loading">
-                        Сформировать отчет дежурного
-                    </NButton>
-                    <NButton v-if="props.canSaveReport" secondary @click="submit" :loading="loading">
-                        Сохранить введенные данные
-                    </NButton>
+                    <NSpace>
+                        <NButton secondary @click="downloadReport" :loading="loading">
+                            <template #icon>
+                                <NIcon>
+                                    <PiMicrosoftExcelLogo />
+                                </NIcon>
+                            </template>
+                            Скачать отчет
+                        </NButton>
+                        <NButton v-if="props.canSaveReport" secondary @click="submit" :loading="loading">
+                            Сохранить введенные данные
+                        </NButton>
+                    </NSpace>
                 </NFlex>
             </AppPanel>
         </AppContainer>