fix

public/index.html

@@ -28,6 +28,17 @@
     .el-loading-mask {
       z-index: 99999 !important;
     }
+
+    .full-screen .el-dialog {
+      width: 100% !important;
+      margin: 0 !important;
+      height: 100% !important;
+    }
+
+    #full-screen .el-dialog .el-dialog__body {
+      height: calc(100% - .54rem) !important;
+      overflow: auto;
+    }
   </style>
 </head>
 

src/api/dataStatis.js

@@ -175,7 +175,7 @@ export async function getZLJCList(id) {
 
 export async function getAreaDetail(projectId) {
     return await request({
-        url: `/site/index/whole/${projectId}`,
+        url: `/site/index/whole/${86}`,
         method: 'get',
     })
 }

src/components/common/Dialog.vue

@@ -2,6 +2,7 @@
   <el-dialog
     :visible.sync="dialogVisible"
     :class="[isFullScreen ? 'full-screen' : '']"
+    :id="[isFullScreen ? 'full-screen' : '']"
     :append-to-body="true"
     :width="width"
     top=".98rem"
@@ -40,10 +41,14 @@ export default {
       type: [String, Number],
       default: 1200,
     },
+    isFullScreen: {
+      type: Boolean,
+      default: false,
+    },
   },
   data() {
     return {
-      isFullScreen: false,
+      // isFullScreen: false,
     };
   },
   computed: {

src/views/DataStatis/Dialogs/AreaProjectDetail.vue

@@ -2,53 +2,62 @@
   <Dialog
     :title="data.project_name"
     :visible="dialogVisible"
-    width="16rem"
+    width="1200px"
     @change-visible="changeVisible"
     :destroy-on-close="true"
+    is-full-screen
   >
     <div class="top-scores">
       <div class="top-score">
         <img src="@/assets/images/dialogs/zt.png" alt="" />
-        工程整体得分
-        <span
+        <div>工程整体得分</div>
+        <div
+          class="count"
           :style="{
             color: project_info.total_score < warningNum[6] ? '#f86262' : '',
           }"
-          >{{ project_info.total_score }}</span
         >
+          {{ project_info.total_score }}
+        </div>
       </div>
       <div class="top-score">
         <img src="@/assets/images/dialogs/zfjg.png" alt="" />
-        政府监管得分
-        <span
+        <div>政府监管得分</div>
+        <div
+          class="count"
           :style="{
             color:
               project_info.regulation_score < warningNum[2] ? '#f86262' : '',
           }"
-          >{{ project_info.regulation_score }}</span
         >
+          {{ project_info.regulation_score }}
+        </div>
       </div>
       <div class="top-score">
         <img src="@/assets/images/dialogs/gczl.png" alt="" />
-        工程质量得分
-        <span
+        <div>工程质量得分</div>
+        <div
+          class="count"
           :style="{
             color:
               project_info.quality_total_score < warningNum[7] ? '#f86262' : '',
           }"
-          >{{ project_info.quality_total_score }}</span
         >
+          {{ project_info.quality_total_score }}
+        </div>
       </div>
       <div class="top-score">
         <img src="@/assets/images/dialogs/cxcy.png" alt="" />
-        创新创优得分
-        <span
+        <div>创新创优得分</div>
+        <div
+          class="count"
           :style="{
             color:
               project_info.excellence_score < warningNum[3] ? '#f86262' : '',
           }"
-          >{{ project_info.excellence_score }}</span
         >
+          {{ project_info.excellence_score }}
+        </div>
       </div>
     </div>
 
@@ -152,7 +161,7 @@
           </el-tooltip>
         </div>
       </div>
-      <div class="score-detail" style="max-height: 6rem; overflow-y: auto">
+      <div class="score-detail">
         <div class="inner-title">
           质量检测<span>(得分：{{ project_info.quality_check_score }})</span>
         </div>
@@ -194,6 +203,7 @@
           :data="pd_info"
           style="margin-top: 0"
           :span-method="handleSpan"
+          :max-height="400"
         >
           <el-table-column
             label="单位工程名称"
@@ -560,16 +570,23 @@ export default {
     background: #12407f;
     color: #d9d9d9;
     white-space: nowrap;
+
+    div {
+      line-height: 40px;
+      display: inline-block;
+      vertical-align: top;
+    }
     &:first-child {
       background: #117093;
       border: 4px solid #1d81a6;
     }
-    span {
+    .count {
       font-size: 28px;
-      vertical-align: top;
       line-height: 40px;
+      vertical-align: top;
       font-weight: bold;
       margin-left: 20px;
+      display: inline-block;
     }
     img {
       width: 40px;