分页组件新增pagerCount属性

RuoYi

2021-06-10 a209b39552d0a360bd5b29af6b6cb58265f9669b

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

@@ -5,20 +5,19 @@
        <basic-info-form ref="basicInfo" :info="info" />

      </el-tab-pane>

      <el-tab-pane label="字段信息" name="cloum">

        <el-table :data="cloumns" :max-height="tableHeight">

          <el-table-column label="序号" type="index" min-width="5%" />

        <el-table ref="dragTable" :data="cloumns" row-key="columnId" :max-height="tableHeight">

          <el-table-column label="序号" type="index" min-width="5%" class-name="allowDrag" />

          <el-table-column

            label="字段列名"

            prop="columnName"

            min-width="10%"

            :show-overflow-tooltip="true"

          />

          <el-table-column

            label="字段描述"

            prop="columnComment"

            min-width="10%"

            :show-overflow-tooltip="true"

          />

          <el-table-column label="字段描述" min-width="10%">

            <template slot-scope="scope">

              <el-input v-model="scope.row.columnComment"></el-input>

            </template>

          </el-table-column>

          <el-table-column

            label="物理类型"

            prop="columnType"

@@ -91,6 +90,9 @@
                <el-option label="单选框" value="radio" />

                <el-option label="复选框" value="checkbox" />

                <el-option label="日期控件" value="datetime" />

                <el-option label="图片上传" value="imageUpload" />

                <el-option label="文件上传" value="fileUpload" />

                <el-option label="富文本控件" value="editor" />

              </el-select>

            </template>

          </el-table-column>

@@ -111,7 +113,7 @@
        </el-table>

      </el-tab-pane>

      <el-tab-pane label="生成信息" name="genInfo">

        <gen-info-form ref="genInfo" :info="info" />

        <gen-info-form ref="genInfo" :info="info" :tables="tables" :menus="menus"/>

      </el-tab-pane>

    </el-tabs>

    <el-form label-width="100px">

@@ -125,8 +127,11 @@
<script>

import { getGenTable, updateGenTable } from "@/api/tool/gen";

import { optionselect as getDictOptionselect } from "@/api/system/dict/type";

import { listMenu as getMenuTreeselect } from "@/api/system/menu";

import basicInfoForm from "./basicInfoForm";

import genInfoForm from "./genInfoForm";

import Sortable from 'sortablejs'



export default {

  name: "GenEdit",

  components: {

@@ -139,25 +144,34 @@
      activeName: "cloum",

      // 表格的高度

      tableHeight: document.documentElement.scrollHeight - 245 + "px",

      // 表信息

      tables: [],

      // 表列信息

      cloumns: [],

      // 字典信息

      dictOptions: [],

      // 菜单信息

      menus: [],

      // 表详细信息

      info: {}

    };

  },

  beforeCreate() {

    const { tableId } = this.$route.query;

  created() {

    const tableId = this.$route.params && this.$route.params.tableId;

    if (tableId) {

      // 获取表详细信息

      getGenTable(tableId).then(res => {

        this.cloumns = res.data.rows;

        this.info = res.data.info;

        this.tables = res.data.tables;

      });

      /** 查询字典下拉列表 */

      getDictOptionselect().then(response => {

        this.dictOptions = response.data;

      });

      /** 查询菜单下拉列表 */

      getMenuTreeselect().then(response => {

        this.menus = this.handleTree(response.data, "menuId");

      });

    }

  },

@@ -174,7 +188,8 @@
          genTable.params = {

            treeCode: genTable.treeCode,

            treeName: genTable.treeName,

            treeParentCode: genTable.treeParentCode

            treeParentCode: genTable.treeParentCode,

            parentMenuId: genTable.parentMenuId

          };

          updateGenTable(genTable).then(res => {

            this.msgSuccess(res.msg);

@@ -199,6 +214,19 @@
      this.$store.dispatch("tagsView/delView", this.$route);

      this.$router.push({ path: "/tool/gen", query: { t: Date.now()}})

    }

  },

  mounted() {

    const el = this.$refs.dragTable.$el.querySelectorAll(".el-table__body-wrapper > table > tbody")[0];

    const sortable = Sortable.create(el, {

      handle: ".allowDrag",

      onEnd: evt => {

        const targetRow = this.cloumns.splice(evt.oldIndex, 1)[0];

        this.cloumns.splice(evt.newIndex, 0, targetRow);

        for (let index in this.cloumns) {

          this.cloumns[index].sort = parseInt(index) + 1;

        }

      }

    });

  }

};

</script>