草稿箱

src/router.ts

@@ -46,13 +46,11 @@ const routes = [
         name: "filingPersonManagement",
         component: () => import("@/views/FilingPersonManagement/index.vue"),
       },
-      // {
-      //   path: "/draftBox",
-      //   name: "draftBox",
-      //   component: (
-      //     () => import("@/views/draftBox/index.vue")
-      //   ),
-      // },
+      {
+        path: "/draftBox",
+        name: "draftBox",
+        component: () => import("@/views/draftBox/index.vue"),
+      },
       {
         path: "/collectionManagement",
         name: "collectionManagement",
@@ -157,15 +155,15 @@ const routes = [
     component: () => import("@/views/AddCopyRight/index.vue"),
   },
   {
-    path: '/copyRightDetail',
-    name: 'copyRightDetail',
-    component: () => import("@/views/CopyRightDetail/index.vue")
+    path: "/copyRightDetail",
+    name: "copyRightDetail",
+    component: () => import("@/views/CopyRightDetail/index.vue"),
   },
   {
-    path: '/filingPersonDetail',
-    name: 'filingPersonDetail',
-    component: () => import("@/views/FilingPersonDetail/index.vue")
-  }
+    path: "/filingPersonDetail",
+    name: "filingPersonDetail",
+    component: () => import("@/views/FilingPersonDetail/index.vue"),
+  },
 ];
 
 const router = createRouter({

src/views/draftBox/index.vue

@@ -2,16 +2,23 @@
   <LayoutVue>
     <div class="flex flex-col w-full h-full">
       <div class="flex items-center">
-        <Search v-model="searchValue" placeholder="搜索草稿"></Search>
+        <Search v-model="searchValue" placeholder="搜索名称/备案号"></Search>
         <Avatar class="ml-7"></Avatar>
       </div>
       <div
         class="flex items-center justify-between flex-shrink-0"
         style="margin-top: 26px"
       >
-        <Title>草稿箱</Title>
-        <div class="tip flex-grow">草稿将在7日后删除，请尽快完成版权登记</div>
-        <div class="flex items-center">
+        <Title
+          :title="[
+            { name: '版权管理', routerName: 'copyrightManagement' },
+            {
+              name: '草稿箱',
+            },
+          ]"
+        ></Title>
+        <!-- <div class="tip flex-grow">草稿将在7日后删除，请尽快完成版权登记</div> -->
+        <!-- <div class="flex items-center">
           <syButton
             style="width: 113px"
             mode="elementBtn"
@@ -34,9 +41,9 @@
             type="primary"
             >添加版权</syButton
           >
+        </div> -->
       </div>
-      </div>
-      <div class="flex-grow overflow-hidden" style="padding-top: 60px">
+      <div class="flex-grow overflow-hidden">
         <DraftBoxTable
           :loading="loading"
           :data="tableData"

src/views/draftBox/table.ts

@@ -4,13 +4,14 @@ export const tableColumns = [
   {
     label: "版权名称",
     prop: "name",
+    minWidth: 200,
   },
   {
-    label: "流水号",
+    label: "作品类型",
     prop: "id",
   },
   {
-    label: "操作日期",
+    label: "提交日期",
     prop: "date",
   },
   {