Home Explore Help
Register Sign In
front
/
AIPlatform
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

菜单

zhouna 5 years ago
parent
0a63dcace1
commit
5a7a97bf16
7 changed files with 79 additions and 23 deletions
Unified View Show Diff Stats
  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
View File 

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

+ 13 - 0
src/css/index.less
View File 

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

+ 19 - 14
src/html/index.html
View File 

@@ -6,7 +6,21 @@
 
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
   <title>AI病例质控-首页</title>
 
   <title>AI病例质控-首页</title>
 
 </head>
 
 </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>
 
 <body>
 
   <div class="container">
 
   <div class="container">
 
       <div class="header clearfix">
 
       <div class="header clearfix">
 
@@ -19,19 +33,10 @@
 
               <a class="login-out" href="javascript:void(0);">退出</a>
 
               <a class="login-out" href="javascript:void(0);">退出</a>
 
           </div>
 
           </div>
 
       </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>
 
       </div>
 
   </div>
 
   </div>

+ 12 - 0
src/html/qcScore.html
View File 

@@ -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
View File 

@@ -1,5 +1,26 @@
 
-const $ = require('jquery');
 
 require("../css/index.less");
 
 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
View File 

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