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

test

zyz 7 years ago
parent
1f0d8fe11e
commit
e2464744a9
3 changed files with 121 additions and 0 deletions
Split View Show Diff Stats
  1. 22 0
      app/record/html/lay_followUp_detail.html
  2. 28 0
      app/record/html/tpl_follow_detail/follow_tabs.html
  3. 71 0
      app/record/html/tpl_follow_detail/js/followup-tabs.js

+ 22 - 0
app/record/html/lay_followUp_detail.html
View File 

@ -0,0 +1,22 @@
 
<html>
 
	<head>
 
		<meta charset="UTF-8">
 
		<title>随访详细</title>
 
		<meta name="renderer" content="webkit">
 
    	<meta http-equiv="Cache-Control" content="no-siteapp" />
 
	    <script type="text/javascript" src="../../../js/jquery-2.2.4.js"></script>
 
		<script type="text/javascript" src="../../../plugins/pace/pace.min.js"></script>
 
		<script type="text/javascript">
 
	        var search = window.location.search;
 
	        var url = './tpl_follow_detail/follow_tabs.html'+search;
 
	        window.onload = function(){
 
	            document.getElementById("fv_tab").src = url;
 
//	            document.getElementById("fv_main").src = "followup-register.html"+search;
 
	        }
 
	    </script>
 
	</head>
 
	<frameset cols="120, *" frameborder="NO" border="0" framespacing="0">
 
        <frame src="about:blank" noresize="noresize" id="fv_tab">
 
        <frame src="about:blank" name="view_frame2" id="fv_main" noresize="noresize">
 
    </frameset>
 
</html>

+ 28 - 0
app/record/html/tpl_follow_detail/follow_tabs.html
View File 

@ -0,0 +1,28 @@
 
<!DOCTYPE html>
 
<html>
 
	<head>
 
		<meta charset="UTF-8">
 
		<title></title>
 
		<link type="text/css" href="../../../../css/bootstrap.min.css" />
 
		<style type="text/css">
 
			*{box-sizing: border-box;}
 
			.followup-tab{width: 120px;line-height: 42px;margin: 0;padding: 0;text-align: center;list-style: none;background: #f5f5f5;border-right: 1px solid #ddd;}
 
			.followup-tab:before{display: block;content: '';height: 10px;}
 
			.followup-tab li a{display: block;box-sizing: content-box;text-decoration: none;font-size: 14px;width: 100%;color: #666;}
 
			.followup-tab li.active a,.followup-tab li:hover a{background: #fff;color: #12b6f4;}
 
			.followup-tab li:hover a{border: none;}
 
			.followup-tab li.active a{border-right: 1px solid #fff;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
 
		</style>
 
	</head>
 
	<body>
 
		<ul class="followup-tab" id="app">
 
			<li :class="index==activeidx?'active':''"  v-for="(list,index) in followUpTabs">
 
				<a :href="list.url" target="view_frame2" :data-index="index">{{list.name}}</a>
 
			</li>
 
		</ul>
 
		<script type="text/javascript" src="../../../../js/vue.js"></script>
 
		<script src="../../../../js/jquery-2.2.4.js"></script>
 
		<script src="../../js/follow-up.js"></script>
 
		
	</body>
 
</html>

+ 71 - 0
app/record/html/tpl_follow_detail/js/followup-tabs.js
View File 

@ -0,0 +1,71 @@
 
new Vue({
 
  el: '#app',
 
  data: {
 
   	followUpTabs:[{
 
	    url: 'followup-register.html'+location.search,
 
	    name: '随访登记'
 
	},{
 
	    url: 'questionaires.html'+location.search+'&pro_id=1&title=症状',
 
	    name: '症状'
 
	},{
 
	    url: 'questionaires.html'+location.search+'&pro_id=2&title=体征',
 
	    name: '体征'
 
	},{
 
	    url: 'questionaires.html'+location.search+'&pro_id=3&title=实验室检查',
 
	    name: '实验室检查'
 
	},{
 
	    url: 'questionaires.html'+location.search+'&pro_id=4&title=生活方式指导',
 
	    name: '生活方式指导'
 
	},{
 
	    url: 'questionaires.html'+location.search+'&pro_id=5&title=评价',
 
	    name: '评价'
 
	},{
 
	    url: 'drugs.html'+location.search+'&pro_id=6&title=用药情况',
 
	    name: '用药情况'
 
	},{
 
	    url: 'questionaires.html'+location.search+'&pro_id=7&title=控制目标',
 
	    name: '控制目标'
 
	},{
 
	    url: 'questionaires.html'+location.search+'&pro_id=8&title=健康教育',
 
	    name: '健康教育'
 
	},{
 
	    url: 'questionaires.html'+location.search+'&pro_id=9&title=转诊',
 
	    name: '转诊'
 
	}],
 
    activeidx: 0
 
  },
 
  mounted: function() {
 
  	var query = GetRequest();
 
  	this.activeidx = query.pro_id || 0;
 
  }  
})
 
$(function(){
 
    
    var html = template("fv_tab_tmp", {list: links});
 
    $("#fv_tabs").empty().append(html);
 
//  parent.document.getElementById('fv_main').src = links[0].url;
 
    
    $("#fv_tabs").on('click', 'a', function(){
 
        var $this = $(this),
 
            $li = $this.parent(),
 
            index = $li.index();
 
        
        if(parent.clickOtherTab){
 
            $li.siblings().removeClass("active");
 
            $li.addClass("active");
 
            selectedTab = $this.data('index');
 
    //      reqLinkList.push(links[tab].url+'&from=tab&fromTabIdx='+fromTabIdx);
 
            var url = links[selectedTab].url;
 
            parent.document.getElementById('fv_main').src = url;
 
        }else{
 
            return false;
 
        }
 
    })
 
})
 
parent.goFollowupNextQuestionaire = function(){
 
    selectedTab ++;
 
    $("#fv_tabs a").eq(selectedTab).trigger('click');
 
}