Home Explore Help
Sign In
S.H.I.E.L.D.
/
buildingSAAS
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

导出弹窗

Chente 6 years ago
parent
6ef972a393
commit
10f0430932
2 changed files with 20 additions and 76 deletions
Unified View Show Diff Stats
  1. 0 76
      demo.html
  2. 20 0
      project-management.html

+ 0 - 76
demo.html
View File 

@@ -1,76 +0,0 @@
 
-<!DOCTYPE html>
 
-<html lang="en">
 
-<head>
 
-    <meta charset="utf-8">
 
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
-  <title>浏览器网页内容的百分比缩放（按Ctrl和+号键或者-号键的缩放）</title>
 
-  <style type="text/css">
 
-  </style>
 
-  </head>
 
-  <body>
 
-    <a href="javascript:;" id="openApp">知乎客户端</a>
 
-    <input type="text" name="ee" autocomplete="on">
 
-  </body>
 
- </html>
 
-    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
-<script type="text/javascript">
 
-// 判断pc浏览器是否缩放，若返回100则为默认无缩放，如果大于100则是放大，否则缩小
 
-function detectZoom (){
 
-  var ratio = 0,
 
-    screen = window.screen,
 
-    ua = navigator.userAgent.toLowerCase();
 
-  
-   if (window.devicePixelRatio !== undefined) {
 
-      ratio = window.devicePixelRatio;
 
-  }
 
-  else if (~ua.indexOf('msie')) { 
-    if (screen.deviceXDPI && screen.logicalXDPI) {
 
-      ratio = screen.deviceXDPI / screen.logicalXDPI;
 
-    }
 
-  }
 
-  else if (window.outerWidth !== undefined && window.innerWidth !== undefined) {
 
-    ratio = window.outerWidth / window.innerWidth;
 
-  }
 
-    
-   if (ratio){
 
-    ratio = Math.round(ratio * 100);
 
-  }
 
-    
-   return ratio;
 
-};
 
-//window.onresize 事件可用于检测页面是否触发了放大或缩小。
 
-$(function(){
 
-  //alert(detectZoom())
 
-})
 
-$(window).on('resize',function(){
 
-      isScale();
 
-});
 
-//判断PC端浏览器缩放比例不是100%时的情况
 
-function isScale(){
 
-  var rate = detectZoom();
 
-  if(rate != 100){
 
-    //如何让页面的缩放比例自动为100,'transform':'scale(1,1)'没有用，又无法自动条用键盘事件，目前只能提示让用户如果想使用100%的比例手动去触发按ctrl+0
 
-    console.log(1)
 
-    alert('当前页面不是100%显示，请按键盘ctrl+0恢复100%显示标准，以防页面显示错乱！')
 
-  }
 
-}
 
-
 
-//阻止pc端浏览器缩放js代码
 
-//由于浏览器菜单栏属于系统软件权限，没发控制，我们着手解决ctrl/cammond + +/- 或 Windows下ctrl + 滚轮 缩放页面的情况，只能通过js来控制了
 
- // jqeury version
 
-$(document).ready(function () {
 
-  // chrome 浏览器直接加上下面这个样式就行了，但是ff不识别
 
-  $('body').css('zoom', 'reset');
 
-  $(document).keydown(function (event) {
 
-    //event.metaKey mac的command键
 
-    if ((event.ctrlKey === true || event.metaKey === true)&& (event.which === 61 || event.which === 107 || event.which === 173 || event.which === 109 || event.which === 187  || event.which === 189)){
 
-      event.preventDefault();
 
-    }
 
-  });
 
-  $(window).bind('mousewheel DOMMouseScroll', function (event) {
 
-    if (event.ctrlKey === true || event.metaKey) {
 
-       event.preventDefault();
 
-    }
 
-  });
 
-});
 
-</script>

+ 20 - 0
project-management.html
View File 

@@ -220,6 +220,7 @@
 
                     <a class="btn btn-sm btn-secondary" href="javacript:void(0);"  data-toggle="modal" data-target="#plth">批量替换单价文件弹窗</a>
 
                     <a class="btn btn-sm btn-secondary" href="javacript:void(0);"  data-toggle="modal" data-target="#plth">批量替换单价文件弹窗</a>
 
                     <a class="btn btn-sm btn-secondary" href="javacript:void(0);"  data-toggle="modal" data-target="#progress">首次使用进度条</a>
 
                     <a class="btn btn-sm btn-secondary" href="javacript:void(0);"  data-toggle="modal" data-target="#progress">首次使用进度条</a>
 
                     <a class="btn btn-sm btn-secondary" href="javacript:void(0);"  data-toggle="modal" data-target="#addPoj1">新建建设项目演示</a>
 
                     <a class="btn btn-sm btn-secondary" href="javacript:void(0);"  data-toggle="modal" data-target="#addPoj1">新建建设项目演示</a>
 
+                    <a class="btn btn-sm btn-secondary" href="javacript:void(0);"  data-toggle="modal" data-target="#export">导出弹窗</a>
 
                 </div>
 
                 </div>
 
                 </div>
 
                 </div>
 
               </div>
 
               </div>
 
@@ -1237,6 +1238,25 @@
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
+    <!--弹出 导出-->
 
+    <div class="modal fade" id="export" data-backdrop="static">
 
+        <div class="modal-dialog" role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                  <h5 class="modal-title">导出文件</h5><button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+                    <span aria-hidden="true">&times;</span>
 
+                  </button>
 
+                </div>
 
+                <div class="modal-body">
 
+                    <!--正在生成-->
 
+                    <h5 class="my-3">正在生成文件</h5>
 
+                    <div class="progress mb-3">
 
+                        <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%"></div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
     <!-- JS. -->
 
     <!-- JS. -->
 
     <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
     <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
     <script src="js/popper/popper.min.js"></script>
 
     <script src="js/popper/popper.min.js"></script>