Skip to content

N
NLT-e-cigarette
Commit eabb927d authored by 张伯涛's avatar 张伯涛
Browse files
Options

系统管理弹窗新增表单修改

parent 61a19100
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 335 additions and 218 deletions
src/views/system/dept/index.vue
View file @ eabb927d
......@@ -176,73 +176,73 @@
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row>
<el-col v-if="form.parentId !== 0" :span="24">
<el-form-item label="上级部门" prop="parentId">
<div slot="label" style="position: relative;bottom: 17px" class="labelClass">
<div>上级部门</div>
<div>Superior Dept</div>
<el-form-item class="labelHeight" label="上级部门" prop="parentId">
<div slot="label" class="labelClassRequired">
<div class="labelName">上级部门</div>
<div class="labelName">Superior Dept</div>
</div>
<treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" placeholder="选择上级部门" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="部门名称" prop="deptName">
<div slot="label" style="position: relative;bottom: 17px" class="labelClass">
<div>部门名称</div>
<div>Dept Name</div>
<el-form-item class="labelHeight" label="部门名称" prop="deptName">
<div slot="label" class="labelClassRequired">
<div class="labelName">部门名称</div>
<div class="labelName">Dept Name</div>
</div>
<el-input v-model.trim="form.deptName" placeholder="请输入部门名称" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="部门编码" prop="deptCode">
<el-form-item class="labelHeight" label="部门编码" prop="deptCode">
<div slot="label" class="labelClass">
<div>部门编码</div>
<div>Dept Number</div>
<div class="labelName">部门编码</div>
<div class="labelName">Dept Number</div>
</div>
<el-input v-model.trim="form.deptCode" placeholder="请输入部门编码" maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="部门排序" prop="orderNum">
<div slot="label" style="position: relative;bottom: 17px" class="labelClass">
<div>部门排序</div>
<div>Dept Sort</div>
<el-form-item class="labelHeight" label="部门排序" prop="orderNum">
<div slot="label" style="position: relative;bottom: 17px" class="labelClassRequired">
<div class="labelName">部门排序</div>
<div class="labelName">Dept Sort</div>
</div>
<el-input-number v-model="form.orderNum" controls-position="right" :min="0" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="负责人" prop="leader">
<el-form-item class="labelHeight" label="负责人" prop="leader">
<div slot="label" class="labelClass">
<div>负责人</div>
<div>Leader</div>
<div class="labelName">负责人</div>
<div class="labelName">Leader</div>
</div>
<el-input v-model.trim="form.leader" placeholder="请输入负责人" maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系电话" prop="phone">
<el-form-item class="labelHeight" label="联系电话" prop="phone">
<div slot="label" class="labelClass">
<div>联系电话</div>
<div>Phone</div>
<div class="labelName">联系电话</div>
<div class="labelName">Phone</div>
</div>
<el-input v-model.trim="form.phone" placeholder="请输入联系电话" show-word-limit maxlength="11" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮箱" prop="email">
<el-form-item class="labelHeight" label="邮箱" prop="email">
<div slot="label" class="labelClass">
<div>邮箱</div>
<div>Email</div>
<div class="labelName">邮箱</div>
<div class="labelName">Email</div>
</div>
<el-input v-model.trim="form.email" placeholder="请输入邮箱" maxlength="50" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="部门状态">
<el-form-item class="labelHeight" label="部门状态">
<div slot="label" class="labelClass">
<div>部门状态</div>
<div>dept Status</div>
<div class="labelName">部门状态</div>
<div class="labelName">dept Status</div>
</div>
<!-- <el-radio-group v-model="form.flag">-->
<!-- <el-radio label="0">正常</el-radio>-->
......@@ -552,8 +552,20 @@ export default {
.el-form-item--small .el-form-item__label{
line-height: 17px;
}
.labelName{
display: flex;
justify-content: end;
}
.labelClass{
position: relative;
right: 13px;
text-align: center;
}
.labelClassRequired{
text-align: center;
position: relative;
bottom: 17px;
right: 13px;
}
}
</style>
src/views/system/dict/data.vue
View file @ eabb927d
......@@ -200,21 +200,41 @@
/>
<!-- 添加或修改参数配置对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-dialog class="dataAddDialog" :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="字典类型">
<el-form-item class="labelHeight" label="字典类型" prop="dictType">
<div slot="label" class="labelClass">
<div class="labelName">字典类型</div>
<div class="labelName">Dict Type</div>
</div>
<el-input v-model.trim="form.dictType" :disabled="true" show-word-limit maxlength="30" placeholder="请输入字典类型" />
</el-form-item>
<el-form-item label="参数标签" prop="dictLabel">
<el-form-item class="labelHeight" label="参数标签" prop="dictLabel">
<div slot="label" class="labelClassRequired">
<div class="labelName">参数标签</div>
<div class="labelName">Dict Label</div>
</div>
<el-input v-model.trim="form.dictLabel" show-word-limit maxlength="30" placeholder="请输入参数标签" />
</el-form-item>
<el-form-item label="参数键值" prop="dictValue">
<el-form-item class="labelHeight" label="参数键值" prop="dictValue">
<div slot="label" class="labelClassRequired">
<div class="labelName">参数键值</div>
<div class="labelName">Dict Value</div>
</div>
<el-input v-model.trim="form.dictValue" show-word-limit maxlength="300" placeholder="请输入参数键值" />
</el-form-item>
<el-form-item label="参数排序" prop="dictSort">
<el-form-item class="labelHeight" label="参数排序" prop="dictSort">
<div slot="label" class="labelClassRequired">
<div class="labelName">参数排序</div>
<div class="labelName">Dict Sort</div>
</div>
<el-input-number v-model="form.dictSort" style="width: 100%" controls-position="right" :min="0" />
</el-form-item>
<el-form-item label="参数状态" prop="status">
<el-form-item class="labelHeight" label="参数状态" prop="status">
<div slot="label" class="labelClass">
<div class="labelName">参数状态</div>
<div class="labelName">Status</div>
</div>
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions.filter(item => { return item.dictValue })"
......@@ -223,7 +243,11 @@
>{{ dict.dictLabel }}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remarks">
<el-form-item class="labelHeight" label="备注" prop="remarks">
<div slot="label" class="labelClass">
<div class="labelName">备注</div>
<div class="labelName">Remarks</div>
</div>
<el-input v-model.trim="form.remarks" type="textarea" show-word-limit maxlength="200" placeholder="请输入内容" />
</el-form-item>
</el-form>
......@@ -519,4 +543,29 @@ export default {
flex-direction: row;
}
}
.dataAddDialog{
.labelHeight{
.el-form-item__label{
height: 34px;
}
}
.el-form-item--small .el-form-item__label{
line-height: 17px;
}
.labelName{
display: flex;
justify-content: end;
}
.labelClass{
position: relative;
right: 13px;
text-align: center;
}
.labelClassRequired{
text-align: center;
position: relative;
bottom: 17px;
right: 13px;
}
}
</style>
src/views/system/dict/index.vue
View file @ eabb927d
......@@ -102,12 +102,12 @@
@click="handleDelete"
>删除 Delete
</el-button>
<!-- <el-button-->
<!-- v-hasPermi="['sys:dict:export']"-->
<!-- type="success"-->
<!-- size="small"-->
<!-- @click="handleExport"-->
<!-- >导出 Export</el-button>-->
<!-- <el-button-->
<!-- v-hasPermi="['sys:dict:export']"-->
<!-- type="success"-->
<!-- size="small"-->
<!-- @click="handleExport"-->
<!-- >导出 Export</el-button>-->
</div>
<div class="mb12 font-small-bold" style="margin: 0 0 12px 0;font-size: 14px">字典管理列表</div>
<el-table v-loading="loading" border :data="typeList" @selection-change="handleSelectionChange">
......@@ -211,24 +211,24 @@
<!-- 添加或修改参数配置对话框 -->
<el-dialog class="dictDialog" title="字典信息" :visible.sync="open" width="60%" append-to-body @close="reset">
<el-form ref="form" :model="form" :rules="rules" label-width="130px">
<el-form-item label="字典名称" prop="dictName">
<div slot="label" style="position: relative;bottom: 17px" class="labelClass">
<div>字典名称</div>
<div>Dict Name</div>
<el-form-item class="labelHeight" label="字典名称" prop="dictName">
<div slot="label" class="labelClassRequired">
<div class="labelName">字典名称</div>
<div class="labelName">Dict Name</div>
</div>
<el-input v-model.trim="form.dictName" :maxlength="30" placeholder="请输入字典名称" />
</el-form-item>
<el-form-item label="字典类型" prop="dictType">
<div slot="label" style="position: relative;bottom: 17px" class="labelClass">
<div>字典类型</div>
<div>Dict Type</div>
<el-form-item class="labelHeight" label="字典类型" prop="dictType">
<div slot="label" class="labelClassRequired">
<div class="labelName">字典类型</div>
<div class="labelName">Dict Type</div>
</div>
<el-input v-model.trim="form.dictType" :maxlength="30" placeholder="请输入字典类型" />
</el-form-item>
<el-form-item label="状态" prop="flag">
<el-form-item class="labelHeight" label="状态" prop="flag">
<div slot="label" class="labelClass">
<div>状态</div>
<div>Status</div>
<div class="labelName">状态</div>
<div class="labelName">Status</div>
</div>
<el-radio-group v-model="form.flag">
<el-radio
......@@ -239,10 +239,10 @@
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="父字典名称">
<el-form-item class="labelHeight" label="父字典名称">
<div slot="label" class="labelClass">
<div>父字典名称</div>
<div>Parent Dict Name</div>
<div class="labelName">父字典名称</div>
<div class="labelName">Parent Dict Name</div>
</div>
<el-select v-model="form.parentId" style="width: 100%" clearable placeholder="请选择父字典类型" @change="getOptions">
<el-option
......@@ -268,10 +268,10 @@
<!-- </el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<el-form-item label="备注" prop="remarks">
<el-form-item class="labelHeight" label="备注" prop="remarks">
<div slot="label" class="labelClass">
<div>备注</div>
<div>Remarks</div>
<div class="labelName">备注</div>
<div class="labelName">Remarks</div>
</div>
<el-input v-model.trim="form.remarks" maxlength="200" type="textarea" placeholder="请输入内容" />
</el-form-item>
......@@ -661,8 +661,20 @@ export default {
.el-form-item--small .el-form-item__label{
line-height: 17px;
}
.labelName{
display: flex;
justify-content: end;
}
.labelClass{
position: relative;
right: 13px;
text-align: center;
}
.labelClassRequired{
text-align: center;
position: relative;
bottom: 17px;
right: 13px;
}
}
</style>
src/views/system/menu/index.vue
View file @ eabb927d
This diff is collapsed.
src/views/system/role/index.vue
View file @ eabb927d
......@@ -176,31 +176,31 @@
<!-- 添加或修改角色配置对话框 -->
<el-dialog class="roleAddDialog" title="角色信息" :visible.sync="open" width="60%" append-to-body>
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="120px">
<el-form-item label="角色名称" prop="roleName">
<div slot="label" style="position: relative;bottom: 17px" class="labelClass">
<div>角色名称</div>
<div>Role Name</div>
<el-form-item class="labelHeight" label="角色名称" prop="roleName">
<div slot="label" class="labelClassRequired">
<div class="labelName">角色名称</div>
<div class="labelName">Role Name</div>
</div>
<el-input v-model.trim="form.roleName" show-word-limit :maxlength="30" placeholder="请输入角色名称" />
</el-form-item>
<el-form-item label="权限字符" prop="roleKey">
<div slot="label" style="position: relative;bottom: 17px" class="labelClass">
<div>权限字符</div>
<div>Limit</div>
<el-form-item class="labelHeight" label="权限字符" prop="roleKey">
<div slot="label" class="labelClassRequired">
<div class="labelName">权限字符</div>
<div class="labelName">Limit</div>
</div>
<el-input v-model.trim="form.roleKey" show-word-limit :maxlength="30" placeholder="请输入权限字符" />
</el-form-item>
<el-form-item label="角色排序" prop="roleSort">
<div slot="label" class="labelClass">
<div>角色排序</div>
<div>Role Sort</div>
<el-form-item class="labelHeight" label="角色排序" prop="roleSort">
<div slot="label" class="labelClassRequired">
<div class="labelName">角色排序</div>
<div class="labelName">Role Sort</div>
</div>
<el-input-number v-model="form.roleSort" style="width: 100%" controls-position="right" :min="0" />
</el-form-item>
<el-form-item label="角色状态">
<el-form-item class="labelHeight" label="角色状态" prop="flag">
<div slot="label" class="labelClass">
<div>角色状态</div>
<div>Role Status</div>
<div class="labelName">角色状态</div>
<div class="labelName">Role Status</div>
</div>
<el-radio-group v-model="form.flag">
<el-radio
......@@ -210,10 +210,10 @@
>{{ dict.dictLabel }}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="菜单权限">
<el-form-item class="labelHeight" label="菜单权限" prop="flag">
<div slot="label" class="labelClass">
<div>菜单权限</div>
<div>Menu Limit</div>
<div class="labelName">菜单权限</div>
<div class="labelName">Menu Limit</div>
</div>
<el-checkbox v-model="menuExpand" @change="handleCheckedTreeExpand($event, 'menu')">展开/折叠</el-checkbox>
<el-checkbox v-model="menuNodeAll" @change="handleCheckedTreeNodeAll($event, 'menu')">全选/全不选</el-checkbox>
......@@ -229,10 +229,10 @@
:props="defaultProps"
/>
</el-form-item>
<el-form-item label="备注">
<el-form-item class="labelHeight" label="备注" prop="remark">
<div slot="label" class="labelClass">
<div>备注</div>
<div>Remarks</div>
<div class="labelName">备注</div>
<div class="labelName">Remarks</div>
</div>
<el-input v-model.trim="form.remark" maxlength="200" show-word-limit type="textarea" placeholder="请输入内容" />
</el-form-item>
......@@ -776,8 +776,20 @@ export default {
.el-form-item--small .el-form-item__label{
line-height: 17px;
}
.labelName{
display: flex;
justify-content: end;
}
.labelClass{
position: relative;
right: 13px;
text-align: center;
}
.labelClassRequired{
text-align: center;
position: relative;
bottom: 17px;
right: 13px;
}
}
.el-divider--vertical{
......
src/views/system/user/index.vue
View file @ eabb927d
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment