<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>后台</title>
<link rel="stylesheet" href="../../layui/css/layui.css">
<link rel="stylesheet" href="../../css/common.css">
<link rel="stylesheet" href="../../css/iconfont.css">
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<a class="layui-logo" href="index.html">
<img src="../../img/logo.png" alt="">
</a>
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item">
<a href="javascript:;">
<img src="http://t.cn/RCzsdCq" class="layui-nav-img"> zx66
</a>
<dl class="layui-nav-child">
<dd>
<a href="">基本资料</a>
</dd>
<dd>
<a href="">安全设置</a>
</dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="">退出登录</a>
</li>
</ul>
</div>
<div class="layui-side layui-side-menu">
<div class="layui-side-scroll">
<ul class="layui-nav layui-nav-tree" lay-shrink="all" lay-filter="layadmin-system-side-menu">
<li class="layui-nav-item layui-nav-itemspec">
<a href="javascript:;">
<span class="item-title">收起左侧导航</span>
<i class="layui-icon layui-icon-shrink-right"></i>
</a>
</li>
<li class="layui-nav-item">
<a href="javascript:;" lay-tips="文章管理" lay-direction="2">
<span class="font-icon">
<i class="iconfont icon-wenzhang"></i>
</span>
<span class="item-title">文章管理</span>
<span class="layui-nav-more"></span>
</a>
<dl class="layui-nav-child">
<dd>
<a lay-href="article/free.html">免费文章</a>
</dd>
<dd>
<a lay-href="javascript:;">收费文章</a>
</dd>
<dd>
<a lay-href="javascript:;">保障文章</a>
</dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;" lay-tips="权限管理" lay-direction="2">
<span class="font-icon">
<i class="iconfont icon-quanxian"></i>
</span>
<span class="item-title">权限管理</span>
<span class="layui-nav-more"></span>
</a>
<dl class="layui-nav-child">
<dd>
<a href="javascript:;">列表一</a>
</dd>
<dd>
<a href="javascript:;">列表二</a>
</dd>
<dd>
<a href="javascript:;">列表三</a>
</dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;" lay-tips="审核管理" lay-direction="2">
<span class="font-icon">
<i class="iconfont icon-shenhe1"></i>
</span>
<span class="item-title">审核管理</span>
<span class="layui-nav-more"></span>
</a>
<dl class="layui-nav-child">
<dd>
<a href="javascript:;">列表一</a>
</dd>
<dd>
<a href="javascript:;">列表二</a>
</dd>
<dd>
<a href="javascript:;">列表三</a>
</dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;" lay-tips="工单管理" lay-direction="2">
<span class="font-icon">
<i class="iconfont icon-gongdan"></i>
</span>
<span class="item-title">工单管理</span>
<span class="layui-nav-more"></span>
</a>
<dl class="layui-nav-child">
<dd>
<a href="javascript:;">列表一</a>
</dd>
<dd>
<a href="javascript:;">列表二</a>
</dd>
<dd>
<a href="javascript:;">列表三</a>
</dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;" lay-tips="用户管理" lay-direction="2">
<span class="font-icon">
<i class="iconfont icon-yonghu-tianchong"></i>
</span>
<span class="item-title">用户管理</span>
<span class="layui-nav-more"></span>
</a>
<dl class="layui-nav-child">
<dd>
<a href="javascript:;">列表一</a>
</dd>
<dd>
<a href="javascript:;">列表二</a>
</dd>
<dd>
<a href="javascript:;">列表三</a>
</dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;" lay-tips="商城管理" lay-direction="2">
<span class="font-icon">
<i class="iconfont icon-icon-test"></i>
</span>
<span class="item-title">商城管理</span>
<span class="layui-nav-more"></span>
</a>
<dl class="layui-nav-child">
<dd>
<a href="javascript:;">列表一</a>
</dd>
<dd>
<a href="javascript:;">列表二</a>
</dd>
<dd>
<a href="javascript:;">列表三</a>
</dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;" lay-tips="操作员管理" lay-direction="2">
<span class="font-icon">
<i class="iconfont icon-caozuo"></i>
</span>
<span class="item-title">操作员管理</span>
<span class="layui-nav-more"></span>
</a>
<dl class="layui-nav-child">
<dd>
<a href="javascript:;">列表一</a>
</dd>
<dd>
<a href="javascript:;">列表二</a>
</dd>
<dd>
<a href="javascript:;">列表三</a>
</dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;" lay-tips="日志管理" lay-direction="2">
<span class="font-icon">
<i class="iconfont icon-daily-fill"></i>
</span>
<span class="item-title">日志管理</span>
<span class="layui-nav-more"></span>
</a>
<dl class="layui-nav-child">
<dd>
<a href="javascript:;">列表一</a>
</dd>
<dd>
<a href="javascript:;">列表二</a>
</dd>
<dd>
<a href="javascript:;">列表三</a>
</dd>
</dl>
</li>
<span class="layui-nav-bar" style="top: 28px; height: 0px; opacity: 0;"></span>
</ul>
</div>
</div>
<div class="layui-body" id="LAY_app_body">
<div class="layadmin-tabsbody-item layui-show">
<div class="layui-card layadmin-header">
<div class="layui-breadcrumb" lay-filter="breadcrumb" style="visibility: visible;">
<a lay-href="/">主页</a>
<span lay-separator="">/</span>
<a>
<cite>发送站内信</cite>
</a>
<span lay-separator="">/</span>
<a href="javascript:history.back(-1)">返回</a>
</div>
<div class="main">
<form class="layui-form" action="">
<div class="layui-form-item">
<label class="layui-form-label">用户编码</label>
<div class="layui-input-block">
<input type="text" name="userid" id="userid" lay-verify="userid" lay-verify="required" autocomplete="off" placeholder="请输入用户编码" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">标题</label>
<div class="layui-input-block">
<input type="text" name="title" id="title" lay-verify="required" lay-reqtext="标题是必填项，不能为空！" maxlength="64" placeholder="请输入标题" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">内容</label>
<div class="layui-input-block">
<textarea placeholder="请输入内容" name="content" lay-verify="required" lay-reqtext="内容是必填项，不能为空！" id="content" class="layui-textarea" maxlength="256"></textarea>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">备注</label>
<div class="layui-input-block">
<textarea placeholder="请输入备注内容" name="remark" id="remark" class="layui-textarea"></textarea>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button type="submit" class="layui-btn" lay-submit="" lay-filter="btn">立即提交</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<script src="../../layui/layui.js"></script>
<script src="../../js/jquery.js"></script>
<script src="../../js/common.js"></script>
<script type="text/javascript">
layui.use(['element'], function () {
var element = layui.element;
});
layui.use(['form'], function(){
var form = layui.form
form.on('submit(btn)', function(data){
if(data.field.title.length > 64) {
layer.tips('站内信标题最多64个字',$("#title"));
return false;
}
if(data.field.content.length > 256) {
layer.tips('内容最多256个字',$("#content"));
return false;
}
//提交数据提示
layer.msg('数据提交中，请等待！', {
icon: 16,
shade: 0.01,
time: 2000 //2秒关闭（如果不配置，默认是3秒）
});
$.ajax({
type:'post',
url:'', //接受数据接口
dataType:'json',
data:{'userid':$.trim(data.field.use),'title':$.trim(data.field.title),'content':$.trim(data.field.content),'remark':$.trim(data.field.remark)},
success:function(res) {
if(res.code == 0) {
layer.close(); //关闭提示
layer.msg("发送成功", {icon: 6});
}else{
layer.close();//关闭提示
}
}
})
});
})
</script>
</body>
</html>