feat: 点赞初稿

react-ui/src/pages/Dataset/components/ResourceInfo/index.tsx

@@ -13,6 +13,7 @@ import {
 } from '@/pages/Dataset/config';
 import GraphLegend from '@/pages/Model/components/GraphLegend';
 import ModelEvolution from '@/pages/Model/components/ModelEvolution';
+import { praiseResourceReq, unpraiseResourceReq } from '@/services/dataset';
 import { VersionChangedMessage } from '@/utils/constant';
 import { openAntdModal } from '@/utils/modal';
 import { to } from '@/utils/promise';
@@ -189,6 +190,20 @@ const ResourceInfo = ({ resourceType }: ResourceInfoProps) => {
     });
   };
 
+  // 处理点赞
+  const handlePraise = async () => {
+    const request = info.praised === true ? unpraiseResourceReq : praiseResourceReq;
+    const [res] = await to(request(info.id));
+    if (res) {
+      message.success('操作成功');
+      setInfo({
+        ...info,
+        praised: !info.praised,
+        praises_count: info.praised ? info.praises_count - 1 : info.praises_count + 1,
+      });
+    }
+  };
+
   const items = [
     {
       key: ResourceInfoTabKeys.Introduction,
@@ -248,6 +263,9 @@ const ResourceInfo = ({ resourceType }: ResourceInfoProps) => {
               {(info[tagPropertyName] as string) || '--'}
             </div>
           )}
+          <Button type="primary" onClick={handlePraise}>
+            {info.praised ? '取消点赞' : '点赞'} {info.praises_count}
+          </Button>
         </Flex>
         <Flex align="center">
           <span style={{ marginRight: '10px' }}>版本号：</span>

react-ui/src/pages/Dataset/components/ResourceItem/index.tsx

@@ -41,6 +41,7 @@ function ResourceItem({ item, isPublic, onClick, onRemove }: ResourceItemProps)
         )}
       </Flex>
       <div className={styles['resource-item__description']}>{item.description}</div>
+      <div style={{ marginBottom: 20 }}>点赞数量：{item.praises_count}</div>
       <Flex justify="space-between" gap={'0 8px'}>
         <div className={styles['resource-item__time']}>
           <img

react-ui/src/pages/Dataset/config.tsx

@@ -162,6 +162,8 @@ export interface ResourceData {
   usage?: string;
   relative_paths?: string;
   train_task?: TrainTask; // 训练任务
+  praises_count: number; // 点赞数
+  praised: boolean; // 是否点赞
 }
 
 // 数据集数据

react-ui/src/services/dataset/index.js

@@ -187,3 +187,18 @@ export function deleteUploadFileReq(params) {
     params,
   });
 }
+
+
+// 点赞
+export function praiseResourceReq(id) {
+  return request(`/api/mmp/newmodel/praise/${id}`, {
+    method: 'POST',
+  });
+}
+
+// 取消点赞
+export function unpraiseResourceReq(id) {
+  return request(`/api/mmp/newmodel/unpraise/${id}`, {
+    method: 'DELETE',
+  });
+}