项目大屏调整

app/public/css/main.css

@@ -2820,10 +2820,6 @@ animation:shake 1s .2s ease both;}
     .gy-header .gy-brand,.gy-header .gy-brand>div{min-width:0;max-width:100%}
     .gy-header .gy-brand strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 }
-.gy-finished-page{display:grid;grid-template-rows:minmax(230px,1fr) minmax(550px,2.4fr);gap:12px;flex:1;min-height:804px}
-.gy-finished-layout{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:12px;min-height:0}
-.gy-finished-detail{display:grid;grid-template-rows:minmax(230px,1fr) minmax(270px,1.2fr);gap:12px;min-width:0;min-height:0}
-@media(max-width:1000px){.gy-finished-page{flex:none;grid-template-rows:260px auto}.gy-finished-layout{grid-template-columns:1fr}.gy-finished-detail{grid-template-rows:auto 300px}}
 .gy-header-actions{display:flex;align-items:center;gap:12px}
 .gy-header-actions .project-screen-switcher>button{color:#c9d4df;border-color:#58616a;padding:9px 14px;font-size:13px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .gy-header-actions .dropdown-menu{background:#343a40;border-color:#58616a;max-height:60vh;overflow:auto;min-width:180px;max-width:320px}
@@ -2836,8 +2832,6 @@ animation:shake 1s .2s ease both;}
 .gy-change-table td{text-align:right!important}
 .gy-change-table td:first-child{text-align:left!important;white-space:normal}
 .gy-change-negative{color:#ffc16b}
-#gy-building-page .gy-planned-detail{grid-template-rows:minmax(210px,1fr) minmax(270px,1.2fr) minmax(260px,1fr)}
-@media(max-width:1000px){#gy-building-page .gy-planned-detail{grid-template-rows:auto 300px 300px}}
 .gy-stage-dialog .modal-body{scrollbar-width:thin;scrollbar-color:#626e7a #343a40}
 .gy-stage-dialog .modal-body::-webkit-scrollbar{width:8px;height:8px}
 .gy-stage-dialog .modal-body::-webkit-scrollbar-track,.gy-stage-dialog .modal-body::-webkit-scrollbar-corner{background:#343a40}
@@ -2873,7 +2867,8 @@ animation:shake 1s .2s ease both;}
 .gy-stage-dialog .gy-stage-state.gy-status-2{background:rgba(170,182,195,.12)}
 .gy-stage-dialog .gy-stage-group .gy-table tbody tr:last-child td{border-bottom:0}
 .gy-planned-page{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:12px;flex:1;min-height:804px}
-.gy-planned-detail{display:grid;grid-template-rows:minmax(210px,1fr) minmax(270px,1.2fr) minmax(max-content,1fr);gap:12px;min-width:0;min-height:0}
+.gy-planned-detail{display:grid;grid-template-rows:minmax(210px,1fr) minmax(270px,1.2fr) minmax(280px,1fr);gap:12px;min-width:0;min-height:0}
+.gy-planned-detail>.gy-card>.gy-title{height:30px;flex-shrink:0}
 .gy-detail-top{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:12px;min-height:0}
 .gy-detail-text{font-size:14px;line-height:2;background:#303b47;padding:16px;overflow:auto;overflow-wrap:anywhere}
 .gy-detail-text strong{display:block;color:#84c4ff;margin-bottom:12px}
@@ -2892,7 +2887,7 @@ animation:shake 1s .2s ease both;}
 .gy-detail-button{background:transparent;border:1px solid #56718b;border-radius:4px;color:#8ac8ff;padding:5px 10px;font-size:12px!important}
 .gy-stage-table{table-layout:fixed}.gy-stage-table td,.gy-stage-table th{text-align:center!important}.gy-stage-table button{border:0;background:none;color:inherit;padding:4px 12px;text-decoration:underline;text-underline-offset:4px}.gy-status-0{color:#67d6a2}.gy-status-1{color:#ffc16b}.gy-status-2{color:#aab6c3}
 .gy-stage-dialog .modal-dialog{width:90vw;max-width:900px}.gy-stage-dialog .modal-content{background:#343a40;color:#edf3fa;border:1px solid #627589;border-radius:6px}.gy-stage-dialog .modal-header{border-bottom-color:#48515a}.gy-stage-dialog .modal-body{max-height:70vh;overflow:auto}.gy-stage-dialog .close{color:#edf3fa;text-shadow:none}.gy-stage-dialog p{color:#aab6c3}.gy-stage-dialog table{min-width:600px}.gy-empty{padding:24px;text-align:center;color:#aab6c3}
-@media(max-width:1000px){.gy-planned-page{grid-template-columns:1fr;flex:none}.gy-project-list{height:350px}.gy-planned-detail{grid-template-rows:auto 300px auto}.gy-detail-top{min-height:250px}}
+@media(max-width:1000px){.gy-planned-page{grid-template-columns:1fr;flex:none}.gy-project-list{height:350px}.gy-planned-detail{grid-template-rows:auto 300px 300px}.gy-detail-top{grid-auto-rows:270px;min-height:250px}}
 @media(max-width:650px){.gy-detail-top{grid-template-columns:1fr}.gy-detail-text{max-height:240px}}
 .gy-grid{flex:1 0 auto}
 .gy-screen button:focus:not(:focus-visible){outline:none;box-shadow:none}

app/view/project_screen/guangyuan_finished.ejs

@@ -1,14 +1,12 @@
 <script id="gy-finished-data" type="application/json"><%- JSON.stringify(finishedProjects).replace(/</g, '\\u003c') %></script>
-<div id="gy-finished-page" class="gy-finished-page" hidden>
-    <section class="gy-card"><div class="gy-title"><h2>项目完工投资</h2><span>单位：万元</span></div><div id="gy-finished-investment-chart" class="gy-chart"></div></section>
-    <div class="gy-finished-layout">
-        <section class="gy-card gy-project-list"><div class="gy-title"><h2>项目列表</h2></div><div class="gy-list-heading">项目名称</div><div id="gy-finished-tree" class="gy-scroll"></div></section>
-        <div class="gy-finished-detail">
-            <div class="gy-detail-top">
-                <section class="gy-card"><div class="gy-title"><h2>项目进度</h2></div><div id="gy-finished-progress" class="gy-detail-text"></div></section>
-                <section class="gy-card"><div class="gy-title"><h2>项目概况</h2></div><div id="gy-finished-intro" class="gy-detail-text gy-scroll"></div></section>
-            </div>
-            <section class="gy-card"><div class="gy-title"><h2>全过程造价趋势</h2><span>单位：万元</span></div><div id="gy-finished-cost-chart" class="gy-chart"></div></section>
+<div id="gy-finished-page" class="gy-planned-page" hidden>
+    <section class="gy-card gy-project-list"><div class="gy-title"><h2>项目列表</h2></div><div class="gy-list-heading">项目名称</div><div id="gy-finished-tree" class="gy-scroll"></div></section>
+    <div class="gy-planned-detail">
+        <div class="gy-detail-top">
+            <section class="gy-card"><div class="gy-title"><h2>项目进度</h2></div><div id="gy-finished-progress" class="gy-detail-text"></div></section>
+            <section class="gy-card"><div class="gy-title"><h2>项目概况</h2></div><div id="gy-finished-intro" class="gy-detail-text gy-scroll"></div></section>
         </div>
+        <section class="gy-card"><div class="gy-title"><h2>全过程造价趋势</h2><span>单位：万元</span></div><div id="gy-finished-cost-chart" class="gy-chart"></div></section>
+        <section class="gy-card"><div class="gy-title"><h2>项目完工投资</h2><span>单位：万元</span></div><div id="gy-finished-investment-chart" class="gy-chart"></div></section>
     </div>
 </div>