更新歌曲列表

src/views/newuser/singerUser/hook.tsx

@@ -1,10 +1,9 @@
 import { ref, h } from "vue";
 import editForm from "./form.vue";
+import detailView from './detailView.vue';
 import {
   querySingerUser,
   editSingerUser
-  // banUserByIpData,
-  // unbanUserByIp
 } from "@/api/modules/newuserList";
 import { message } from "@/utils/message";
 import { addDialog } from "@/components/ReDialog";
@@ -58,7 +57,10 @@ export function useData() {
     },
     {
       label: "性别",
-      prop: "sex"
+      prop: "sex",
+      cellRenderer: ({ row }) => (
+        <div>{row.sex === 1 ? '男' : '女'}</div>
+      )
     },
     {
       label: "歌手试音地址",
@@ -111,6 +113,18 @@ export function useData() {
     pagination.value.currentPage = val;
     onSearch(searchForm.value);
   };
+  const viewSongList = (rowData) => {
+    addDialog({
+      title: `查看歌曲列表`,
+      props: {
+        rowData: rowData
+      },
+      width: "60%",
+      hideFooter: true,
+      closeOnClickModal: false,
+      contentRenderer: () => h(detailView)
+    });
+  }
   const openDialog = (title = "新增", rowData: any) => {
     addDialog({
       title: `${title}歌手认证信息`,
@@ -157,6 +171,7 @@ export function useData() {
     handleCurrentChange,
     loading,
     openDialog,
+    viewSongList,
     detailData
   };
 }