代码生成预览提供滚动机制

RuoYi

2020-12-10 81bf4d28ef1a94087ed74dc093b6b91ed3145a9d

代码生成预览提供滚动机制

 ruoyi-ui/src/assets/styles/ruoyi.scss

@@ -238,7 +238,3 @@
    position: relative;

    float: right;

}

/* el-tabs提供滚动机制 */

.el-tabs__content {

    overflow-x: scroll;

}

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

@@ -132,7 +132,7 @@
            @click="handleDelete(scope.row)"

            v-hasPermi="['tool:gen:remove']"

          >删除</el-button>

          <el-button

          <el-button

            type="text"

            size="small"

            icon="el-icon-refresh"

@@ -159,7 +159,7 @@
    <!-- 预览界面 -->

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

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

        <el-tab-pane

        <el-tab-pane style="overflow-x: scroll;"

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

          :label="key.substring(key.lastIndexOf('/')+1,key.indexOf('.vm'))"

          :name="key.substring(key.lastIndexOf('/')+1,key.indexOf('.vm'))"

@@ -256,7 +256,7 @@
          this.msgSuccess("成功生成到自定义路径：" + row.genPath);

        });

      } else {

          downLoadZip("/code/gen/batchGenCode?tables=" + tableNames, "ruoyi");

        downLoadZip("/code/gen/batchGenCode?tables=" + tableNames, "ruoyi");

      }

    },

    /** 同步数据库操作 */