运行统计优化1

src/views/pms/iotopeationfill/index1.vue

@@ -23,7 +23,7 @@
           </span>
         </template>
         <div class="form-wrapper">
-          <el-form label-width="120px">
+          <el-form label-width="120px" class="scrollable-form">
             <div style="margin-left: 24px">
               <el-form class="demo-form-inline" :inline="true">
                 <el-form-item :label="t('common.createTime')" class="custom-label1">
@@ -432,6 +432,39 @@ onMounted(() => {
 })
 </script>
 <style scoped>
+
+.scrollable-form {
+  /* 设置最大高度，超过这个高度会出现滚动条 */
+  max-height: 700px; /* 根据你的需求调整 */
+  /* 超出部分显示垂直滚动条 */
+  overflow-y: auto;
+  /* 可选：添加内边距和边框美化 */
+  padding: 16px;
+  border: 1px solid #e5e7eb;
+  border-radius: 4px;
+}
+
+/* 可选：美化滚动条 */
+.scrollable-form::-webkit-scrollbar {
+  width: 6px;
+}
+
+.scrollable-form::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 3px;
+}
+
+.scrollable-form::-webkit-scrollbar-thumb {
+  background: #c1c1c1;
+  border-radius: 3px;
+}
+
+.scrollable-form::-webkit-scrollbar-thumb:hover {
+  background: #a8a8a8;
+}s
+
+
+
 .back-red{		/* 红色背景 */
   background-color: red;
 }