|
|
@@ -0,0 +1,260 @@
|
|
|
+layui.config({
|
|
|
+ base: 'js/encryption/'
|
|
|
+}).use(['layer', 'form', 'jquery', 'table', 'laydate', 'upload', 'ajax'], function () {
|
|
|
+ layer = layui.layer,
|
|
|
+ laydate = layui.laydate,
|
|
|
+ upload = layui.upload,
|
|
|
+ table = layui.table,
|
|
|
+ form = layui.form,
|
|
|
+ $ = layui.jquery,
|
|
|
+ ly = layui.ajax;
|
|
|
+
|
|
|
+ // 主要表格
|
|
|
+ table.render({
|
|
|
+ elem: '#computerRoomTable',
|
|
|
+ url: PAGE_BASIC + '/computerRoom/getComputerRoomByPage',
|
|
|
+ toolbar: '#computerRoomTable_toolbar', //开启头部工具栏，并为其绑定左侧模板
|
|
|
+ page: true,
|
|
|
+ cols: [
|
|
|
+ [{
|
|
|
+ type: 'numbers',
|
|
|
+ title: '序号',
|
|
|
+ fixed: 'left'
|
|
|
+ }, {
|
|
|
+ field: 'computer_room_name',
|
|
|
+ title: '机房名称',
|
|
|
+ }, {
|
|
|
+ field: 'create_time',
|
|
|
+ title: '创建时间'
|
|
|
+ }, {
|
|
|
+ fixed: 'right',
|
|
|
+ title: '操作',
|
|
|
+ toolbar: '#computerRoomTable_bar',
|
|
|
+ width: 150
|
|
|
+ }]
|
|
|
+ ]
|
|
|
+ });
|
|
|
+
|
|
|
+ //拖拽上传
|
|
|
+ upload.render({
|
|
|
+ elem: '#uploadFile'
|
|
|
+ , url: PAGE_BASIC + '/upload/fileUpload' //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
|
|
|
+ , headers: {
|
|
|
+ timestamp: new Date().getTime(),
|
|
|
+ Authorization: sessionStorage.TOKEN_TYPE + ' ' + sessionStorage.ACCESS_TOKEN
|
|
|
+ }
|
|
|
+ , accept: 'image'
|
|
|
+ , acceptMime: 'image/*'
|
|
|
+ , ext: 'jpg|png|gif|bmp|jpeg'
|
|
|
+ , data: {prefix: 'computerRoom'}
|
|
|
+ , done: function (res) {
|
|
|
+ $("#imagePath").val(res.data.filePath)
|
|
|
+ layer.msg('上传成功');
|
|
|
+ layui.$('#uploadDemoView').removeClass('layui-hide').find('img').attr('src', PAGE_BASIC + res.data.filePath);
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ //头工具栏事件(主要表格)
|
|
|
+ table.on('toolbar(computerRoomTable)', function (obj) {
|
|
|
+ switch (obj.event) {
|
|
|
+ case 'add': //新增
|
|
|
+ $(".main").addClass("layui-hide").removeClass("layui-show");
|
|
|
+ $(".add").addClass("layui-show").removeClass("layui-hide");
|
|
|
+ $('#submit').attr('submitType', 'insert');
|
|
|
+ $(".add .header_title span").html("新增");
|
|
|
+ $('#computerRoomInfo')[0].reset();
|
|
|
+ $('#uploadDemoView').addClass('layui-hide')
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ //监听行工具事件(主要表格)
|
|
|
+ table.on('tool(computerRoomTable)', function (obj) {
|
|
|
+ var data = obj.data;
|
|
|
+ if (obj.event === 'del') {
|
|
|
+ layer.confirm('是否确认删除', function (index) {
|
|
|
+ deleteComputerRoom(data.id);
|
|
|
+ layer.close(index);
|
|
|
+ });
|
|
|
+ } else if (obj.event === 'edit') {
|
|
|
+ $(".main").addClass("layui-hide").removeClass("layui-show");
|
|
|
+ $(".add").addClass("layui-show").removeClass("layui-hide");
|
|
|
+ $(".add .header_title span").html("编辑");
|
|
|
+ $('#submit').attr('submitType', 'update');
|
|
|
+ $('#computerRoomInfo')[0].reset();
|
|
|
+ // 数据初始化
|
|
|
+ $('#id').empty().val(data.id);
|
|
|
+ $('#computerRoomName').empty().val(data.computer_room_name);
|
|
|
+ $('#link').val(data.link);
|
|
|
+ $('#imagePath').val(data.image_path);
|
|
|
+ layui.$('#uploadDemoView').removeClass('layui-hide').find('img').attr('src', PAGE_BASIC + data.image_path);
|
|
|
+ form.render();
|
|
|
+ //initComputerRoom(data.id);
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ // 验证表单
|
|
|
+ form.verify({
|
|
|
+ computerRoomName: function (value, item) {
|
|
|
+ if (!value.trim()) {
|
|
|
+ return '弹窗名称不能为空！';
|
|
|
+ }
|
|
|
+ },
|
|
|
+ link: function (value, item) {
|
|
|
+ if (!value.trim()) {
|
|
|
+ return '链接地址不能为空！';
|
|
|
+ }
|
|
|
+ if (value != '#' && value.indexOf("http") < 0) {
|
|
|
+ if (!(/^([a-zA-Z]([-_a-zA-Z0-9])+[.]?)*[A-Za-z]$/.test(value))) {
|
|
|
+ return '请输入合法的 HTML 文件名或者 #！';
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ // 监听提交按钮
|
|
|
+ form.on('submit(submit)', function (data) {
|
|
|
+ var submitType = data.elem.getAttribute("submitType");
|
|
|
+ // 新增
|
|
|
+ if (submitType == 'insert') {
|
|
|
+ addComputerRoom();
|
|
|
+ return false;
|
|
|
+ } else if (submitType == 'update') {
|
|
|
+ updateComputerRoom();
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ // 返回
|
|
|
+ $(".back").click(function () {
|
|
|
+ $(".main").addClass("layui-show").removeClass("layui-hide");
|
|
|
+ $(".add").addClass("layui-hide").removeClass("layui-show");
|
|
|
+ })
|
|
|
+
|
|
|
+});
|
|
|
+
|
|
|
+
|
|
|
+/* 新增弹窗信息 */
|
|
|
+function addComputerRoom() {
|
|
|
+ var postData = form.val('computerRoomInfo');
|
|
|
+ index = layer.load(2);
|
|
|
+ ly.ajax({
|
|
|
+ type: 'POST',
|
|
|
+ url: PAGE_BASIC + '/computerRoom/addComputerRoom',
|
|
|
+ dataType: 'json',
|
|
|
+ data: postData,
|
|
|
+ success: function (json) {
|
|
|
+ if (json.result) {
|
|
|
+ layer.msg("新增成功");
|
|
|
+ $(".main").addClass("layui-show").removeClass("layui-hide");
|
|
|
+ $(".add").addClass("layui-hide").removeClass("layui-show");
|
|
|
+ reloadTable();
|
|
|
+ } else if (json.msg === 'EXIST') {
|
|
|
+ layer.msg("新增失败,名称重复");
|
|
|
+ } else {
|
|
|
+ layer.msg("新增失败");
|
|
|
+ }
|
|
|
+ layer.close(index);
|
|
|
+ },
|
|
|
+ error: function (msg) {
|
|
|
+ layer.close(index);
|
|
|
+ goPage(msg, 1);
|
|
|
+ }
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+/* 修改弹窗 */
|
|
|
+function updateComputerRoom() {
|
|
|
+ var postData = form.val('computerRoomInfo');
|
|
|
+ index = layer.load(2);
|
|
|
+ ly.ajax({
|
|
|
+ type: 'POST',
|
|
|
+ url: PAGE_BASIC + '/computerRoom/editComputerRoom',
|
|
|
+ dataType: 'json',
|
|
|
+ data: postData,
|
|
|
+ success: function (json) {
|
|
|
+ if (json.result) {
|
|
|
+ layer.msg("修改成功");
|
|
|
+ $(".main").addClass("layui-show").removeClass("layui-hide");
|
|
|
+ $(".add").addClass("layui-hide").removeClass("layui-show");
|
|
|
+ reloadTable();
|
|
|
+ } else if (json.msg = 'EXIST') {
|
|
|
+ layer.msg("修改失败,名称重复");
|
|
|
+ } else {
|
|
|
+ layer.msg("修改失败");
|
|
|
+ }
|
|
|
+ layer.close(index);
|
|
|
+ },
|
|
|
+ error: function (msg) {
|
|
|
+ layer.close(index);
|
|
|
+ goPage(msg, 1);
|
|
|
+ }
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+/* 回显数据 */
|
|
|
+function initComputerRoom(id) {
|
|
|
+ index = layer.load(2);
|
|
|
+ ly.ajax({
|
|
|
+ type: 'GET',
|
|
|
+ url: PAGE_BASIC + '/computerRoom/getComputerRoomInfoById',
|
|
|
+ dataType: 'json',
|
|
|
+ data: {
|
|
|
+ "id": id,
|
|
|
+ },
|
|
|
+ success: function (json) {
|
|
|
+ if (json.result) {
|
|
|
+ $('#id').empty().val(id);
|
|
|
+ $('#computerRoomName').empty().val(json.data.computerRoom_name);
|
|
|
+ $('#topLeft').empty().val(json.data.top_left);
|
|
|
+ $('#widthHeight').val(json.data.width_height);
|
|
|
+ $('#link').val(json.data.link);
|
|
|
+ $('#imagePath').val(json.data.image_path);
|
|
|
+ layui.$('#uploadDemoView').removeClass('layui-hide').find('img').attr('src', PAGE_BASIC + json.data.image_path);
|
|
|
+ form.render();
|
|
|
+ } else {
|
|
|
+ layer.msg("数据获取失败");
|
|
|
+ }
|
|
|
+ layer.close(index);
|
|
|
+ },
|
|
|
+ error: function (msg) {
|
|
|
+ layer.close(index);
|
|
|
+ goPage(msg, 1);
|
|
|
+ }
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+/* 删除基础数据 */
|
|
|
+function deleteComputerRoom(id) {
|
|
|
+ index = layer.load(2);
|
|
|
+ ly.ajax({
|
|
|
+ type: 'POST',
|
|
|
+ url: PAGE_BASIC + '/computerRoom/delComputerRoom',
|
|
|
+ dataType: 'json',
|
|
|
+ data: {
|
|
|
+ "id": id,
|
|
|
+ },
|
|
|
+ success: function (json) {
|
|
|
+ if (json.result) {
|
|
|
+ layer.msg("删除成功");
|
|
|
+ reloadTable();
|
|
|
+ } else {
|
|
|
+ layer.msg("删除失败");
|
|
|
+ }
|
|
|
+ layer.close(index);
|
|
|
+ },
|
|
|
+ error: function (msg) {
|
|
|
+ layer.close(index);
|
|
|
+ goPage(msg, 1);
|
|
|
+ }
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+/* 表格重载 */
|
|
|
+function reloadTable() {
|
|
|
+ table.reload('computerRoomTable', {
|
|
|
+ page: {
|
|
|
+ curr: 1 //重新从第 1 页开始
|
|
|
+ }
|
|
|
+ }); //只重载数据
|
|
|
+}
|
lyq