From eebd20ba0a4306cd65deae6775c1b6d12aa9435c Mon Sep 17 00:00:00 2001
From: hdw <496960745@qq.com>
Date: 星期二, 25 九月 2018 15:15:10 +0800
Subject: [PATCH] 修改后台和前台内容
---
gx_tieta/WebRoot/pages/js/pages/siderbar.js | 297 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 291 insertions(+), 6 deletions(-)
diff --git a/gx_tieta/WebRoot/pages/js/pages/siderbar.js b/gx_tieta/WebRoot/pages/js/pages/siderbar.js
index 9ca0203..5c809fb 100644
--- a/gx_tieta/WebRoot/pages/js/pages/siderbar.js
+++ b/gx_tieta/WebRoot/pages/js/pages/siderbar.js
@@ -1,19 +1,304 @@
+;(function($, window, document, gl) {
+ // 瀹氫箟TreeView鐨勫懡鍚嶇┖闂�
+ gl.namespace('pages.TreeView');
+
+ /**
+ * @param jquery ele jQuery 瀵硅薄
+ * @param Object first 绗竴灞傜殑鏁版嵁瀵硅薄
+ */
+ var TreeView = function (ele, options) {
+ this.ele = ele;
+ this.container;
+ this.init(options);
+ };
+
+ var _prop = TreeView.prototype;
+
+ // 鍒濆鍖栧鍣ㄥ苟璁剧疆鍩虹鐨勭偣鍑讳簨浠�
+ _prop.init = function(options) {
+ var _this = this;
+ // 娓呯┖瀹瑰櫒
+ this.ele.addClass('whyc-sider-menu-container');
+ this.ele.text('');
+
+ var whycTreeView = $('<div class="whyc-sider-menu"></div>');
+ this.ele.append(whycTreeView);
+
+ this.container = whycTreeView;
+ this.setContainer();
+ //this.resize(options);
+
+ // 缁欏鍣ㄥ唴瀹规坊鍔犵粦瀹氫簨浠�
+ this.ele.off('click.treeView.folder').on('click.treeView.folder', '.sider-menu-folder', function() {
+ $(this).parent().toggleClass('sider-menu-open');
+ });
+
+ this.ele.off('click.treeView.file').on('click.treeView.file', '.sider-menu-file', function() {
+ if(!$(this).hasClass('active')) {
+ _this.ele.find('.sider-menu-file').removeClass('active');
+ $(this).addClass('active');
+ }
+ });
+ };
+
+ // 璁剧疆resizable
+ _prop.resize = function(options) {
+ var _this = this;
+ var defaults = {
+ minWidth: 200,
+ maxWidth: 400
+ };
+ var opts = $.extend({}, defaults, options || {});
+ if(this.ele.resizable) {
+ this.ele.resizable({
+ handles: 'e',
+ maxWidth: opts.maxWidth,
+ minWidth: opts.minWidth,
+ alsoResize: this.container,
+ stop:function() {
+ _this.container.height('100%');
+ }
+ });
+ }
+ };
+
+ // 璁剧疆瀹瑰櫒鐨勫搴�
+ _prop.setContainer = function() {
+ var eleWidth = this.ele.width();
+ this.container.width(eleWidth+20);
+ };
+
+ // 鐢熸垚鍒楄〃
+ _prop.treeView = function(container, data, flush) {
+ var defaults = {
+ file: false
+ };
+ // 瀛樺湪ul涓斿綋鍓嶄笉鍏佽鍒锋柊
+ if(container.find('ul').length !=0 && !flush) {
+ return;
+ }else if(flush) {
+ container.text('');
+ }
+
+ // 鍒犻櫎绛夊緟妗�
+ this.delProgress(container);
+ // 鐢熸垚鍏冪礌
+ var _ul = $('<ul></ul>');
+ for(var i=0; i<data.length; i++) {
+ var _data = $.extend({}, defaults, data[i]);
+ // 璁剧疆鍐呭瀹瑰櫒
+ var _li = $('<li></li>');
+ var _a = $('<a href="javascript:;" class="sider-menu-folder"></a>');
+ _a.addClass(_data.cla);
+ var _i = $('<i class="fa fa fa-caret-right"></i>');
+ var _span = $('<span>'+_data.txt+'</span>');
+ if(_data.file) {
+ _a = $('<a href="javascript:;" class="sider-menu-file"></a>');
+ _i = $('<i class="fa"></i>');
+ }
+
+ _a.append(_i);
+ _a.append(_span);
+ _li.append(_a);
+
+ // 瀛樺偍鐢熸垚鍏冪礌鐨勫��
+ _a.data('attr', _data.attr);
+
+ _ul.append(_li);
+ }
+
+ container.append(_ul);
+ };
+
+ // 鑾峰彇folder鐨勪竴鏉℃暟鎹�
+ _prop.getFolder = function (txt, cla, attr) {
+ var tmp = {};
+ tmp.txt = txt;
+ tmp.cla = cla;
+ tmp.attr = attr;
+ return tmp;
+ };
+
+ // 鑾峰彇file鐨勪竴鏉℃暟鎹�
+ _prop.getFile =function(txt, cla, attr) {
+ var tmp = {};
+ tmp.txt = txt;
+ tmp.cla = cla;
+ tmp.file = true;
+ tmp.attr = attr;
+ return tmp;
+ };
+
+ // 娣诲姞progressBar
+ _prop.addProgress = function(container) {
+ // 瀛樺湪灏变笉鐢ㄥ啀娣诲姞
+ if(container.find('.treeView-progressBar-container').length != 0) {
+ return;
+ }
+ var cont = $('<div class="treeView-progressBar-container" style="margin-left: 15px; margin-right: 15px;"></div>');
+ var progress = $('<div class="treeView-progressBar"></div>');
+ var progressLabel = '<div class="progress-label">鍔犺浇...</div>';
+
+ progress.append(progressLabel);
+ cont.append(progress);
+ container.append(cont);
+
+ // 璁剧疆鏍峰紡
+ progress.progressbar({
+ value: false,
+ change: function() {
+ progressLabel.text( progressbar.progressbar( "value" ) + "%" );
+ },
+ complete: function() {
+ progressLabel.text( "瀹屾垚锛�" );
+ }
+ });
+ };
+
+ // 绉婚櫎progressBar
+ _prop.delProgress = function(container) {
+ container.find('.treeView-progressBar-container').remove();
+ };
+
+ // 娣诲姞鍒癵l.pages.TreeView鐨勫懡鍚嶇┖闂翠笅
+ gl.pages.TreeView = TreeView;
+})(jQuery, window, document, GLOBAL);
+
// 瀹氫箟椤甸潰涓殑siderbar缁勪欢
;(function($, window, document, gl, undefined) {
gl.namespace('pages.siderbar');
-
- first();
- // 鐢熸垚涓�绾у鑸�
- function first() {
+ // 鐢熸垚涓�绾у鑸�-鐪�
+ function first(treeView, container) {
+ //treeView.addProgress(container);
$.ajax({
type: "post",
url: "BattInfAction!serchAllStation",
async:true,
- dataType:'text',
+ dataType:'json',
data:null,
success: function(data){
- console.info(data);
+ var rs = JSON.parse(data.result);
+ if(rs.code == 1) {
+ var _data= rs.data;
+ var formatData = [];
+ for(var i=0; i<_data.length;i++) {
+ var __data = _data[i];
+ var tmp = treeView.getFolder(__data.StationName1, 'province', __data);
+ formatData.push(tmp);
+ }
+ treeView.treeView(container, formatData);
+ }else {
+
+ }
}
});
}
+
+ // 灏嗗嚱鏁扮粦瀹氬埌GLOBAL.pages.siderbar鐨勫懡鍚嶇┖闂翠笅
+ gl.pages.siderbar.first = first;
+
+ // 鐢熸垚浜岀骇瀵艰埅-甯�
+ function second(treeView, container, data) {
+ // 宸茬粡瀛樺湪
+ if(container.find('ul').length !=0) {
+ return;
+ }
+ treeView.addProgress(container);
+ $.ajax({
+ type: "post",
+ url: "BattInfAction!serchStationName2",
+ async:true,
+ dataType:'json',
+ data:"json = "+JSON.stringify(data),
+ success: function(data){
+ var rs = JSON.parse(data.result);
+ if(rs.code == 1) {
+ var _data= rs.data;
+ var formatData = [];
+ for(var i=0; i<_data.length;i++) {
+ var __data = _data[i];
+ var tmp = treeView.getFolder(__data.StationName2, 'city', __data);
+ formatData.push(tmp);
+ }
+ treeView.treeView(container, formatData);
+ }else {
+
+ }
+ }
+ });
+ }
+
+ // 灏嗗嚱鏁扮粦瀹氬埌GLOBAL.pages.siderbar鐨勫懡鍚嶇┖闂翠笅
+ gl.pages.siderbar.second = second;
+
+ // 鐢熸垚 涓夌骇瀵艰埅-鏈烘埧
+ function third(treeView, container, data) {
+ // 宸茬粡瀛樺湪
+ if(container.find('ul').length !=0) {
+ return;
+ }
+ treeView.addProgress(container);
+ $.ajax({
+ type: "post",
+ url: "BattInfAction!serchStationName3",
+ async:true,
+ dataType:'json',
+ data:"json = "+JSON.stringify(data),
+ success: function(data){
+ var rs = JSON.parse(data.result);
+ if(rs.code == 1) {
+ var _data= rs.data;
+ var formatData = [];
+ for(var i=0; i<_data.length;i++) {
+ var __data = _data[i];
+ var tmp = treeView.getFolder(__data.StationName3, 'home', __data);
+ formatData.push(tmp);
+ }
+ treeView.treeView(container, formatData);
+ }else {
+
+ }
+ }
+ });
+ }
+
+ // 灏嗗嚱鏁扮粦瀹氬埌GLOBAL.pages.siderbar鐨勫懡鍚嶇┖闂翠笅
+ gl.pages.siderbar.third = third;
+
+ // 鐢熸垚 涓夌骇瀵艰埅-鐢垫睜缁�
+ function fourth(treeView, container, data) {
+ // 宸茬粡瀛樺湪
+ if(container.find('ul').length !=0) {
+ return;
+ }
+ treeView.addProgress(container);
+ $.ajax({
+ type: "post",
+ url: "BattInfAction!serchBattByStation",
+ async:true,
+ dataType:'json',
+ data:"json = "+JSON.stringify(data),
+ success: function(data){
+ var rs = JSON.parse(data.result);
+ console.info(rs);
+ if(rs.code == 1) {
+ var _data= rs.data;
+ var formatData = [];
+ console.log(_data);
+ return;
+ for(var i=0; i<_data.length;i++) {
+ var __data = _data[i];
+ var tmp = treeView.getFolder(__data.StationName3, 'eleGroup', __data);
+ formatData.push(tmp);
+ }
+ treeView.treeView(container, formatData);
+ }else {
+
+ }
+ }
+ });
+ }
+
+ // 灏嗗嚱鏁扮粦瀹氬埌GLOBAL.pages.siderbar鐨勫懡鍚嶇┖闂翠笅
+ gl.pages.siderbar.fourth = fourth;
})(jQuery, window, document, GLOBAL);
\ No newline at end of file
--
Gitblit v1.9.1