评估报告

src/assets/css/index.scss

@@ -400,6 +400,22 @@ div:focus {
         text-align: center;
         font-weight: bold
     }
+    .assNum {
+        font-size: 18px;
+        color: #2EAEFF;
+        margin-bottom: 10px;
+    }
+    .greenRate {
+        color: #04A522
+    }
+    .assTxt {
+        font-size: 14px
+    }
+    .assSmallbox {
+        padding: 10px 0;
+        text-align: center;
+        font-weight: bold;
+    }
 }
 
 // tab重置样式

src/views/powerQuality/asseReport/index.vue

@@ -53,21 +53,59 @@
               ><div class="grid-content bg-purple">
                 <div class="subTits">A相电压</div>
                 <el-row :gutter="20" style="padding: 0 20px 20px">
-                  <el-col :span="12"
-                    ><div class="grid-content bg-purple">
-                      <div>0/128</div>
+                  <el-col :span="12" >
+                    <div class="grid-content bg-purple assSmallbox"  >
+                      <div class="assNum">0/128</div>
+                      <div class="assTxt">超限数/测点数</div>
                       </div
                   ></el-col>
                   <el-col :span="12"
-                    ><div class="grid-content bg-purple"></div
+                    > <div class="grid-content bg-purple assSmallbox "  >
+                      <div class="assNum greenRate">100%</div>
+                      <div class="assTxt ">合格率</div>
+                      </div
                   ></el-col>
                 </el-row></div
             ></el-col>
             <el-col :span="8"
-              ><div class="grid-content bg-purple">B相电压</div></el-col
+              ><div class="grid-content bg-purple">
+                <div class="subTits">B相电压</div>
+                <el-row :gutter="20" style="padding: 0 20px 20px">
+                  <el-col :span="12" >
+                    <div class="grid-content bg-purple assSmallbox"  >
+                      <div class="assNum">0/128</div>
+                      <div class="assTxt">超限数/测点数</div>
+                      </div
+                  ></el-col>
+                  <el-col :span="12"
+                    > <div class="grid-content bg-purple assSmallbox "  >
+                      <div class="assNum greenRate">100%</div>
+                      <div class="assTxt ">合格率</div>
+                      </div
+                  ></el-col>
+                </el-row>
+                
+                </div></el-col
             >
             <el-col :span="8"
-              ><div class="grid-content bg-purple">C相电压</div></el-col
+              ><div class="grid-content bg-purple">
+                <div class="subTits">C相电压</div>
+                <el-row :gutter="20" style="padding: 0 20px 20px">
+                  <el-col :span="12" >
+                    <div class="grid-content bg-purple assSmallbox"  >
+                      <div class="assNum">0/128</div>
+                      <div class="assTxt">超限数/测点数</div>
+                      </div
+                  ></el-col>
+                  <el-col :span="12"
+                    > <div class="grid-content bg-purple assSmallbox "  >
+                      <div class="assNum greenRate">100%</div>
+                      <div class="assTxt ">合格率</div>
+                      </div
+                  ></el-col>
+                </el-row>
+                
+                </div></el-col
             >
           </el-row>
         </div>