修改

src/views/win/popularwillParts/investigateIndex.vue

@@ -66,7 +66,9 @@
         </div>
       </el-col>
     </el-col>
-    <el-empty v-else description="暂无满意度调查表" />
+    <el-col :span="24" class="two" v-else>
+      <el-empty class="empty" description="暂无满意度调查表" />
+    </el-col>
   </el-row>
 </template>
 
@@ -137,85 +139,91 @@ const toSave = async () => {
 }
 </script>
 <style scoped lang="scss">
-.one {
-  .title {
-    font-size: 24px;
-    margin: 20px 0;
-    text-align: center;
-  }
-  .problem {
-    margin: 10px 0 0 0;
-    .list {
-      .listName {
-        display: flex;
-        align-items: center;
-        font-size: 18px;
-        margin: 10px 0;
-      }
-
-      .type {
-        padding: 0 0 10px 15px;
-
-        .list {
+.main {
+  .one {
+    .title {
+      font-size: 24px;
+      margin: 20px 0;
+      text-align: center;
+    }
+    .problem {
+      margin: 10px 0 0 0;
+      .list {
+        .listName {
           display: flex;
           align-items: center;
-          justify-content: center;
+          font-size: 18px;
           margin: 10px 0;
+        }
 
-          .name {
-            width: 50%;
-            text-align: center;
-          }
+        .type {
+          padding: 0 0 10px 15px;
 
-          .input {
-            width: 50%;
-            margin: 0 5px 0 0;
+          .list {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin: 10px 0;
 
             .name {
               width: 50%;
               text-align: center;
-              margin: 0 0 10px 0;
             }
-          }
 
-          .icon {
-            display: none;
-            margin: 5px 0 0 0;
+            .input {
+              width: 50%;
+              margin: 0 5px 0 0;
+
+              .name {
+                width: 50%;
+                text-align: center;
+                margin: 0 0 10px 0;
+              }
+            }
+
+            .icon {
+              display: none;
+              margin: 5px 0 0 0;
+            }
           }
-        }
 
-        .list:hover {
-          .icon {
-            display: block;
+          .list:hover {
+            .icon {
+              display: block;
+            }
           }
-        }
 
-        .add {
-          border: 1px solid #e5e5e5;
-          border-radius: 5px;
-          text-align: center;
-          padding: 10px;
-          cursor: pointer;
-        }
+          .add {
+            border: 1px solid #e5e5e5;
+            border-radius: 5px;
+            text-align: center;
+            padding: 10px;
+            cursor: pointer;
+          }
 
-        .image {
-          width: 100%;
-        }
-        .error-message {
-          margin: 10px 0 0 10px;
-          font-size: 14px;
-          color: red;
-        }
-        .remark {
-          margin: 10px 0 10px 20px;
-          font-size: 14px;
-          color: red;
+          .image {
+            width: 100%;
+          }
+          .error-message {
+            margin: 10px 0 0 10px;
+            font-size: 14px;
+            color: red;
+          }
+          .remark {
+            margin: 10px 0 10px 20px;
+            font-size: 14px;
+            color: red;
+          }
         }
       }
+      .button {
+        text-align: center;
+      }
     }
-    .button {
-      text-align: center;
-    }
+  }
+  .two {
+    display: flex;
+    justify-content: center;
   }
 }
 </style>