feat(manage): add icons

SMS-COSMO · Dec 10, 2023 · 43d63fe · 43d63fe
1 parent a5e3ea5
commit 43d63fe
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 9 deletions.
diff --git a/pages/manage/index.vue b/pages/manage/index.vue
@@ -53,9 +53,9 @@ function setAutoArrangeScopeLength(newVal: TArrange) {
   userStore.changeAutoArrange(newVal);
 }
 
-const showAutoArrangePreview = ref(false);
+const showArrangeScope = ref(false);
 const arrangeScope = computed(() => {
-  let maxDate = dayjs('2000-01-01');
+  let maxDate = dayjs();
   for (const arrangement of arrangementList.value) {
     const d = dayjs(arrangement.date);
     maxDate = maxDate > d ? maxDate : d;
@@ -123,7 +123,7 @@ const calendarAttr = computed(() => {
     });
   }
 
-  if (showAutoArrangePreview.value) {
+  if (showArrangeScope.value) {
     res.push({
       highlight: {
         start: { fillMode: 'outline', color: 'blue' },
@@ -401,7 +401,7 @@ onMounted(async () => {
               </UiDropdownMenuCheckboxItem>
             </UiDropdownMenuContent>
           </UiDropdownMenu>
-          <UiToggle class="basis-1/6 shadow-none" @click="showAutoArrangePreview = !showAutoArrangePreview">
+          <UiToggle v-model:pressed="showArrangeScope" class="basis-1/6 shadow-none" variant="outline">
             预览
           </UiToggle>
         </div>
@@ -446,7 +446,8 @@ onMounted(async () => {
     </UiCard>
     <UiCard class="basis-1/2 relative pt-4">
       <UiCardHeader class="flex flex-row align-top">
-        <UiCardTitle>
+        <UiCardTitle class="flex flex-row">
+          <span class="icon-[tabler--list-details] mr-2" />
           {{ `${date.getMonth() + 1}-${date.getDate()}` }} 排歌表
         </UiCardTitle>
         <div class="ml-auto flex items-center space-x-2">
@@ -537,7 +538,8 @@ onMounted(async () => {
     <UiCard class="basis-1/2 relative pt-4">
       <UiCardHeader class="items-start gap-4 space-y-0 flex-row">
         <div class="space-y-1">
-          <UiCardTitle>
+          <UiCardTitle class="flex flex-row">
+            <span class="icon-[tabler--list] mr-2" />
             总歌单
           </UiCardTitle>
         </div>

diff --git a/pages/manage/review.vue b/pages/manage/review.vue
@@ -155,7 +155,8 @@ onMounted(async () => {
   <div class="flex flex-row gap-5 h-screen p-5">
     <UiCard class="basis-1/4 pt-4 relative">
       <UiCardHeader>
-        <UiCardTitle class="flex">
+        <UiCardTitle class="flex flex-row">
+          <span class="icon-[tabler--help-square] mr-2" />
           待审核
           <UiBadge variant="secondary" class="ml-2 self-center">
             {{ unsetList.length }}
@@ -210,7 +211,8 @@ onMounted(async () => {
     </UiCard>
     <UiCard class="basis-1/2 pt-4">
       <UiCardHeader class="items-start gap-4 space-y-0 flex-row">
-        <UiCardTitle>
+        <UiCardTitle class="flex flex-row">
+          <span class="icon-[tabler--headphones] mr-2" />
           歌曲试听
         </UiCardTitle>
         <div v-if="selectedSong" class="ml-auto h-4">
@@ -255,7 +257,8 @@ onMounted(async () => {
     <UiCard class="basis-1/4 pt-4">
       <UiCardHeader class="items-start gap-4 space-y-0 flex-row">
         <div class="space-y-1">
-          <UiCardTitle>
+          <UiCardTitle class="flex flex-row">
+            <span class="icon-[tabler--square-check] mr-2" />
             已审核
           </UiCardTitle>
         </div>