diff --git a/src/forge/Main/Detail.js b/src/forge/Main/Detail.js
index 71995f284..86329dbd5 100644
--- a/src/forge/Main/Detail.js
+++ b/src/forge/Main/Detail.js
@@ -784,12 +784,12 @@ class Detail extends Component {
             {/* 服务 */}
             <Route path="/:owner/:projectsId/quality/detail"
               render={
-                () => (<QualityDetail {...this.props} />)
+                () => (<QualityDetail {...this.props} {...this.state} {...common}/>)
               }
             ></Route>
             <Route path="/:owner/:projectsId/quality"
               render={
-                () => (<Quality {...this.props} />)
+                () => (<Quality {...this.props} {...this.state} {...common}/>)
               }
             ></Route>
             {/* 资源 */}
diff --git a/src/forge/Server/quality/detail.scss b/src/forge/Server/quality/detail.scss
index 92fd35e03..389ea8db0 100644
--- a/src/forge/Server/quality/detail.scss
+++ b/src/forge/Server/quality/detail.scss
@@ -1,4 +1,8 @@
-.panels {
+.panels{
+  width: 1200px;
+  margin:20px auto;
+}
+.panels-quality {
   background:#f3f5f9;
   background-image: url("../img/quality/page-bg.png");
   background-repeat: no-repeat;
diff --git a/src/forge/Server/quality/index.jsx b/src/forge/Server/quality/index.jsx
index d2a5a98f2..dd8ea9f8e 100644
--- a/src/forge/Server/quality/index.jsx
+++ b/src/forge/Server/quality/index.jsx
@@ -59,7 +59,7 @@ function IssueList(props) {
   const [tagShowMoreDelay, setTagShowMoreDelay] = useState(false);
   const [codeSelected, setCodeSelected] = useState(false);
   const [url, setUrl] = useState(null);
-  const { projectDetail, history, changeClass } = props;
+  const { projectDetail, history } = props;
   const metricKeys = 'lines,coverage,lines_to_cover,duplicated_lines_density,maintainability_issues,vulnerabilities,bugs,code_smells';
   const facets = 'impactSeverities,tags,types';
   const { owner , projectsId } = props.match.params;
@@ -67,6 +67,10 @@ function IssueList(props) {
   const timeRef = useRef();
 
   useEffect(() => {
+    console.log(props);
+    
+    console.log(projectDetail);
+    
     if (projectDetail) {
       const { author, name } = projectDetail;
       document.title = `代码质量分析-${author.name}/${name}`;
@@ -127,9 +131,6 @@ function IssueList(props) {
         if (res.runs.length === 0) {
           setAnalysisStatus(actionStatus.none)
         } else {
-          if (res.runs[0].status === actionStatus.success) {
-            changeClass(true)
-          }
           if ([actionStatus.waiting, actionStatus.running].includes(res.runs[0].status)) {
             if (timeRef.current) clearTimer();  
             timeRef.current = setTimeout(() => {
@@ -385,7 +386,7 @@ function IssueList(props) {
 
   return (
     <Spin spinning={pageLoading}>
-      <div className="panels">
+      <div className={`panels ${ analysisStatus === actionStatus.success && 'panels-quality' }`}>
 
         <div className="page-quality">
           {