diff --git a/src/forge/Server/quality/detail.scss b/src/forge/Server/quality/detail.scss
index 69991a2a9..84a424690 100644
--- a/src/forge/Server/quality/detail.scss
+++ b/src/forge/Server/quality/detail.scss
@@ -216,6 +216,21 @@
   }
 }
 .issue-total {
+  .nodata {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    img {
+      width: 400px;
+    }
+    p {
+      margin-top: 20px;
+      font-size: 16px;
+      color: #788498;
+    }
+  }
   .container {
     background: #FFFFFF;
     box-shadow: 0px 0px 6px 1px rgba(7,70,165,0.08);
@@ -364,6 +379,7 @@
           color: #111010;
         }
         .item-more {
+          margin-left: 5px;
           font-weight: 400;
           font-size: 12px;
           color: #525151;
diff --git a/src/forge/Server/quality/index.jsx b/src/forge/Server/quality/index.jsx
index 5549b0c03..26b57520a 100644
--- a/src/forge/Server/quality/index.jsx
+++ b/src/forge/Server/quality/index.jsx
@@ -10,6 +10,7 @@ import labelIcon from '../img/quality/label.png';
 import code_lines from '../img/quality/code_lines.png';
 import repeat from '../img/quality/repeat.png';
 import cover from '../img/quality/cover.png';
+import nodata from '../../Images/nodata.png'
 import { Link } from "react-router-dom";
 
 
@@ -273,7 +274,7 @@ function IssueList(props) {
                       {renderFilterItems(listFilter.tags, selectedTag, setSelectedTag, "标签")}
                     </div>
                     <div className="container right-content">
-                      {issues && Object.entries(issues).map(([key, item]) => (
+                      {issues && baseInfo.total > 0 && Object.entries(issues).map(([key, item]) => (
                         <div key={key}>
                           <div className="doc-title" title={key.split(':')[1]}>
                             {key.split(':')[1]}
@@ -306,7 +307,11 @@ function IssueList(props) {
                           ))}
                         </div>
                       ))}
-                      <Pagination showSizeChanger showQuickJumper current={pageNum} total={baseInfo.total} onChange={e => setPageNum(e)} onShowSizeChange={(current, size) => setPageSize(size)} />
+                      { baseInfo.total > 0 && <Pagination showSizeChanger showQuickJumper current={pageNum} total={baseInfo.total} onChange={e => setPageNum(e)} onShowSizeChange={(current, size) => setPageSize(size)} /> }
+                      {!baseInfo.total && <div className="nodata">
+                          <img src={nodata} alt="" />
+                          <p>暂无问题</p>
+                        </div>}
                     </div>
                   </div>
                 </div>