上传文件至 'businessweb-user/js'

businessweb-user/js/common.js

@@ -0,0 +1,35 @@
+var baseUrl = 'http://pay-test.278740.cn'
+/**
+ * 获取请求ajax数据
+ * @param url   请求地址
+ * @param type  请求类型
+ * @param data  需要发送的数据
+ * @param callback  成功回调方法
+ * @param alert 成功后是否提示成功信息
+ */
+var getAjax = function (url, type, data, callback, alert, noneShow,errorF) {
+    // !noneShow ? showLoading() : null;
+    $.ajax({
+        url: url,
+        type: type,
+        dataType: 'JSON',
+        data: data,
+        success: function (result) {
+            if (result.state == 0) {
+                typeof callback == 'function' ? callback(result) : null;
+                if (alert) Popup.toast(result.msg || " ");
+                // !noneShow ? hideLoading() : null;
+            } else {
+                Popup.toast(result.msg || " ");
+                // !noneShow ? hideLoading() : null;
+                typeof errorF == 'function'?errorF():null;
+            }
+        },
+        error: function (err) {
+            Popup.toast(err || " ");
+            // !noneShow ? hideLoading() : null;
+            typeof errorF == 'function'?errorF():null;
+
+        }
+    })
+};

businessweb-user/js/md5.js

@@ -0,0 +1,203 @@
+function md5(string) {
+    function md5_RotateLeft(lValue, iShiftBits) {
+        return (lValue << iShiftBits) | (lValue >>> (32 - iShiftBits));
+    }
+    function md5_AddUnsigned(lX, lY) {
+        var lX4, lY4, lX8, lY8, lResult;
+        lX8 = (lX & 0x80000000);
+        lY8 = (lY & 0x80000000);
+        lX4 = (lX & 0x40000000);
+        lY4 = (lY & 0x40000000);
+        lResult = (lX & 0x3FFFFFFF) + (lY & 0x3FFFFFFF);
+        if (lX4 & lY4) {
+            return (lResult ^ 0x80000000 ^ lX8 ^ lY8);
+        }
+        if (lX4 | lY4) {
+            if (lResult & 0x40000000) {
+                return (lResult ^ 0xC0000000 ^ lX8 ^ lY8);
+            } else {
+                return (lResult ^ 0x40000000 ^ lX8 ^ lY8);
+            }
+        } else {
+            return (lResult ^ lX8 ^ lY8);
+        }
+    }
+    function md5_F(x, y, z) {
+        return (x & y) | ((~x) & z);
+    }
+    function md5_G(x, y, z) {
+        return (x & z) | (y & (~z));
+    }
+    function md5_H(x, y, z) {
+        return (x ^ y ^ z);
+    }
+    function md5_I(x, y, z) {
+        return (y ^ (x | (~z)));
+    }
+    function md5_FF(a, b, c, d, x, s, ac) {
+        a = md5_AddUnsigned(a, md5_AddUnsigned(md5_AddUnsigned(md5_F(b, c, d), x), ac));
+        return md5_AddUnsigned(md5_RotateLeft(a, s), b);
+    };
+    function md5_GG(a, b, c, d, x, s, ac) {
+        a = md5_AddUnsigned(a, md5_AddUnsigned(md5_AddUnsigned(md5_G(b, c, d), x), ac));
+        return md5_AddUnsigned(md5_RotateLeft(a, s), b);
+    };
+    function md5_HH(a, b, c, d, x, s, ac) {
+        a = md5_AddUnsigned(a, md5_AddUnsigned(md5_AddUnsigned(md5_H(b, c, d), x), ac));
+        return md5_AddUnsigned(md5_RotateLeft(a, s), b);
+    };
+    function md5_II(a, b, c, d, x, s, ac) {
+        a = md5_AddUnsigned(a, md5_AddUnsigned(md5_AddUnsigned(md5_I(b, c, d), x), ac));
+        return md5_AddUnsigned(md5_RotateLeft(a, s), b);
+    };
+    function md5_ConvertToWordArray(string) {
+        var lWordCount;
+        var lMessageLength = string.length;
+        var lNumberOfWords_temp1 = lMessageLength + 8;
+        var lNumberOfWords_temp2 = (lNumberOfWords_temp1 - (lNumberOfWords_temp1 % 64)) / 64;
+        var lNumberOfWords = (lNumberOfWords_temp2 + 1) * 16;
+        var lWordArray = Array(lNumberOfWords - 1);
+        var lBytePosition = 0;
+        var lByteCount = 0;
+        while (lByteCount < lMessageLength) {
+            lWordCount = (lByteCount - (lByteCount % 4)) / 4;
+            lBytePosition = (lByteCount % 4) * 8;
+            lWordArray[lWordCount] = (lWordArray[lWordCount] | (string.charCodeAt(lByteCount) << lBytePosition));
+            lByteCount++;
+        }
+        lWordCount = (lByteCount - (lByteCount % 4)) / 4;
+        lBytePosition = (lByteCount % 4) * 8;
+        lWordArray[lWordCount] = lWordArray[lWordCount] | (0x80 << lBytePosition);
+        lWordArray[lNumberOfWords - 2] = lMessageLength << 3;
+        lWordArray[lNumberOfWords - 1] = lMessageLength >>> 29;
+        return lWordArray;
+    };
+    function md5_WordToHex(lValue) {
+        var WordToHexValue = "",
+        WordToHexValue_temp = "",
+        lByte, lCount;
+        for (lCount = 0; lCount <= 3; lCount++) {
+            lByte = (lValue >>> (lCount * 8)) & 255;
+            WordToHexValue_temp = "0" + lByte.toString(16);
+            WordToHexValue = WordToHexValue + WordToHexValue_temp.substr(WordToHexValue_temp.length - 2, 2);
+        }
+        return WordToHexValue;
+    };
+    function md5_Utf8Encode(string) {
+        string = string.replace(/\r\n/g, "\n");
+        var utftext = "";
+        for (var n = 0; n < string.length; n++) {
+            var c = string.charCodeAt(n);
+            if (c < 128) {
+                utftext += String.fromCharCode(c);
+            } else if ((c > 127) && (c < 2048)) {
+                utftext += String.fromCharCode((c >> 6) | 192);
+                utftext += String.fromCharCode((c & 63) | 128);
+            } else {
+                utftext += String.fromCharCode((c >> 12) | 224);
+                utftext += String.fromCharCode(((c >> 6) & 63) | 128);
+                utftext += String.fromCharCode((c & 63) | 128);
+            }
+        }
+        return utftext;
+    };
+    var x = Array();
+    var k, AA, BB, CC, DD, a, b, c, d;
+    var S11 = 7,
+    S12 = 12,
+    S13 = 17,
+    S14 = 22;
+    var S21 = 5,
+    S22 = 9,
+    S23 = 14,
+    S24 = 20;
+    var S31 = 4,
+    S32 = 11,
+    S33 = 16,
+    S34 = 23;
+    var S41 = 6,
+    S42 = 10,
+    S43 = 15,
+    S44 = 21;
+    string = md5_Utf8Encode(string);
+    x = md5_ConvertToWordArray(string);
+    a = 0x67452301;
+    b = 0xEFCDAB89;
+    c = 0x98BADCFE;
+    d = 0x10325476;
+    for (k = 0; k < x.length; k += 16) {
+        AA = a;
+        BB = b;
+        CC = c;
+        DD = d;
+        a = md5_FF(a, b, c, d, x[k + 0], S11, 0xD76AA478);
+        d = md5_FF(d, a, b, c, x[k + 1], S12, 0xE8C7B756);
+        c = md5_FF(c, d, a, b, x[k + 2], S13, 0x242070DB);
+        b = md5_FF(b, c, d, a, x[k + 3], S14, 0xC1BDCEEE);
+        a = md5_FF(a, b, c, d, x[k + 4], S11, 0xF57C0FAF);
+        d = md5_FF(d, a, b, c, x[k + 5], S12, 0x4787C62A);
+        c = md5_FF(c, d, a, b, x[k + 6], S13, 0xA8304613);
+        b = md5_FF(b, c, d, a, x[k + 7], S14, 0xFD469501);
+        a = md5_FF(a, b, c, d, x[k + 8], S11, 0x698098D8);
+        d = md5_FF(d, a, b, c, x[k + 9], S12, 0x8B44F7AF);
+        c = md5_FF(c, d, a, b, x[k + 10], S13, 0xFFFF5BB1);
+        b = md5_FF(b, c, d, a, x[k + 11], S14, 0x895CD7BE);
+        a = md5_FF(a, b, c, d, x[k + 12], S11, 0x6B901122);
+        d = md5_FF(d, a, b, c, x[k + 13], S12, 0xFD987193);
+        c = md5_FF(c, d, a, b, x[k + 14], S13, 0xA679438E);
+        b = md5_FF(b, c, d, a, x[k + 15], S14, 0x49B40821);
+        a = md5_GG(a, b, c, d, x[k + 1], S21, 0xF61E2562);
+        d = md5_GG(d, a, b, c, x[k + 6], S22, 0xC040B340);
+        c = md5_GG(c, d, a, b, x[k + 11], S23, 0x265E5A51);
+        b = md5_GG(b, c, d, a, x[k + 0], S24, 0xE9B6C7AA);
+        a = md5_GG(a, b, c, d, x[k + 5], S21, 0xD62F105D);
+        d = md5_GG(d, a, b, c, x[k + 10], S22, 0x2441453);
+        c = md5_GG(c, d, a, b, x[k + 15], S23, 0xD8A1E681);
+        b = md5_GG(b, c, d, a, x[k + 4], S24, 0xE7D3FBC8);
+        a = md5_GG(a, b, c, d, x[k + 9], S21, 0x21E1CDE6);
+        d = md5_GG(d, a, b, c, x[k + 14], S22, 0xC33707D6);
+        c = md5_GG(c, d, a, b, x[k + 3], S23, 0xF4D50D87);
+        b = md5_GG(b, c, d, a, x[k + 8], S24, 0x455A14ED);
+        a = md5_GG(a, b, c, d, x[k + 13], S21, 0xA9E3E905);
+        d = md5_GG(d, a, b, c, x[k + 2], S22, 0xFCEFA3F8);
+        c = md5_GG(c, d, a, b, x[k + 7], S23, 0x676F02D9);
+        b = md5_GG(b, c, d, a, x[k + 12], S24, 0x8D2A4C8A);
+        a = md5_HH(a, b, c, d, x[k + 5], S31, 0xFFFA3942);
+        d = md5_HH(d, a, b, c, x[k + 8], S32, 0x8771F681);
+        c = md5_HH(c, d, a, b, x[k + 11], S33, 0x6D9D6122);
+        b = md5_HH(b, c, d, a, x[k + 14], S34, 0xFDE5380C);
+        a = md5_HH(a, b, c, d, x[k + 1], S31, 0xA4BEEA44);
+        d = md5_HH(d, a, b, c, x[k + 4], S32, 0x4BDECFA9);
+        c = md5_HH(c, d, a, b, x[k + 7], S33, 0xF6BB4B60);
+        b = md5_HH(b, c, d, a, x[k + 10], S34, 0xBEBFBC70);
+        a = md5_HH(a, b, c, d, x[k + 13], S31, 0x289B7EC6);
+        d = md5_HH(d, a, b, c, x[k + 0], S32, 0xEAA127FA);
+        c = md5_HH(c, d, a, b, x[k + 3], S33, 0xD4EF3085);
+        b = md5_HH(b, c, d, a, x[k + 6], S34, 0x4881D05);
+        a = md5_HH(a, b, c, d, x[k + 9], S31, 0xD9D4D039);
+        d = md5_HH(d, a, b, c, x[k + 12], S32, 0xE6DB99E5);
+        c = md5_HH(c, d, a, b, x[k + 15], S33, 0x1FA27CF8);
+        b = md5_HH(b, c, d, a, x[k + 2], S34, 0xC4AC5665);
+        a = md5_II(a, b, c, d, x[k + 0], S41, 0xF4292244);
+        d = md5_II(d, a, b, c, x[k + 7], S42, 0x432AFF97);
+        c = md5_II(c, d, a, b, x[k + 14], S43, 0xAB9423A7);
+        b = md5_II(b, c, d, a, x[k + 5], S44, 0xFC93A039);
+        a = md5_II(a, b, c, d, x[k + 12], S41, 0x655B59C3);
+        d = md5_II(d, a, b, c, x[k + 3], S42, 0x8F0CCC92);
+        c = md5_II(c, d, a, b, x[k + 10], S43, 0xFFEFF47D);
+        b = md5_II(b, c, d, a, x[k + 1], S44, 0x85845DD1);
+        a = md5_II(a, b, c, d, x[k + 8], S41, 0x6FA87E4F);
+        d = md5_II(d, a, b, c, x[k + 15], S42, 0xFE2CE6E0);
+        c = md5_II(c, d, a, b, x[k + 6], S43, 0xA3014314);
+        b = md5_II(b, c, d, a, x[k + 13], S44, 0x4E0811A1);
+        a = md5_II(a, b, c, d, x[k + 4], S41, 0xF7537E82);
+        d = md5_II(d, a, b, c, x[k + 11], S42, 0xBD3AF235);
+        c = md5_II(c, d, a, b, x[k + 2], S43, 0x2AD7D2BB);
+        b = md5_II(b, c, d, a, x[k + 9], S44, 0xEB86D391);
+        a = md5_AddUnsigned(a, AA);
+        b = md5_AddUnsigned(b, BB);
+        c = md5_AddUnsigned(c, CC);
+        d = md5_AddUnsigned(d, DD);
+    }
+    return (md5_WordToHex(a) + md5_WordToHex(b) + md5_WordToHex(c) + md5_WordToHex(d)).toLowerCase();
+}

businessweb-user/js/popup.js

@@ -0,0 +1,511 @@
+window.Popup = (function(d) {
+	var _instance = null,
+		_progressInstance = null,
+		doc = d.body,
+		docWidth = doc.clientWidth,
+		docHeight = doc.clientHeight;
+
+	function Dialog() {
+		this.title = '标题';
+		this.content = '内容';
+		this.btns = [
+			{name : '确定', ac : function() {}},
+			{name : '取消', ac : function() {}}
+		];
+		this.type = 'alert';
+		this.hasTitle = true;
+		this.timeout = 500;
+		this.dialogWrapper = null;
+		this.mask = null;
+		this.fadeTime = 250;
+		this.fadeInTime = 0;
+		this.hasDialog = false;
+		// loading
+		this.loadingText = '正在加载';
+		this.hasLoadingText = false;
+		this.spinNumber = 8;			// 菊花瓣数
+		this.loadingRadius = 18;		// 菊花半径
+		this.startAngle = 90;			// 正上方菊花角度
+		this.spinMargin = 2;
+	}
+
+	Dialog.prototype = {
+		/**
+		 * 创建mask
+		 * 
+		 * @return {[type]} [description]
+		 */
+		_createMask : function() {
+			var _this = this;
+			if (!this.mask) {
+				this.mask = document.createElement('div');
+				this.mask.className = 'ui-mask fade';
+				doc.appendChild(this.mask);
+				// 在创建了mask之后250ms，给其设置透明度为1，达到动画效果
+				setTimeout(function() {
+					_this.mask.className = 'ui-mask fade in';
+				}, this.fadeInTime);
+				
+			}
+		},
+
+		/**
+		 * 移除mask
+		 * 
+		 * @return {[type]} [description]
+		 */
+		_removeMask : function() {
+			var _this = this;
+			if (this.mask) {
+				// 移除dom之前，给其设置className，达到动画过渡效果
+				this.mask.className = 'ui-mask fade';
+				setTimeout(function() {
+					_this.mask.remove();
+					_this.mask = null;
+				}, this.fadeTime);
+			}
+		},
+
+		/**
+		 * 创建弹窗的容器
+		 * 
+		 * @return {[type]} [description]
+		 */
+		_createWrapper : function() {
+			if (!this.dialogWrapper) {
+				this.dialogWrapper = document.createElement('div');
+			}
+		},
+
+		/**
+		 * 移除弹窗的容器
+		 * 
+		 * @return {[type]} [description]
+		 */
+		_removeWrapper : function() {
+			var _this = this;
+			if (this.dialogWrapper) {
+				if (this.type === 'toast') {
+					this.dialogWrapper.className = 'ui-dialog ui-toast fade';
+				} else if(this.type === 'loading') {
+					this.dialogWrapper.className = 'ui-dialog ui-loading fade';
+				} else if(this.type === 'progress') {
+					this.dialogWrapper.className = 'ui-dialog ui-progress fade';
+				} else {
+					this.dialogWrapper.className = 'ui-dialog fade';
+				}
+				setTimeout(function() {
+					_this.dialogWrapper.remove();
+					_this.dialogWrapper = null;
+					_this.hasDialog = false;
+				}, this.fadeTime);
+			}
+		},
+
+		/**
+		 * 如果存在标题，则创建标题容器
+		 * 
+		 * @return {[type]} [description]
+		 */
+		_createTitle : function() {
+			var title = document.createElement('div');
+			title.className = 'ui-title';
+			title.textContent = this.title;
+			return title;
+		},
+
+		/**
+		 * 创建内容区域
+		 * 
+		 * @return {[type]} [description]
+		 */
+		_createContent : function() {
+			var content = document.createElement('div');
+			content.className = 'ui-content';
+			content.textContent = this.content;
+			return content;
+		},
+
+		/**
+		 * 创建按钮组
+		 * 
+		 * @return {[type]} [description]
+		 */
+		_createBtns : function() {
+			var buttons = document.createElement('div'), _this = this;
+			buttons.className = 'ui-btns';
+			this.btns && this.btns.forEach(function(btn, index) {
+				var link = document.createElement('a');
+				link.href = 'javascript:void(0)';
+				link.textContent = btn.name;
+				buttons.appendChild(link);
+				link.addEventListener('click', function() {
+					_this.close();
+					btn.ac && btn.ac();
+				});
+			});
+			return buttons;
+		},
+
+		/**
+		 * 创建loading文字
+		 * 
+		 * @return {[type]} [description]
+		 */
+		_createLoadingText : function() {
+			var text = document.createElement('div');
+			text.className = 'ui-text';
+			text.textContent = this.loadingText;
+			return text;
+		},
+
+		/**
+		 * 创建loading菊花
+		 * 
+		 * @return {[type]} [description]
+		 */
+		_createLoadingContent : function() {
+			var content = document.createElement('div'),
+				lineSpin = document.createElement('div'),
+				deltaAngle = 360 / this.spinNumber;
+			content.className = 'ui-content';
+			if (!this.hasLoadingText) {
+				content.style.height = '86px';
+				content.style.borderRadius = '5px';
+			}
+			lineSpin.className = 'ui-line-spin';
+			lineSpin.style.width = (this.loadingRadius * 2 + this.spinMargin * 2) + 'px';
+			lineSpin.style.height = (this.loadingRadius * 2 + this.spinMargin * 2) + 'px';
+			for (var i = 0; i < this.spinNumber; i++) {
+				var div = document.createElement('div');
+				var angle = this.startAngle + i * (-deltaAngle),
+					rotateAngle = i * deltaAngle,
+					p = Math.PI * 2 * (angle / 360);
+				div.style.top = this.loadingRadius * (1 - Math.sin(p)) + 'px';
+				div.style.left = this.loadingRadius * (1 + Math.cos(p)) + 'px';
+				div.style.transform = 'rotate('+rotateAngle+'deg)';
+				div.style.WebkitTransform = 'rotate('+rotateAngle+'deg)';
+				div.style.MozTransform = 'rotate('+rotateAngle+'deg)';
+				div.style.msTransform = 'rotate('+rotateAngle+'deg)';
+				div.style.OTransform = 'rotate('+rotateAngle+'deg)';
+				lineSpin.appendChild(div);
+			}
+			content.appendChild(lineSpin);
+			return content;
+		},
+
+		/**
+		 * 渲染弹窗
+		 * 
+		 * @return {[type]} [description]
+		 */
+		_renderDialog : function() {
+			this._createWrapper();
+			switch (this.type) {
+				case 'confirm':
+					this.dialogWrapper.className = 'ui-dialog fade';
+					var title, content, btns, _this = this;
+					content = this._createContent();
+					btns = this._createBtns();
+					if (this.hasTitle) {
+						title = this._createTitle();
+						this.dialogWrapper.appendChild(title);
+					}
+					
+					this.dialogWrapper.appendChild(content);
+					this.dialogWrapper.appendChild(btns);
+					doc.appendChild(this.dialogWrapper);
+					setTimeout(function() {
+						_this.dialogWrapper.className = 'ui-dialog fade in';
+					}, this.fadeInTime);
+					break;
+				case 'toast': 
+					this.dialogWrapper.className = 'ui-dialog ui-toast fade';
+					var content = this._createContent(), _this = this;
+					this.dialogWrapper.appendChild(content);
+					doc.appendChild(this.dialogWrapper);
+					setTimeout(function() {
+						_this.dialogWrapper.className = 'ui-dialog ui-toast fade in';
+					}, this.fadeInTime);
+					setTimeout(function() {
+						_this.close();
+					}, this.timeout);
+					break;
+				case 'loading':
+					this.dialogWrapper.className = 'ui-dialog ui-loading fade';
+					var text, content, _this = this;
+					content = this._createLoadingContent();
+					if (this.hasLoadingText) {
+						text = this._createLoadingText();
+						this.dialogWrapper.appendChild(text);
+					}
+					this.dialogWrapper.appendChild(content);
+					doc.appendChild(this.dialogWrapper);
+					setTimeout(function() {
+						_this.dialogWrapper.className = 'ui-dialog ui-loading fade in';
+					}, this.fadeInTime);
+					break;
+				default:
+					break;
+			}
+		},
+
+		/**
+		 * confirm/alert 弹窗，返回供外部使用
+		 * 
+		 * @return {[type]} [description]
+		 */
+		confirm : function() {
+			var args = arguments && arguments[0],
+				length = args && args.length;
+			if (length === 3) {
+				// 有标题
+				this.title = args[0];
+				this.content = args[1];
+				this.btns = args[2];
+				this.hasTitle = true;
+			} else if(length === 2) {
+				this.content = args[0];
+				this.btns = args[1];
+				this.hasTitle = false;
+			} else {
+				// alert
+				this.hasTitle = false;
+				this.content = args[0];
+				this.btns = [{name : '确定'}]
+			}
+			this.type = 'confirm';
+			this._create();
+		},
+
+		/**
+		 * toast弹窗，返回供外部使用
+		 * 
+		 * @return {[type]} [description]
+		 */
+		toast : function() {
+			var args = arguments && arguments[0],
+				length = args && args.length;
+			if (length === 2) {
+				this.content = args[0];
+				this.timeout = args[1];
+			} else if(length === 1) {
+				this.content = args[0];
+			}
+			this.type = 'toast';
+			if (!this.hasDialog) {
+				this._create();
+			}
+			this.hasDialog = true;
+		},
+
+		/**
+		 * loading弹窗，返回供外部使用
+		 * 
+		 * @return {[type]} [description]
+		 */
+		showLoading : function() {
+			var args = arguments && arguments[0],
+				length = args && args.length;
+
+			// 带有参数
+			if (length === 1) {
+				this.loadingText = args[0];
+				this.hasLoadingText = true;
+			}
+
+			this.type = 'loading';
+			this._create();
+		},
+
+		/**
+		 * 创建弹窗 
+		 * 
+		 * @return {[type]} [description]
+		 */
+		_create : function() {
+			this._createMask();
+			this._renderDialog();
+		},
+
+		/**
+		 * 关闭弹窗
+		 * 
+		 * @return {[type]} [description]
+		 */
+		close : function() {
+			this._removeMask();
+			this._removeWrapper();
+			_instance = null;
+			_progressInstance = null;
+		}
+	};
+
+	function Progress() {
+		Dialog.call(this);
+		this.percent = 0;
+		this.text = '正在更新程序';
+		this.innerBar = null;
+	}
+
+	/**
+	 * 继承
+	 * @param  {[type]} subClass   [description]
+	 * @param  {[type]} superClass [description]
+	 * @return {[type]}            [description]
+	 */
+	function inherit(subClass, superClass) {  
+	    function F() {}  
+	    F.prototype = superClass.prototype;  
+	    subClass.prototype = new F();  
+	    subClass.prototype.constructor = subClass;  
+	}  
+
+	/**
+	 * 继承条用
+	 */
+	inherit(Progress, Dialog);
+
+	/**
+	 * 创建进度条文字
+	 * @return {[type]} [description]
+	 */
+	Progress.prototype._createProgressText = function() {
+		var text = document.createElement('div');
+		text.className = 'ui-text';
+		text.textContent = this.text;
+		return text;
+	}
+
+	/**
+	 * 创建进度条
+	 * @return {[type]} [description]
+	 */
+	Progress.prototype._createProgressContent = function() {
+		var	content = document.createElement('div'), 
+			outer = document.createElement('div'),
+			inner = document.createElement('div');
+		content.className = 'ui-content';
+		outer.className = 'ui-outer';
+		inner.className = 'ui-inner';
+		outer.appendChild(inner);
+		content.appendChild(outer)
+
+		this.innerBar = inner;
+
+		return content;
+	}
+
+	/**
+	 * 进度条初始化
+	 * @return {[type]} [description]
+	 */
+	Progress.prototype.init = function() {
+		var text, content, bar, _this = this;
+		// 创建mask
+		this._createMask();
+		// 创建warpper
+		this._createWrapper();
+		
+		this.dialogWrapper.className = 'ui-dialog ui-progress fade';
+		
+		// 1. 创建文字
+		text = this._createProgressText();
+		// 2. 创建内容
+		content = this._createProgressContent();
+		// 3. 将文字和content加入到warpper中
+		this.dialogWrapper.appendChild(text);
+		this.dialogWrapper.appendChild(content);
+		// 4. 将warpper加入到body中
+		doc.appendChild(this.dialogWrapper);
+
+		setTimeout(function() {
+			_this.dialogWrapper.className = 'ui-dialog ui-progress fade in';
+		}, this.fadeInTime);
+	}
+
+	/**
+	 * 创建进度条
+	 * @return {[type]} [description]
+	 */
+	Progress.prototype.create = function() {
+		var args = arguments && arguments[0],
+			length = args && args.length;
+
+		if (length === 1) {
+			this.text = args[0];
+		}
+
+		this.type = 'progress';
+		this.init();
+		return this;
+	}
+
+	/**
+	 * 更新进度条进度
+	 * @return {[type]} [description]
+	 */
+	Progress.prototype.update = function(percent) {
+		if (this.percent === 100) {
+			this.close();
+		}
+		this.percent = percent;
+		this.innerBar.style.width = percent + '%';
+	}
+
+	/**
+	 * 关闭进度条
+	 * @return {[type]} [description]
+	 */
+	Progress.prototype.closeBar = function() {
+		this.percent = 0;
+		this.close();
+	}
+
+	/**
+	 * 获取dialog实例
+	 * @return {[type]} [description]
+	 */
+	function _getInstance() {
+		if (!_instance) {
+			_instance = new Dialog();
+		} 
+		return _instance;
+	}
+
+	/**
+	 * 获取进度条实例
+	 * @return {[type]} [description]
+	 */
+	function _getProgressInstance() {
+		if (!_progressInstance) {
+			_progressInstance = new Progress();
+		}
+		return _progressInstance;
+	}
+
+	/**
+	 * return 调用
+	 */
+	return {
+		alert : function() {
+			return _getInstance().confirm(arguments);
+		},
+		confirm : function() {
+			return _getInstance().confirm(arguments);
+		},
+		toast : function() {
+			return _getInstance().toast(arguments);
+		},
+		showLoading : function() {
+			return _getInstance().showLoading(arguments);
+		},
+		progress : function() {
+			return _getProgressInstance().create(arguments);
+		},
+		close : function() {
+			return _getInstance().close();
+		}
+	}
+
+})(document);

businessweb-user/js/rem.js

@@ -0,0 +1,2 @@
+var deviceWidth = document.documentElement.clientWidth;
+document.documentElement.style.fontSize = deviceWidth / 10.8 + 'px';