refactor：藏品列表重命名、藏品类型更新、藏品管理菜单更新

src/views/Collection/CollectionManagement/components/AlbumTable/constants.ts

@@ -9,19 +9,19 @@ export const columns = [
   {
     label: "发行时间",
     prop: "",
-    width: 200,
+    width: 250,
     slotName: "time",
   },
   {
     label: "发行状态",
     prop: "",
     slotName: "status",
-    width: 180,
+    width: 200,
   },
   {
     label: "操作",
     prop: "",
     slotName: "transfer",
-    width: 70,
+    width: 100,
   },
 ] as iTableColumn[];

src/views/Collection/CollectionManagement/components/PictureTable/constants.ts → src/views/Collection/CollectionManagement/components/copyrightTable/constants.ts

@@ -8,26 +8,21 @@ export const columns = [
     slotName: "name",
   },
   {
-    label: "通证标识",
-    prop: "identifier",
-    width: 300,
-  },
-  {
     label: "发行时间",
     prop: "create_time",
     slotName: "create_time",
-    width: 200,
+    width: 250,
   },
   {
     label: "发行状态",
     prop: "",
     slotName: "status",
-    width: 180,
+    width: 200,
   },
   {
     label: "操作",
     slotName: "transfer",
     prop: "",
-    width: 70,
+    width: 100,
   },
 ] as iTableColumn[];

src/views/Collection/CollectionManagement/index.vue

@@ -3,20 +3,8 @@
     <div class="flex flex-col w-full h-full">
       <div class="flex items-center flex-shrink-0">
         <Search
-          :model-value="
-            activedMenu === eCollectionType.picture
-              ? searchStrOfPicture
-              : searchStrOfAlbum
-          "
-          @update:model-value="
-            (v) => {
-              if (activedMenu === eCollectionType.picture) {
-                searchStrOfPicture = v;
-              } else {
-                searchStrOfAlbum = v;
-              }
-            }
-          "
+          :model-value="currentSearchStr"
+          @update:model-value="handleCurrentSearchStrChange"
           placeholder="搜索"
         ></Search>
         <Avatar class="ml-7"></Avatar>
@@ -83,26 +71,26 @@
       ></syMenu>
 
       <div class="flex-grow overflow-hidden relative">
-        <PictureTable
+        <CopyrightTable
           v-if="tableDataOfPicture.length !== 0"
-          ref="pictureTableRef"
-          v-show="activedMenu === eCollectionType.picture"
-          :active="activedMenu === eCollectionType.picture"
+          ref="copyrightTableRef"
+          v-show="activedMenu === eCollectionType.copright"
+          :active="activedMenu === eCollectionType.copright"
           :table-data="tableDataOfPicture"
           :loading="loadingOfPicture"
           @scroll-to-end="fetchNextPageOfPicture"
           @transferExecuted="handleTransferExecuted"
-        ></PictureTable>
+        ></CopyrightTable>
         <Empty
           v-if="
-            activedMenu === eCollectionType.picture &&
+            activedMenu === eCollectionType.copright &&
             !loadingOfPicture &&
             tableDataOfPicture.length === 0
           "
           class="absolute top-1/3 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
         >
           {{
-            searchingStrOfPicture === ""
+            debouncedSearchStrOfCopyright === ""
               ? "暂无数据"
               : "没有找到匹配结果，尝试其他关键词搜索"
           }}
@@ -125,7 +113,7 @@
           class="absolute top-1/3 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
         >
           {{
-            searchingStrOfAlbum === ""
+            debouncedSearchStrOfAlbum === ""
               ? "暂无数据"
               : "没有找到匹配结果，尝试其他关键词搜索"
           }}
@@ -135,7 +123,7 @@
   </LayoutVue>
 </template>
 <script lang="ts" setup>
-import { onBeforeMount, ref, watch } from "vue";
+import { computed, onBeforeMount, ref, watch } from "vue";
 
 import { GO_URLS, syButton, syMenu } from "cqk-sy-ui";
 import LayoutVue from "@/components/Layout.vue";
@@ -143,7 +131,7 @@ import Search from "@/components/Search/index.vue";
 import Avatar from "@/components/Avatar/index.vue";
 import Title from "@/components/Title.vue";
 import Icon from "@/components/Icon/index.vue";
-import PictureTable from "./components/PictureTable/index.vue";
+import CopyrightTable from "./components/CopyrightTable/index.vue";
 import AlbumTable from "./components/AlbumTable/index.vue";
 
 import { eCollectionType } from "../PassMaker/types";
@@ -157,23 +145,46 @@ import Empty from "@/components/Empty/index.vue";
 import { useRoute } from "vue-router";
 import { router } from "@/router";
 
-const searchStrOfPicture = ref("");
+const searchStrOfCopyright = ref("");
+const searchStrOfDerivatives = ref("");
 const searchStrOfAlbum = ref("");
 
-const searchingStrOfPicture = ref("");
-const searchingStrOfAlbum = ref("");
+const debouncedSearchStrOfCopyright = ref("");
+const debouncedSearchStrOfDerivatives = ref("");
+const debouncedSearchStrOfAlbum = ref("");
 
-const pictureTableRef = ref<InstanceType<typeof PictureTable>>();
-const activedMenu = ref(eCollectionType.picture);
+const copyrightTableRef = ref<InstanceType<typeof CopyrightTable>>();
+const activedMenu = ref(eCollectionType.copright);
 const menuList = [
-  { label: "藏品列表", value: eCollectionType.picture },
-  { label: "专辑列表", value: eCollectionType.album },
+  { label: "版权", value: eCollectionType.copright },
+  { label: "衍生品", value: eCollectionType.derivatives },
+  { label: "专辑", value: eCollectionType.album },
 ];
+const currentSearchStr = computed(() => {
+  if (activedMenu.value === eCollectionType.copright) {
+    return searchStrOfCopyright.value;
+  } else if (activedMenu.value === eCollectionType.derivatives) {
+    return searchStrOfDerivatives.value;
+  } else if (activedMenu.value === eCollectionType.album) {
+    return searchStrOfAlbum.value;
+  }
+  return "";
+});
+
+function handleCurrentSearchStrChange(str: string) {
+  if (activedMenu.value === eCollectionType.copright) {
+    searchStrOfCopyright.value = str;
+  } else if (activedMenu.value === eCollectionType.derivatives) {
+    searchStrOfDerivatives.value = str;
+  } else if (activedMenu.value === eCollectionType.album) {
+    searchStrOfAlbum.value = str;
+  }
+}
 
 const route = useRoute();
 onBeforeMount(() => {
   activedMenu.value =
-    (route.query.type as eCollectionType) || eCollectionType.picture;
+    (route.query.type as eCollectionType) || eCollectionType.copright;
 });
 
 watch(activedMenu, (menu) => {
@@ -242,7 +253,7 @@ async function fetchPictureData({
     params: {
       page: page,
       page_size: page_size,
-      name: searchStrOfPicture.value,
+      name: searchStrOfCopyright.value,
     },
   });
   return {
@@ -252,10 +263,10 @@ async function fetchPictureData({
 }
 
 watchDebounced(
-  searchStrOfPicture,
+  searchStrOfCopyright,
   () => {
     refetchPicture().then(() => {
-      searchingStrOfPicture.value = searchStrOfPicture.value;
+      debouncedSearchStrOfCopyright.value = searchStrOfCopyright.value;
     });
   },
   { debounce: watchStrChangeDebounceTime }
@@ -265,19 +276,19 @@ watchDebounced(
   searchStrOfAlbum,
   () => {
     refetchAlbum().then(() => {
-      searchingStrOfAlbum.value = searchStrOfAlbum.value;
+      debouncedSearchStrOfAlbum.value = searchStrOfAlbum.value;
     });
   },
   { debounce: watchStrChangeDebounceTime }
 );
 
 function refetchPicture() {
-  pictureTableRef.value?.scrollTo(0, 0);
+  copyrightTableRef.value?.scrollTo(0, 0);
   return __refetchOfPicture();
 }
 
 function refetchAlbum() {
-  pictureTableRef.value?.scrollTo(0, 0);
+  copyrightTableRef.value?.scrollTo(0, 0);
   return __refetchOfAlbum();
 }
 

src/views/Collection/PassMaker/UploadBoxFormControl/index.vue

 <template>
   <HandleAllKindsOfType
-    v-if="activedMenu === eCollectionType.picture"
+    v-if="activedMenu === eCollectionType.derivatives"
     type="uploadPicture"
     :file="fileData"
     @clear="

src/views/Collection/PassMaker/types.ts

 export enum eCollectionType {
-  picture = "picture",
+  /**版权 */
+  copright = "copright",
+  /**衍生品 */
+  derivatives = "derivatives",
+  /**专辑 */
   album = "album",
 }

src/views/Collection/TransferRecords/index.vue

@@ -85,7 +85,7 @@ const fetchTableData = async ({
 }) => {
   // 当前状态
   let res: any;
-  if (type.value === eCollectionType.picture) {
+  if (type.value === eCollectionType.derivatives) {
     res = await $ajax({
       type: "get",
       url: GO_URLS.transferList,