心通达开源版OA搭建记录(六)
·
弹窗UI改造
现在系统弹窗UI风格不统一,有的使用浏览器自带的alert风格,有的使用layui风格,总之风格不统一。现在要改为统一使用layui风格的弹窗样式。
- 登陆页面弹窗UI改造
1)用户名不能为空改造
找到登录页面对应的jsp文件,如深海豪情风格的登陆页面jsp文件位置为:\xoa\WebRoot\WEB-INF\login\default\index.jsp。
在页面的script标签上引入layui组件:<script src="/lib/layui/layuiadmin/layui/layui.js"></script>。
在登录点击事件代码区,去除alert("请输入用户名!");,新增:
//layer.alert("请输入用户名!");
layer.alert('请输入用户名!', {
icon: 0,
shadeClose: true,
title: '信息提示: '
});
2)错误提示信息改
在相同页面,且引入layui组件的前提下,找到错误提示位置去除相应的alert,添加对应的layui弹窗提醒,示例:
layer.alert('用户名或密码错误(错误代码:100010)', {
icon: 2,
shadeClose: true,
title: '信息提示: '
});
DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。
更多推荐


所有评论(0)