Home Explore Help
Register Sign In
lulihong0928
/
bigScreenShow
Watch 1
Star 0
Fork 1
Files Issues 0 Pull Requests 0 Wiki
Browse Source

页面互相跳转

zhanghaoyu 6 years ago
parent
307f3ada5a
commit
950a88e2dd
7 changed files with 69 additions and 10 deletions
Split View Show Diff Stats
  1. 15 1
      page/bigData/css/home.css
  2. 14 1
      page/bigData/css/medical.css
  3. 13 2
      page/bigData/html/home.html
  4. 13 2
      page/bigData/html/medical.html
  5. 0 0
      page/bigData/images/sanjiao.png
  6. 7 2
      page/bigData/js/home.js
  7. 7 2
      page/bigData/js/medical.js

+ 15 - 1
page/bigData/css/home.css
View File 

@ -20,7 +20,7 @@ body {
 
	width: 100%;
 
	height: 0.39rem;
 
	background-size: 100% 100%;
 
	z-index: 100;
 
	z-index: 50;
 
	position: fixed;
 
	top: 0;
 
}
 
@ -45,6 +45,20 @@ body {
 
	margin-top: 0.08rem;
 
	color: #ffffff;
 
	margin-left: 0.1rem;
 
	z-index: 99;
 
	position: relative;
 
}
 
.div-skip{
 
	width: 1.458333rem;height: .625rem;background-image: url("../images/tc1.png");background-size: 100% 100%;
 
	position: fixed;top: 0.35rem;margin-left: 0.1rem;z-index: 5;
 
}
 
.div-skip div{
 
	height: 60px;line-height: 60px;color: rgb(179,223,251);text-align: center;font-size: 0.1rem;
 
}
 
.div-skip div a:hover{
 
	color: rgb(4,128,211)
 
}
 
.content {

+ 14 - 1
page/bigData/css/medical.css
View File 

@ -26,7 +26,7 @@ p{
 
	width: 100%;
 
	height: 0.39rem;
 
	background-size: 100% 100%;
 
	z-index: 100;
 
	z-index: 50;
 
    position: fixed;
 
    top: 0;
 
}
 
@ -39,6 +39,8 @@ p{
 
    width: 1.453125rem;
 
	background:  url(../images/dashujuyingyongfuwupingtai.png) no-repeat;
 
	background-size: 100% 100%;
 
	position: relative;
 
	z-index: 99;
 
}
 
.div-bottom {
 
	background: url(../images/logo_bg_img.png) no-repeat;
 
@ -53,6 +55,17 @@ p{
 
	padding-top: .40625rem;
 
}
 
.div-skip{
 
	width: 1.458333rem;height: .625rem;background-image: url("../images/tc1.png");background-size: 100% 100%;
 
	position: fixed;top: 0.35rem;margin-left: 0.1rem;z-index: 5;
 
}
 
.div-skip div{
 
	height: 60px;line-height: 60px;color: rgb(179,223,251);text-align: center;font-size: 0.1rem;
 
}
 
.div-skip div a:hover{
 
	color: rgb(4,128,211)
 
}
 
.div-body>.right{
 
    width: 2.3rem;

+ 13 - 2
page/bigData/html/home.html
View File 

@ -18,8 +18,19 @@
 
	<body>
 
		<div id="main">
 
			<div class="div-header"></div>
 
			<div class="div-title">大数据应用服务平台</div>
 
			<div class="div-title" @click="skipClick()">大数据应用服务平台 <img src="../images/sanjiao.png"></div>
 
			<div class="div-skip" v-if="skipShow">
 
				<div>
 
					<a href="home.html">
 
						居民健康管理大数据分析
 
					</a>
 
				</div>
 
				<div>
 
					<a href="medical.html">
 
						医疗服务大数据分析
 
					</a>
 
				</div>
 
			</div>
 
			<div class="content">
 
				<div class="right-panel">
 
					<!-- 本月高发疾病排行 -->

+ 13 - 2
page/bigData/html/medical.html
View File 

@ -18,9 +18,20 @@
 
	<body>
 
		<div id="app" v-cloak>
 
            <div class="div-header flex f_y_c pl20">
 
                <div class="div-title">大数据应用服务平台</div>
 
                <div class="div-title"  @click="skipClick()">大数据应用服务平台 <img src="../images/sanjiao.png"></div>
 
            </div>
 
			<div class="div-skip" v-if="skipShow">
 
				<div>
 
					<a href="home.html">
 
						居民健康管理大数据分析
 
					</a>
 
				</div>
 
				<div>
 
					<a href="medical.html">
 
						医疗服务大数据分析
 
					</a>
 
				</div>
 
			</div>
 
			<div class="div-body flex">
 
                <div class="left">
 
					<!-- 大数据应用服务平台 -->

page/bigData/images/三角.png → page/bigData/images/sanjiao.png
View File


+ 7 - 2
page/bigData/js/home.js
View File 

@ -36,7 +36,8 @@ new Vue({
 
                "result": "12587"
 
            },
 
        ],
 
        mapData:null,
 
		mapData:null,
 
		skipShow:0,
 
	},
 
	mounted: function() {
 
	  this.bindEvents();
 
@ -88,7 +89,11 @@ new Vue({
 
				default:break;
 
			}
 
           vm.getJsonData();
 
        }
 
		},
 
		skipClick:function(){
 
			console.log(222)
 
			this.skipShow == 0 ? this.skipShow = 1 : this.skipShow = 0
 
		}
 
    },
 
    watch:{
 
//  	jsonData:function(data){

+ 7 - 2
page/bigData/js/medical.js
View File 

@ -39,7 +39,8 @@ new Vue({
 
        tableData1:null, //表格数据1
 
        tableData2:null, //表格数据2
 
        mapData:null,
 
        allData:null   //所有的数据  用来切换区县
 
        allData:null,   //所有的数据  用来切换区县
 
        skipShow:0
 
	},
 
	mounted: function() {
 
        this.allData = this.newObj(bigData);
 
@ -141,7 +142,11 @@ new Vue({
 
        },
 
        clickMap:function(res){
 
            this.city = res.name;
 
        }
 
        },
 
		skipClick:function(){
 
			console.log(222)
 
			this.skipShow == 0 ? this.skipShow = 1 : this.skipShow = 0
 
		}
 
    }
 
});
 
//数字格式化