| | |
| | | </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" />
|
| | |
| | | <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" />
|
| | |
| | | <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" />
|
| | |
| | | <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 prop="genType">
|
| | | <template #label>
|
| | | 生成代码方式
|
| | | <el-tooltip content="默认为zip压缩包下载,也可以自定义生成路径" placement="top">
|
| | | <el-icon><question-filled /></el-icon>
|
| | | </el-tooltip>
|
| | | </template>
|
| | | <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>
|
| | |
|
| | |
| | | <template #label>
|
| | | 上级菜单
|
| | | <el-tooltip content="分配到指定菜单下,例如 系统管理" placement="top">
|
| | | <i class="el-icon-question"></i>
|
| | | <el-icon><question-filled /></el-icon>
|
| | | </el-tooltip>
|
| | | </template>
|
| | | <tree-select
|
| | |
| | | </el-form-item>
|
| | | </el-col>
|
| | |
|
| | | <el-col :span="12">
|
| | | <el-form-item prop="genType">
|
| | | <template #label>
|
| | | 生成代码方式
|
| | | <el-tooltip content="默认为zip压缩包下载,也可以自定义生成路径" placement="top">
|
| | | <i class="el-icon-question"></i>
|
| | | </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-form-item>
|
| | | </el-col>
|
| | |
|
| | | <el-col :span="24" v-if="info.genType == '1'">
|
| | | <el-form-item prop="genPath">
|
| | | <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">
|
| | |
| | | <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="请选择">
|
| | |
| | | <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="请选择">
|
| | |
| | | <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="请选择">
|
| | |
| | | <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">
|
| | |
| | | <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="请选择">
|
| | |
| | | import { listMenu } from "@/api/system/menu";
|
| | |
|
| | | const subColumns = ref([]);
|
| | | const menuOptions = ref({});
|
| | | const menuOptions = ref([]);
|
| | | const { proxy } = getCurrentInstance();
|
| | |
|
| | | const props = defineProps({
|
| | |
| | | businessName: [{ required: true, message: "请输入生成业务名", trigger: "blur" }],
|
| | | functionName: [{ required: true, message: "请输入生成功能名", trigger: "blur" }]
|
| | | });
|
| | |
|
| | | function subSelectChange(value) {
|
| | | props.info.subTableFkName = "";
|
| | | }
|
| | |
|
| | | function tplSelectChange(value) {
|
| | | if (value !== "sub") {
|
| | | props.info.subTableName = "";
|
| | | props.info.subTableFkName = "";
|
| | | }
|
| | | }
|
| | |
|
| | | function setSubTableColumns(value) {
|
| | | for (var item in props.tables) {
|
| | | const name = props.tables[item].tableName;
|
| | |
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | /** 查询菜单下拉树结构 */
|
| | | function getMenuTreeselect() {
|
| | | listMenu().then(response => {
|
| | |
| | | setSubTableColumns(val);
|
| | | });
|
| | |
|
| | | watch(() => props.info.tplWebType, val => {
|
| | | if (val === '') {
|
| | | props.info.tplWebType = "element-plus";
|
| | | }
|
| | | });
|
| | |
|
| | | getMenuTreeselect();
|
| | | </script>
|