zhouna 5 years ago
parent
commit
5a7a97bf16
7 changed files with 79 additions and 23 deletions
  1. 3 0
      package.json
  2. 13 0
      src/css/index.less
  3. 19 14
      src/html/index.html
  4. 12 0
      src/html/qcScore.html
  5. 23 2
      src/js/index.js
  6. 7 5
      src/js/utils.js
  7. 2 2
      webpack.config.js

+ 3 - 0
package.json

@@ -6,7 +6,10 @@
   "dependencies": {
     "bluebird": "^3.5.5",
     "es3ify-loader": "^0.2.0",
+    "install": "^0.13.0",
     "jquery": "^1.12.4",
+    "jquery-templates": "^1.0.0",
+    "uninstall": "0.0.0",
     "webpack-cli": "^3.3.1"
   },
   "devDependencies": {

+ 13 - 0
src/css/index.less

@@ -33,9 +33,22 @@
   .active{
     color: #267FD7;
   }
+  .list-1{
+    ul{
+      display: none;
+    }
+  }
   li{
     line-height: 34px;
     padding: 0 15px;
     cursor: pointer;
   }
+}
+.main{
+  margin-left:215px;
+  height: 100%;
+  iframe{
+    width: 100%;
+    height: 100%;
+  }
 }

+ 19 - 14
src/html/index.html

@@ -6,7 +6,21 @@
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>AI病例质控-首页</title>
 </head>
-
+<script type="text/html" id="menuTmpl">
+    <ul>
+        {{if subMenuList.length}}
+            <li class="list-1">${name}
+        {{else}}
+            <li>${name}
+        {{/if}}
+            <ul>
+                {{each subMenuList}}
+                <li>${name}</li>
+                {{/each}}
+            </ul>
+        </li>
+    </ul>
+</script>
 <body>
   <div class="container">
       <div class="header clearfix">
@@ -19,19 +33,10 @@
               <a class="login-out" href="javascript:void(0);">退出</a>
           </div>
       </div>
-      <div class="main-body">
-          <div class="menu">
-              <ul>
-                  <li class="active">控制台</li>
-                  <li>基础数据
-                      <ul>
-                          <li>模块维护</li>
-                          <li>条目数据维护</li>
-                      </ul>
-                  </li>
-                  <li>病例质控</li>
-                  <li>统计分析</li>
-              </ul>
+      <div class="main-body clearfix">
+          <div class="menu fl"></div>
+          <div class="main">
+              <iframe src="./qcScore.html" frameborder="0"></iframe>
           </div>
       </div>
   </div>

+ 12 - 0
src/html/qcScore.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>质控评分</title>
+</head>
+<body>
+质控评分
+</body>
+</html>

+ 23 - 2
src/js/index.js

@@ -1,5 +1,26 @@
-const $ = require('jquery');
 require("../css/index.less");
-$(function(){
+const $ = require('jquery');
+require('jquery-templates');
+const {api,post} = require('./utils.js');
 
+$(function(){
+  getMenu();
+  //菜单展开收起
 });
+
+function initMenu(data){console.log(data)
+  $("#menuTmpl").tmpl(data).appendTo(".menu");
+  $(".list-1").on("click",function(){
+    $(this).addClass("slide-up");
+    $(this).find("ul").slideToggle();
+  });
+}
+
+function getMenu(){
+  post(api.getMenu).then(function(res){
+    if(res.data.code==='0'){
+      const data = res.data.data;
+      initMenu(data.menuWrappers);
+    }
+  });
+};

File diff suppressed because it is too large
+ 7 - 5
src/js/utils.js


+ 2 - 2
webpack.config.js

@@ -6,7 +6,7 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 const webpack = require('webpack');
-const proxyHost = "http://192.168.2.236:5050";
+const proxyHost = "http://192.168.2.236:5858";
 module.exports = {
   entry: {
     index: path.resolve(__dirname, 'src/js', 'index.js'),
@@ -228,7 +228,7 @@ module.exports = {
   devServer: {
     contentBase: "./dist", //静态文件根目录
     proxy: {
-      '/api': proxyHost
+      '/': proxyHost
     },
     hot: true,
     openPage:'index.html'