编辑 表单 样式调整

This commit is contained in:
WangHao 2020-08-31 22:19:08 +08:00
parent 0934737d36
commit 1bf7bf777c
2 changed files with 23 additions and 6 deletions

View File

@ -116,8 +116,10 @@
<el-input v-model="form.url" placeholder="请输入书签地址" />
</el-form-item>
<el-form-item label="书签描述" prop="description">
<el-input v-model="form.description" placeholder="请输入书签描述" />
<el-input v-model="form.description" type="textarea" placeholder="请输入书签描述"
:autosize="{minRows: 3, maxRows:4}" :style="{width: '100%'}"></el-input>
</el-form-item>
<el-form-item label="书签标签" prop="label">
<el-input v-model="form.label" placeholder="请输入标签" />
</el-form-item>

View File

@ -129,16 +129,22 @@
<div class="labelname">上级菜单</div>
<treeselect class="menutreeselect" v-model="form.parentId" :options="menuOptions" :normalizer="normalizer" />
</el-form-item>
<!-- <el-form-item prop="menuOrder">-->
<!-- <div class="labelname">排序</div>-->
<!-- <el-input class="custom-input" v-model="form.menuOrder" placeholder="请输入菜单排序" />-->
<!-- </el-form-item>-->
<el-form-item prop="menuOrder">
<div class="labelname">排序</div>
<el-input class="custom-input" v-model="form.menuOrder" placeholder="请输入菜单排序" />
<div class="labelname">排序(小到大)</div><br/>
<el-input-number v-model="form.menuOrder" placeholder="计数器"></el-input-number>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="danger" round @click="deleteMmenu(form.menuId)">删除</el-button>
<el-button type="primary" round @click="submitForm">确定</el-button>
<el-button round @click="cancel">取消</el-button>
@ -260,6 +266,14 @@
},
methods:{
/** 转换书签菜单数据结构 */
normalizer(node) {
if (node.children && !node.children.length) {
@ -905,6 +919,7 @@
color: rgb(0, 0, 0);
float: left;
margin-bottom: -10px;
margin-right: 5px;
}
.el-form-item__content{
margin-left: 0px!important;