自定义弹层溢出滚动样式

RuoYi

2021-09-03 e49f0cebf1906a53c2ac54438ffc74a19e374035

 ruoyi-ui/src/views/tool/gen/index.vue

@@ -84,7 +84,7 @@
    </el-row>



    <el-table v-loading="loading" :data="tableList" @selection-change="handleSelectionChange">

      <el-table-column type="selection" width="55"></el-table-column>

      <el-table-column type="selection" align="center" width="55"></el-table-column>

      <el-table-column label="序号" type="index" width="50" align="center">

        <template slot-scope="scope">

          <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>

@@ -161,7 +161,7 @@
      @pagination="getList"

    />

    <!-- 预览界面 -->

    <el-dialog :title="preview.title" :visible.sync="preview.open" width="80%" top="5vh" append-to-body>

    <el-dialog :title="preview.title" :visible.sync="preview.open" width="80%" top="5vh" append-to-body class="scrollbar">

      <el-tabs v-model="preview.activeName">

        <el-tab-pane

          v-for="(value, key) in preview.data"

@@ -283,7 +283,7 @@
          return synchDb(tableName);

      }).then(() => {

          this.msgSuccess("同步成功");

      })

      }).catch(() => {});

    },

    /** 打开导入表弹窗 */

    openImportTable() {

@@ -319,7 +319,7 @@
    /** 修改按钮操作 */

    handleEditTable(row) {

      const tableId = row.tableId || this.ids[0];

      this.$router.push("/gen/edit/" + tableId);

      this.$router.push("/tool/gen-edit/index/" + tableId);

    },

    /** 删除按钮操作 */

    handleDelete(row) {

@@ -333,7 +333,7 @@
      }).then(() => {

          this.getList();

          this.msgSuccess("删除成功");

      })

      }).catch(() => {});

    }

  }

};