Browse Source

修改生成随访页面

zyz 7 years ago
parent
commit
b6ae19ce33
2 changed files with 95 additions and 57 deletions
  1. 31 8
      html/suifang/html/add_plan.html
  2. 64 49
      html/suifang/js/add_plan.js

+ 31 - 8
html/suifang/html/add_plan.html

@ -7,8 +7,10 @@
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
        <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
        <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.ui.css"/>
	    <link rel="stylesheet" type="text/css" href="../css/index.css"/>
	    <link rel="stylesheet" type="text/css" href="../css/mf-style.css"/>
	    <style>
	    	.c-list .c-list-info{padding-right: 0px;}
@ -20,6 +22,9 @@
			.weixin-icon { width: 20px; height: 17px; margin-top: 0px; margin-right: 5px;vertical-align:middle; }
			.xuetang-icon { width: 12px; height: 21px; margin-top: 0px; margin-right: 0px;vertical-align:middle; }
			.xueya-icon { width: 15px; height: 18px; margin-top: 0px; margin-right: 5px;vertical-align:middle; }
	    	.sffs-select{position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: 0;z-index: 2;}
	    	.bgc-fff{background-color: #fff;}
	    	.plan_date{margin-bottom: 0!important;border: none!important;;padding-right: 0!important;}
	    </style>
	</head>
	<body>
@ -34,7 +39,7 @@
                
            </ul>
            <div class="plan_list">
	            <ul class="c-list bgc-fff c-f15 c-border-tb mt10" data-num='1'>
	            <ul class="c-list bgc-fff c-f15 c-border-tb mt10 scsf-item" data-num='1'>
	                <li class="ptb12 c-position-r">
	                    <div class="c-list-key"><i class="title-line"></i>第1次</div>
	                </li>
@ -44,17 +49,16 @@
	                        <input type="text" placeholder="请选择" readonly="readonly" class="width-100 c-t-right plan_date" data-val="date" />
	                    </div>
	                </li>
	                <li class="list-arrow-r ptb12">
	                <li class="ptb12">
	                    <div class="c-list-key c-t-right"><i class="required"></i>随访医生</div>
	                    <div class="c-list-info c-t-right">
	                    <div class="c-list-info c-t-right" style="padding-right: 15px;">
	                        <div class="width-100 c-333 word-bread plan_doctor" data-val="doctor" data-id=""></div>
	                    </div>
	                </li>
	                <li class="ptb12">
	                    <div class="c-list-key c-t-right">随访方式</div>
	                    <div class="c-list-info c-t-right" style="padding-right: 15px;">
	                        <div class="width-100 c-333 word-bread plan_type" data-val="way" data-id="">全科</div>
	                        <!--<input type="text" placeholder="请选择" readonly="readonly" class="width-100 c-t-right plan_type" data-val="way" />-->
	                        <div class="width-100 c-333 word-bread plan_type" data-val="way" data-id="3">电话随访</div>
	                    </div>
	                </li>
	            </ul>
@ -73,13 +77,13 @@
	                <li class="list-arrow-r ptb12">
	                    <div class="c-list-key c-t-right"><i class="required"></i>随访医生</div>
	                    <div class="c-list-info c-t-right">
	                        <div class="width-100 c-333 word-bread plan_doctor" data-val="doctor" data-id=""></div>
	                        <div class="width-100 c-333 word-bread plan_doctor" data-val="doctor" data-id="0"></div>
	                    </div>
	                </li>
	                <li class="ptb12">
	                    <div class="c-list-key c-t-right">随访方式</div>
	                    <div class="c-list-info c-t-right">
	                        <div class="width-100 c-333 word-bread plan_type" data-val="way" data-id="">全科</div>
	                        <div class="width-100 c-333 word-bread plan_type" data-val="way" data-id="3">电话随访</div>
	                        <!--<input type="text" placeholder="请选择" readonly="readonly" class="width-100 c-t-right plan_type" data-val="way" />-->
	                    </div>
	                </li>
@ -93,7 +97,26 @@
                <a href="javascript:;" class="c-btn c-btn-a c-btn-full c-f15 submit">保存</a>
            </div>
        </div>
        
        <div id="sheet1" class="mui-popover mui-popover-bottom mui-popover-action ">
                <!-- 可选择菜单 -->
                <ul class="mui-table-view">
                  <li class="mui-table-view-cell mui-table-view-cell1" data-value="3">
                    <a href="javascript:;">电话随访</a>
                  </li>
                  <li class="mui-table-view-cell mui-table-view-cell1" data-value="2">
                    <a href="javascript:;">网络随访</a>
                  </li>
                  <li class="mui-table-view-cell mui-table-view-cell1" data-value="1">
                    <a href="javascript:;">上门随访</a>
                  </li>
                </ul>
                <!-- 取消菜单 -->
                <ul class="mui-table-view">
                  <li class="mui-table-view-cell mui-table-view-cell1">
                    <a href="#sheet1"><b>取消</b></a>
                  </li>
                </ul>
            </div>
        <script type="text/html" id="people_msg">
        	<li class="ptb12">
                <div class="c-list-key">

+ 64 - 49
html/suifang/js/add_plan.js

@ -11,6 +11,7 @@ var baseInfo = null,
    team_msg = "",
    docList = null; //记录改患者可选的随访医生列表
    
var currentNum=1;//当前选择下的记录
//下拉弹框的数据
var type_keys = [],
    type_vals = [],
@ -120,7 +121,7 @@ getDoctorList = function(){
//},
setDefaultSelect = function() {
    // 获取健康管理师下拉框mibiscroll实例
    var doctorMobiscroll = $('[data-val=doctor]').mobiscroll('getInst');
//  var doctorMobiscroll = $('[data-val=doctor]').mobiscroll('getInst');
    var valueText = "{keys:'"+defaultDoc.keys+"',values:'"+defaultDoc.values+"'}";
    doctorMobiscroll.setVal([valueText]);
},
@ -156,41 +157,53 @@ initialize_select = function(){
//  });
    //随访医生选择
    $('[data-val=doctor]').mobiscroll({
        theme: 'ios',
        lang: 'zh',
        customWheels: true,
        wheels: [
            [{
                keys: doc_keys,
                values: doc_vals
            }]
        ],
        onSelect: function(valueText, inst) {
            var dd = eval("[" + valueText + "]");
            var $this = $(this)
            $this.text(dd[0].values);
            $this.attr('data-id',dd[0].keys);
            //随访方式写死team_msg
	    	$.map(team_msg,function(o,i){
	    		if(dd[0].keys == o.code){
	    			if(o.typename == "全科医生"){
	    				$this.closest('ul.c-list').find(".plan_type").html('家庭(全科)')
  						$this.closest('ul.c-list').find(".plan_type").attr('data-id',22)
	    			}
	    			if(o.typename == "健康管理师"){
	    				$this.closest('ul.c-list').find(".plan_type").html('健管师随访')
  						$this.closest('ul.c-list').find(".plan_type").attr('data-id',10)
	    			}
	    			if(o.typename == "专科医生"){
	    				$this.closest('ul.c-list').find(".plan_type").html('专科医生随访')
  						$this.closest('ul.c-list').find(".plan_type").attr('data-id',13)
	    			}
	    		}
	    	})
        }
    });
    setDefaultSelect(); //设置默认医生选中
//  $('[data-val=doctor]').mobiscroll({
//      theme: 'ios',
//      lang: 'zh',
//      customWheels: true,
//      wheels: [
//          [{
//              keys: doc_keys,
//              values: doc_vals
//          }]
//      ],
//      onSelect: function(valueText, inst) {
//          var dd = eval("[" + valueText + "]");
//          var $this = $(this)
//          $this.text(dd[0].values);
//          $this.attr('data-id',dd[0].keys);
//          //随访方式写死team_msg
//	    	$.map(team_msg,function(o,i){
//	    		if(dd[0].keys == o.code){
//	    			if(o.typename == "全科医生"){
//	    				$this.closest('ul.c-list').find(".plan_type").html('家庭(全科)')
//						$this.closest('ul.c-list').find(".plan_type").attr('data-id',22)
//	    			}
//	    			if(o.typename == "健康管理师"){
//	    				$this.closest('ul.c-list').find(".plan_type").html('健管师随访')
//						$this.closest('ul.c-list').find(".plan_type").attr('data-id',10)
//	    			}
//	    			if(o.typename == "专科医生"){
//	    				$this.closest('ul.c-list').find(".plan_type").html('专科医生随访')
//						$this.closest('ul.c-list').find(".plan_type").attr('data-id',13)
//	    			}
//	    		}
//	    	})
//      }
//  });
//  setDefaultSelect(); //设置默认医生选中
},
reflashBindEvent=function(){
	$(".plan_type").unbind("click")
	$(".mui-table-view-cell1").unbind("click")
	$(".plan_type").bind('click',function(){
    	currentNum=$(this).parents(".scsf-item").data("num") || $(this).parents(".append_plan").data("num");
    	mui('#sheet1').popover('toggle');
    })
    $(".mui-table-view-cell1").bind('click',function(){
    	mui('#sheet1').popover('hide');
    	$("[data-num="+currentNum+"]").find(".plan_type").text($(this).find('a').text()).data('id',($(this).data("value")))
    })
},
//绑定事件
bindEvents = function(){
@ -205,8 +218,9 @@ bindEvents = function(){
        $('.plan_list').children('ul').last().find('.plan_type').attr('id','way'+num);
        $('.plan_list').children('ul').last().find('.plan_doctor').attr('id','doctor'+num);
        initialize_select(num);
        reflashBindEvent();
    });
    
    reflashBindEvent();
    //删除随访
    $('.main').on('click','.title-btn',function (){
        $(this).parents('.append_plan').remove();
@ -218,8 +232,8 @@ bindEvents = function(){
        var plan_datas = [];
        $('.plan_list').children('ul').each(function (e){
            var plan_date = $(this).find('.plan_date').val();
            var plan_type = $(this).find('.plan_type').attr('data-id');
            var plan_doctor = $(this).find('.plan_doctor').attr('data-id');
            var plan_type = $(this).find('.plan_type').data('id');
            var plan_doctor = $(this).find('.plan_doctor').data('id');
            if(plan_date == '' || plan_date == '请选择'){
               status = 1;
            }
@ -325,16 +339,17 @@ function backToPage(wv,id){
}
//随访方式写死 第一次初始化
function doctorLevel(){
    if(docInfo.level ==2){
      	$(".plan_type").html('家庭(全科)')
      	$(".plan_type").attr('data-id',22)
    }else if(docInfo.level ==3){
    	$(".plan_type").html('健管师随访')
    	$(".plan_type").attr('data-id',10)
    }else if(docInfo.level ==1){
    	$(".plan_type").html('专科医生随访')
    	$(".plan_type").attr('data-id',13)
    }
	
//  if(docInfo.level ==2){
//    	$(".plan_type").html('家庭(全科)')
//    	$(".plan_type").attr('data-id',22)
//  }else if(docInfo.level ==3){
//  	$(".plan_type").html('健管师随访')
//  	$(".plan_type").attr('data-id',10)
//  }else if(docInfo.level ==1){
//  	$(".plan_type").html('专科医生随访')
//  	$(".plan_type").attr('data-id',13)
//  }
}
// 页面业务处理流程开始