From a513442751fbc8f60a6f99741af5b7004de64ad5 Mon Sep 17 00:00:00 2001
From: caishi <1149225589@qq.com>
Date: Mon, 8 Apr 2024 10:12:38 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E9=9B=86-v1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/forge/Dataset/Index.jsx                 |  39 ++++++++++++++------
 src/forge/Dataset/component/new.jsx         |  10 ++---
 src/forge/Dataset/component/uploadModal.jsx |  19 +++++++++-
 src/forge/Dataset/image/paperImg.png        | Bin 0 -> 468 bytes
 src/forge/Dataset/index.scss                |  15 +++++++-
 src/forge/Main/Detail.js                    |   1 +
 src/forge/Main/list.scss                    |   2 +-
 7 files changed, 64 insertions(+), 22 deletions(-)
 create mode 100644 src/forge/Dataset/image/paperImg.png

diff --git a/src/forge/Dataset/Index.jsx b/src/forge/Dataset/Index.jsx
index 779f1633..de62c813 100644
--- a/src/forge/Dataset/Index.jsx
+++ b/src/forge/Dataset/Index.jsx
@@ -1,13 +1,15 @@
 import React, { useState , useEffect } from 'react';
-import { Button , Table } from 'antd';
+import { Button , Table , Tooltip } from 'antd';
 import { getImageUrl } from 'educoder';
+import paperImg from './image/paperImg.png';
 import NewModal from './component/new';
 import { Link } from 'react-router-dom';
 import "./index.scss";
 import axios from 'axios';
 
 function Index(props){
-  const { project , match } =props;
+  const { project , match , current_user , projectDetail , getProject } =props;
+  const permission = current_user && current_user.login ? (projectDetail && projectDetail.permission):"";
   const { owner ,projectsId } = match && match.params;
   const [ dataSource , setDataSource ] = useState([]);
   const [ empty , setEmpty ] = useState(project && (!project.has_dataset));
@@ -15,7 +17,8 @@ function Index(props){
   const [ page , setPage ] = useState(1);
   const [ visible , setVisible ] = useState(false);
   const [ detail , setDetail ] = useState({});
-  const pageSize = 20;
+  const pageSize = 10;
+
   useEffect(()=>{
     if(!empty){
       Init();
@@ -51,7 +54,10 @@ function Index(props){
       dataIndex:"description",
       key:2,
       ellipsis:true,
-      width:"30%"
+      width:"30%",
+      render:(value)=>{
+        return <Tooltip title={value}>{value}</Tooltip>
+      }
     },
     {
       title:"创建者",
@@ -59,7 +65,7 @@ function Index(props){
       key:3,
       width:"10%",
       render:(value,item)=>{
-        return <img src={getImageUrl(`/${value.image_url}`)} alt="" style={{borderRadius:"50%"}} width="32px" height="32px" />
+        return <Link to={`/${value.login}`}><img src={getImageUrl(`/${value.image_url}`)} alt="" style={{borderRadius:"50%"}} width="32px" height="32px" /></Link>
       }
     },
     {
@@ -88,6 +94,7 @@ function Index(props){
   function addFunc(){
     setEmpty(false);
     setVisible(false);
+    getProject && getProject();
     detail && detail.id && Init();
   }
   return(
@@ -98,14 +105,14 @@ function Index(props){
         <span className="font-16">数据集</span>
         :
         <React.Fragment>
-          <div>
-            <p className="font-16 weight500">{detail.title}</p>
-            <p>{detail.description}</p>
+          <div style={{width:0,flex:1}} className="mr20">
+            <div className="df mb15" style={{alignItems:"center"}}><p className="font-16 weight500 task-hide">{detail.title}</p>{ detail.license_name ? <span className="license ml20">许可证 : {detail.license_name}</span> :""}</div>
+            <p style={{wordBreak:"break-all"}}>{detail.description}</p>
           </div>
-          <div className="df">
+          {(permission && permission!== "") ? <div className="df">
             <Button type="primary" ghost onClick={()=>{setVisible(true)}}><i className="iconfont icon-a-bianji12 color-blue mr5 font-12"></i>编辑</Button>
             <Link className="ml20 operateButton" to={`/${owner}/${projectsId}/dataset/upload`}><i className="iconfont icon-a-shangchuan2x color-white mr5 font-13"></i>上传文件</Link>
-          </div>
+          </div>:""}
         </React.Fragment>
         }
       </div>
@@ -114,8 +121,8 @@ function Index(props){
         <div className={"emtpyData"}>
           <img src={require('./image/empty.png')} alt="" width="68px"/>
           <span className="font-22 weight400 color-grey-3">暂无数据集</span>
-          <p className="mt25 font-15 color-grey-6 weight400">我们非常欢迎您创建并分享您的数据集，以便与其他用户共同促进开源社区的发展</p>
-          <Button type="primary" className="mt15" onClick={()=>{setVisible(true)}}>创建数据集</Button>
+          { (permission && permission!== "") ? <p className="mt25 font-15 color-grey-6 weight400">我们非常欢迎您创建并分享您的数据集，以便与其他用户共同促进开源社区的发展</p> :"" }
+          { (permission && permission!== "") ? <Button type="primary" className="mt15" onClick={()=>{setVisible(true)}}>创建数据集</Button> :""}
         </div>
         :
         <Table
@@ -125,6 +132,14 @@ function Index(props){
           pagination={{total,pageSize,current:page,hideOnSinglePage:true,onChange:(p)=>setPage(p)}}
         />
       }
+      {
+        detail.paper_content ?
+        <div className="mt25">
+          <p className="mb15 df" style={{alignItems:'center'}}><img src={paperImg} width={24} className="mr10" alt="" /><span className="font-16">研究论文</span></p>
+          <div className={`mnistData`}>{ detail.paper_content }</div>
+        </div>
+        :""
+      }
     </div>
   )
 }
diff --git a/src/forge/Dataset/component/new.jsx b/src/forge/Dataset/component/new.jsx
index a12c6a74..272b2384 100644
--- a/src/forge/Dataset/component/new.jsx
+++ b/src/forge/Dataset/component/new.jsx
@@ -94,7 +94,7 @@ function New(props){
       onCancel={onCancel}
     >
       <Form>
-        <Form.Item label="名称">
+        <Form.Item label="数据集名称">
           {getFieldDecorator('title', {
             rules: [
               {
@@ -103,7 +103,7 @@ function New(props){
               }
             ],
           })(
-            <Input placeholder="请输入数据集名称" />,
+            <Input placeholder="请输入数据集名称" maxLength={100} />,
           )}
         </Form.Item>
         <Form.Item label="开源许可证">
@@ -128,7 +128,7 @@ function New(props){
             </AutoComplete>
           )}
         </Form.Item>
-        <Form.Item label="描述">
+        <Form.Item label="数据集描述">
           {getFieldDecorator('description', {
             rules: [
               {
@@ -136,12 +136,12 @@ function New(props){
                 message:"请输入描述内容"
               }
             ]})(
-            <TextArea placeholder="请输入描述内容" autosize={{ minRows: 5, maxRows: 5 }} showCount/>,
+            <TextArea maxLength={500} placeholder="请输入描述内容" autosize={{ minRows: 5, maxRows: 5 }} showCount/>,
           )}
         </Form.Item>
         <Form.Item label="研究论文">
           {getFieldDecorator('paper_content', {rules:[]})(
-            <TextArea placeholder="请输入研究论文" autosize={{ minRows: 5, maxRows: 5 }} showCount/>,
+            <TextArea maxLength={500} placeholder="请输入研究论文" autosize={{ minRows: 5, maxRows: 5 }} showCount/>,
           )}
         </Form.Item>
         <div className="center">
diff --git a/src/forge/Dataset/component/uploadModal.jsx b/src/forge/Dataset/component/uploadModal.jsx
index 7d8ffa3d..b76ab339 100644
--- a/src/forge/Dataset/component/uploadModal.jsx
+++ b/src/forge/Dataset/component/uploadModal.jsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { Upload ,Form ,Input , Button } from 'antd';
+import { Upload ,Form ,Input , Button , message } from 'antd';
 import '../index.scss';
 import { Link } from 'react-router-dom';
 import axios from 'axios';
@@ -53,13 +53,28 @@ function UploadModal(props){
       }
     })
   }
+  function isFolder(fileName) {
+    // 获取文件名中最后一个点的位置
+    const lastDotIndex = fileName.lastIndexOf('.');
+    // 获取文件名中最后一个斜杠（如果有的话）之后的部分
+    const nameAfterLastSlash = fileName.substring(fileName.lastIndexOf('/') + 1);
+    // 如果最后一个点之后有内容，且该部分不是文件夹名称的一部分，则可能是文件
+    return lastDotIndex !== -1 && nameAfterLastSlash.includes('.');
+  }
 
   const upload= {
     name: 'file',
     multiple: false,
     maxCount:1,
+    type:"file",
     beforeUpload: file => {
-      setFileList([file]);
+      const isDirectory = file.type;
+      const name = file.name;
+      if (!isDirectory && !isFolder(name)) {
+        message.error('不能上传文件夹!');
+      }else{
+        setFileList([file]);
+      }
       return false;
     },
     onRemove: file => {
diff --git a/src/forge/Dataset/image/paperImg.png b/src/forge/Dataset/image/paperImg.png
new file mode 100644
index 0000000000000000000000000000000000000000..7be684fd494dd8d35480d02b8223f23437744b9a
GIT binary patch
literal 468
zcmV;_0W1EAP)<h;3K|Lk000e1NJLTq000;O000sQ1^@s6LF^u$00001b5ch_0Itp)
z=>Px$j!8s8R5(xVmAy+_VHC!HPrQMk4jCLA94t7vNV66*=q3uH*r9?;z(2sP9lDhM
z10A~StU&~cI0z}2fI|j{c1!UN4i1ijVy^coH)%@z3_+*jyS?xEc+SUj&MScJ{lm9$
zq!mOS7zRd@cjGHrbwtf*=U4xADS4l`OfSW;7ld-iW1s*Wflh6QC{+o>#^UVcZ*7&T
zUxhy>hTV?gSSEuQzoQ%4L{c-bpe1v1|D<B6;%<(gl1DeZ`!JtBN^~|i%Yzz79}04R
zZNg^*G_D(OmKUePb`ZtAN*OctzXF&aw!d`NJQhJ8Y$0VI>P4?5s$sr&IuZmi{w8Vg
zB>;LRR6B$9^>U_An7(@PCP!{e1WJFjJ%duKlGh$*k+~p6tuqbB1ZqwAgU9x{q@lL3
zIsGW}7)>|c&*ckuJrzrpllJ=Pv4*z?tr-pac`E~+&Y%n6^C$TgpvRuxQ%`zO-Gw-3
zE0m}M3C+$rXg3PZf<}y+ACXWfyKX7b{kKVthh=ADG@{l=bnplM-1D$~;Z7g`0000<
KMNUMnLSTYS49W8V

literal 0
HcmV?d00001

diff --git a/src/forge/Dataset/index.scss b/src/forge/Dataset/index.scss
index 24442e2d..ee9ce2ad 100644
--- a/src/forge/Dataset/index.scss
+++ b/src/forge/Dataset/index.scss
@@ -4,7 +4,7 @@
   padding:25px 0px;
   .mnistData{
     background: #FAFCFF;
-    border-radius: 3px 3px 0px 0px;
+    border-radius: 3px;
     border: 1px solid rgba(42,97,255,0.23);
     padding:20px;
     display: flex;
@@ -16,9 +16,20 @@
       color: #202D40;
       line-height: 22px;
       &:first-child{
-        margin-bottom: 15px!important;
+        max-width: 600px;
       }
     }
+    .license{
+      height: 40px;
+      line-height: 40px;
+      background: #ECEFFE;
+      border-radius: 6px 6px 6px 6px;
+      padding:0px 12px;
+      font-weight: bold;
+      font-size: 15px;
+      color: #202D40;
+      display: inline-block;
+    }
   }
   .datasetTable{
     .ant-table-thead > tr > th{
diff --git a/src/forge/Main/Detail.js b/src/forge/Main/Detail.js
index 677f753e..ac9e7496 100644
--- a/src/forge/Main/Detail.js
+++ b/src/forge/Main/Detail.js
@@ -564,6 +564,7 @@ class Detail extends Component {
     const common = {
       getDetail: this.getDetail,
       getBanner: this.getBanner,
+      getProject:this.getProject,
       changeOpenDevops: this.changeOpenDevops,
       defaultBranch
     }
diff --git a/src/forge/Main/list.scss b/src/forge/Main/list.scss
index 3232fc41..ae45f0c7 100644
--- a/src/forge/Main/list.scss
+++ b/src/forge/Main/list.scss
@@ -228,7 +228,7 @@
   li{
     text-align: center;
     padding:0px;
-    margin-right: 35px;
+    margin-right: 30px;
     display: flex;
     & > a{
       position: relative;