Accueil Explorer Aide
S'inscrire Connexion
raolu
/
PC-application
Suivre 0
Voter 0
Fork 1
Fichiers Tickets 0 Pull Requests 0 Wiki
Parcourir la source

test

Signed-off-by: zyz <zyz@qq.com>
zyz il y a 7 ans
Parent
086c41edc9
commit
4ef1a8bbd2
18 fichiers modifiés avec 293 ajouts et 10 suppressions
Vue séparée Afficher les stats Diff
  1. 19 0
      app/consultation/consultation.html
  2. 15 0
      app/consultation/css/consultation.css
  3. 19 0
      app/education/education.html
  4. 11 0
      app/follow-up/css/follow-up.css
  5. 19 0
      app/follow-up/follow-up.html
  6. 19 0
      app/guidance/guidance.html
  7. 2 1
      app/record/record.html
  8. 9 0
      app/创建格式/index.html
  9. 33 0
      component/consultation/consultation-list.js
  10. 5 0
      component/consultation/consultation.js
  11. 29 0
      component/education/education-list.js
  12. 18 0
      component/education/education.js
  13. 30 0
      component/follow-up/follow-up-list.js
  14. 18 0
      component/follow-up/follow-up.js
  15. 32 0
      component/guidance/guidance-list.js
  16. 5 0
      component/guidance/guidance.js
  17. 4 3
      component/record/inner-tabs.js
  18. 6 6
      component/record/record-tabs.js

+ 19 - 0
app/consultation/consultation.html
Voir le fichier 

@ -0,0 +1,19 @@
 
<!DOCTYPE html>
 
<html>
 
	<head>
 
		<meta charset="UTF-8">
 
		<title></title>
 
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css"/>
 
		<link rel="stylesheet" href="css/consultation.css" />
 
	</head>
 
	<body>
 
		<div id="app">
 
			<consultation-list></consultation-list>
 
		</div>
 
		<script type="text/javascript" src="../../js/vue.js"></script>
 
		<!--<script type="text/javascript" src="../../js/jquery-2.2.4.js" ></script>-->
 
		<!--<script src="../../plugins/layer/layer.min.js"></script>-->
 
		<script src="../../component/consultation/consultation-list.js"></script>
 
		<script src="../../component/consultation/consultation.js"></script>
 
	</body>
 
</html>

+ 15 - 0
app/consultation/css/consultation.css
Voir le fichier 

@ -0,0 +1,15 @@
 
.consultation-list{padding: 10px 20px;margin: 0;}
 
.consultation-list-item{list-style: none;border: 1px solid #d7dce6;margin-top: 17px;min-height: 72px;border-radius: 8px;overflow: hidden;position: relative;}
 
.con-user-info{padding: 10px 15px;position: relative;overflow: hidden;}
 
.con-avatar{width: 40px;height: 40px;border-radius: 100%;position: absolute;top: 15px;left: 17px;}
 
.con-avatar+.con-user-info{padding-left: 68px;}
 
.article-title,.con-user-name{font-weight: 700;color: #666;font-size: 17px;}
 
.guidance-status,.con-status{position: absolute;right: 10px;top: -1px;}
 
.guidance-status:before,.con-status:before{content: '进行中';background: #ff9630;width: 26px;height: 58px;color: #fff;display: inline-block;line-height: 1.2;font-size: 13px;text-align: center;padding: 5px 5px 8px;border-bottom-left-radius: 13px;border-bottom-right-radius: 13px;}
 
.guidance-status:before{padding-top: 12px;}
 
.con-status[data-status="2"]:before{content: '已结束';background: #c8c8c8;}
 
.guidance-status[data-status="1"]:before{content: "未读";background: #fca701;}
 
.guidance-status[data-status="2"]:before{content: "已读";background: #12b7f5;}
 
.start-time{font-weight: 100;font-size: 14px;}
 
.con-time{margin-left: 20px;}
 
.user-problem{margin-bottom: 0;font-size: 13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

+ 19 - 0
app/education/education.html
Voir le fichier 

@ -0,0 +1,19 @@
 
<!DOCTYPE html>
 
<html>
 
	<head>
 
		<meta charset="UTF-8">
 
		<title></title>
 
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css"/>
 
		<link rel="stylesheet" href="../follow-up/css/follow-up.css" />
 
	</head>
 
	<body>
 
		<div id="app">
 
			<follow-list></follow-list>
 
		</div>
 
		<script type="text/javascript" src="../../js/vue.js"></script>
 
		<!--<script type="text/javascript" src="../../js/jquery-2.2.4.js" ></script>-->
 
		<!--<script src="../../plugins/layer/layer.min.js"></script>-->
 
		<script src="../../component/education/education-list.js"></script>
 
		<script src="../../component/education/education.js"></script>
 
	</body>
 
</html>

+ 11 - 0
app/follow-up/css/follow-up.css
Voir le fichier 

@ -0,0 +1,11 @@
 
.consultation-list{padding: 10px 20px;margin: 0;}
 
.consultation-list-item{list-style: none;border: 1px solid #d7dce6;margin-top: 17px;min-height: 74px;border-radius: 8px;overflow: hidden;position: relative;}
 
.follow-user-info{padding: 10px 15px;position: relative;overflow: hidden;}
 
.leave-word-container{min-height:69px;}
 
.follow-up-doctor{font-weight: 700;color: #666;font-size: 17px;border-bottom: 1px solid #d7dce6;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 10px 15px;margin-bottom: 0;}
 
.follow-status{position: absolute;right: 10px;top: -1px;}
 
.follow-status:before{content: '进行中';background: #ff9630;width: 26px;height: auto;color: #fff;display: inline-block;line-height: 1.2;font-size: 13px;text-align: center;padding: 5px 5px 8px;border-bottom-left-radius: 13px;border-bottom-right-radius: 13px;}
 
.follow-status[data-status="2"]:before{content: '已完成';background: #12b7f5;}
 
.start-time{font-weight: 100;font-size: 14px;position: relative;top: 2px;}
 
.completion-time{margin-bottom: 0;font-size: 13px;}
 
.leave-word{padding-right: 30px;margin-bottom: 0;font-size: 12px;text-overflow: -o-ellipsis-lastline;text-overflow: -webkit-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;text-overflow:display: -o-box;-webkit-line-clamp:3;-o-line-clamp:3;-webkit-box-orient: vertical;-o-box-orient: vertical;}

+ 19 - 0
app/follow-up/follow-up.html
Voir le fichier 

@ -0,0 +1,19 @@
 
<!DOCTYPE html>
 
<html>
 
	<head>
 
		<meta charset="UTF-8">
 
		<title></title>
 
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css"/>
 
		<link rel="stylesheet" href="css/follow-up.css" />
 
	</head>
 
	<body>
 
		<div id="app">
 
			<follow-list></follow-list>
 
		</div>
 
		<script type="text/javascript" src="../../js/vue.js"></script>
 
		<!--<script type="text/javascript" src="../../js/jquery-2.2.4.js" ></script>-->
 
		<!--<script src="../../plugins/layer/layer.min.js"></script>-->
 
		<script src="../../component/follow-up/follow-up-list.js"></script>
 
		<script src="../../component/follow-up/follow-up.js"></script>
 
	</body>
 
</html>

+ 19 - 0
app/guidance/guidance.html
Voir le fichier 

@ -0,0 +1,19 @@
 
<!DOCTYPE html>
 
<html>
 
	<head>
 
		<meta charset="UTF-8">
 
		<title></title>
 
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css"/>
 
		<link rel="stylesheet" href="../consultation/css/consultation.css" />
 
	</head>
 
	<body>
 
		<div id="app">
 
			<consultation-list></consultation-list>
 
		</div>
 
		<script type="text/javascript" src="../../js/vue.js"></script>
 
		<!--<script type="text/javascript" src="../../js/jquery-2.2.4.js" ></script>-->
 
		<!--<script src="../../plugins/layer/layer.min.js"></script>-->
 
		<script src="../../component/guidance/guidance-list.js"></script>
 
		<script src="../../component/guidance/guidance.js"></script>
 
	</body>
 
</html>

+ 2 - 1
app/record/record.html
Voir le fichier 

@ -11,8 +11,9 @@
 
		<div id="app">
 
			<inner-tabs :tabs="innerTabs" :activeidx="activeidx"></inner-tabs>
 
		</div>
 
		
		<script type="text/javascript" src="../../js/vue.js"></script>
 
		<script type="text/javascript" src="../../js/jquery-2.2.4.js" ></script>
 
		<script src="../../plugins/layer/layer.min.js"></script>
 
		<script src="../../component/record/inner-tabs.js"></script>
 
		<script src="../../component/record/record-tabs.js"></script>
 
		<!--<script type="text/javascript" src="js/record.js"></script>-->

+ 9 - 0
app/创建格式/index.html
Voir le fichier 

@ -0,0 +1,9 @@
 
<!DOCTYPE html>
 
<html>
 
	<head>
 
		<meta charset="UTF-8">
 
		<title></title>
 
	</head>
 
	<body>
 
	</body>
 
</html>

+ 33 - 0
component/consultation/consultation-list.js
Voir le fichier 

@ -0,0 +1,33 @@
 
Vue.component('consultation-list', {
 
	template: '<ul class="consultation-list">\
 
				<li class="consultation-list-item" @click="viewDetail(1)">\
 
					<img class="con-avatar" src="../../images/d-default.png" alt="" />\
 
					<div class="con-user-info">\
 
						<span class="con-status" data-status="2" desc="1进行2结束"></span>\
 
						<p><span class="con-user-name">钱百万</span><span class="small con-time">2018-1-10 12:12:12</span></p>\
 
						<p class="user-problem">咨询问题：医生，今天您有值班？我这边有一些七大姑八大姨的亲戚朋友要去您那边看病</p>\
 
					</div>\
 
				</li>\
 
			</ul>',
 
	data: function() {
 
		return {
 
			chatList: ""
 
		}
 
	},
 
	methods: {
 
		viewDetail: function(id) {
 
			top.layer.open({
 
		      type: 2,
 
		      maxmin: true,
 
		      area: ['600px', '360px'],
 
		      shadeClose: true,
 
		      content: 'ddd'
 
		    });
 
		}
 
	},
 
	mounted: function() {
 
		var Request = GetRequest(),
 
		vm = this;
 
		
	}
 
})

+ 5 - 0
component/consultation/consultation.js
Voir le fichier 

@ -0,0 +1,5 @@
 
new Vue({
 
  el: '#app',
 
  data: {
 
  }
 
})

+ 29 - 0
component/education/education-list.js
Voir le fichier 

@ -0,0 +1,29 @@
 
Vue.component('follow-list', {
 
	template: '<ul class="consultation-list">\
 
				<li class="consultation-list-item" @click="viewDetail(1)">\
 
					<p class="follow-up-doctor"><span class="start-time pull-right">发送时间：2018-1-10 12:12:12</span>随访医生：张三疯随访医生：张三疯随访医生：张三疯随访医生：张三疯随访医生：张三疯随访医生：张三疯随访医生：张三疯随访医生：张三疯</p>\
 
					<div class="follow-user-info leave-word-container">\
 
						<span class="follow-status" data-status="2" desc="1进行2结束"></span>\
 
						<p class="leave-word">医生留言:哈哈哈哈哈哈哈哈</p>\
 
					</div>\
 
				</li>\
 
			</ul>',
 
	data: function() {
 
		return {
 
			//1随访2预约
 
			type:1,
 
			chatList: ""
 
		}
 
	},
 
	methods: {
 
		viewDetail: function(id) {
 
			
		}
 
	},
 
	mounted: function() {
 
		var Request = GetRequest(),
 
		vm = this;
 
		vm.type=Request['type']||1;
 
		
	}
 
})

+ 18 - 0
component/education/education.js
Voir le fichier 

@ -0,0 +1,18 @@
 
function GetRequest() {  
   var url = location.search; //获取url中"?"符后的字串
 
   var theRequest = new Object();
 
   if (url.indexOf("?") != -1) {
 
      var str = url.substr(1);
 
      strs = str.split("&");
 
      for(var i = 0; i < strs.length; i ++) {
 
         theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);
 
      }
 
   }
 
   return theRequest;
 
}
 
new Vue({
 
  el: '#app',
 
  data: {
 
  }
 
})

+ 30 - 0
component/follow-up/follow-up-list.js
Voir le fichier 

@ -0,0 +1,30 @@
 
Vue.component('follow-list', {
 
	template: '<ul class="consultation-list">\
 
				<li class="consultation-list-item" @click="viewDetail(1)">\
 
					<p class="follow-up-doctor"><span class="start-time pull-right">{{type==1?"开始":"预约"}}时间：2018-1-10 12:12:12</span>随访医生：张三疯</p>\
 
					<div class="follow-user-info">\
 
						<span class="follow-status" data-status="2" desc="1进行2结束"></span>\
 
						<p>{{type==1?"方式/类型：":"科室/医院："}}门诊/糖尿病</p>\
 
						<p class="completion-time">{{type==1?"完成":"就诊"}}时间：2018-1-11 12:12:12</p>\
 
					</div>\
 
				</li>\
 
			</ul>',
 
	data: function() {
 
		return {
 
			//1随访2预约
 
			type:1,
 
			chatList: ""
 
		}
 
	},
 
	methods: {
 
		viewDetail: function(id) {
 
			
		}
 
	},
 
	mounted: function() {
 
		var Request = GetRequest(),
 
		vm = this;
 
		vm.type=Request['type']||1;
 
		
	}
 
})

+ 18 - 0
component/follow-up/follow-up.js
Voir le fichier 

@ -0,0 +1,18 @@
 
function GetRequest() {  
   var url = location.search; //获取url中"?"符后的字串
 
   var theRequest = new Object();
 
   if (url.indexOf("?") != -1) {
 
      var str = url.substr(1);
 
      strs = str.split("&");
 
      for(var i = 0; i < strs.length; i ++) {
 
         theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);
 
      }
 
   }
 
   return theRequest;
 
}
 
new Vue({
 
  el: '#app',
 
  data: {
 
  }
 
})

+ 32 - 0
component/guidance/guidance-list.js
Voir le fichier 

@ -0,0 +1,32 @@
 
Vue.component('consultation-list', {
 
	template: '<ul class="consultation-list">\
 
				<li class="consultation-list-item" @click="viewDetail(1)">\
 
					<div class="con-user-info">\
 
						<span class="guidance-status" data-status="1" desc="1未读2已读"></span>\
 
						<p class="article-title">文章标题:哈哈哈哈</p>\
 
						<p class="user-problem">发送时间：2018-1-10 12:12:12</p>\
 
					</div>\
 
				</li>\
 
			</ul>',
 
	data: function() {
 
		return {
 
			chatList: ""
 
		}
 
	},
 
	methods: {
 
		viewDetail: function(id) {
 
			top.layer.open({
 
		      type: 2,
 
		      maxmin: true,
 
		      area: ['600px', '360px'],
 
		      shadeClose: true,
 
		      content: 'ddd'
 
		    });
 
		}
 
	},
 
	mounted: function() {
 
		var Request = GetRequest(),
 
		vm = this;
 
		
	}
 
})

+ 5 - 0
component/guidance/guidance.js
Voir le fichier 

@ -0,0 +1,5 @@
 
new Vue({
 
  el: '#app',
 
  data: {
 
  }
 
})

+ 4 - 3
component/record/inner-tabs.js
Voir le fichier 

@ -1,13 +1,14 @@
 
Vue.component('inner-tabs', {
 
	template: '<ul class="nav nav-tabs service-nav-tabs">\
 
	template: '<div>\
 
				<ul class="nav nav-tabs service-nav-tabs">\
 
			  		<li v-for="(tab,index) in tabs" role="presentation" :class="{active: (activeidx == index)}">\
 
			  			<a @click="load(tab, index)">{{tab.title}}</a>\
 
			  		</li>\
 
				</nav>\
 
				</ul>\
 
				<div class="inner-main" style="height: calc(100% - 40px);overflow:hidden;">\
 
					<iframe :src="url" width="100%" height="100%" frameborder="0" seamless style="display: inline"></iframe>\
 
				</div>\
 
				</div>',
 
			</div>',
 
	props: ["tabs","activeidx"],
 
	data: function() {
 
		return {

+ 6 - 6
component/record/record-tabs.js
Voir le fichier 

@ -25,12 +25,12 @@ new Vue({
 
  el: '#app',
 
  data: {
 
  	isAgent: false,
 
    innerTabs: [{title:'咨询',href:'record.html?code=1'},
 
    			{title:'随访',href:'record.html?code=2'},
 
    			{title:'待预约',href:'record.html?code=3'},
 
    			{title:'健康指导',href:'record.html?code=4'},
 
    			{title:'健康教育',href:'record.html?code=5'},
 
    			{title:'统计',href:'record.html?code=6'}
 
    innerTabs: [{title:'咨询',href:'../consultation/consultation.html'},
 
    			{title:'随访',href:'../follow-up/follow-up.html'},
 
    			{title:'待预约',href:'../follow-up/follow-up.html?type=2'},
 
    			{title:'健康指导',href:'../guidance/guidance.html'},
 
    			{title:'健康教育',href:'../education/education.html'},
 
    			{title:'统计',href:''}
 
    ],
 
    activeidx: ""
 
  },