From 3d51f6ebbe7691b63950ad0a38a5f25d92063083 Mon Sep 17 00:00:00 2001 From: wans <747101512@qq.com> Date: Tue, 1 Jun 2021 11:14:11 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=B4=A0=E6=9D=90=E6=8E=92?= =?UTF-8?q?=E5=BA=8F=E7=9A=84=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../static/route/columnmng/save.html | 79 ++++++++++++++++- .../static/route/columnmng/update.html | 84 ++++++++++++++++++- 2 files changed, 158 insertions(+), 5 deletions(-) diff --git a/src/main/resources/static/route/columnmng/save.html b/src/main/resources/static/route/columnmng/save.html index 5980998..a5ffec9 100644 --- a/src/main/resources/static/route/columnmng/save.html +++ b/src/main/resources/static/route/columnmng/save.html @@ -122,14 +122,27 @@
- +
+
+
+
+ +
+ +
+
+
@@ -157,15 +170,66 @@ var laytpl = layui.laytpl; var laydate = layui.laydate; var viewerObj = {}; + var resourceTypeIndex = []; // 初始化内容 function initData() { $('.layui-card').height($(window).height() - 100); initResourceTypeCheckbox(); initIconImgUploadFile(); + initResourceTypeIndex(); } initData(); + form.on('checkbox(switchResourceType)', function (data) { + var name_ = data.elem.title; + var value_ = data.elem.value; + if(data.elem.checked){ + var obj = { + name : name_, + value : value_ + }; + resourceTypeIndex.push(obj); + initResourceTypeIndex(); + } else { + if(resourceTypeIndex.length > 0){ + $.each(resourceTypeIndex, function(i, e){ + if(e.value == value_){ + resourceTypeIndex.splice(i,1); + initResourceTypeIndex(); + return; + } + }); + } else { + resourceTypeIndex = []; + } + initResourceTypeIndex(); + } + }); + + $(document.body).on('click', '*[lay-click-remove-resource-type]', null, function() { + var data = this.dataset; + var checkboxDom = $('input[name="resourceType[' + data.val +']'); + if(checkboxDom.length > 0){ + checkboxDom[0].checked = false; + form.render(); + $.each(resourceTypeIndex, function(i, e){ + if(e.value == data.val){ + resourceTypeIndex.splice(i,1); + initResourceTypeIndex(); + return; + } + }); + } + }); + + function initResourceTypeIndex() { + laytpl(document.getElementById('resourceOrderTemplate').innerHTML).render(resourceTypeIndex, function(html) { + document.getElementById('resourceOrder').innerHTML = html; + }); + form.render(); + } + //初始化素材类型复选框 function initResourceTypeCheckbox() { top.restAjax.get(top.restAjax.path('api/columnmng/material-type-list', []), {}, null, function(code, data, args) { @@ -232,10 +296,19 @@ // 提交表单 form.on('submit(submitForm)', function(formData) { + layer.closeAll(); + if(resourceTypeIndex.length == 0){ + layer.msg('请选择素材类型'); + return; + } top.dialog.confirm(top.dataMessage.commit, function(index) { top.dialog.close(index); var loadLayerIndex; - formData.field['resourceType'] = top.restAjax.checkBoxToString(formData.field, 'resourceType'); + var resourceType = ''; + $.each(resourceTypeIndex, function(i,e){ + resourceType += e.value + ','; + }); + formData.field['resourceType'] = resourceType.substring(0,resourceType.length-1 ); top.restAjax.post(top.restAjax.path('api/columnmng/save', []), formData.field, null, function(code, data) { var layerIndex = top.dialog.msg(top.dataMessage.commitSuccess, { time: 0, diff --git a/src/main/resources/static/route/columnmng/update.html b/src/main/resources/static/route/columnmng/update.html index 3218d3f..bb7e700 100644 --- a/src/main/resources/static/route/columnmng/update.html +++ b/src/main/resources/static/route/columnmng/update.html @@ -126,10 +126,23 @@
+
+
+
+ +
+ +
+
+
@@ -158,6 +171,7 @@ var laydate = layui.laydate; var columnId = top.restAjax.params(window.location.href).columnId; var viewerObj = {}; + var resourceTypeIndex = []; // 初始化内容 function initData() { @@ -195,11 +209,68 @@ checkboxObj['resourceType['+ checkbox +']'] = true; } form.val('dataForm', checkboxObj); + for(var k = 0, checkbox = checkboxValue[k]; checkbox = checkboxValue[k++];) { + var name_ = $('input[name="resourceType[' + checkbox +']')[0].title; + resourceTypeIndex.push({ + name : name_, + value : checkbox + }) + } + initResourceTypeIndex(); }, function(code, data) { top.dialog.msg(data.msg); }); } + form.on('checkbox(switchResourceType)', function (data) { + var name_ = data.elem.title; + var value_ = data.elem.value; + if(data.elem.checked){ + var obj = { + name : name_, + value : value_ + }; + resourceTypeIndex.push(obj); + initResourceTypeIndex(); + } else { + if(resourceTypeIndex.length > 0){ + $.each(resourceTypeIndex, function(i, e){ + if(e.value == value_){ + resourceTypeIndex.splice(i,1); + initResourceTypeIndex(); + return; + } + }); + } else { + resourceTypeIndex = []; + } + initResourceTypeIndex(); + } + }); + + $(document.body).on('click', '*[lay-click-remove-resource-type]', null, function() { + var data = this.dataset; + var checkboxDom = $('input[name="resourceType[' + data.val +']'); + if(checkboxDom.length > 0){ + checkboxDom[0].checked = false; + form.render(); + $.each(resourceTypeIndex, function(i, e){ + if(e.value == data.val){ + resourceTypeIndex.splice(i,1); + initResourceTypeIndex(); + return; + } + }); + } + }); + + function initResourceTypeIndex() { + laytpl(document.getElementById('resourceOrderTemplate').innerHTML).render(resourceTypeIndex, function(html) { + document.getElementById('resourceOrder').innerHTML = html; + }); + form.render(); + } + // 初始化行业logo图片上传 function initIconImgUploadFile() { var files = $('#iconImg').val(); @@ -254,10 +325,19 @@ // 提交表单 form.on('submit(submitForm)', function(formData) { + layer.closeAll(); + if(resourceTypeIndex.length == 0){ + layer.msg('请选择素材类型'); + return; + } top.dialog.confirm(top.dataMessage.commit, function(index) { top.dialog.close(index); var loadLayerIndex; - formData.field['resourceType'] = top.restAjax.checkBoxToString(formData.field, 'resourceType'); + let resourceType = ''; + $.each(resourceTypeIndex, function(i,e){ + resourceType += e.value + ','; + }); + formData.field['resourceType'] = resourceType.substring(0,resourceType.length-1 ); top.restAjax.put(top.restAjax.path('api/columnmng/update/{columnId}', [columnId]), formData.field, null, function(code, data) { var layerIndex = top.dialog.msg(top.dataMessage.updateSuccess, { time: 0,