adding page titles

SMS-COSMO · Jul 28, 2024 · 3f54d8d · 3f54d8d
1 parent 9a7887d
commit 3f54d8d
Show file tree

Hide file tree

Showing 6 changed files with 60 additions and 15 deletions.
diff --git a/pages/device.vue b/pages/device.vue
@@ -1,4 +1,5 @@
 <template>
+  <Title>设备管理</Title>
   <div class="grid gap-4 md:grid-cols-2 md:gap-8 lg:grid-cols-4">
     <Card>
       <CardHeader class="flex flex-row items-center justify-between space-y-0 pb-2">
@@ -79,10 +80,7 @@
           </DialogTrigger>
           <DialogContent class="sm:max-w-[425px]">
             <DialogHeader>
-              <DialogTitle>创建设备</DialogTitle>
-              <DialogDescription>
-                请输入设备名称
-              </DialogDescription>
+              <DialogTitle>请输入设备名称</DialogTitle>
             </DialogHeader>
             <div class="grid gap-4 py-4">
               <div class="grid grid-cols-4 items-center gap-4">
@@ -141,10 +139,7 @@
                     </DialogTrigger>
                     <DialogContent class="sm:max-w-[425px]">
                       <DialogHeader>
-                        <DialogTitle>编辑设备名</DialogTitle>
-                        <DialogDescription>
-                          请输入新的设备名
-                        </DialogDescription>
+                        <DialogTitle>请输入新的设备名</DialogTitle>
                       </DialogHeader>
                       <div class="grid gap-4 py-4">
                         <div class="grid grid-cols-4 items-center gap-4">
@@ -156,14 +151,14 @@
                       </div>
                       <DialogClose>
                         <Button
-                          v-if="!isPending"
+                          v-if="!isPending2"
                           type="submit"
                           @click="editMutation({ id: device.id, new_location: edit_new_location })"
                         >
                           确认修改
                         </Button>
-                        <Button v-if="isPending" type="submit" disabled>
-                          <Loader2 v-if="isPending" class="w-4 h-4 mr-2 animate-spin" />
+                        <Button v-if="isPending2" type="submit" disabled>
+                          <Loader2 v-if="isPending2" class="w-4 h-4 mr-2 animate-spin" />
                           请稍候……
                         </Button>
                       </DialogClose>
@@ -203,7 +198,6 @@ import {
   Dialog,
   DialogClose,
   DialogContent,
-  DialogDescription,
   DialogHeader,
   DialogTitle,
   DialogTrigger,
@@ -236,7 +230,7 @@ const { mutate: deleteMutation } = useMutation({
   },
   onError: err => useErrorHandler(err),
 });
-const { mutate: editMutation } = useMutation({
+const { mutate: editMutation, isPending: isPending2 } = useMutation({
   mutationFn: $api.device.edit.mutate,
   onSuccess: () => {
     queryClient.invalidateQueries({ queryKey: ['device.list'] });

diff --git a/pages/index.vue b/pages/index.vue
@@ -1,4 +1,5 @@
 <template>
+  <Title>食堂显示屏管理系统</Title>
   <div class="grid gap-4 md:grid-cols-2 md:gap-8 lg:grid-cols-4">
     <Card>
       <CardHeader class="flex flex-row items-center justify-between space-y-0 pb-2">

diff --git a/pages/login.vue b/pages/login.vue
@@ -1,4 +1,5 @@
 <template>
+  <Title>登录</Title>
   <div class="w-full lg:grid h-full">
     <div class="flex items-center justify-center">
       <div class="mx-auto grid w-[400px] gap-6">

diff --git a/pages/program.vue b/pages/program.vue
@@ -1,4 +1,5 @@
 <template>
+  <Title>节目管理</Title>
   <div class="grid gap-4 md:grid-cols-2 md:gap-8 lg:grid-cols-4">
     <Card>
       <CardHeader class="flex flex-row items-center justify-between space-y-0 pb-2">
@@ -158,7 +159,6 @@
                         <Button
                           v-if="!isPending"
                           type="submit"
-                          @click="editMutation({ id: program.id, new_name: edit_new_name })"
                         >
                           确认修改
                         </Button>
@@ -178,7 +178,39 @@
               </TableCell>
               <TableCell>{{ program.createdAt.toLocaleDateString() }}</TableCell>
               <TableCell>
-                施工中
+                <Dialog>
+                  <DialogTrigger as-child>
+                    <Button variant="outline" class="h-8">
+                      编辑
+                    </Button>
+                  </DialogTrigger>
+                  <DialogContent class="sm:max-w-[425px]">
+                    <DialogHeader>
+                      <DialogTitle>节目内容</DialogTitle>
+                    </DialogHeader>
+                    <div class="grid gap-4 py-4">
+                      <div class="grid grid-cols-4 items-center gap-4">
+                        <Label for="name" class="text-right">
+                          节目名称
+                        </Label>
+                        <Input id="name" v-model="edit_new_name" class="col-span-3" />
+                      </div>
+                    </div>
+                    <DialogClose>
+                      <Button
+                        v-if="!isPending"
+                        type="submit"
+                        @click="editMutation({ id: program.id, new_name: edit_new_name })"
+                      >
+                        确认修改
+                      </Button>
+                      <Button v-if="isPending" type="submit" disabled>
+                        <Loader2 v-if="isPending" class="w-4 h-4 mr-2 animate-spin" />
+                        请稍候……
+                      </Button>
+                    </DialogClose>
+                  </DialogContent>
+                </Dialog>
               </TableCell>
             </TableRow>
           </TableBody>

diff --git a/server/trpc/controllers/program.ts b/server/trpc/controllers/program.ts
@@ -1,4 +1,5 @@
 import { eq } from 'drizzle-orm';
+import { TRPCError } from '@trpc/server';
 import type { TNewProgram } from '../../db/db';
 import { db } from '../../db/db';
 import { programs } from '../../db/schema';
@@ -25,4 +26,13 @@ export class ProgramController {
     const res = await db.query.programs.findMany();
     return res;
   }
+
+  async getSequence(id: number) {
+    const res = await db.query.programs.findFirst({
+      where: eq(programs.id, id),
+    });
+    if (!res)
+      throw new TRPCError({ code: 'NOT_FOUND', message: '节目不存在' });
+    return res.sequence;
+  }
 }
diff --git a/server/trpc/routers/program.ts b/server/trpc/routers/program.ts
@@ -34,4 +34,11 @@ export const programRouter = router({
     .query(async ({ ctx }) => {
       return await ctx.programController.getList();
     }),
+
+  getSequence: protectedProcedure
+    .use(requireRoles(['admin']))
+    .input(z.object({ id: programIdZod }))
+    .query(async ({ ctx, input }) => {
+      return await ctx.programController.getSequence(input.id);
+    }),
 });