<!DOCTYPE html>
|
<html>
|
<head>
|
<title>菜单管理</title>
|
<meta charset="UTF-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
<script src="../../../js/paramconfig.js"></script>
|
<script>
|
remoteToLoadCss("BootStrap4/assets/css/style.css");
|
remoteToLoadCss("BootStrap4/expand/css/bootstrap-extract.css");
|
remoteToLoadCss("BootStrap4/expand/plugins/portlet/css/portlet.css");
|
remoteToLoadJs("BootStrap4/assets/js/jquery.min.js");
|
remoteToLoadJs("BootStrap4/expand/plugins/layer/layer.js");
|
remoteToLoadJs("BootStrap4/assets/js/tether.min.js");
|
remoteToLoadJs("BootStrap4/assets/js/bootstrap.min.js");
|
remoteToLoadJs("BootStrap4/expand/plugins/portlet/portlet.js");
|
</script>
|
<script src="../../../libs/vue.min.js"></script>
|
<script src="../../../js/common.js"></script>
|
<style>
|
body {
|
background-color: white;
|
box-sizing: border-box;
|
}
|
|
.form-control {
|
padding: 0.3rem 0.7rem;
|
height: 34px;
|
}
|
|
.control-label {
|
padding-top: 0!important;
|
width: 160px;
|
float: left;
|
line-height: 30px;
|
padding-right: 1.5em;
|
}
|
|
.control-group {
|
margin-bottom: 1em;
|
}
|
|
.controls {
|
margin-left: 160px;
|
}
|
|
.col-sm-3, .col-sm-6 {
|
padding-left: 0;
|
padding-right: 0;
|
}
|
</style>
|
</head>
|
<body>
|
<div id="rapp" v-cloak style="margin: 1em;">
|
<ul class="nav nav-tabs" role="tablist">
|
<li class="nav-item">
|
<a class="nav-link active" id="home-tab" role="tab" aria-expanded="true" aria-controls="home" href="#home" data-toggle="tab">
|
<div class="top_tabs_li">{{title}}</div>
|
</a>
|
</li>
|
</ul>
|
<div class="tab-content" style="border-left: 1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;">
|
<div class="tab-pane fade active in" id="home" role="tabpanel" aria-expanded="true" aria-labelledby="home-tab">
|
<form class="form-horizontal">
|
<div class="portlet box ltblue">
|
<div class="portlet-title">
|
资源信息
|
<div class="caption">
|
<i class="fa fa-reorder"></i>
|
</div>
|
<div class="tools">
|
<a class="collapse" onclick="portlet_body_ShowOrHide(this);"></a>
|
</div>
|
</div>
|
<div class="portlet-body" style="display: block;">
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">用户名</label>
|
<div class="controls input-icon">
|
<input type="text" class="form-control col-sm-9" v-model="user.username" id="username" name="username" placeholder="登录账号" maxchar="20" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">别名</label>
|
<div class="controls input-icon">
|
<input type="text" class="form-control col-sm-9" id="nickname" name="nickname" v-model="user.nickname" placeholder="别名" maxchar="20" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">所属部门</label>
|
<div class="controls input-icon">
|
<div class="input-group col-sm-9" style="padding-left: 0;padding-right: 0;">
|
<input type="text" class="form-control" style="cursor:pointer;" v-model="user.deptName" readonly="readonly" placeholder="点击右边按钮选择所属部门" />
|
<span class="input-group-btn">
|
<a class="btn btn-info" @click="deptTree">
|
<i class="fa fa-search-plus"></i>
|
</a>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">密码</label>
|
<div class="controls input-icon">
|
<input type="text" class="form-control col-sm-9" v-model="user.password" id="password" name="password" minlength="6" userpwd="true" placeholder="至少含字母、数字和特殊字符任意两种，长度为6-16位" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">邮箱</label>
|
<div class="controls input-icon">
|
<input type="text" class="form-control col-sm-9" v-model="user.email" id="email" name="email" placeholder="邮箱" maxchar="50" Email="true" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">手机号码</label>
|
<div class="controls input-icon">
|
<input type="text" class="form-control col-sm-9" v-model="user.mobile" id="mobile" name="mobile" placeholder="手机号码" cellphone="true" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">角色</label>
|
<div class="controls">
|
<label v-for="role in roleList" class="checkbox-inline">
|
<input type="checkbox" :value="role.id" v-model="user.roleIdList">{{role.name}}
|
</label>
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">状态</label>
|
<div class="controls">
|
<label class="radio-inline">
|
<input type="radio" name="status" value="0" v-model="user.status"/> 禁用
|
</label>
|
<label class="radio-inline">
|
<input type="radio" name="status" value="1" v-model="user.status"/> 正常
|
</label>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</form>
|
<div style="height: 50px;"></div>
|
<div class="form-actions navbar-fixed-bottom" style="z-index: 0;">
|
<div style="float: left;">
|
<button class="btn btn-primary" id="button" type="button" @click="saveOrUpdate"><i class="fa fa-check"></i> 确定</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- 选择部门 -->
|
<div id="deptLayer" style="display: none;padding:10px;">
|
<ul id="deptTree" class="ztree"></ul>
|
</div>
|
<script src="../../../js/modules/sys/user_edit.js"></script>
|
</body>
|
</html>
|
