Home Explore Help
Register Sign In
raolu
/
PC-application
Watch 0
Star 0
Fork 1
Files Issues 0 Pull Requests 0 Wiki
Browse Source

Merge branch 'master' of http://192.168.1.220:10080/raolu/PC-application

Xiao_yanpeng 7 years ago
parent
67df9a79a9 4ef1a8bbd2
commit
f0979da511
20 changed files with 390 additions and 2 deletions
Split View Show Diff Stats
  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. 4 2
      app/home/index.html
  8. 3 0
      app/record/css/record.css
  9. 21 0
      app/record/record.html
  10. 9 0
      app/创建格式/index.html
  11. 33 0
      component/consultation/consultation-list.js
  12. 5 0
      component/consultation/consultation.js
  13. 29 0
      component/education/education-list.js
  14. 18 0
      component/education/education.js
  15. 30 0
      component/follow-up/follow-up-list.js
  16. 18 0
      component/follow-up/follow-up.js
  17. 32 0
      component/guidance/guidance-list.js
  18. 5 0
      component/guidance/guidance.js
  19. 37 0
      component/record/inner-tabs.js
  20. 44 0
      component/record/record-tabs.js

+ 19 - 0
app/consultation/consultation.html
View File 

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

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

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

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

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

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

+ 4 - 2
app/home/index.html
View File 

@ -12,7 +12,7 @@
 
        <link rel="shortcut icon" href="../../favicon.ico"/>
 
        <link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css"/>
 
        <link rel="stylesheet" type="text/css" href="../../css/font-awesome.min.css"/>
 
        <link rel="stylesheet" type="text/css" href="../../css/animate.min.css"/>
 
        <!--<link rel="stylesheet" type="text/css" href="../../css/animate.min.css"/>-->
 
        <link rel="stylesheet" type="text/css" href="../../plugins/artDialog/6.0.5/css/ui-dialog.min.css"/>
 
        <link rel="stylesheet" type="text/css" href="../../css/style.min.css"/>
 
        <link rel="stylesheet" type="text/css" href="index.css"/>
 
@ -28,7 +28,9 @@
 
            <div id="page-wrapper" class="gray-bg dashbard-1">
 
                <content-tabs></content-tabs>
 
                <div class="row J_mainContent plr20 pt20" id="content-main">
 
                    <iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="" frameborder="0" data-id="" seamless></iframe>
 
                    <iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="" frameborder="0" data-id="" seamless>
 
                    	
                    </iframe>
 
                </div>
 
            </div>
 
        </div>

+ 3 - 0
app/record/css/record.css
View File 

@ -0,0 +1,3 @@
 
.service-nav-tabs{margin-bottom: 10px;margin-top: 10px;}
 
.service-nav-tabs li a{background: #f5f5fa;border-color:#d7dce6;color: #666666;margin-left: 10px;padding: 8px 20px;}
 
.service-nav-tabs li.active a{color: #12b7f5;}

+ 21 - 0
app/record/record.html
View File 

@ -0,0 +1,21 @@
 
<!DOCTYPE html>
 
<html>
 
	<head>
 
		<meta charset="UTF-8">
 
		<title></title>
 
		<link />
 
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css"/>
 
		<link rel="stylesheet" href="../record/css/record.css" />
 
	</head>
 
	<body>
 
		<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>-->
 
	</body>
 
</html>

+ 9 - 0
app/创建格式/index.html
View File 

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

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

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

+ 29 - 0
component/education/education-list.js
View File 

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

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

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

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

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

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

+ 37 - 0
component/record/inner-tabs.js
View File 

@ -0,0 +1,37 @@
 
Vue.component('inner-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>\
 
				</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>',
 
	props: ["tabs","activeidx"],
 
	data: function() {
 
		return {
 
			url: ""
 
		}
 
	},
 
	methods: {
 
		load: function(tab, index) {
 
//			top.GlobalEventBus.$emit("active-inner-tabs."+this.namespce, tab)
 
			this.url = tab.href
 
			this.activeidx = index
 
		},
 
		activeTab: function(index) {
 
//			this.activeidx = index
 
//			this.url = this.tabs[this.activeidx].href
 
//			this.load(this.tabs[index], index)
 
		}
 
	},
 
	mounted: function() {
 
	},
 
	watch: {
 
		activeidx: function(idx) {
 
			this.url = this.tabs[idx].href
 
		}
 
	}
 
})

+ 44 - 0
component/record/record-tabs.js
View File 

@ -0,0 +1,44 @@
 
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;
 
}
 
var query = GetRequest();
 
function reseverLinks(str) {
 
	var link = top.menuLinkMap[str];
 
	return {
 
		href: link.href+"?code="+query['code'],
 
		title: str
 
	}
 
}
 
new Vue({
 
  el: '#app',
 
  data: {
 
  	isAgent: false,
 
    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: ""
 
  },
 
  mounted: function() {
 
  	var vm = this
 
  	if(vm.isAgent) { // 如果是代理，“供货授权”信息卡
 
  		vm.innerTabs.push(reseverLinks("供货授权"))
 
  	}
 
  	vm.activeidx = query.tabIdex || "0"
 
  }
 
})