重构华夏erp的整体ui风格

erp_web/js/wdScrollTab/css/TabPanel.css

@@ -0,0 +1 @@
+.tabpanel{border:solid 1px #8db2e3;width:100%;height:100%}.tabpanel_tab_content{width:100%;height:39px;line-height:39px;background-color:#f9f9f9;border-bottom:1px solid #e5e5e5;overflow:hidden;white-space:nowrap;position:relative}.tabpanel_tab_content .tabpanel_move_content{width:0;overflow:hidden}.tabpanel_move_content_scroll{margin-left:18px;margin-right:18px}.tabpanel_mover{width:5000px;margin:0;padding:0;position:relative}.tabpanel_mover li{width:100px;line-height:22px;padding:9px 16px 9px 5px;background-color:#f4f6f8;float:left;position:relative;list-style-type:none;cursor:pointer;border-right:1px solid #ddd;overflow:hidden}.tabpanel_mover li .refresher{display:none}.tabpanel_mover li .closer{background:transparent url(../image/tab-close.png) no-repeat;position:absolute;right:5px;top:14px;width:11px;height:11px;cursor:pointer}.tabpanel_mover li .closer:hover{background:transparent url(../image/tab-close.gif) no-repeat}.tabpanel_mover li .title{font-size:12px;padding-left:5px;overflow:hidden;*height:20px;*line-height:20px;*margin-top:2px;white-space:nowrap;text-overflow:ellipsis}.tabpanel_mover li .title i{font-size:18px;vertical-align:middle;margin-top:-2px}.tabpanel_mover li div{color:#23508e}.tabpanel_mover li .icon_title{font-size:12px;color:#23508e;padding-left:25px;background-repeat:no-repeat;background-position:5px 4px;overflow:hidden;*height:20px;*line-height:20px;*margin-top:2px;*background-position:5px 1px}.tabpanel_mover li.active{background-color:#eaedf1}.tabpanel_tab_content .tabpanel_left_scroll{background:transparent url(../image/scroll-left.gif) no-repeat 0 0;position:absolute;width:18px;height:24px;left:0;top:8px;cursor:pointer;z-index:10}.tabpanel_tab_content .tabpanel_right_scroll{background:transparent url(../image/scroll-right.gif) no-repeat 0 0;position:absolute;width:18px;height:24px;right:0;top:8px;cursor:pointer;z-index:10}.tabpanel_tab_content .tabpanel_scroll_over{background-position:-18px 1px}.tabpanel_tab_content .tabpanel_left_scroll_disabled{background-position:0 0;opacity:.5;-moz-opacity:.5;filter:alpha(opacity = 50);cursor:default}.tabpanel_right_scroll_disabled{background-position:-36px 0;opacity:.5;-moz-opacity:.5;filter:alpha(opacity = 50);cursor:default}.display_none{display:none}.disabled{color:gray}.tabpanel_tab_content .tabpanel_tab_spacer{height:2px;font-size:1px;line-height:1px;margin-top:-1px}.tabpanel_content{background-color:#FFF;overflow:hidden;position:relative;transition:all 50ms}.tabpanel_content .html_content{width:100%;height:100%;background-color:#FFF;position:absolute;z-index:0;left:0;top:0}.div_RightMenu{position:absolute;list-style:none;width:110px;z-index:999999;display:none}.div_RightMenu div{background:#eee;position:relative;font-size:13px}.div_RightMenu ul{position:relative;background:#fff;border:1px solid #ddd;left:-2px;top:-2px;margin:0;padding:1px 0;border-radius:3px}.div_RightMenu ul li{list-style:none;padding:4px 12px;cursor:pointer;text-align:left}.div_RightMenu ul li.RM_mouseover{background-color:#e1e3e9}

erp_web/js/wdScrollTab/js/TabPanel.extend.js

@@ -0,0 +1,71 @@
+/*!
+ * 首页Tab页签通用方法
+ * @author ThinkGem
+ * @version 2017-3-26
+ */
+(function (b) {
+    var a = {
+        tabPageId: null, initTabPage: function (e, c) {
+            this.tabPageId = e;
+            var d = b.extend(true, {
+                autoResizable: true, height: function () {
+                    return b(window).height()
+                }, items: []
+            }, c);
+            return b("#" + this.tabPageId).tabPanel(d)
+        }, addTabPage: function (g, h, d, f, e) {
+            var c = g ? g.data("tabId") : null;
+            if (c == undefined) {
+                c = "tabpanel-" + Math.uuid();
+                g ? g.attr("data-tab-id", c) : null
+            }
+            b("#" + this.tabPageId).tabPanel("addTab", {
+                id: c,
+                title: h,
+                html: '<script>js.loading();<\/script><iframe id="' + c + '-frame" src="' + d + '" width="100%" height="100%" frameborder="0" onload="js.closeLoading();"></iframe>',
+                closable: (f == undefined ? true : f),
+                refresh: (e == undefined ? false : e),
+                onPreClose: function (i) {
+                    js.closeLoading(1000, true);
+                    try {
+                        var k = b("#" + c + "-frame")[0].contentWindow;
+                        if (k && typeof k.onTablePageClose == "function") {
+                            return k.onTablePageClose(c, h)
+                        }
+                    } catch (j) {
+                        js.error(j)
+                    }
+                }
+            });
+            return c
+        }, getCurrentTabPage: function (d) {
+            var c = b("#" + this.tabPageId).tabPanel("getActiveTab");
+            var g = b("#" + c.id + "-frame");
+            if (g.length > 0 && typeof d == "function") {
+                try {
+                    d(g[0].contentWindow)
+                } catch (f) {
+                    js.error(f)
+                }
+            }
+            return g
+        }, getPrevTabPage: function (c, f) {
+            var d = b("#" + this.tabPageId).tabPanel("getActiveTab");
+            var h = b("#" + d.preTabId + "-frame");
+            if (h.length > 0 && typeof c == "function") {
+                try {
+                    c(h[0].contentWindow)
+                } catch (g) {
+                    js.error(g)
+                }
+            }
+            if (f == true) {
+                b("#" + this.tabPageId).tabPanel("kill", d.id)
+            }
+            return h
+        }, closeCurrentTabPage: function (c) {
+            this.getPrevTabPage(c, true)
+        }
+    };
+    window.tabPage = a
+})(window.jQuery);

erp_web/js/wdScrollTab/js/TabPanel_i18n.js

@@ -0,0 +1 @@
+(function(a){window.TabPanel=window.TabPanel||{};if(window.lang=="en"){TabPanel.i18n=a.extend({},TabPanel.i18n,{closeTab:"Close",refreshTab:"Refresh",closeOther:"Close Other",closeLeft:"Close Left",closeRight:"Close Right"})}else{if(window.lang=="ja_JP"){TabPanel.i18n=a.extend({},TabPanel.i18n,{closeTab:"閉じる",refreshTab:"更新",closeOther:"他を閉じる",closeLeft:"左側を閉じる",closeRight:"右側を閉じる"})}}})(jQuery);