| | |
|---|
| | | <span slot="label">生成模板</span>
|
|---|
| | | <el-select v-model="info.tplCategory">
|
|---|
| | | <el-option label="单表（增删改查）" value="crud" />
|
|---|
| | | <el-option label="树表（增删改查）" value="tree"/>
|
|---|
| | | <el-option label="树表（增删改查）" value="tree" />
|
|---|
| | | </el-select>
|
|---|
| | | </el-form-item>
|
|---|
| | | </el-col>
|
|---|
| | |
|---|
| | | </el-tooltip>
|
|---|
| | | </span>
|
|---|
| | | <el-input v-model="info.functionName" />
|
|---|
| | | </el-form-item>
|
|---|
| | | </el-col>
|
|---|
| | |
|
|---|
| | | <el-col :span="12">
|
|---|
| | | <el-form-item>
|
|---|
| | | <span slot="label">
|
|---|
| | | 上级菜单
|
|---|
| | | <el-tooltip content="分配到指定菜单下，例如 系统管理" placement="top">
|
|---|
| | | <i class="el-icon-question"></i>
|
|---|
| | | </el-tooltip>
|
|---|
| | | </span>
|
|---|
| | | <treeselect
|
|---|
| | | :append-to-body="true"
|
|---|
| | | v-model="info.parentMenuId"
|
|---|
| | | :options="menus"
|
|---|
| | | :normalizer="normalizer"
|
|---|
| | | :show-count="true"
|
|---|
| | | placeholder="请选择系统菜单"
|
|---|
| | | />
|
|---|
| | | </el-form-item>
|
|---|
| | | </el-col>
|
|---|
| | |
|
|---|
| | | <el-col :span="12">
|
|---|
| | | <el-form-item prop="genType">
|
|---|
| | | <span slot="label">
|
|---|
| | | 生成代码方式
|
|---|
| | | <el-tooltip content="默认为zip压缩包下载，也可以自定义生成路径" placement="top">
|
|---|
| | | <i class="el-icon-question"></i>
|
|---|
| | | </el-tooltip>
|
|---|
| | | </span>
|
|---|
| | | <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">
|
|---|
| | | <span slot="label">
|
|---|
| | | 自定义路径
|
|---|
| | | <el-tooltip content="填写磁盘绝对路径，若不填写，则生成到当前Web项目下" placement="top">
|
|---|
| | | <i class="el-icon-question"></i>
|
|---|
| | | </el-tooltip>
|
|---|
| | | </span>
|
|---|
| | | <el-input v-model="info.genPath">
|
|---|
| | | <el-dropdown slot="append">
|
|---|
| | | <el-button type="primary">
|
|---|
| | | 最近路径快速选择
|
|---|
| | | <i class="el-icon-arrow-down el-icon--right"></i>
|
|---|
| | | </el-button>
|
|---|
| | | <el-dropdown-menu slot="dropdown">
|
|---|
| | | <el-dropdown-item @click.native="info.genPath = '/'">恢复默认的生成基础路径</el-dropdown-item>
|
|---|
| | | </el-dropdown-menu>
|
|---|
| | | </el-dropdown>
|
|---|
| | | </el-input>
|
|---|
| | | </el-form-item>
|
|---|
| | | </el-col>
|
|---|
| | | </el-row>
|
|---|
| | |
|---|
| | | </el-form>
|
|---|
| | | </template>
|
|---|
| | | <script>
|
|---|
| | | import Treeselect from "@riophae/vue-treeselect";
|
|---|
| | | import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
|---|
| | |
|
|---|
| | | export default {
|
|---|
| | | name: "BasicInfoForm",
|
|---|
| | | components: { Treeselect },
|
|---|
| | | props: {
|
|---|
| | | info: {
|
|---|
| | | type: Object,
|
|---|
| | | default: null
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | menus: {
|
|---|
| | | type: Array,
|
|---|
| | | default: []
|
|---|
| | | },
|
|---|
| | | },
|
|---|
| | | data() {
|
|---|
| | | return {
|
|---|
| | |
|---|
| | | ],
|
|---|
| | | functionName: [
|
|---|
| | | { required: true, message: "请输入生成功能名", trigger: "blur" }
|
|---|
| | | ]
|
|---|
| | | ],
|
|---|
| | | }
|
|---|
| | | };
|
|---|
| | | },
|
|---|
| | | created() {}
|
|---|
| | | created() {},
|
|---|
| | | methods: {
|
|---|
| | | /** 转换菜单数据结构 */
|
|---|
| | | normalizer(node) {
|
|---|
| | | if (node.children && !node.children.length) {
|
|---|
| | | delete node.children;
|
|---|
| | | }
|
|---|
| | | return {
|
|---|
| | | id: node.menuId,
|
|---|
| | | label: node.menuName,
|
|---|
| | | children: node.children
|
|---|
| | | };
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | };
|
|---|
| | | </script>
|
|---|
