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

下拉框

ljj 6 years ago
parent
b9efdc77de
commit
7d2c00ba48
4 changed files with 67 additions and 3 deletions
Split View Show Diff Stats
  1. 3 0
      css/style.min.css
  2. 20 0
      page/bigData/css/medical.css
  3. 16 2
      page/bigData/html/medical.html
  4. 28 1
      page/bigData/js/medical.js

+ 3 - 0
css/style.min.css
View File 

@ -8792,3 +8792,6 @@ input.type-hide {
 
	opacity: 0;
 
    -ms-filter: 'alpha(opacity=0)';
 
}
 
[v-cloak] {
 
    display: none;
 
}

+ 20 - 0
page/bigData/css/medical.css
View File 

@ -156,6 +156,7 @@ padding-top: .09375rem;
 
}
 
.middle .map{
 
	height: 3.34375rem;
 
	position: relative;
 
}
 
.middle .bottom{
 
	background: url(../images/kuang.png) no-repeat;
 
@ -182,4 +183,23 @@ padding-top: .09375rem;
 
}
 
.middle .bottom .right {
 
	padding-left: .078125rem
 
}
 
/* boottSelect样式修改 */
 
.Mapselect{
 
	position: absolute;
 
	top: .114583rem;
 
	width: .677083rem;
 
	left: .125rem;
 
}
 
.map #dropdownMenu1{
 
	background: url(../images/mjzfwqktoubukuang.png) no-repeat no-repeat;
 
	background-size: 100% 100%;
 
	height: 34px;
 
}
 
.btn.focus, .btn:focus, .btn:hover{
 
	color: #fff
 
}
 
.dropdown-menu{
 
	background: url(../images/mjzfwqktoubukuang.png) no-repeat no-repeat;
 
	background-size: 100% 100%;
 
}

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

@ -16,7 +16,7 @@
 
	</head>
 
	<body>
 
		<div id="app">
 
		<div id="app" v-cloak>
 
            <div class="div-header flex f_y_c pl20">
 
                <div class="div-title">大数据应用服务平台</div>
 
            </div>
 
@ -82,7 +82,20 @@
 
				<!-- 中间 -->
 
                <div class="middle flex_coloumn">
 
					<div class="map mt20"></div>
 
					<!-- 地图 -->
 
					<div class="map mt20">
 
							<div class="dropdown Mapselect">
 
									<div type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">{{city}}
 
										<span class="caret"></span>
 
									</div>
 
									<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
 
											<li role="presentation" @click="setCity(item)" v-for="item in town">
 
													<a role="menuitem" href="#">{{item.townName}}</a>
 
											</li>
 
									</ul>
 
							</div>
 
					</div>
 
					<!-- 地图底部 -->
 
					<div class="bottom  flex f_x_sb">
 
							<div class="left flex_coloumn f_x_sb">
 
@ -157,6 +170,7 @@
 
		<script src="js/slider.js"></script>
 
		<script src="../../../js/plugins/echarts/echarts-all.js"></script>
 
		<script src="../../../js/plugins/toastr/toastr.min.js"></script>
 
		<script src="../../../js/bootstrap.min.js"></script>
 
		<script src="../../../js/es6-promise.js"></script>
 
		<script src="../../../js/underscore.js"></script>
 
		<script src="../../../js/plugins/layer/layer.min.js"></script>

+ 28 - 1
page/bigData/js/medical.js
View File 

@ -1,15 +1,42 @@
 
new Vue({
 
	el: '#app',
 
	data: {
 
        leftChart1:null
 
        leftChart1:null,       
        city:'贵港市',
 
        town: [
 
            {
 
                "townName": "港北区",
 
                "result": "26531"
 
            },
 
            {
 
                "townName": "港南区",
 
                "result": "25634"
 
            },
 
            {
 
                "townName": "覃塘区",
 
                "result": "12587"
 
            },
 
            {
 
                "townName": "平南县",
 
                "result": "74128"
 
            },
 
            {
 
                "townName": "桂平市",
 
                "result": "113485"
 
            }
 
        ],
 
	},
 
	mounted: function() {
 
       this.setLeftChart1();
 
    },
 
    methods: {
 
        setLeftChart1:function(){
 
           var options =gxyrq['重点服务人群增加趋势']['本年'];
 
           this.leftChart1 = options
 
        },
 
        setCity(item){
 
            this.city = item.townName
 
        }
 
    }
 
});