疏导区网格检查情况

src/views/security-plan.vue

@@ -278,7 +278,41 @@
         </transition>
         <transition name="el-fade-in-linear">
             <el-col class="rightBox" v-show="stroes.$state.rightBtn">
-                 <div class="rightTop3">
+                <!-- 疏导区网格检查情况 start -->
+                <div class="rightTop1">
+                    <h4 style="display: flex">疏导区网格检查情况</h4>
+                    <div class="girdCheckItem">
+                        <p>大网格</p>
+                        <el-row>
+                            <el-col :span="6">检查家数: 100</el-col>
+                            <el-col :span="6">发现隐患数: 20</el-col>
+                            <el-col :span="6">督改隐患数: 20</el-col>
+                            <el-col :span="6">签约承诺数: 20</el-col>
+                        </el-row>
+                    </div>
+                    <div class="girdCheckItem">
+                        <p>中网格</p>
+                        <el-row>
+                            <el-col :span="6">检查家数: 100</el-col>
+                            <el-col :span="6">发现隐患数: 20</el-col>
+                            <el-col :span="6">督改隐患数: 20</el-col>
+                            <el-col :span="6">签约承诺数: 20</el-col>
+                        </el-row>
+                    </div>
+                    <div class="girdCheckItem">
+                        <p>小网格</p>
+                        <el-row>
+                            <el-col :span="6">检查家数: 100</el-col>
+                            <el-col :span="6">发现隐患数: 20</el-col>
+                            <el-col :span="6">督改隐患数: 20</el-col>
+                            <el-col :span="6">签约承诺数: 20</el-col>
+                        </el-row>
+                    </div>
+                    <br>
+                </div>
+                <!-- 疏导区网格检查情况 end -->
+
+                <div class="rightTop3">
                         <h4 style="display: flex">处置网格</h4>
                     <div class="rightTopContent">
                         <el-row v-if="gridStatisticsStatus">
@@ -444,6 +478,8 @@
                         </el-row>
                     </div>
                 </div>
+
+
                 <!-- <div class="rightTop">
                         <h4 style="display: flex">疏导区社会面风险评估情况</h4>
                         <div style="display: flex;float:right;margin-top:-36px;">
@@ -615,7 +651,7 @@
                     </el-row>
                 </div>
 
-                <div class="rightBot">
+                <!-- <div class="rightBot">
                     <h4>网格人员信息</h4>
                     <div class="rightBotContent" v-if="erpData.length > 0">
                         <el-table
@@ -634,7 +670,7 @@
                             </el-table-column>
                         </el-table>
                     </div>
-                </div>
+                </div> -->
             </el-col>
         </transition>
 
@@ -2542,6 +2578,25 @@ export default {
                 height: 100%;
             }
         }
+        .rightTop1{
+            height:41.5%;
+            .girdCheckItem{
+                p{
+                    font-size:0.225rem;
+                    margin:.1875rem 0 .125rem;
+                    color:rgb(234, 183, 147);
+                    font-weight:700;
+                }
+                div{
+                    font-size:.2rem;
+                    margin:.125rem 0
+                }
+
+
+            }
+        }
+
+        
     }
 }