From b8e651e3ab4ec2c425fa0169415dbe81451fea41 Mon Sep 17 00:00:00 2001
From: dark <dark.lijin@gmail.com>
Date: Mon, 27 May 2024 00:01:47 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0id=E7=AC=AC3=E6=96=B9?=
 =?UTF-8?q?=E7=BD=91=E9=A1=B5=E8=B7=B3=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/videos/list/index.tsx | 168 ++++++++++++++++++++++++----------------
 1 file changed, 103 insertions(+), 65 deletions(-)

diff --git a/src/pages/videos/list/index.tsx b/src/pages/videos/list/index.tsx
index 12e6e9d..2f94be5 100644
--- a/src/pages/videos/list/index.tsx
+++ b/src/pages/videos/list/index.tsx
@@ -21,7 +21,7 @@ import { categoryByIdAtom, categoryIdAtom } from '@/store/videos/category.ts'
 import TagPro from '@/components/tag-pro/TagPro.tsx'
 import TagValue from '@/components/tag-value/TagValue.tsx'
 import { useStyle } from './style'
-import { FilterOutlined } from '@ant-design/icons'
+import { ExportOutlined, FilterOutlined } from '@ant-design/icons'
 import { getValueCount } from '@/utils'
 
 const i18nPrefix = 'videos.list'
@@ -214,93 +214,131 @@ const Video = () => {
       {
         'title': t(`${i18nPrefix}.columns.douban_id`, 'DouBanId'),
         'dataIndex': 'douban_id',
-        hideInTable: true,
+        width: 120,
+        fieldProps: {
+          style: { width: '100%' }
+        },
+        // hideInTable: true,
         colProps: {
           span: 6
-        }, render: (_dom, record) => {
-          return <TagValue
-                  tags={[ record.douban_id ]}
-                  wrap={currentVideo?.id === record.id}
-                  value={search?.douban_id}
-                  onChange={(values) => {
-                    setSearch((prev: any) => {
-                      return {
-                        ...prev,
-                        douban_id: values[0],
-                      }
-                    })
-                    setFilterOpen(true)
-                  }}
-          />
+        },
+        render: (_dom, record) => {
+          if(!record.douban_id) return null
+          return <Space.Compact>
+            <a href={`https://movie.douban.com/subject/${record.douban_id}`}
+                                  target={'_blank'}><ExportOutlined/></a>
+            <TagValue
+                    tags={[ record.douban_id ]}
+                    wrap={currentVideo?.id === record.id}
+                    value={search?.douban_id}
+                    onChange={(values) => {
+                      setSearch((prev: any) => {
+                        return {
+                          ...prev,
+                          douban_id: values[0],
+                        }
+                      })
+                      setFilterOpen(true)
+                    }}
+            />
+          </Space.Compact>
         },
       },
       {
         'title': t(`${i18nPrefix}.columns.imdb_id`, 'ImdbId'),
         'dataIndex': 'imdb_id',
-        hideInTable: true,
+        width: 120,
+        fieldProps: {
+          style: { width: '100%' }
+        },
+        // hideInTable: true,
         colProps: {
           span: 6
-        }, render: (_dom, record) => {
-          return <TagValue
-                  tags={[ record.imdb_id ]}
-                  wrap={currentVideo?.id === record.id}
-                  value={search?.imdb_id}
-                  onChange={(values) => {
-                    setSearch((prev: any) => {
-                      return {
-                        ...prev,
-                        imdb_id: values[0],
-                      }
-                    })
-                    setFilterOpen(true)
-                  }}
-          />
+        },
+        render: (_dom, record) => {
+          if(!record.imdb_id) return null
+          return <Space.Compact>
+            <a href={`https://www.imdb.com/title/${record.imdb_id}`} target={'_blank'}>
+              <ExportOutlined/>
+            </a>
+            <TagValue
+                    tags={[ record.imdb_id ]}
+                    wrap={currentVideo?.id === record.id}
+                    value={search?.imdb_id}
+                    onChange={(values) => {
+                      setSearch((prev: any) => {
+                        return {
+                          ...prev,
+                          imdb_id: values[0],
+                        }
+                      })
+                      setFilterOpen(true)
+                    }}
+            />
+          </Space.Compact>
         },
       },
       {
         'title': t(`${i18nPrefix}.columns.rt_id`, 'RtId'),
         'dataIndex': 'rt_id',
-        hideInTable: true,
+        width: 120,
+        fieldProps: {
+          style: { width: '100%' }
+        },
         colProps: {
           span: 6
-        }, render: (_dom, record) => {
-          return <TagValue
-                  tags={[ record.rt_id ]}
-                  wrap={currentVideo?.id === record.id}
-                  value={search?.rt_id}
-                  onChange={(values) => {
-                    setSearch((prev: any) => {
-                      return {
-                        ...prev,
-                        rt_id: values[0],
-                      }
-                    })
-                    setFilterOpen(true)
-                  }}
-          />
+        },
+        render: (_dom, record) => {
+          if(!record.rt_id) return null
+          return <Space.Compact>
+            <a href={`https://www.rottentomatoes.com/m/${record.rt_id}`} target={'_blank'}
+            ><ExportOutlined/></a>
+            <TagValue
+                    tags={[ record.rt_id ]}
+                    wrap={currentVideo?.id === record.id}
+                    value={search?.rt_id}
+                    onChange={(values) => {
+                      setSearch((prev: any) => {
+                        return {
+                          ...prev,
+                          rt_id: values[0],
+                        }
+                      })
+                      setFilterOpen(true)
+                    }}
+            />
+          </Space.Compact>
         },
       },
       {
         'title': t(`${i18nPrefix}.columns.mal_id`, 'MalId'),
         'dataIndex': 'mal_id',
-        hideInTable: true,
+        width: 120,
+        fieldProps: {
+          style: { width: '100%' }
+        },
         colProps: {
           span: 6
-        }, render: (_dom, record) => {
-          return <TagValue
-                  tags={[ record.mal_id ]}
-                  wrap={currentVideo?.id === record.id}
-                  value={search?.mal_id}
-                  onChange={(values) => {
-                    setSearch((prev: any) => {
-                      return {
-                        ...prev,
-                        mal_id: values[0],
-                      }
-                    })
-                    setFilterOpen(true)
-                  }}
-          />
+        },
+        render: (_dom, record) => {
+          if (!record.mal_id) return null
+          return <Space.Compact>
+            <a href={`https://myanimelist.net/anime/${record.mal_id}`} target={'_blank'}><ExportOutlined/></a>
+            <TagValue
+                    tags={[ record.mal_id ]}
+                    wrap={currentVideo?.id === record.id}
+                    value={search?.mal_id}
+                    onChange={(values) => {
+                      setSearch((prev: any) => {
+                        return {
+                          ...prev,
+                          mal_id: values[0],
+                        }
+                      })
+                      setFilterOpen(true)
+                    }}
+            />
+          </Space.Compact>
         },
       },
       {