| | |
|---|
| | | <el-input v-model="info.functionName" />
|
|---|
| | | </el-form-item>
|
|---|
| | | </el-col>
|
|---|
| | |
|
|---|
| | | <el-col :span="12">
|
|---|
| | | <el-form-item prop="functionName">
|
|---|
| | | <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-row>
|
|---|
| | |
|
|---|
| | | <el-row v-show="info.tplCategory == 'tree'">
|
|---|
| | |
|---|
| | | </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 {
|
|---|
| | |
|---|
| | | }
|
|---|
| | | };
|
|---|
| | | },
|
|---|
| | | 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>
|
|---|
