zc

src/views/safetyCheck/components/rectificationReportDom.vue

@@ -35,9 +35,11 @@
           <div class="table-for-box" v-for="(item,index) in documentData.detailList" :key="index">
             <p class="table-for-p">{{item.index}}</p>
             <p class="table-for-p">{{item.optionCode}}</p>
-            <div class="table-min-for-box" v-for="(minItem,minIndex) in item.subDetailList" :key="minIndex">
-              <p>{{minItem.subName}}({{minItem.roomNum}})</p>
-              <p>{{minItem.checkDesc}}</p>
+            <div class="table-min-for-max-box">
+              <div class="table-min-for-box" v-for="(minItem,minIndex) in item.subDetailList" :key="minIndex">
+                <p>{{minItem.subName}}({{minItem.roomNum}})</p>
+                <p>{{minItem.checkDesc}}</p>
+              </div>
             </div>
           </div>
         </div>
@@ -300,15 +302,25 @@
               border-left:1px solid #333;
               border-right:1px solid #333;
             }
-            .table-min-for-box{
+            .table-min-for-max-box{
               flex:1;
               display: flex;
-              p:nth-child(1){
-                width:229px;
-                border-right:1px solid #333;
+              flex-direction: column;
+              overflow: hidden;
+              .table-min-for-box:nth-child(1){
+                border-top:none;
               }
-              p:nth-child(2){
-                width:299px;
+              .table-min-for-box{
+                flex:1;
+                display: flex;
+                border-top:1px solid #333;
+                p:nth-child(1){
+                  width:229px;
+                  border-right:1px solid #333;
+                }
+                p:nth-child(2){
+                  width:299px;
+                }
               }
             }
           }