This commit is contained in:
sc 2021-09-30 10:47:13 +08:00
parent 231bbf3c82
commit f5da1bbb32
3 changed files with 28 additions and 22 deletions

View File

@ -12,7 +12,7 @@
.el-footer {background: #fff;border-top: 1px solid #e6e6e6;padding:13px 15px;}
.el-main {padding:15px;}
.el-main.nopadding {padding:0;background: #fff;}
.el-drawer__body {overflow: auto;}
.el-drawer__body {overflow: auto;padding:0;}
.el-popconfirm__main {margin: 14px 0;}
.el-card__header {border-bottom: 0;font-size: 17px;font-weight: bold;padding:15px 20px 0px 20px;}
.el-dialog__title {font-size: 17px;font-weight: bold;}

View File

@ -1,10 +1,10 @@
<template>
<el-row :gutter="20">
<el-row :gutter="40">
<el-col v-if="!form.id">
<el-empty description="请选择左侧菜单后操作" :image-size="100"></el-empty>
</el-col>
<template v-else>
<el-col :xl="12" :lg="16">
<el-col :lg="12">
<h2>{{form.meta.title || "新增菜单"}}</h2>
<el-form :model="form" :rules="rules" ref="dialogForm" label-width="80px" label-position="left">
<el-form-item label="显示名称" prop="meta.title">
@ -59,21 +59,20 @@
</el-form>
</el-col>
<el-col :xl="12" :lg="8">
<el-alert title="温馨提示" class="tips">
<p>
<b>排序和位置</b>
可以通过拖拽菜单树来完成排序和更改位置的操作
</p>
<p>
<b>别名</b>
系统唯一且与内置组件名一致当类型为菜单时充当路由name当类型为按钮时充当权限标识当类型为Iframe和外链时充当http://
</p>
<p>
<b>视图</b>
如父节点链接或Iframe等没有视图的菜单不需要填写视图地址需在VUE源码中@/views/中相对应的地址前缀不需要填写/
</p>
</el-alert>
<el-col :lg="12" class="apilist">
<h2>接口权限</h2>
<sc-form-table v-model="form.apiList" :addTemplate="apiListAddTemplate" placeholder="暂无匹配接口权限">
<el-table-column prop="code" label="标识" width="150">
<template #default="scope">
<el-input v-model="scope.row.code" placeholder="请输入内容"></el-input>
</template>
</el-table-column>
<el-table-column prop="url" label="Api url">
<template #default="scope">
<el-input v-model="scope.row.url" placeholder="请输入内容"></el-input>
</template>
</el-table-column>
</sc-form-table>
</el-col>
</template>
</el-row>
@ -105,7 +104,8 @@
active: "",
color: "",
type: "menu"
}
},
apiList: []
},
menuOptions: [],
menuProps: {
@ -123,6 +123,10 @@
'#c71585'
],
rules: [],
apiListAddTemplate: {
code: "",
url: ""
},
loading: false
}
},
@ -174,6 +178,8 @@
<style scoped>
h2 {font-size: 17px;color: #3c4a54;padding:0 0 30px 0;}
.tips {line-height: 1.8;padding:20px;}
.tips p {margin-bottom: 10px;}
.apilist {border-left: 1px solid #eee;}
[data-theme="dark"] h2 {color: #fff;}
[data-theme="dark"] .apilist {border-color: #434343;}
</style>

View File

@ -12,7 +12,7 @@
</el-card>
<el-card shadow="never" header="双向绑定">
<el-button type="primary" @click="setName">改变输入框的值</el-button>
<el-button type="primary" @click="setConfig">改变配置labelPosition</el-button>
<el-button type="primary" @click="setConfig">改变指定栅格配置</el-button>
</el-card>
</el-col>
<el-col :lg="12">