打印增加滤过效果

增加正在打印提示

src/components/setting/History.vue

@@ -7,7 +7,6 @@ import { computed, onMounted, ref } from 'vue'
 import { FtMessage } from '@/libs/message'
 
 import HistoryDetail from './HistoryDetail.vue'
-
 // const settingStore = useSettingStore()
 const tableData = ref<string[]>([])
 const selectedRecords = ref<Setting.History[]>([])
@@ -57,7 +56,7 @@ const printDetail = (historyItem: Setting.History) => {
     },
   }
   syncSendCmd(detailParams).then(() => {
-    visible.value = true
+    FtMessage.success('正在打印中!')
   })
 }
 const onDelHistory = () => {
@@ -114,7 +113,7 @@ const onClose = () => {
   visible.value = false
 }
 const deleteBtnVisible = computed(() => {
-  return JSON.parse(localStorage.user).roleType.includes('admin')
+  return JSON.parse(localStorage.getItem('user') || '{}')?.roleType?.includes('admin')
 })
 </script>
 
@@ -189,6 +188,10 @@ const deleteBtnVisible = computed(() => {
     background-color: #1890ff;
     color: white;
   }
+  .print-button:hover {
+    background-color: #1890ff;
+    color: white;
+  }
   .delete-button {
     background-color: #ffe6e6;
     color: #ff4d4f;

src/views/setting/index.vue

@@ -9,7 +9,7 @@ import User from '@/components/setting/User.vue'
 import { useSettingStore } from '@/stores/settingStore'
 
 const settingStore = useSettingStore()
-const currentUserRoleType = JSON.parse(localStorage.user).roleType
+const currentUserRoleType = JSON.parse(localStorage.getItem('user') || '{}')?.roleType
 const settingMenus = settingStore.settingMenus.filter((item): boolean => item.roleType.includes(currentUserRoleType))
 const selectedMenuCode = ref('history')
 // 选择菜单项的方法