导出审计

src/components/Setting/components/ExportExcel.vue

@@ -1,9 +1,17 @@
 <template>
   <div class="export_excel_container">
-    <div class="btn mb" @click="exportAudit">导出审计</div>
-    <div class="btn mb" @click="exportRecord">导出消毒记录</div>
-    <div class="btn mb" @click="clearAudit">清空审计</div>
-    <div class="btn" @click="clearRecord">清空消毒记录</div>
+    <div class="btn mb" v-if="exportType == '1'" @click="exportAudit">
+      导出审计
+    </div>
+    <!-- <div class="btn mb" v-if="exportType == '1'" @click="clearAudit">
+      清空审计
+    </div> -->
+    <div class="btn mb" v-if="exportType == '2'" @click="exportRecord">
+      导出消毒记录
+    </div>
+    <div class="btn" v-if="exportType == '2'" @click="clearRecord">
+      清空消毒记录
+    </div>
     <van-overlay :show="settingStore.exportLoading" z-index="3">
       <div class="wrapper" @click.stop>
         <div class="block">
@@ -33,6 +41,12 @@ import ClearAuditModal from 'cpns/dialogs/ClearAuditModal'
 import ClearRecordModal from 'cpns/dialogs/ClearRecordModal'
 import { useWebSocketStore, useSettingStore } from '@/store'
 
+const props = defineProps({
+  exportType: {
+    type: String,
+  },
+})
+
 const webSocketStore = useWebSocketStore()
 const settingStore = useSettingStore()
 

src/components/Setting/index.vue

@@ -23,21 +23,22 @@
       </div>
       <div class="tab_wrap" @click="changeActiveTab(5)">
         <p class="active_line" v-show="activeTab == 5"></p>
-        <p :class="activeTab == 5 ? 'title active' : 'title'">数据导出</p>
-        <div :class="activeTab == 5 ? 'btn style-btn' : 'dis_btn'">导出</div>
+        <p :class="activeTab == 5 ? 'title active' : 'title'">审计管理</p>
+        <div :class="activeTab == 5 ? 'btn style-btn' : 'dis_btn'">操作</div>
       </div>
-      <!-- <div class="tab_wrap" @click="changeActiveTab(6)">
+      <div class="tab_wrap" @click="changeActiveTab(6)">
         <p class="active_line" v-show="activeTab == 6"></p>
-        <p :class="activeTab == 6 ? 'title active' : 'title'">消毒预设</p>
-        <div :class="activeTab == 6 ? 'btn style-btn' : 'dis_btn'">设置</div>
-      </div> -->
+        <p :class="activeTab == 6 ? 'title active' : 'title'">消毒记录管理</p>
+        <div :class="activeTab == 6 ? 'btn style-btn' : 'dis_btn'">操作</div>
+      </div>
     </div>
     <div class="right_container">
       <Admin v-if="activeTab == 2" />
       <Date v-if="activeTab == 4" />
       <Device v-if="activeTab == 1" />
       <User v-if="activeTab == 3" />
-      <ExportExcel v-if="activeTab == 5" />
+      <ExportExcel :exportType="1" v-if="activeTab == 5" />
+      <ExportExcel :exportType="2" v-if="activeTab == 6" />
     </div>
   </div>
 </template>