Ver código fonte

急诊流程

luolei 5 anos atrás
pai
commit
92647aae04
4 arquivos alterados com 73 adições e 6 exclusões
  1. 23 0
      src/html/view.html
  2. 19 6
      src/js/emergency.js
  3. 17 0
      src/js/view.js
  4. 14 0
      webpack.config.js

+ 23 - 0
src/html/view.html

@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+      overflow: auto;
+    }
+    img {
+      width: 900px;
+    }
+  </style>
+</head>
+<body>
+  <div id="imgView">
+
+  </div>
+</body>
+</html>

+ 19 - 6
src/js/emergency.js

@@ -3,7 +3,7 @@ require("../images/back.png")
 require("../images/down2.png")
 require("../images/pic.png")
 const $ = require("jquery");
-const { getUrlArgObject,openNewWin } = require('./promise.js');
+const { getUrlArgObject } = require('./promise.js');
 let fst = `
 <div class="step stepFst">
         <p>步骤1</p>
@@ -530,24 +530,37 @@ let obj = {
 }
 $(function(){
   let disName = getUrlArgObject("disName");
+  let imgNum = 0;
   $("#disName").html(disName)
-  $(".disName img").click(function(){
-    openNewWin(`http://192.168.2.241:5545/static/img/pic4.e6d2fd9.png`)
-  })
   $(".disLis li").each(function(idx,item){
     if($(item).html() == disName){
       $(this).css("color","#2a9bd5").siblings().css("color","#000")
       let num = $(this).attr("data-val")
-      // $(".disFst").eq($(this).attr("data-val")).css("display","block").siblings(".disFst").css("display","none")
+      imgNum = num
       $(".disFst").html(obj[num])
     }
   })
   $(".disLis li").click(function(){
     $("#disName").html($(this).html())
     let num = $(this).attr("data-val")
+    imgNum = num
     $(this).css("color","#2a9bd5").siblings().css("color","#000")
     $(".disFst").html(obj[num])
-    // $(".disFst").eq($(this).attr("data-val")).css("display","block").siblings(".disFst").css("display","none")
+  })
+  const newinConf = {
+    width: '900',   //窗口的文档显示区的宽度。以像素计。
+    height: '826',  //窗口文档显示区的高度。以像素计。
+    left: '0',  //窗口的 x 坐标。以像素计。
+    top: '0',    //窗口的 y 坐标。以像素计。
+    openMode: "_blank"  //每次都是新窗口打开为_blank,打开同一窗口填写任意字符串
+  }
+  
+  const newWindowLocation = `width=${newinConf.width}, height=${newinConf.height}, left=${newinConf.left}, top=${newinConf.top} scrollbars=yes`
+  const openNewWin = function (url) {
+    window.open(url, newinConf.openMode, newWindowLocation)
+  }
+  $(".disName img").click(function(){
+    openNewWin(`view.html?imgNum=`+imgNum)
   })
   $(".disFst").height(window.innerHeight-105+'px')
   $("#disFst").on('click',"#sureBtn1",function(){

+ 17 - 0
src/js/view.js

@@ -0,0 +1,17 @@
+const $ = require("jquery");
+
+let imgLis = {
+  0:require("../images/pic1.png"),
+  1:require("../images/pic2.png"),
+  2:require("../images/pic3.png"),
+  3:require("../images/pic4.png"),
+  4:require("../images/pic5.png")
+}
+
+const { getUrlArgObject } = require('./promise.js');
+
+$(function(){
+  let number = getUrlArgObject("imgNum");
+  $("#imgView").html('<img src="'+imgLis[number]+'" />')
+})
+

+ 14 - 0
webpack.config.js

@@ -18,6 +18,7 @@ module.exports = {
     indexHorizontal: path.resolve(__dirname, 'src/js', 'indexHorizontal.js'),
     staticSearch: path.resolve(__dirname, 'src/js', 'staticSearch.js'),
     emergency: path.resolve(__dirname, 'src/js', 'emergency.js'),
+    view: path.resolve(__dirname, 'src/js', 'view.js'),
     vendor: 'lodash'// 多个页面所需的公共库文件,防止重复打包带入
   },
   output: {
@@ -186,6 +187,19 @@ module.exports = {
         collapseWhitespace: true //删除空白符与换行符
       }
     }),
+    new HtmlWebpackPlugin({
+      title: 'view',
+      template: path.resolve(__dirname, 'src/html', 'view.html'),
+      filename: 'view.html',
+      chunks: ['view', 'vendor', 'common'],
+      inject: true,
+      hash: true, //防止缓存
+      minify: {
+        removeAttributeQuotes: true, //压缩 去掉引号
+        removeComments: true, //移除HTML中的注释
+        collapseWhitespace: true //删除空白符与换行符
+      }
+    }),
     new MiniCssExtractPlugin({
       filename: 'css/[name].css',
       chunkFilename: '[id].css'