From a4aa79c7f7832669aee04e315c303531e782c521 Mon Sep 17 00:00:00 2001 From: LSH Date: 星期三, 26 七月 2023 13:30:54 +0800 Subject: [PATCH] #甲方单位页面优化 --- src/main/webapp/static/js/cstmr/cstmr.js | 151 +++++++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 136 insertions(+), 15 deletions(-) diff --git a/src/main/webapp/static/js/cstmr/cstmr.js b/src/main/webapp/static/js/cstmr/cstmr.js index 1ad10e7..6b98850 100644 --- a/src/main/webapp/static/js/cstmr/cstmr.js +++ b/src/main/webapp/static/js/cstmr/cstmr.js @@ -1,5 +1,7 @@ var pageCurr; var pageCount = 0; +var treeCond; +var admin; layui.config({ base: baseUrl + "/static/layui/lay/modules/" }).extend({ @@ -10,31 +12,84 @@ var layer = layui.layer; var layDate = layui.laydate; var form = layui.form; - var admin = layui.admin; + admin = layui.admin; var xmSelect = layui.xmSelect; var cascader = layui.cascader; var tree = layui.tree; var dropdown = layui.dropdown; + $('#organization').html(localStorage.getItem('nickname') + ' <i class="layui-icon"></i>'); + + // 閮ㄩ棬浜哄憳 绛涢�� dropdown.render({ - elem: '#slrassa' - ,content: ['<div id="organizationTree" style="height: calc(100vh - 525px);border: none"></div>'].join('') - ,style: 'width: 370px; height: 500px; padding: 0 15px; box-shadow: 1px 1px 30px rgb(0 0 0 / 12%);' + elem: '#organization' + ,content: ['<div id="organizationTree" style="height: calc(330px);border: none"></div>'].join('') + ,style: 'width: 370px; height: 350px; padding: 0 15px; box-shadow: 1px 1px 30px rgb(0 0 0 / 12%);' ,ready: function(){ loadTree(); } }); + // 鏁版嵁鍚屾 + dropdown.render({ + elem: '#data-btn' + ,align: 'right' + ,style: 'border-radius: 5px;' + ,className: 'site-dropdown-demo' + ,data: [ + { + title: '妯℃澘涓嬭浇' + ,templet: '<i class="layui-icon layui-icon-template-1"></i>{{d.title}}' + ,id: 1 + }, + { + title: '瀵煎叆 Excel' + ,templet: '<i class="layui-icon layui-icon-upload"></i>{{d.title}}' + ,id: 2 + }, + {type: '-'}, //鍒嗗壊绾� + { + title: '瀵煎嚭 Excel' + ,templet: '<i class="layui-icon layui-icon-export"></i>{{d.title}}' + ,id: 3 + } + ] + ,click: async function(item){ + switch (item.id) { + case 1: + // 妯℃澘涓嬭浇 + layer.load(1, {shade: [0.1,'#fff']}); + location.href = baseUrl + "/mould/鐢叉柟鍗曚綅瀵煎叆妯℃澘.xls"; + layer.closeAll('loading'); + break + case 2: + // 瀵煎叆 Excel + $("#importExcel").trigger("click"); + // let arrFileHandle = await window.showOpenFilePicker() + // let file = await arrFileHandle[0].getFile(); + // upload(file); + break + case 3: + // 瀵煎嚭 Excel + layer.msg("鏉ヤ笉鍙婂仛锛岀瓑绛�", {icon: 6}); + break + default: + break + } + } + }); + // 鏍戝舰鍥� var organizationTree; - var selObj; - window.loadTree = function(condition){ + window.loadTree = function(followerName,conditionName,condition){ var loadIndex = layer.load(2); $.ajax({ url: baseUrl+"/dept/user/tree/auth", headers: {'token': localStorage.getItem('token')}, data: { - 'condition': condition + 'followerName' : followerName, + 'conditionName' : conditionName, + 'condition' : condition }, method: 'POST', success: function (res) { @@ -46,9 +101,14 @@ onlyIconControl: true, data: res.data, click: function (obj) { - selObj = obj; + treeCond = { + key: obj.data.key, + val: obj.data.id + } + $('#organization').html(obj.data.title + ' <i class="layui-icon"></i>'); $('#organizationTree').find('.ew-tree-click').removeClass('ew-tree-click'); $(obj.elem).children('.layui-tree-entry').addClass('ew-tree-click'); + clearFormVal($('#search-box')); tableIns.reload({ where: {[obj.data.key]: obj.data.id}, page: {curr: 1} @@ -69,7 +129,7 @@ tableIns = table.render({ elem: '#cstmr', headers: {token: localStorage.getItem('token')}, - url: baseUrl+'/cstmr/list/auth', + url: baseUrl+'/cstmr/page/auth', page: true, limit: 15, limits: [15, 30, 50, 100, 200, 500], @@ -81,14 +141,14 @@ {type: 'checkbox'} // ,{field: 'id', align: 'center',title: 'ID'} // ,{field: 'hostId$', align: 'center',title: '鎵�灞炲晢鎴�'} - ,{field: 'name', align: 'left',title: '瀹㈡埛鍚嶇О', style: 'color: #1890ff;cursor:pointer', event: 'more'} + ,{field: 'name', align: 'left',title: '瀹㈡埛鍚嶇О', style: 'color: #1890ff;cursor:pointer', event: 'more', width: 350} ,{field: 'uuid', align: 'left',title: '瀹㈡埛浠e彿'} ,{field: 'addr', align: 'left',title: '璇︾粏鍦板潃', templet:function(d){return emptyShow(d.addr)}} ,{field: 'tel', align: 'left',title: '鐢佃瘽', templet:function(d){return emptyShow(d.tel)}} ,{field: 'remarks', align: 'left',title: '澶囨敞', templet:function(d){return emptyShow(d.remarks)}} - ,{field: 'createTime$', align: 'left',title: '娣诲姞鏃堕棿'} - ,{field: 'userId$', align: 'left',title: '娣诲姞浜哄憳'} ,{field: 'cstmrType$', align: 'left',title: '瀹㈡埛绫诲埆'} + ,{field: 'userId$', align: 'left',title: '娣诲姞浜哄憳'} + ,{field: 'createTime$', align: 'left',title: '娣诲姞鏃堕棿'} ,{field: 'deptId$', align: 'left',title: '鎵�灞為儴闂�', hide: true} ,{field: 'simple', align: 'left',title: '瀹㈡埛绠�绉�', hide: true} ,{field: 'rela', align: 'left',title: '瀹㈡埛鍏崇郴', hide: true} @@ -135,6 +195,14 @@ // 娣诲姞 $("#cstmrAddBtn").click(function () { + form.verify({ + account: function(value, item){ + var min = item.getAttribute('lay-min'); + if(value.length < min){ + return '瀹㈡埛鍚嶇О涓嶈兘灏忎簬'+min+'涓瓧绗︾殑闀垮害'; + } + } + }); showEditModel(); }); @@ -176,7 +244,7 @@ area: "1250px", url: "cstmr_more.html", end: function () { - $(".layui-laypage-btn")[0].click(); + // $(".layui-laypage-btn")[0].click(); } }) break; @@ -197,6 +265,14 @@ title: (mData ? '淇敼' : '娣诲姞') + '鐢叉柟鍗曚綅', content: $('#editDialog').html(), success: function (layero, dIndex) { + form.verify({ + name: function(value, item){ + var min = item.getAttribute('lay-min'); + if(value.length < min){ + return '瀹㈡埛鍚嶇О涓嶈兘灏忎簬'+min+'涓瓧绗︾殑闀垮害'; + } + } + }); if (mData) { $('#cascaderVal').val(mData.pcd); } @@ -297,8 +373,7 @@ itemHeight: '250px', filterable: true, onChange: function (values, data) { - // console.log(values); - // console.log(data); + // console.log(values);console.log(data); } }); } @@ -316,6 +391,9 @@ $.each($('#search-box [name]').serializeArray(), function() { searchData[this.name] = this.value; }); + if (treeCond) { + searchData[treeCond.key] = treeCond.val; + } tableIns.reload({ where: searchData, page: {curr: pageCurr} @@ -324,3 +402,46 @@ $(".layui-laypage-btn")[0].click(); } } + +function upload(obj){ + if(!obj.files) { + return; + } + var file = obj.files[0]; + admin.confirm('纭鍚屾 [' + file.name +'] 鏂囦欢鍚楋紵', function (index) { + layer.load(1, {shade: [0.1,'#fff']}); + var url = baseUrl + "/cstmr/excel/import/auth"; + var form = new FormData(); + form.append("file", file); + let xhr = new XMLHttpRequest(); + xhr.open("post", url, true); + xhr.setRequestHeader('token', localStorage.getItem('token')); + xhr.onload = uploadComplete; + xhr.onerror = uploadFailed; + xhr.onloadend = function () { + layer.closeAll('loading'); + }; + // xhr.upload.onprogress = progressFunction; + xhr.upload.onloadstart = function(){ + ot = new Date().getTime(); + oloaded = 0; + }; + xhr.send(form); + }, function(index){ + }); +} +function uploadComplete(evt) { + let res = JSON.parse(evt.target.responseText); + if(res.code === 200) { + layer.msg(res.msg, {icon: 1}); + tableReload(); + } else { + alert(res.msg); + // layer.msg(res.msg, {icon: 2}); + } +} +function uploadFailed(evt) { + let res = JSON.parse(evt.target.responseText); + alert(res.msg); + // layer.msg(res.msg, {icon: 2}); +} -- Gitblit v1.9.1