滚动

src/views/finance/component/serveDraw.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
-    <el-drawer size="46%" title="详情" :visible.sync="isShow" direction="rtl">
+    <el-drawer custom-class="serve-detail-drawer" size="46%" title="详情" :visible.sync="isShow" direction="rtl">
       <template>
-        <div style="overflow-y: scroll; height: 100%; padding-bottom: 100px">
+        <div class="serve-detail-content">
           <drawInfoItem title="被护理人" :info="rowFormat[0]"></drawInfoItem>
           <drawInfoItem
             v-if="type === 2"
@@ -374,6 +374,14 @@ export default {
 .pop-confirm {
   z-index: 3000 !important;
 }
+/* Keep the flex body within the viewport so long service histories can scroll. */
+.serve-detail-drawer .el-drawer__body {
+  min-height: 0;
+  overflow-y: auto;
+}
+.serve-detail-drawer .serve-detail-content {
+  padding-bottom: 100px;
+}
 .avue-dialog {
   z-index:9999 !important;
 }