新-创建、编辑发行版

src/forge/Main/Detail.js

@@ -13,7 +13,6 @@ import axios from 'axios';
 import img_1 from '../Images/1.png';
 import img_2 from '../Images/2.png';
 import img_3 from '../Images/3.png';
-import img_4 from '../Images/4.png';
 import img_6 from '../Images/6.png';
 import img_7 from '../Images/7.png';
 import img_parise from '../Images/parise.png';
@@ -91,28 +90,6 @@ const MessageCount = Loadable({
   loading: Loading,
 })
 
-const MergeSubmit = Loadable({
-  loader: () => import('../Merge/MergeSubmit'),
-  loading: Loading,
-})
-
-const UpdateMerge = Loadable({
-  loader: () => import('../Merge/UpdateMerge'),
-  loading: Loading,
-})
-//版本发布
-const VersionIndex = Loadable({
-  loader: () => import('../Version/version'),
-  loading: Loading,
-})
-const NewVersionIndex = Loadable({
-  loader: () => import('../Version/NewVersion'),
-  loading: Loading,
-})
-const UpVersionIndex = Loadable({
-  loader: () => import('../Version/UpdateVersion'),
-  loading: Loading,
-})
 const MilepostDetail = Loadable({
   loader: () => import('../Order/MilepostDetail'),
   loading: Loading,

src/forge/Main/DetailTop.js

@@ -24,14 +24,14 @@ class DetailTop extends Component {
           <i className="iconfont icon-fahangban font-18 mr3"></i>
           <span>{projectDetail && projectDetail.version_releasesed_count}</span>个发行版
         </Link>
-        <Link to={`/projects/${projectsId}/coders/contributor`} className={pathname.indexOf("/coders/contributor") > 0 ? "active" : ""}>
+        {/* <Link to={`/projects/${projectsId}/coders/contributor`} className={pathname.indexOf("/coders/contributor") > 0 ? "active" : ""}>
           <i className="iconfont icon-gongxianzhe font-18 mr3"></i>
           <span>{projectDetail && projectDetail.contributor_users_count}</span>位贡献者
-        </Link>
-        <Link to={`/projects/${projectsId}/coders/warehouse`} className={pathname.indexOf("/coders/warehouse") > 0 ? "active" : ""}>
+        </Link> */}
+        <a href="javscript:void(0)" style={{cursor:"default"}}>
           <i className="iconfont icon-cangku font-18 mr3"></i>
           仓库 <span>{projectDetail && projectDetail.size}</span>kb
-        </Link>
+        </a>
       </p>
     )
   }

src/forge/Version/New.jsx

@@ -0,0 +1,52 @@
+import React , { useState, useEffect } from 'react';
+import { AutoComplete } from 'antd';
+import styled from 'styled-components';
+
+import './version.css';
+
+export default ()=>{
+  
+  const SelectDiv = styled.div`
+    display:flex;
+    align-item:center;
+    margin-bottom:5px;
+    & span{
+      margin:0px 15px;
+      color:#BBB;
+      line-height:32px;
+    }
+  `;
+
+  useEffect(()=>{
+
+  })
+  return(
+    <div className="main df">
+      <div className="versionForm">
+        <p className="font-16 color-grey-3 mb15">创建发行版</p>
+        <div>
+          <SelectDiv>
+            <AutoComplete placeholder="标记一个标签"></AutoComplete>
+            <span>@</span>
+          </SelectDiv>
+          <p className="font-13 color-grey-8">选择一个已经存在的标签，或者在发布时新建一个标签</p>    
+        </div>
+      </div>
+      <div className="versionTips">
+        <div className="infosTip">
+          <p className="font-16 mb15">标签命名建议</p>
+          <p className="mb15">通常的做法是在版本名称前加上字母 v 前缀， v1.0 或者 v2.3.4。</p>
+          <p>如果标签不适合在生产环境下使用，请在版本名称后添加预发行版本。例如：v0.2-alpha 或者 v5.9-beta.3。</p>
+        </div>
+        <div className="infosTip">
+          <p className="font-16 mb15">语义化版本</p>
+          <p className="mb15">如果你是第一次发布版本，我们强烈建议你阅读语义化版本。</p>
+        </div>
+        <div className="infosTip">
+          <p className="font-16 mb15">附件大小说明</p>
+          <p className="mb15">单个附件不能超过 100M（GVP 项目200M），每个仓库总附件不可超过 1G（推荐项目不可超过 5G；GVP 项目不可超过 20G）。附件总容量统计包括仓库附件和发行版附件。</p>
+        </div>
+      </div>
+    </div>
+  )
+}

src/forge/Version/version.css

@@ -168,4 +168,21 @@
   }
 .ver-middle{
     vertical-align: middle;
+}
+
+.versionForm{
+  flex:1;
+  padding-right: 30px;
+  box-sizing: border-box;
+}
+.versionTips{
+  width:30%;
+  padding-right: 15px;
+  box-sizing: border-box;
+}
+.infosTip{
+  padding:20px;
+  background-color: #F1F8FF;
+  margin-bottom: 22px;
+  color: #333;
 }