issue

public/react/src/forge/Order/order.css

@@ -63,8 +63,13 @@
   text-align: center;
   cursor: pointer;
   color: #666;
-  width:105px;
+  width:90px;
   text-align: center;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  -o-text-overflow: ellipsis;
+  text-overflow: ellipsis;
 }
 .topWrapper_select li:active{
   background: #f4f4f4;
@@ -75,6 +80,26 @@
   padding:6px 30px;
   cursor: pointer;
 }
+.issueItem{
+  display: flex;
+  flex-wrap: wrap;
+  align-content: center;
+  border-bottom:1px dashed #f4f4f4;
+  padding:16px 0px;
+}
+.issueItem:first-child{
+  border-top:1px dashed #f4f4f4;
+}
+.issueNo{
+  padding:0px 5px;
+  border-radius: 4px;
+  background: #f4f4f4;
+  display: block;
+  margin-right: 8px;
+  color:#666;
+  height: 30px;
+  line-height: 30px;
+}
 
 
 @media screen and (max-width: 700px){

public/react/src/forge/Order/order.js

@@ -15,9 +15,23 @@ const percentList=['完成度','0%','10%','20%','30%','40%','50%','60%','70%','8
 class order extends Component{
 
   componentDidMount=()=>{
+    this.getSelectList();
     this.getIssueList();
   }
 
+  getSelectList=()=>{
+    const { projectsId } = this.props.match.params;
+
+    const url = `/projects/${projectsId}/issues/index_chosen.json`;
+    axios.get(url).then((result)=>{
+      if(result){
+
+      }
+    }).catch((error)=>{
+      console.log(error);
+    })
+  }
+
   getIssueList=()=>{
     const { projectsId } = this.props.match.params;
 
@@ -115,8 +129,26 @@ class order extends Component{
           </ul>
         </div>
         <div>
-          <div>
-
+          <div className="issueItem">
+            <div className="flex-1">
+              <p className="mb15 df">
+                <span className="issueNo">#10</span>
+                <span className="flex-1 hide-1 font-16 color-grey-3 lineh-30">forge重构：issue列表issue列表issue列表issue列表</span>
+              </p>
+              <p className="color-grey-6">
+                <span>1小时前创建</span>
+                <span className="ml20"><i className="iconfont icon-pinglun1 mr3 font-16"></i>3</span>
+              </p>
+            </div>
+            <ul className="topWrapper_select">
+              <li>release</li>
+              <li>普通</li>
+              <li>缺陷</li>
+              <li>猜猜</li>
+              <li>猜猜猜</li>
+              <li>高</li>
+              <li>0%</li>
+            </ul>
           </div>
         </div>
     </div>