update server/src/main/resources/static/ofd/js/cnofd-view.js.

更新OFD组件

Signed-off-by: 高雄 <admin@cxcp.com>

server/src/main/resources/static/ofd/js/cnofd-view.js

@@ -53,6 +53,7 @@ window.onresize = function() {
     } ();
 };
 
+// 手机端，隐藏缩放比例选择框，打开文件和打印按钮
 if (this.isMobile()) {
     if (document.getElementById("zoomSelect")) document.getElementById("zoomSelect").style.display = "none";
     if (document.getElementById("openFile")) document.getElementById("openFile").style.display = "none";
@@ -61,11 +62,12 @@ if (this.isMobile()) {
     if (document.getElementById("separator2")) document.getElementById("separator2").style.display = "none";
 }
 
+// 判断手机端还是PC端
 function isMobile() {
     var flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i);
     return flag;
 }
-
+// 判断是否IE浏览器
 function isIE() {
 	var navigator = window.navigator.userAgent;
 	if (navigator.indexOf("MSIE") > 0 || navigator.indexOf("Trident") > 0) {
@@ -96,9 +98,33 @@ data: function data() {
     };
 }
 
+this.pageZoomScale = "1.0";
+cnofd["setScaleValue"](this.pageZoomScale);
+var scale = this.getQueryVariable("scale");
+if (scale && (scale == "width" || Number(scale))) {
+    this.pageZoomScale = scale;
+    cnofd["setScaleValue"](scale);
+}
+
 var file = this.getQueryVariable("file");
 if (file) this.loadOfdFile(file);
 
+if (scale && (scale == "width" || Number(scale))) {
+    var selectZoom = document.getElementById("zoomValue");
+
+    selectZoom.selectedIndex = -1;
+    if (this.pageZoomScale == "width") {
+        selectZoom.selectedIndex = 0;
+    } else {
+        for (var i = 1; i < selectZoom.length; i++) {
+            if (Math.abs(this.pageZoomScale - selectZoom.options[i].value) < 0.01) {
+                selectZoom.selectedIndex = i;
+                break;
+            }
+        }
+    }
+}
+
 function getQueryVariable(variable) {
     var query = window.location.search.substring(1);
     var vars = query.split("&");
@@ -125,8 +151,7 @@ function loadOfdFile(ofdFile) {
             that.ofdBase64 = base64String;
         }
     });
-    ofdFile = ofdFile = decodeURIComponent(ofdFile);
+    this.getOfdDocument(ofdFile, this.screenWidth, this.pageZoomScale);
-    this.getOfdDocument(ofdFile, this.screenWidth);
 
     setPageInfo();
 }
@@ -170,10 +195,12 @@ function fileChanged() {
         return;
     }
 
-    Object(cnofd["setScaleValue"])(1.0);
+    // 新打开OFD文件时，还原成页面实际尺寸显示
+    //Object(cnofd["setScaleValue"])(1.0);
+    Object(cnofd["setScaleValue"])(this.pageZoomScale);
     var selectZoom = document.getElementById("zoomValue");
     if (selectZoom)
-        selectZoom.value = "1.0";
+        selectZoom.value = this.pageZoomScale;
         
     var that = this;
     var reader = new FileReader();
@@ -183,10 +210,11 @@ function fileChanged() {
         that.ofdBase64 = e.target.result.split(",")[1];
     };
 
-    this.getOfdDocument(this.file, this.screenWidth);
+    this.getOfdDocument(this.file, this.screenWidth, this.pageZoomScale);
+    //$("#file")[0].value = null;
 }
 
-function getOfdDocument(file, screenWidth) {
+function getOfdDocument(file, screenWidth, pageZoomScale) {
     var that = this;
 
     $("#loading").show();
@@ -199,14 +227,18 @@ function getOfdDocument(file, screenWidth) {
             that.ofdDoc = res;
             that.pageIndex = 1;
             that.pageCount = res.pageCount;
+            if (pageZoomScale == "width") {
                 var divs = Object(cnofd["ofdRender"])(res, screenWidth);
                 that.displayOfdDiv(divs);
+            } else {
+                var divs = Object(cnofd["ofdRenderByScale"])(res, screenWidth, pageZoomScale);
+                that.displayOfdDiv(divs);                
+            }
             $("#loading").hide();
         },
         fail: function fail(error) {
             $("#loading").hide();
-
+            alert("OFD打开失败", error, {
-            that.$alert("OFD打开失败", error, {
                 confirmButtonText: "确定",
                 callback: function callback(action) {
                     this.$message({
@@ -242,7 +274,7 @@ function displayOfdDiv(divs) {
 
 function zoomIn() {
     var selectZoom = document.getElementById("zoomValue");
-    if (selectZoom.selectedIndex > 0) {
+    if (selectZoom.selectedIndex > 1) {
         selectZoom.selectedIndex = selectZoom.selectedIndex - 1;
         
         Object(cnofd["setScaleValue"])(selectZoom.options[selectZoom.selectedIndex].value);
@@ -259,6 +291,7 @@ function zoomOut() {
     var selectZoom = document.getElementById("zoomValue");
     if (selectZoom.selectedIndex < selectZoom.length-1) {
         selectZoom.selectedIndex = selectZoom.selectedIndex + 1;
+        if (selectZoom.selectedIndex == 0) selectZoom.selectedIndex = 1;
         
         Object(cnofd["setScaleValue"])(selectZoom.options[selectZoom.selectedIndex].value);
         var divs = Object(cnofd["ofdRenderByScale"])(this.ofdDoc);
@@ -272,6 +305,15 @@ function zoomOut() {
 
 function zoomChange() {
     var selectZoom = document.getElementById("zoomValue");
+    if (selectZoom.options[selectZoom.selectedIndex].value == "width") {
+        Object(cnofd["setScaleValue"])(selectZoom.options[selectZoom.selectedIndex].value);
+        var divs = Object(cnofd["ofdRender"])(this.ofdDoc, this.screenWidth);
+        if (divs) {
+          this.displayOfdDiv(divs);
+        } else {
+          this.getOfdDocument(this.file, this.screenWidth);
+        } 
+    } else {
         Object(cnofd["setScaleValue"])(selectZoom.options[selectZoom.selectedIndex].value);
         var divs = Object(cnofd["ofdRenderByScale"])(this.ofdDoc);
         if (divs) {
@@ -279,6 +321,7 @@ function zoomChange() {
         } else {
           this.getOfdDocument(this.file, this.screenWidth);
         } 
+    }
 }
 
 function scrool() {
@@ -399,7 +442,9 @@ function print() {
     }
 }
 
+// IE浏览器，在iframe里调用打印 
 function printIE(printhtml) {
+    //新建一个iframe 
     var iframe = document.createElement("iframe"); 
     iframe.id = "printf"; 
     iframe.style.width = "0"; 
@@ -407,6 +452,7 @@ function printIE(printhtml) {
     iframe.style.height = "0"; 
     iframe.style.border = "none";
      
+    //将iframe插入到printBody里 
     document.body.appendChild(iframe); 
     
     setTimeout(function () {