feat(old-items): complete reuse workflow and refine miniapp home

apps/admin-web/src/App.vue

@@ -18,6 +18,7 @@ import StatisticsView from './views/StatisticsView.vue';
 import DashboardView from './views/DashboardView.vue';
 import AdminIcon from './components/AdminIcon.vue';
 import FinancialDisclosuresView from './views/FinancialDisclosuresView.vue';
+import OldItemsView from './views/OldItemsView.vue';
 
 const auth = useAuthStore();
 const form = reactive({ username: '', password: '' });
@@ -38,6 +39,7 @@ const activeView = ref<
   | 'notifications'
   | 'statistics'
   | 'financial-disclosures'
+  | 'old-items'
 >('dashboard');
 
 onMounted(() => auth.restore());
@@ -141,6 +143,14 @@ async function logout(): Promise<void> {
         <div><strong>乐活公益</strong><small>管理平台</small></div>
       </div>
       <nav>
+        <button
+          :class="['nav-item', { 'nav-item--active': activeView === 'old-items' }]"
+          type="button"
+          :aria-current="activeView === 'old-items' ? 'page' : undefined"
+          @click="activeView = 'old-items'"
+        >
+          <AdminIcon name="content" />旧物善用管理
+        </button>
         <button
           :class="['nav-item', { 'nav-item--active': activeView === 'dashboard' }]"
           type="button"
@@ -264,6 +274,7 @@ async function logout(): Promise<void> {
       <ActivitiesView v-else-if="activeView === 'activities'" />
       <ContentView v-else-if="activeView === 'content'" />
       <FinancialDisclosuresView v-else-if="activeView === 'financial-disclosures'" />
+      <OldItemsView v-else-if="activeView === 'old-items'" />
       <NotificationDeliveriesView v-else-if="activeView === 'notifications'" />
       <StatisticsView v-else />
     </div>