分页修改

chenrui

3 天以前 ece2dfeb926d728b10db38038e4d12e9e9851c24

 src/views/tool/gen/genInfoForm.vue

@@ -13,11 +13,21 @@
      </el-col>



      <el-col :span="12">

        <el-form-item prop="tplWebType">

          <template #label>前端类型</template>

          <el-select v-model="info.tplWebType">

            <el-option label="Vue2 Element UI 模版" value="element-ui" />

            <el-option label="Vue3 Element Plus 模版" value="element-plus" />

          </el-select>

        </el-form-item>

      </el-col>



      <el-col :span="12">

        <el-form-item prop="packageName">

          <template #label>

            生成包路径

            <el-tooltip content="生成在哪个java包下，例如 com.ruoyi.system" placement="top">

              <i class="el-icon-question"></i>

              <el-icon><question-filled /></el-icon>

            </el-tooltip>

          </template>

          <el-input v-model="info.packageName" />

@@ -29,7 +39,7 @@
          <template #label>

            生成模块名

            <el-tooltip content="可理解为子系统名，例如 system" placement="top">

              <i class="el-icon-question"></i>

              <el-icon><question-filled /></el-icon>

            </el-tooltip>

          </template>

          <el-input v-model="info.moduleName" />

@@ -41,7 +51,7 @@
          <template #label>

            生成业务名

            <el-tooltip content="可理解为功能英文名，例如 user" placement="top">

              <i class="el-icon-question"></i>

              <el-icon><question-filled /></el-icon>

            </el-tooltip>

          </template>

          <el-input v-model="info.businessName" />

@@ -53,27 +63,10 @@
          <template #label>

            生成功能名

            <el-tooltip content="用作类描述，例如 用户" placement="top">

              <i class="el-icon-question"></i>

              <el-icon><question-filled /></el-icon>

            </el-tooltip>

          </template>

          <el-input v-model="info.functionName" />

        </el-form-item>

      </el-col>



      <el-col :span="12">

        <el-form-item>

          <template #label>

            上级菜单

            <el-tooltip content="分配到指定菜单下，例如 系统管理" placement="top">

              <i class="el-icon-question"></i>

            </el-tooltip>

          </template>

          <tree-select

            v-model:value="info.parentMenuId"

            :options="menuOptions"

            :objMap="{ value: 'menuId', label: 'menuName', children: 'children' }"

            placeholder="请选择系统菜单"

          />

        </el-form-item>

      </el-col>



@@ -82,11 +75,30 @@
          <template #label>

            生成代码方式

            <el-tooltip content="默认为zip压缩包下载，也可以自定义生成路径" placement="top">

              <i class="el-icon-question"></i>

              <el-icon><question-filled /></el-icon>

            </el-tooltip>

          </template>

          <el-radio v-model="info.genType" label="0">zip压缩包</el-radio>

          <el-radio v-model="info.genType" label="1">自定义路径</el-radio>

          <el-radio v-model="info.genType" value="0">zip压缩包</el-radio>

          <el-radio v-model="info.genType" value="1">自定义路径</el-radio>

        </el-form-item>

      </el-col>



      <el-col :span="12">

        <el-form-item>

          <template #label>

            上级菜单

            <el-tooltip content="分配到指定菜单下，例如 系统管理" placement="top">

              <el-icon><question-filled /></el-icon>

            </el-tooltip>

          </template>

          <el-tree-select

            v-model="info.parentMenuId"

            :data="menuOptions"

            :props="{ value: 'menuId', label: 'menuName', children: 'children' }"

            value-key="menuId"

            placeholder="请选择系统菜单"

            check-strictly

          />

        </el-form-item>

      </el-col>



@@ -95,7 +107,7 @@
          <template #label>

            自定义路径

            <el-tooltip content="填写磁盘绝对路径，若不填写，则生成到当前Web项目下" placement="top">

              <i class="el-icon-question"></i>

              <el-icon><question-filled /></el-icon>

            </el-tooltip>

          </template>

          <el-input v-model="info.genPath">

@@ -125,7 +137,7 @@
            <template #label>

              树编码字段

              <el-tooltip content="树显示的编码字段名， 如：dept_id" placement="top">

                <i class="el-icon-question"></i>

                <el-icon><question-filled /></el-icon>

              </el-tooltip>

            </template>

            <el-select v-model="info.treeCode" placeholder="请选择">

@@ -143,7 +155,7 @@
            <template #label>

              树父编码字段

              <el-tooltip content="树显示的父编码字段名， 如：parent_Id" placement="top">

                <i class="el-icon-question"></i>

                <el-icon><question-filled /></el-icon>

              </el-tooltip>

            </template>

            <el-select v-model="info.treeParentCode" placeholder="请选择">

@@ -161,7 +173,7 @@
            <template #label>

              树名称字段

              <el-tooltip content="树节点的显示名称字段名， 如：dept_name" placement="top">

                <i class="el-icon-question"></i>

                <el-icon><question-filled /></el-icon>

              </el-tooltip>

            </template>

            <el-select v-model="info.treeName" placeholder="请选择">

@@ -185,7 +197,7 @@
            <template #label>

              关联子表的表名

              <el-tooltip content="关联子表的表名， 如：sys_user" placement="top">

                <i class="el-icon-question"></i>

                <el-icon><question-filled /></el-icon>

              </el-tooltip>

            </template>

            <el-select v-model="info.subTableName" placeholder="请选择" @change="subSelectChange">

@@ -203,7 +215,7 @@
            <template #label>

              子表关联的外键名

              <el-tooltip content="子表关联的外键名， 如：user_id" placement="top">

                <i class="el-icon-question"></i>

                <el-icon><question-filled /></el-icon>

              </el-tooltip>

            </template>

            <el-select v-model="info.subTableFkName" placeholder="请选择">

@@ -223,11 +235,11 @@
</template>



<script setup>

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

import { listMenu } from "@/api/system/menu"



const subColumns = ref([]);

const menuOptions = ref({});

const { proxy } = getCurrentInstance();

const subColumns = ref([])

const menuOptions = ref([])

const { proxy } = getCurrentInstance()



const props = defineProps({

  info: {

@@ -238,7 +250,7 @@
    type: Array,

    default: null

  }

});

})



// 表单校验

const rules = ref({

@@ -247,35 +259,47 @@
  moduleName: [{ required: true, message: "请输入生成模块名", trigger: "blur" }],

  businessName: [{ required: true, message: "请输入生成业务名", trigger: "blur" }],

  functionName: [{ required: true, message: "请输入生成功能名", trigger: "blur" }]

});

})



function subSelectChange(value) {

  props.info.subTableFkName = "";

  props.info.subTableFkName = ""

}



function tplSelectChange(value) {

  if (value !== "sub") {

    props.info.subTableName = "";

    props.info.subTableFkName = "";

    props.info.subTableName = ""

    props.info.subTableFkName = ""

  }

}



function setSubTableColumns(value) {

  for (var item in props.tables) {

    const name = props.tables[item].tableName;

    const name = props.tables[item].tableName

    if (value === name) {

      subColumns.value = props.tables[item].columns;

      break;

      subColumns.value = props.tables[item].columns

      break

    }

  }

}



/** 查询菜单下拉树结构 */

function getMenuTreeselect() {

  listMenu().then(response => {

    menuOptions.value = proxy.handleTree(response.data, "menuId");

  });

    menuOptions.value = proxy.handleTree(response.data, "menuId")

  })

}



watch(() => props.info.subTableName, val => {

  setSubTableColumns(val);

});

onMounted(() => {

  getMenuTreeselect()

})



getMenuTreeselect();

watch(() => props.info.subTableName, val => {

  setSubTableColumns(val)

})



watch(() => props.info.tplWebType, val => {

  if (val === '') {

    props.info.tplWebType = "element-plus"

  }

})

</script>