Home Explore Help
Register Sign In
chenyue
/
PC-application
forked from raolu/PC-application
Watch 0
Star 0
Fork 0
Files
Browse Source

更改日历筛选结构，划入划出效果

linehang 6 years ago
parent
598a95970c
commit
3c17c95cd4
2 changed files with 44 additions and 3 deletions
Split View Show Diff Stats
  1. 31 3
      app/rehabilitation/html/rehabilitation_management.html
  2. 13 0
      app/rehabilitation/js/rehabilitation_management.js

+ 31 - 3
app/rehabilitation/html/rehabilitation_management.html
View File 

@ -9,6 +9,32 @@
 
	    <link rel="stylesheet" type="text/css" href="../../../css/cross.css"/>
 
	    <link rel="stylesheet" type="text/css" href="../css/date.css" />
 
		<link rel="stylesheet" href="../css/rehabilitation_management.css" />
 
		<style>
 
			.w-80 {width: 80%; margin: 0 auto;}
 
			.w400 {width: 400px;}
 
			.bgc-f5f5f5 {background-color: #f5f5f5;}
 
			.search-left {
 
				height: calc(100% - 49px);
 
				left: -400px;
 
				z-index: 999;
 
			}
 
			.c-h100 {height: 100%;}
 
			.set-open {
 
				width: 40px;
 
				left: -40px;
 
				top: 0;
 
				cursor: pointer;
 
			}
 
			.set-close {
 
				width: 14px;
 
				height: 14px;
 
				top: 15px;
 
				right: 15px;
 
				background: url(../../../images/guanbi_icon.png) no-repeat no-repeat  center center;
 
				background-size: 12px 12px;
 
				cursor: pointer;
 
			}
 
		</style>
 
	</head>
 
	<body>
 
		<div class="c-container" id="app" v-cloak>
 
@ -27,8 +53,9 @@
 
						<i class="icon icon-next icon-20" @click="nextMonth"></i></span>
 
				</div>
 
			</div>
 
			<div class="flex-box rehabilition">
 
				<div class="flex-box-item search-left mw400" flex-grow="2">
 
			<div class="rehabilition c-position-r bgc-f5f5f5">
 
				<div class="search-left w400 c-position-a">
 
					<span class="c-position-a set-close" @click="changeSearch(-1)"></span>
 
					<div class="search-condition">
 
						<p>快速找任务</p>
 
						<ul class="task-list">
 
@ -43,7 +70,8 @@
 
						<button class="btn btn-search" @click="goToLoadData">确认</button>
 
					</div>
 
				</div>
 
				<div class="flex-box-item nav-content-right" flex-grow="5">
 
				<div class="w-80 nav-content-center bgc-fff c-position-r c-h100">
 
					<span class="c-position-a bgc-fff ptb15 c-999 set-open c-t-center" @click="changeSearch(1)">快<br />速<br />找<br />任<br />务</span>
 
					<div class="calendar-content" v-show="tabStatus==1">
 
						<div class="calendar-descript">
 
							<span>图例注释： </span><i class="icon icon-blue"></i> <span>专科团队</span>&emsp;<i class="icon icon-green"></i> <span>家医团队</span>&emsp; <i class="icon icon-flag"></i> <span>我的任务</span>

+ 13 - 0
app/rehabilitation/js/rehabilitation_management.js
View File 

@ -302,6 +302,19 @@
 
					console.log(vm.timeAxisData)
 
				})
 
			},
 
			changeSearch: function(status) {
 
				var i = status == 1 ? -400 : 0;
 
				var timer1 = setInterval(function() {
 
					i += (5 * status)
 
					$(".search-left").css("left", i + "px")
 
					if(status == 1 && i >= 0) {
 
						clearInterval(timer1)
 
					}
 
					if(status == -1 && i <= -400) {
 
						clearInterval(timer1)
 
					}
 
				}, 5)
 
			}
 
		},
 
		watch:{
 
			tabStatus:function(){